:root{--paper:#fbf7ee;--paper-dot:#e4dccb;--card:#fff;--ink:#1d1a24;--ink-soft:#625b6e;--line:#e9e2d3;--highlight:#ffd84d;--red:#ef4b3f;--red-soft:#ffe3df;--green:#22a06b;--green-soft:#dff5ea;--radius:16px;--border:2.5px solid var(--ink);--shadow:4px 4px 0 var(--ink);--font-display:"Caveat Brush", "Comic Sans MS", cursive;--font-body:"Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background-color:var(--paper);background-image:radial-gradient(var(--paper-dot) 1.2px, transparent 1.2px);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-size:22px 22px;font-weight:500;line-height:1.5}h1,h2,p{margin:0}h2{font-size:1.15rem;font-weight:900}button,input,select,textarea{font:inherit;color:inherit}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.center{text-align:center}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:800}.logo{font-family:var(--font-display);letter-spacing:.01em;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.16em;font-weight:400;line-height:.9;display:inline-flex}.logo-looks{color:var(--ink-soft);font-size:.55em;transform:rotate(-7deg)translateY(-.08em)}.logo-main{position:relative}.logo-xl{font-size:clamp(4.5rem,18vw,8rem)}.logo-sm{font-size:2.2rem}.logo-scribble{z-index:-1;width:104%;height:.28em;position:absolute;bottom:-.08em;left:-2%}.logo-scribble path{fill:none;stroke:var(--highlight);stroke-width:9px;stroke-linecap:round}.btn{border:var(--border);background:var(--card);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--highlight)}.btn-lg{width:100%;padding:.85rem 1.2rem;font-size:1.1rem}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--card)}.link-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:800;text-decoration:underline}input,select,textarea{border:var(--border);background:var(--card);border-radius:12px;outline:none;width:100%;min-width:0;padding:.7rem .9rem;font-weight:700}textarea{resize:vertical;font-weight:600}select{cursor:pointer}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px var(--highlight)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.field{gap:.35rem;font-weight:800;display:grid}.form-error{background:var(--red-soft);color:#a51d12;border-radius:10px;margin-top:.75rem;padding:.55rem .8rem;font-weight:700}.notice{border:2px dashed var(--ink);background:#fff6cc;border-radius:10px;margin-top:1rem;padding:.6rem .8rem;font-weight:700}.card{background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.2rem}.card-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.pill,.tag{border:2px solid var(--ink);background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;font-weight:800;display:inline-flex}.pill{padding:.15rem .7rem;font-size:.85rem}.tag{text-transform:uppercase;letter-spacing:.05em;padding:0 .5rem;font-size:.7rem}.tag-live{background:var(--highlight)}.avatar{border:2px solid var(--ink);color:#fff;text-shadow:0 1px #00000040;border-radius:50%;flex:none;place-items:center;font-weight:900;display:inline-grid}.avatar-empty{background:0 0;border-style:dashed;width:36px;height:36px}.is-away{opacity:.5}.conn-banner{z-index:50;background:var(--ink);color:var(--highlight);text-align:center;padding:.4rem;font-weight:800;position:fixed;inset:0 0 auto}.home{justify-items:center;gap:2rem;max-width:460px;margin:0 auto;padding:clamp(2rem,8vh,5rem) 16px 3rem;display:grid}.home-hero{text-align:center;isolation:isolate;justify-items:center;gap:1rem;display:grid}.tagline{max-width:22rem;font-size:1.15rem;font-weight:700}.home-card{gap:1rem;width:100%;display:grid;transform:rotate(-.6deg)}.divider{color:var(--ink-soft);align-items:center;gap:.75rem;font-size:.85rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";border-top:2px dashed var(--line);flex:1}.join-row{gap:.6rem;display:flex}.code-input{font-family:var(--font-display);letter-spacing:.3em;text-align:center;text-transform:uppercase;padding-block:.35rem;font-size:1.5rem}.how{width:100%;max-width:460px}.how h2{font-family:var(--font-display);margin-bottom:.6rem;font-size:1.8rem;font-weight:400}.how ol{counter-reset:step;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.how li{counter-increment:step;padding-left:2.6rem;position:relative}.how li:before{content:counter(step);border:2px solid var(--ink);background:var(--highlight);border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;font-weight:900;display:grid;position:absolute;top:0;left:0}.topbar{isolation:isolate;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:12px 16px;display:flex}.topbar-meta{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.lobby{justify-items:center;gap:2rem;padding-bottom:3rem;display:grid}.lobby>.topbar{width:100%}.lobby-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;width:100%;max-width:900px;padding:0 16px;display:grid}.room-card{text-align:center;background:var(--highlight);justify-items:center;gap:.6rem;display:grid;transform:rotate(-1.2deg)}.room-code{font-family:var(--font-display);letter-spacing:.12em;font-size:4.2rem;line-height:1}.lobby-players,.player-list ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.lobby-players li,.player-list li{align-items:center;gap:.65rem;min-height:44px;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.score{font-weight:900}.lobby-actions{margin-top:1.1rem}.lobby .how{max-width:900px;padding:0 16px}.lobby-col,.sidebar-stack{align-content:start;gap:1.25rem;min-width:0;display:grid}@media (width<=680px){.lobby-grid{grid-template-columns:1fr}}.game{padding-bottom:2rem}.game-grid{grid-template:"status secret""canvas players""panel players"1fr/minmax(0,1fr) 290px;align-items:start;gap:16px 20px;max-width:1200px;margin:0 auto;padding:0 16px;display:grid}.area-status{grid-area:status}.area-secret{grid-area:secret}.area-canvas{grid-area:canvas;min-width:0}.area-panel{grid-area:panel;min-width:0}.area-panel:empty{display:none}.area-players{grid-area:players}@media (width<=860px){.game-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"status""secret""canvas""panel""players"}}.status-bar{align-content:center;align-self:stretch;gap:.6rem;display:grid}.status-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.status-text{font-size:1.1rem}.status-drawer{align-items:center;gap:.45rem;display:inline-flex}.your-turn{background:linear-gradient(transparent 55%, var(--highlight) 55%)}.timer{min-width:3ch;font-family:var(--font-display);text-align:right;font-size:1.8rem;line-height:1}.timer.is-urgent{color:var(--red)}.timer-track{border:2px solid var(--ink);background:var(--paper);border-radius:999px;height:10px;overflow:hidden}.timer-fill{background:var(--highlight);height:100%;transition:width .2s linear}.timer-fill.is-urgent{background:var(--red)}.secret-card{gap:.1rem;display:grid;transform:rotate(.8deg)}.secret-card.is-imposter{background:var(--red-soft)}.secret-head{justify-content:space-between;align-items:center;display:flex}.secret-category{margin-bottom:.4rem;font-size:1.2rem;font-weight:900}.secret-word{font-family:var(--font-display);background:linear-gradient(transparent 58%, var(--highlight) 58%);justify-self:start;font-size:2.2rem;line-height:1.1}.secret-word.is-hidden{color:var(--ink-soft);background:0 0}.imposter-word{color:var(--red);background:0 0}.canvas-stage{width:min(100%,133.333vh - 386.667px);min-width:min(100%,320px);margin:0 auto;position:relative}.canvas-wrap{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.canvas-wrap.is-active{box-shadow:0 0 0 5px var(--turn-color), 7px 7px 0 var(--ink);animation:1.4s ease-in-out infinite turn-pulse}@keyframes turn-pulse{50%{box-shadow:0 0 0 9px var(--turn-color), 7px 7px 0 var(--ink)}}.board{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.canvas-wrap.is-active .board{cursor:crosshair}.player-list li{border:2px solid #0000;border-radius:12px;padding:.25rem .5rem}.player-list li.is-drawing{border-color:var(--ink);background:#fff6cc}.panel{gap:.75rem;display:grid}.vote-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;display:grid}.vote-btn{border:var(--border);background:var(--card);cursor:pointer;border-radius:14px;justify-items:center;gap:.35rem;padding:.75rem .5rem;font-weight:800;transition:transform 80ms;display:grid}.vote-btn:hover{transform:translateY(-2px)}.vote-btn.is-selected{background:var(--highlight);box-shadow:3px 3px 0 var(--ink)}.results.artists-won{background:var(--green-soft)}.results.imposter-won{background:var(--red-soft)}.results-title{font-family:var(--font-display);font-size:2.4rem;font-weight:400;line-height:1}.results-reveal,.results-cols{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.results-reveal{border:2px dashed var(--ink);background:var(--card);border-radius:12px;padding:.8rem 1rem}.results-person{align-items:center;gap:.5rem;font-size:1.2rem;font-weight:900;display:flex}.vote-list,.score-list{margin:.2rem 0 0;padding:0;list-style:none}.score-list li{border-bottom:1px dashed #1d1a2433;justify-content:space-between;display:flex}.results-actions{grid-template-columns:2fr 1fr;gap:.6rem;display:grid}.overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d1a248c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;gap:.4rem;width:100%;max-width:440px;padding:1.75rem;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:grid}.modal.is-imposter{background:var(--red-soft)}.reveal-category{margin-bottom:.6rem;font-size:1.5rem;font-weight:900}.reveal-word{font-family:var(--font-display);background:linear-gradient(transparent 58%, var(--highlight) 58%);justify-self:center;margin-bottom:.5rem;font-size:3.2rem;line-height:1.1}.reveal-word.imposter-word{background:0 0;font-size:2.6rem}@keyframes pop{0%{opacity:0;transform:scale(.85)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar-actions{align-items:center;gap:.25rem;display:flex}.icon-btn{padding:.45rem .6rem;font-size:1.15rem;line-height:1}.settings-card{gap:.9rem;display:grid}.settings-card .card-head{margin-bottom:0}.setting{gap:.35rem;display:grid}.setting-label{font-size:.85rem;font-weight:800}.setting-chips{flex-wrap:wrap;gap:.4rem;display:flex}.segmented{border:var(--border);border-radius:12px;display:flex;overflow:hidden}.segmented button{border:0;border-left:2px solid var(--ink);background:var(--card);cursor:pointer;flex:1;padding:.45rem .3rem;font-weight:800}.segmented button:first-child{border-left:0}.segmented button.is-on{background:var(--highlight)}.segmented button:hover:not(.is-on){background:var(--paper)}.custom-words{border:2px dashed var(--ink);border-radius:12px;gap:.75rem;padding:.7rem .9rem;display:grid}.custom-words[open]{padding-bottom:.9rem}.custom-words summary{cursor:pointer;font-weight:900}.custom-words[open] summary{margin-bottom:.75rem}.custom-words .setting+.setting{margin-top:.7rem}.custom-words-foot{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.7rem;display:flex}.chat{gap:.6rem;display:grid}.chat .card-head{margin-bottom:0}.chat-list{border:2px solid var(--line);background:var(--paper);overflow-wrap:anywhere;border-radius:10px;align-content:start;gap:.3rem;height:170px;margin:0;padding:.5rem .6rem;list-style:none;display:grid;overflow-y:auto}.chat-form{gap:.5rem;display:flex}.chat-form input{padding-block:.5rem}.chat-form .btn{padding:.5rem .8rem}.chat .form-error{margin-top:0}.reaction-bar{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.9rem;display:flex}.reaction-btn{border:2px solid var(--ink);background:var(--card);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.35rem;transition:transform .1s;display:grid}.reaction-btn:hover{background:var(--highlight);transform:translateY(-3px)rotate(-8deg)}.reaction-btn:active{transform:scale(.9)}.reaction-layer{pointer-events:none;border-radius:var(--radius);position:absolute;inset:0;overflow:hidden}.floating-reaction{justify-items:center;animation:2.2s ease-out forwards float-up;display:grid;position:absolute;bottom:6px}.floating-emoji{font-size:2.4rem;line-height:1}.floating-name{border:1.5px solid var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:0 .4rem;font-size:.7rem;font-weight:800}@keyframes float-up{0%{opacity:0;transform:translateY(20px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-260px)scale(1)}}.ad-slot{justify-items:center;gap:.3rem;min-width:0;display:grid}.ad-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.65rem;font-weight:800}.ad-box{border-radius:8px;max-width:100%;overflow:hidden}.ad-slot.is-loading .ad-box{background:repeating-linear-gradient(-45deg,#0000 0 8px,#1d1a240a 8px 16px)}.results-ad{border-top:2px dashed #1d1a2426;padding-top:.25rem}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,.chat-list{-webkit-user-select:text;user-select:text}