:root{--paper:#f4efe6;--paper-2:#efe7d9;--paper-3:#e7ddcb;--paper-edge:#d9cdb6;--ink:#1a2238;--ink-soft:#4a5168;--ink-faint:#8b8d99;--vermillon:#e23b2e;--vermillon-deep:#c22d22;--leaf:#2f7d63;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif;--radius:4px;--shadow-soft:0 18px 40px -24px #1a223873;font:17px/1.55 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper)}.grain{z-index:100;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.grain{opacity:.5}}#root{flex-direction:column;width:100%;max-width:560px;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 .5em;font-weight:500;line-height:1.1}h1{font-size:clamp(2rem,8vw,3rem);font-weight:400}p{margin:0 0 .6em}.muted{color:var(--ink-soft)}.app{flex-direction:column;flex:1;display:flex;position:relative}.screen{flex-direction:column;flex:1;gap:1.1rem;padding:1.4rem 1.25rem 1.6rem;display:flex;position:relative}.screen--center{text-align:center;justify-content:center;align-items:center}.screen--center:before{content:"";z-index:0;aspect-ratio:1;filter:blur(8px);pointer-events:none;background:radial-gradient(closest-side,#e23b2e14,#0000 70%);width:min(78vw,360px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen--center>*{z-index:1;position:relative}.btn{font:600 1rem/1.2 var(--sans);letter-spacing:.01em;border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:var(--ink);min-height:50px;color:var(--paper);padding:.85rem 1.3rem;transition:transform .12s,background .15s,color .15s,box-shadow .15s}.btn:not(:disabled):hover{background:var(--vermillon);border-color:var(--vermillon);color:#fff}.btn:not(:disabled):active{transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--secondary{color:var(--ink);background:0 0}.btn--secondary:not(:disabled):hover{background:var(--ink);color:var(--paper)}.btn--ghost{color:var(--ink);border-color:var(--paper-edge);background:0 0;min-height:42px;padding:.5rem .8rem;font-size:.92rem}.btn--ghost:not(:disabled):hover{border-color:var(--ink);color:var(--vermillon);background:0 0}.btn--danger{background:var(--vermillon);border-color:var(--vermillon);color:#fff}.topbar{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--paper-edge);justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1.1rem;display:flex;position:sticky;top:0}.topbar__title{font-family:var(--serif);letter-spacing:.01em;color:var(--ink);font-size:1.25rem}.topbar__title:after{content:" ●";color:var(--vermillon);vertical-align:.25em;font-size:.6em}.topbar__actions{gap:.4rem;display:flex}.topbar__btn{min-width:38px;height:34px;font:600 .85rem/1 var(--sans);color:var(--ink);border:1px solid var(--paper-edge);border-radius:var(--radius);cursor:pointer;background:0 0;padding:0 .55rem;transition:border-color .15s,color .15s}.topbar__btn:hover{border-color:var(--ink);color:var(--vermillon)}.buffer__eyebrow{text-transform:uppercase;letter-spacing:.32em;color:var(--vermillon);margin-bottom:.2rem;font-size:.72rem}.buffer__title{font-family:var(--serif);margin:.1em 0 .3em;font-size:clamp(1.9rem,8vw,2.8rem);font-weight:400;line-height:1.05}.buffer__title strong{font-style:italic;font-weight:500}.buffer__hint{color:var(--ink-soft);max-width:30ch;margin-bottom:.4rem}.setup__header{text-align:center;margin-bottom:.4rem}.app-title{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(2.6rem,13vw,4rem);font-weight:400}.app-title:after{content:".";color:var(--vermillon)}.setup__tag{color:var(--ink-soft);font-style:italic;font-family:var(--serif)}.setup__section{background:var(--paper-2);border:1px solid var(--paper-edge);border-radius:8px;padding:1.1rem}.setup__section h2{margin-bottom:.7rem;font-size:1.15rem}.setup__players{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.setup__player{align-items:center;gap:.6rem;display:flex}.setup__seat{border:1px solid var(--paper-edge);background:var(--paper);width:1.9rem;height:1.9rem;font-family:var(--serif);color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-size:.9rem;display:grid}.setup__input{font:inherit;border-radius:var(--radius);border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);flex:1;min-width:0;padding:.65rem .8rem}.setup__input:focus{border-color:var(--ink);outline:none}.setup__choices{flex-wrap:wrap;gap:.5rem;display:flex}.setup__choices .btn{flex:30%}.setup__toggle{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.92rem;display:flex}.setup__toggle input{width:1.2rem;height:1.2rem;accent-color:var(--vermillon);flex:none;margin-top:.2rem}.setup__toggle strong{color:var(--ink)}.setup__warn{color:var(--vermillon);margin-top:.5rem;font-size:.85rem}.setup__start{width:100%;font-size:1.05rem}.role__for{font-family:var(--serif);color:var(--ink-soft);font-size:1.25rem;font-style:italic}.role__title{font-family:var(--serif);letter-spacing:.02em;margin:.1em 0 .2em;font-size:clamp(2.6rem,15vw,4.6rem);font-weight:400;line-height:1}.role--andrea .role__title{color:var(--vermillon);font-style:italic}.role--andrea .role__title:after{content:" ●";vertical-align:.4em;font-size:.4em}.role--personality .role__title{color:var(--ink)}.role__desc{max-width:32ch;color:var(--ink-soft)}.words{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.word{background:var(--paper-2);border:1px solid var(--paper-edge);color:var(--ink);border-radius:6px;align-items:center;gap:.7rem;padding:.7rem .9rem;font-size:1.02rem;display:flex}.word__num{border:1px solid var(--paper-edge);background:var(--paper);width:1.7rem;height:1.7rem;font-family:var(--serif);color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:grid}.word--target{border-color:var(--vermillon);background:color-mix(in srgb, var(--vermillon) 7%, var(--paper-2))}.word--target .word__num{border-color:var(--vermillon);color:var(--vermillon)}.word__badge{text-transform:uppercase;letter-spacing:.18em;color:var(--vermillon);margin-left:auto;font-size:.66rem}.words--pick{gap:.5rem}button.word--btn,button.word--picked{width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--ink);border:1px solid var(--paper-edge);background:var(--paper-2);border-radius:6px;align-items:center;gap:.7rem;padding:.7rem .9rem;transition:border-color .12s,background .12s;display:flex}button.word--btn:hover{border-color:var(--ink-soft)}button.word--picked{border-color:var(--vermillon);background:color-mix(in srgb, var(--vermillon) 9%, var(--paper-2))}.board--locked,.hand,.words-public{background:var(--paper-2);border:1px solid var(--paper-edge);border-radius:8px;padding:1rem}.board--locked h3,.hand h3,.words-public h3,.compose__header h2{font-size:1.05rem}.compose__idea-label{color:var(--ink-soft);font-size:.92rem}.compose__footer{padding-top:.5rem;position:sticky;bottom:0}.compose__lock{width:100%}.cboard{flex-direction:column;gap:.6rem;display:flex}.cboard__stagewrap{background:radial-gradient(120% 90% at 50% 0%, #e23b2e0d, transparent 55%), var(--paper-2);border:1px solid var(--paper-edge);touch-action:none;border-radius:8px;width:100%;position:relative;overflow:hidden}.cboard__loading{background:var(--paper-2);border:1px solid var(--paper-edge);min-height:280px;color:var(--ink-faint);border-radius:8px;place-items:center;font-size:1.5rem;display:grid}.cboard__empty{text-align:center;pointer-events:none;font-style:italic;font-family:var(--serif);place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.cboard__toolbar{background:var(--paper-2);border:1px solid var(--paper-edge);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem;display:flex}.cboard__sel{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-right:auto;font-size:.85rem}.hand__rail{scroll-snap-type:x proximity;gap:.6rem;margin:0;padding:.25rem;list-style:none;display:flex;overflow-x:auto}.hand__tile{scroll-snap-align:start;flex:none}.hand__thumb{aspect-ratio:220/300;border:1px solid var(--paper-edge);background:var(--paper);cursor:pointer;width:82px;box-shadow:var(--shadow-soft);border-radius:8px;padding:0;transition:transform .12s;position:relative;overflow:hidden}.hand__thumb:hover{transform:translateY(-3px)rotate(-1deg)}.hand__thumb img{object-fit:cover;width:100%;height:100%;display:block}.hand__plus{inset-inline:0;letter-spacing:.04em;text-align:center;background:var(--ink);color:var(--paper);padding:3px 0;font-size:.68rem;font-weight:600;position:absolute;bottom:0}.discussion__meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.badge{border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:999px;padding:.32rem .75rem;font-size:.85rem;display:inline-block}.badge strong{color:var(--vermillon)}.discussion__next,.guess__confirm,.vote__confirm{width:100%;margin-top:auto}.timer{font-family:var(--serif);font-variant-numeric:tabular-nums;border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);border-radius:999px;padding:.25rem .7rem;font-size:1.05rem}.timer--up{border-color:var(--vermillon);color:var(--vermillon);animation:.8s infinite pulse}.score{flex-direction:column;align-items:center;gap:.4rem;display:flex}.score__row{align-items:center;gap:.7rem;display:flex}.score__label{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);text-align:right;width:4.5rem;font-size:.72rem}.score__dots{letter-spacing:.2em;color:var(--leaf);font-size:1.05rem}.score__dots--fail{color:var(--vermillon)}.resolve__verdict{font-family:var(--serif);font-size:clamp(2.2rem,11vw,3.4rem);font-style:italic;font-weight:400}.resolve--success .resolve__verdict{color:var(--leaf)}.resolve--fail .resolve__verdict{color:var(--vermillon)}.resolve__detail{color:var(--ink-soft);max-width:34ch}.resolve__detail strong{color:var(--ink)}.vote__candidates{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.vote__btn{width:100%;font:inherit;text-align:left;border:1px solid var(--paper-edge);background:var(--paper-2);color:var(--ink);cursor:pointer;border-radius:6px;padding:.85rem 1rem;transition:border-color .12s,background .12s}.vote__btn:hover{border-color:var(--ink-soft)}.vote__btn--picked{border-color:var(--vermillon);background:color-mix(in srgb, var(--vermillon) 9%, var(--paper-2))}.vote__btn:disabled{opacity:.5}.end__title{font-family:var(--serif);font-weight:400}.end__reveal{font-size:1.1rem;font-style:italic;font-family:var(--serif)}.end__reveal strong{color:var(--vermillon);font-style:normal}.end__recap{background:var(--paper-2);border:1px solid var(--paper-edge);border-radius:8px;padding:1rem}.end__history{flex-direction:column;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.end__turn{background:var(--paper);border-radius:6px;justify-content:space-between;gap:.6rem;padding:.45rem .6rem;display:flex}.end__turn--success{border-left:3px solid var(--leaf)}.end__turn--fail{border-left:3px solid var(--vermillon)}.end__actions{flex-direction:column;gap:.6rem;margin-top:auto;display:flex}.modal{z-index:80;background:#1a223873;place-items:center;padding:1rem;animation:.18s fade;display:grid;position:fixed;inset:0}.modal__panel{background:var(--paper);border:1px solid var(--paper-edge);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-soft);border-radius:8px;padding:1.4rem;overflow-y:auto}.modal__title{margin-top:0}.rules__section{margin-bottom:1rem}.rules__section h3{color:var(--vermillon);margin-bottom:.25rem;font-size:1.05rem}.rules__close{width:100%;margin-top:.5rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.55}}.fade-in{animation:.45s cubic-bezier(.2,.7,.2,1) rise}.pop-in{animation:.5s cubic-bezier(.2,.8,.3,1) pop}@media (prefers-reduced-motion:reduce){.fade-in,.pop-in,.timer--up{animation:none}}