: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;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#17151c;--paper-dot:#2a2731;--card:#221f29;--ink:#eee8db;--ink-soft:#a9a1b4;--line:#36323e;--red:#ff7064;--red-soft:#3b2326;--green-soft:#1d3428;--note:#3a3322;--mark:#ffd84d61;--shadow-ink:#000;--doodle:#37333f;--danger-text:#ffb4ab;--hairline:#eee8db2e;--overlay:#0000009e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#17151c;--paper-dot:#2a2731;--card:#221f29;--ink:#eee8db;--ink-soft:#a9a1b4;--line:#36323e;--red:#ff7064;--red-soft:#3b2326;--green-soft:#1d3428;--note:#3a3322;--mark:#ffd84d61;--shadow-ink:#000;--doodle:#37333f;--danger-text:#ffb4ab;--hairline:#eee8db2e;--overlay:#0000009e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,: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;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(--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}.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-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:#ffd84d;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 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(--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.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: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);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(--shadow-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:var(--note)}.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(--shadow-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 var(--hairline);justify-content:space-between;display:flex}.results-actions{grid-template-columns:2fr 1fr;gap:.6rem;display:grid}.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;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(--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)}}@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;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, 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)}.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);border-radius:16px;align-items:center;gap:.75rem;margin:.9rem auto 0;padding:.5rem;animation:.25s cubic-bezier(.2,1.4,.4,1) pop;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,.reaction-btn:hover,.how 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}.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;border-radius:24px;justify-items:center;gap:.2rem;padding:1.4rem 2rem 1.2rem;animation:1.9s cubic-bezier(.2,1.3,.4,1) forwards announce;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)}.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}