: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;--note:#fff6cc;--mark:#ffd84d;--on-highlight:#1d1a24;--shadow-ink:#1d1a24;--board:#fff;--doodle:#ddd3bf;--danger-text:#a51d12;--hairline:#1d1a242e;--overlay:#1d1a248c;--radius:16px;--border:2.5px solid var(--ink);--shadow:4px 4px 0 var(--shadow-ink);--font-display:"Caveat Brush", "Comic Sans MS", cursive;--font-body:"Nunito", system-ui, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-bounce:cubic-bezier(.2, 1.4, .4, 1);--duration-press:.12s;--duration-enter:.28s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#0f0e17;--paper-dot:#201d2c;--card:#1d1b2a;--ink:ivory;--ink-soft:#a7a9be;--line:#2a273d;--highlight:#ff4fc3;--red:#ff5277;--red-soft:#3a1e29;--green-soft:#1d3428;--note:#3a2230;--mark:#ff4fc361;--shadow-ink:#000;--doodle:#ff527733;--danger-text:#ffb4ab;--hairline:#fffff02e;--overlay:#0f0e17b8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f0e17;--paper-dot:#201d2c;--card:#1d1b2a;--ink:ivory;--ink-soft:#a7a9be;--line:#2a273d;--highlight:#ff4fc3;--red:#ff5277;--red-soft:#3a1e29;--green-soft:#1d3428;--note:#3a2230;--mark:#ff4fc361;--shadow-ink:#000;--doodle:#ff527733;--danger-text:#ffb4ab;--hairline:#fffff02e;--overlay:#0f0e17b8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark] .btn-primary{background:var(--red);color:#0f0e17}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{background:var(--red);color:#0f0e17}:root:not([data-theme=light]) input,:root:not([data-theme=light]) select,:root:not([data-theme=light]) textarea{background:var(--line)}}*,: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(--shadow-ink);cursor:pointer;transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out);border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-weight:800;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--shadow-ink);transform:translate(-1px,-1px)}}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--shadow-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}@media (hover:hover) and (pointer:fine){.btn-ghost:hover:not(:disabled){border-color:var(--ink);box-shadow:3px 3px 0 var(--shadow-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:var(--danger-text);border-radius:10px;margin-top:.75rem;padding:.55rem .8rem;font-weight:700}.notice{border:2px dashed var(--ink);background:var(--note);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-voted{animation:tag-pop .32s var(--ease-bounce) both}@keyframes tag-pop{0%{opacity:0;transform:scale(.9)rotate(-6deg)}}.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;color:var(--highlight);text-align:center;background:#1d1a24;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 ol li{counter-increment:step;padding-left:2.6rem;position:relative}.how ol 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;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 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{grid-template-columns:minmax(0,1fr);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}.lobby-players li:not(.is-empty){animation:row-in var(--duration-enter) var(--ease-out) both}.lobby-players li:not(.is-empty)>.avatar,.lobby-players li:not(.is-empty)>.avatar-edit{animation:avatar-pop .42s var(--ease-bounce) 80ms both}.lobby-players.is-first-paint li{animation-delay:calc(var(--i,0) * 40ms)}.lobby-players.is-first-paint li>.avatar,.lobby-players.is-first-paint li>.avatar-edit{animation-delay:calc(var(--i,0) * 40ms + 80ms)}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}@keyframes avatar-pop{0%{transform:scale(.9)rotate(-12deg)}}.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>.topbar{max-width:1440px}.game-grid{grid-template:"status status""canvas secret""canvas players""panel players"1fr/minmax(0,1fr) 290px;align-items:start;gap:16px 20px;max-width:1440px;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"}}@media (width<=520px){.area-canvas{margin-inline:-8px}}.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(--mark) 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(--mark) 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.333svh - 346.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:var(--board);position:relative;overflow:hidden}.canvas-wrap.is-active{box-shadow:0 0 0 5px var(--turn-color), 7px 7px 0 var(--shadow-ink)}.canvas-wrap.is-active:after{content:"";border-radius:calc(var(--radius) - 2.5px);box-shadow:inset 0 0 0 4px var(--turn-color);opacity:0;pointer-events:none;will-change:opacity;animation:.7s ease-in-out infinite alternate turn-pulse;position:absolute;inset:0}@keyframes turn-pulse{to{opacity:1}}.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:var(--note)}.panel{gap:.75rem;display:grid}.area-panel>.panel{animation:panel-in var(--duration-enter) var(--ease-out) both}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.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;transition:transform var(--duration-press) var(--ease-out);border-radius:14px;justify-items:center;gap:.35rem;padding:.75rem .5rem;font-weight:800;display:grid}@media (hover:hover) and (pointer:fine){.vote-btn:hover{transform:translateY(-2px)}}.vote-btn:active{transform:scale(.97)}.vote-btn.is-selected{background:var(--highlight);box-shadow:3px 3px 0 var(--shadow-ink);animation:vote-stamp .26s var(--ease-bounce)}@keyframes vote-stamp{0%{transform:scale(.94)rotate(-2deg)}}.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}.results-title{animation:title-stamp .45s var(--ease-bounce) .12s both}@keyframes title-stamp{0%{opacity:0;transform:scale(1.3)rotate(-4deg)}}.results-reveal>*{animation:panel-in var(--duration-enter) var(--ease-out) .26s both}.results-reveal>:nth-child(2){animation-delay:.32s}.results-reveal>:nth-child(3){animation-delay:.38s}.confetti{z-index:44;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{top:-24px;left:var(--x);border:1.5px solid var(--ink);background:var(--piece-color);width:8px;height:14px;animation:confetti-fall var(--dur) linear var(--delay) both;border-radius:2px;position:absolute}.confetti-piece.is-round{border-radius:50%;width:11px;height:11px}@keyframes confetti-fall{0%{transform:translate(0,0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), calc(100vh + 48px), 0) rotate(var(--spin))}}.vote-list,.score-list{margin:.2rem 0 0;padding:0;list-style:none}.score-list li{border-bottom:1px dashed var(--hairline);justify-content:space-between;display:flex}.results-actions{grid-template-columns:2fr 1fr;gap:.6rem;display:grid}@media (width<=480px){.results-actions{grid-template-columns:minmax(0,1fr)}}.overlay{z-index:40;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;width:100%;max-width:440px;animation:pop .35s var(--ease-bounce);gap:.4rem;padding:1.75rem;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(--mark) 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)}}@keyframes fade-in{0%{opacity:0}}@keyframes reaction-fade{0%{opacity:0}15%{opacity:1}to{opacity:0}}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;margin-left:auto;display:flex}.icon-btn{padding:.45rem .6rem;font-size:1.15rem;line-height:1}@media (width<=380px){.topbar{padding-inline:12px}.topbar-actions .btn{padding-inline:.5rem}.topbar-actions .icon-btn{padding-inline:.4rem}}.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;display:flex}.reaction-btn{border:2px solid var(--ink);background:var(--card);cursor:pointer;width:44px;height:44px;transition:transform var(--duration-press) var(--ease-out);border-radius:50%;place-items:center;font-size:1.35rem;display:grid}@media (hover:hover) and (pointer:fine){.reaction-btn:hover{background:var(--highlight);color:var(--on-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, transparent 0 8px, var(--hairline) 8px 16px)}.results-ad{border-top:2px dashed var(--hairline);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}.canvas-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.25rem;margin-top:.9rem;display:flex}.brush-picker{border:2px solid var(--ink);background:var(--card);border-radius:999px;gap:.3rem;padding:.25rem;display:flex}.brush-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.brush-btn:hover{background:var(--paper)}.brush-btn.is-on{border-color:var(--ink);background:var(--highlight)}.color-picker{border-radius:22px;flex-wrap:wrap;justify-content:center}.brush-dot{width:var(--dot);height:var(--dot);border-radius:50%}.brush-cursor{width:var(--brush-px);height:var(--brush-px);margin:calc(var(--brush-px) / -2) 0 0 calc(var(--brush-px) / -2);border:1.5px solid var(--brush-color);pointer-events:none;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #fffc}.brush-cursor[hidden]{display:none}.tool-picker{border:2px solid var(--ink);background:var(--card);border-radius:999px;gap:.3rem;padding:.25rem;display:flex}.tool-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:999px;align-items:center;gap:.3rem;height:40px;padding:0 .85rem;font-weight:800;display:inline-flex}.tool-btn:hover{background:var(--paper)}.tool-btn.is-on{border-color:var(--ink);background:var(--highlight)}.brush-dot.is-eraser{background:var(--card);border:2px solid var(--ink-soft)}.brush-cursor.is-eraser{border:2px dashed var(--ink-soft);background:#ffffff80}.canvas-wrap.is-erasing .board{cursor:cell}.undo-bar{border:var(--border);background:var(--note);width:min(100%,460px);box-shadow:var(--shadow);animation:pop .25s var(--ease-bounce);border-radius:16px;align-items:center;gap:.75rem;margin:.9rem auto 0;padding:.5rem;display:flex}.undo-timer{border:2px solid var(--ink);background:var(--card);border-radius:999px;flex:1;height:10px;overflow:hidden}.undo-timer-fill{background:var(--ink);height:100%;transition:width .2s linear}.btn-primary,.room-card,.tag-live,.segmented button.is-on,.brush-btn.is-on,.tool-btn.is-on,.vote-btn.is-selected,.how ol li:before{color:var(--on-highlight)}.room-card .btn{color:var(--ink)}body,.card{transition-property:background-color,border-color,color;transition-duration:.2s}.doodles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.doodle{color:var(--doodle);transform:rotate(var(--rotate));animation:7s ease-in-out infinite alternate doodle-bob;position:absolute}.doodle path{fill:none;stroke:currentColor;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.doodle.is-accent{color:var(--highlight);opacity:.75}@keyframes doodle-bob{to{transform:rotate(calc(var(--rotate) + 6deg)) translateY(-8px)}}@media (width<=900px){.doodle.is-extra{display:none}.doodle{opacity:.6}}.home{position:relative}.home-toolbar{z-index:2;align-items:flex-start;gap:.25rem;display:flex;position:absolute;top:12px;right:16px}.install{position:relative}.install-btn{padding:.45rem .7rem;font-size:.9rem}.install-tip{width:230px;padding:.7rem .85rem;font-size:.9rem;position:absolute;top:calc(100% + 8px);right:0}.quick-stats{text-align:center;margin-top:-.6rem}.avatar.has-emoji{text-shadow:none;line-height:1}.name-row{align-items:flex-end;gap:.75rem;display:flex}.name-row .field{flex:1}.avatar-choice{border:var(--border);background:var(--highlight);width:52px;height:52px;box-shadow:3px 3px 0 var(--shadow-ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1.7rem;line-height:1;display:grid}@media (hover:hover) and (pointer:fine){.avatar-choice:hover{transform:rotate(-8deg)}}.avatar-picker{border:2px dashed var(--ink);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:.35rem;padding:.6rem;display:grid}.player-list .avatar-picker,.players-card .avatar-picker{margin-top:.75rem}.avatar-option{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;place-items:center;font-size:1.5rem;line-height:1;display:grid}.avatar-option:hover{background:var(--paper)}.avatar-option.is-on{border-color:var(--ink);background:var(--highlight)}.avatar-edit{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit:after{content:"✎";border:1.5px solid var(--ink);background:var(--card);width:18px;height:18px;color:var(--ink);border-radius:50%;place-items:center;font-size:.65rem;display:grid;position:absolute;bottom:-4px;right:-4px}.kick-btn{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.kick-btn:hover{border-color:var(--red);background:var(--red-soft);color:var(--red)}.room-card .pill{color:var(--on-highlight);border-color:var(--on-highlight);background:#ffffff8c}.setting-hint{margin-top:-.55rem}.spectator-note{background:var(--note);border-radius:10px;padding:.35rem .6rem;font-size:.9rem;font-weight:700}.watching-label{margin:.9rem 0 .4rem}.watching-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.watching-list li{opacity:.85;align-items:center;gap:.6rem;padding:0 .5rem;display:flex}.share-drawing{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.kick-spacer{flex:none;width:28px}.announce{z-index:45;pointer-events:none;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.announce-card{border:var(--border);background:var(--card);min-width:min(360px,90vw);box-shadow:8px 8px 0 var(--shadow-ink);text-align:center;animation:announce 1.9s var(--ease-bounce) forwards;border-radius:24px;justify-items:center;gap:.2rem;padding:1.4rem 2rem 1.2rem;display:grid}.announce-card.is-mine{background:var(--highlight);color:var(--on-highlight);border-color:var(--on-highlight)}.announce-emoji{font-size:3.6rem;line-height:1}.announce-title{font-family:var(--font-display);font-size:clamp(2.6rem,9vw,4rem);line-height:1.05}.announce-sub{opacity:.8;font-size:1.15rem;font-weight:800}@keyframes announce{0%{opacity:0;transform:scale(.6)rotate(-4deg)}14%{opacity:1;transform:scale(1.04)rotate(1deg)}22%{transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)translateY(-12px)}}@media (prefers-reduced-motion:reduce){.announce-card{animation:1.9s linear forwards announce-fade!important}@keyframes announce-fade{0%,85%{opacity:1}to{opacity:0}}}.discussion-panel .btn{justify-self:start}.chat.is-highlighted{box-shadow:0 0 0 4px var(--highlight), var(--shadow)}.chat-callout{background:var(--note);border-radius:10px;padding:.35rem .6rem;font-weight:800}.tiebreak-panel.is-mine{box-shadow:0 0 0 4px var(--highlight), var(--shadow)}.tiebreak-drawers{flex-wrap:wrap;gap:.4rem;display:flex}.tiebreak-drawers .pill{gap:.35rem;padding-block:.25rem}.sketch-pad{width:100%}.tiebreak-actions{justify-content:space-between;gap:.6rem;display:flex}.tiebreak-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.tiebreak-grid.is-small{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:.35rem}.tiebreak-entry{border:2px solid var(--line);background:var(--paper);border-radius:14px;gap:.5rem;padding:.5rem;display:grid}.tiebreak-entry.is-selected{border-color:var(--ink);box-shadow:0 0 0 3px var(--highlight);animation:entry-stamp .26s var(--ease-bounce)}@keyframes entry-stamp{0%{transform:scale(.97)}}.tiebreak-entry-foot{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.drawing-thumb{border:2px solid var(--ink);background:var(--board);border-radius:10px;position:relative;overflow:hidden}.drawing-thumb canvas{width:100%;display:block}.drawing-empty{color:#625b6e;place-items:center;display:grid;position:absolute;inset:0}.leaderboard table{border-collapse:collapse;width:100%;font-size:.92rem}.leaderboard th{border-bottom:2px solid var(--ink);color:var(--ink-soft);text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .35rem;font-size:.75rem;font-weight:800}.leaderboard td{border-bottom:1px dashed var(--hairline);padding:.35rem}.leaderboard tr.is-you td{background:var(--note)}.lb-rank{width:1.8rem;font-weight:900}.lb-player{align-items:center;gap:.4rem;min-width:0;display:flex}.lb-num{text-align:right;white-space:nowrap}.leaderboard th:nth-child(n+3){text-align:right}.lb-gain{color:var(--green);margin-left:.3rem;font-size:.8rem;font-weight:900}.lb-legend{margin-top:.4rem}.results-extras{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.how-sub{font-family:var(--font-display);margin:1.1rem 0 .4rem;font-size:1.4rem;font-weight:400}.how-scoring{gap:.25rem;margin:0;padding-left:1.1rem;display:grid}.donate-btn{color:var(--ink);text-decoration:none}.room-card .eyebrow{color:var(--on-highlight);opacity:.7}.back-home{justify-self:center}.account-btn{white-space:nowrap;padding:.45rem .7rem;font-size:.9rem}.account-btn.is-premium{color:#1d1a24;background:linear-gradient(135deg,#fff1a8,#e7b52c);border-color:#d9a21b}.account-modal{text-align:left;gap:.75rem;max-width:480px;max-height:calc(100vh - 32px);position:relative;overflow-y:auto}.account-title{font-family:var(--font-display);font-size:2rem;font-weight:400}.modal-close{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;font-weight:900;position:absolute;top:10px;right:10px}.modal-close:hover{border-color:var(--ink)}.google-btn{gap:.6rem}.premium-status{border:2px dashed var(--ink);border-radius:12px;padding:.6rem .8rem;font-weight:700}.premium-status.is-active{background:linear-gradient(135deg,#fff1a88c,#e7b52c59);border-style:solid;border-color:#b8860b}.perks{border-top:2px dashed var(--hairline);gap:.5rem;padding-top:.75rem;display:grid}.perks h3{font-size:1.05rem;font-weight:900}.perks .card-head{margin-bottom:0}.perk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.perk-option{border:2px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;justify-items:center;gap:.35rem;padding:.55rem .3rem;font-size:.8rem;font-weight:800;display:grid}.perk-option:disabled{cursor:not-allowed;opacity:.6}.perk-option.is-on{border-color:var(--ink);background:var(--highlight);color:var(--on-highlight)}.perk-cta{background:var(--note);border-radius:12px;justify-items:start;gap:.5rem;padding:.7rem;display:grid}.sign-out{justify-self:center}.brush-swatch{background:var(--swatch);border-radius:999px;width:100%;max-width:64px;height:14px}.swatch-glitter{background:radial-gradient(circle at 20% 40%, #fff 0 2px, transparent 3px), radial-gradient(circle at 55% 65%, #ffe27a 0 2px, transparent 3px), radial-gradient(circle at 80% 30%, #fff 0 1.5px, transparent 2.5px), var(--swatch)}.swatch-rainbow{box-shadow:inset 0 0 0 1.5px var(--swatch);background:linear-gradient(90deg,#ff3b3b,#ffa62b,#ffe43b,#3bdc6b,#3bb5ff,#8f5bff,#ff4fd8)}.swatch-gold{box-shadow:inset 0 0 0 1.5px var(--swatch);background:linear-gradient(90deg,#8a6212,#e7b52c,#fff1a8,#d9a21b,#9b6d10)}.tag-premium{color:#1d1a24;background:linear-gradient(135deg,#fff1a8,#e7b52c);border-color:#b8860b}.avatar.border-gold{box-shadow:0 0 0 3px #e7b52c,0 0 0 5px #8a6212}.avatar.border-rainbow,.avatar.border-sparkle{position:relative}.avatar.border-rainbow:before{content:"";pointer-events:none;background:conic-gradient(#ff3b3b,#ffa62b,#ffe43b,#3bdc6b,#3bb5ff,#8f5bff,#ff4fd8,#ff3b3b);border-radius:50%;animation:3s linear infinite border-spin;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px))}.avatar.border-sparkle{box-shadow:0 0 0 3px #fff1a8,0 0 10px 3px #ffd84dcc}.avatar.border-sparkle:after{content:"✨";pointer-events:none;font-size:max(10px,.5em);animation:1.6s ease-in-out infinite sparkle-pulse;position:absolute;top:-.55em;right:-.55em}@keyframes border-spin{to{transform:rotate(360deg)}}@keyframes sparkle-pulse{50%{opacity:.7;transform:scale(1.35)rotate(20deg)}}@media (width<=520px){.account-btn{padding-inline:.5rem;font-size:.8rem}.perk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-footer{text-align:center}.site-footer a,.legal-note a{color:inherit;-webkit-text-decoration-color:var(--highlight);text-decoration-color:var(--highlight);text-decoration-thickness:2px}.legal-note{margin-top:-.35rem}.vote-btn,.results-reveal>*,.results-cols>*,.tiebreak-entry-foot>.status-drawer{min-width:0}.vote-btn span,.results-person,.vote-list,.status-drawer,.announce-title,.tiebreak-drawers .pill{overflow-wrap:anywhere}.vote-btn span{max-width:100%}.tiebreak-drawers .pill{white-space:normal}.announce-card{max-width:calc(100vw - 32px)}.link-grid{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"status status""canvas side";align-items:start;gap:16px 20px;max-width:1440px;margin:0 auto;padding:0 16px;display:grid}.area-side{grid-area:side;min-width:0}@media (width<=860px){.link-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"status""side""canvas"}}.link-score{flex-wrap:wrap;gap:.4rem;display:flex}.link-draw-actions{gap:.5rem;display:flex}.link-targets,.link-pool-card{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.link-targets .card-head,.link-pool-card .card-head{margin-bottom:0}.link-target-list{grid-template-columns:minmax(0,1fr);gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.link-target-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.link-target-list .secret-word{font-size:1.8rem}.link-target-list li.is-found .secret-word{opacity:.55}.link-pool{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;display:grid}.link-word{border:var(--border);background:var(--card);overflow-wrap:anywhere;cursor:pointer;transition:transform var(--duration-press) var(--ease-out);border-radius:12px;padding:.6rem .5rem;font-weight:800}@media (hover:hover) and (pointer:fine){.link-word:hover:not(:disabled){transform:translateY(-2px)}}.link-word:active:not(:disabled){transform:scale(.97)}.link-word.is-found{background:var(--green-soft);border-color:var(--green);animation:vote-stamp .26s var(--ease-bounce)}.link-word.is-wrong{opacity:.45;cursor:not-allowed;text-decoration:line-through}.link-results-wrap{max-width:680px;margin:0 auto;padding:0 16px}.game-pick{text-align:center;grid-template-columns:minmax(0,1fr);gap:.1rem;display:grid}.game-pick-record{font-size:.85rem;font-weight:700}.game-pick-title{font-size:1.1rem}.rush-feature{border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:4px 4px 0 var(--shadow-ink);grid-template-columns:minmax(0,1fr);gap:.75rem;padding:.75rem;display:grid}.rush-play{border:var(--border);border-radius:calc(var(--radius) - 4px);background:var(--highlight);color:var(--on-highlight);font:inherit;text-align:center;cursor:pointer;transition:transform var(--duration-press) var(--ease-out);grid-template-columns:minmax(0,1fr);justify-items:center;gap:.2rem;padding:1rem;display:grid}.rush-play:active:not(:disabled){transform:scale(.97)}@media (hover:hover) and (pointer:fine){.rush-play:hover:not(:disabled){transform:rotate(-1deg)scale(1.01)}}.rush-badge{letter-spacing:.06em;text-transform:uppercase;border:2px solid;border-radius:999px;padding:.1rem .6rem;font-size:.7rem;font-weight:800}.rush-title{font-family:var(--font-display);font-size:2rem;line-height:1.1}.rush-sub{font-size:.9rem;font-weight:600}.rush-board{grid-template-columns:minmax(0,1fr);gap:.4rem;display:grid}.rush-board-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.rush-board-list li{text-align:left;border:2px solid #0000;border-radius:10px;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.3rem .6rem;display:grid}.rush-board-list li.is-you{border-color:var(--ink);background:var(--highlight);color:var(--on-highlight)}.rush-rank{font-weight:800}.rush-names{overflow-wrap:anywhere}.rush-score{font-weight:800}.rush-rank-callout{text-align:center;margin:0;font-weight:800}.duet-grid{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"status status""canvas side";align-items:start;gap:16px 20px;max-width:1440px;margin:0 auto;padding:0 16px;display:grid}@media (width<=980px){.duet-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"status""canvas""side"}}.duet-panel,.duet-board-card{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.duet-panel+.duet-board-card{margin-top:1.25rem}.duet-declare button{font-size:1.1rem}.duet-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}@media (width<=420px){.duet-board{grid-template-columns:repeat(2,minmax(0,1fr))}}.duet-card{border:var(--border);background:var(--card);text-align:center;overflow-wrap:anywhere;cursor:default;min-height:62px;transition:transform var(--duration-press) var(--ease-out);border-radius:12px;place-items:center;padding:.5rem .35rem;font-size:.85rem;font-weight:800;display:grid;position:relative}.duet-card:not(:disabled){cursor:pointer}@media (hover:hover) and (pointer:fine){.duet-card:not(:disabled):hover{transform:translateY(-2px)}}.duet-card:not(:disabled):active{transform:scale(.97)}.duet-card.mine-target{border-color:var(--green);box-shadow:inset 0 0 0 3px var(--green-soft)}.duet-card.mine-trap{border-color:var(--red);box-shadow:inset 0 0 0 3px var(--red-soft)}.duet-card.is-found{background:var(--green-soft);animation:vote-stamp .26s var(--ease-bounce);border-style:dashed}.duet-card.is-neutral{opacity:.5;border-style:dashed}.duet-card.is-trap{background:var(--red-soft);border-color:var(--red)}.duet-mark{font-size:.7rem;line-height:1;position:absolute;top:2px;right:4px}.duet-keys{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.3rem;display:grid}.duet-key-words{overflow-wrap:anywhere;font-weight:800}.target-picture{stroke:#1d1a24;width:100%;height:auto;display:block}.blind-target,.blind-round-thumb{border:var(--border);background:var(--board);border-radius:12px;overflow:hidden}.target-picture.is-overlay{stroke:#16a34a;stroke-dasharray:.024 .012;opacity:.9;pointer-events:none;animation:overlay-in .42s var(--ease-out) both;position:absolute;inset:0}.target-picture.is-guide{stroke:#1d1a24;stroke-dasharray:.018 .012;opacity:.28;pointer-events:none;position:absolute;inset:0}.target-picture.is-overlay>*{stroke-width:.016px}@keyframes overlay-in{0%{opacity:0;transform:scale(1.04)}}.blind-score{text-align:center}.blind-score-value{font-family:var(--font-display);animation:title-stamp .45s var(--ease-bounce) .2s both;margin:0;font-size:clamp(2.8rem,8vw,4rem);font-weight:800;line-height:1}.blind-latest{border:var(--border);background:var(--card);overflow-wrap:anywhere;animation:panel-in var(--duration-enter) var(--ease-out) both;border-radius:12px;margin:0 0 .6rem;padding:.45rem .75rem;display:none}@media (width<=980px){.blind-latest{display:block}}.duet-panel+.blind-chat{margin-top:1.25rem}.blind-rounds{grid-template-columns:minmax(0,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.blind-rounds li{text-align:left;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.blind-round-who{overflow-wrap:anywhere}.field,.home,.home-hero,.home-card,.how ol,.room-card,.lobby-players,.player-list ol,.lobby-col,.sidebar-stack,.status-bar,.secret-card,.panel,.overlay,.modal,.settings-card,.setting,.custom-words,.chat,.chat-list,.ad-slot,.watching-list,.announce,.announce-card,.tiebreak-entry,.how-scoring,.perks,.perk-option,.perk-cta{grid-template-columns:minmax(0,1fr)}.secret-word,.reveal-word,.account-modal{overflow-wrap:anywhere}.leaderboard{overflow-x:auto}.leaderboard .player-name{max-width:8rem}@media (width<=420px){.leaderboard th,.leaderboard td{padding-inline:.25rem}.leaderboard .player-name{max-width:5rem}}@media (prefers-reduced-motion:reduce){.doodle,.avatar.border-rainbow:before,.avatar.border-sparkle:after{animation:none}.canvas-wrap.is-active:after{opacity:1;animation:none}.modal,.undo-bar{animation-name:fade-in}.floating-reaction{animation-name:reaction-fade}.btn:hover:not(:disabled),.vote-btn:hover,.reaction-btn:hover,.avatar-choice:hover{transform:none}.area-panel>.panel,.results-title,.results-reveal>*{animation-name:fade-in}.confetti{display:none}.lobby-players li:not(.is-empty){animation-name:fade-in}.lobby-players li:not(.is-empty)>.avatar,.lobby-players li:not(.is-empty)>.avatar-edit,.vote-btn.is-selected,.tiebreak-entry.is-selected,.link-word.is-found,.duet-card.is-found{animation:none}.rush-play:hover:not(:disabled),.rush-play:active:not(:disabled),.link-word:hover:not(:disabled),.link-word:active:not(:disabled),.duet-card:not(:disabled):hover,.duet-card:not(:disabled):active{transform:none}.tag-voted,.blind-latest,.target-picture.is-overlay,.blind-score-value{animation-name:fade-in}}