@font-face{font-family:Pictochat;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/Pictochat-BMCkl5WO.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--paper: #ffffff;--canvas: #ffffff;--sheet: var(--paper);--ink: #1c1c1e;--shadow: #1c1c1e;--brand-base: #FF29A7;--brand-black-dark: #454149;--brand: var(--brand-base);--on-brand: var(--paper);--good: #1a7a3c;--bad: #b3261e;--p0: #FF29A7;--p1: #DDFF00;--p2: #21FF8C;--p3: #3138FF;--p4: #FF4A00;--p5: #9B29FF;--p6: #00D0FF;--p7: #FF2942;--p8: #FFC300;--p9: #FF9EFF;--p10: #BCFFD5;--p11: #898487;--ink-soft: color-mix(in srgb, var(--ink) 64%, var(--paper));--edge: color-mix(in srgb, var(--ink) 52%, var(--paper));--brand-soft: color-mix(in srgb, var(--brand) 25%, var(--sheet));--brand-dark: color-mix(in srgb, var(--brand) 60%, var(--shadow));--edge-w: 2px;--ring-w: 2px;--tile: 48px;--toolbar-pad: 6px;--toolbar-w: calc(var(--tile) + var(--toolbar-pad) * 2 + var(--edge-w) * 2);--radius: 0;--pad: 16px;--pad-y: var(--pad);--font-pixel: "Pictochat", "Courier New", ui-monospace, monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--chat-dock-w: 300px;--dock-pad-t: max(28px, env(safe-area-inset-top));--dock-pad-b: max(64px, env(safe-area-inset-bottom));--dock-target-h: 730px}#playfield{display:contents}*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--brand);color:var(--paper)}.deck-manager-list,.deck-word-list,.chat-log,#app,.players-card,.settings-card,.score-list,.final-score-list{scrollbar-width:none;-ms-overflow-style:none}.deck-manager-list::-webkit-scrollbar,.deck-word-list::-webkit-scrollbar,.chat-log::-webkit-scrollbar,#app::-webkit-scrollbar,.players-card::-webkit-scrollbar,.settings-card::-webkit-scrollbar,.score-list::-webkit-scrollbar,.final-score-list::-webkit-scrollbar{display:none}.scroll-frame{position:relative;display:flex;flex-direction:column;border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--sheet)}.scroll-frame>.scroll-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px 22px 10px 10px}.scroll-bar{position:absolute;top:8px;right:4px;bottom:8px;width:12px;box-sizing:border-box;background:color-mix(in srgb,var(--ink) 8%,var(--paper));border:var(--edge-w) solid var(--edge);pointer-events:auto}.scroll-bar-thumb{position:absolute;left:0;top:0;width:100%;min-height:18px;background:color-mix(in srgb,var(--ink) 42%,var(--paper));border-radius:0;cursor:grab;touch-action:none}.scroll-bar-thumb:active{cursor:grabbing}html,body{margin:0;-webkit-text-size-adjust:100%}html{height:100%;overflow:hidden;background-color:var(--paper);background-image:var(--wallpaper);background-size:22px 22px;background-repeat:repeat;image-rendering:pixelated}html.theme-dark{color-scheme:dark;--paper: #19181c;--sheet: #29272e;--ink: #eeeaf0;--shadow: #111014;--brand: color-mix(in srgb, var(--brand-base) 68%, var(--paper));--on-brand: var(--ink);--good: #69b77f;--bad: #dc7770;background-color:var(--paper)}html.theme-dark[data-accent=black]{--brand: var(--brand-black-dark)}body{min-height:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;font-family:var(--font-pixel);color:var(--ink);background:transparent;-webkit-font-smoothing:none;text-rendering:geometricPrecision;font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent;touch-action:manipulation}strong,b,h1,h2,h3,h4{font-weight:400;margin:0}#app{min-height:100vh;min-height:100dvh}.seo-fallback{max-width:640px;margin:0 auto;padding:28px 20px 64px}.seo-fallback h1,.seo-fallback h2{font-size:1rem;text-transform:uppercase}.seo-fallback nav{display:flex;flex-wrap:wrap;gap:16px}.seo-fallback a{color:var(--brand-dark)}.screen{max-width:960px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(64px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:18px;min-height:100vh;min-height:100dvh}.surface,.card,.modal,.chat-panel,.board,.toolbar,.text-input,.btn,.player-chip,.deck-chip,.gallery-cell,.vote-card,.score-row,.round-pill,.timer,.chat-msg,.topbar,.logo,.prompt-banner,#toast,.edit-pill,.chat-msg .who,.spectator-queue,.sq-player,.reveal-word-token,.reveal-summary,.pd-bar,.final-score-row{--face: var(--sheet);--ring: var(--face);background:var(--face);border:var(--edge-w) solid var(--edge);border-radius:var(--radius);box-shadow:inset 0 0 0 var(--ring-w) var(--ring)}.board{--face: var(--canvas)}.topbar,.chat-head,.logo,.prompt-banner,#toast{--face: var(--brand);--ring: var(--face);--edge: var(--brand-dark);color:var(--on-brand)}.player-chip,.sq-player,.gallery-cell,.vote-card,.score-row,.turn-status,.avatar-slot,.vote-dot,.chat-row,.shared-person,.podium-col,.final-score-row,.emote-float{--tint-face: color-mix(in srgb, var(--player) 20%, var(--sheet));--tint-ring: color-mix(in srgb, var(--player) 8%, var(--sheet));--tint-edge: color-mix(in srgb, var(--player) 62%, var(--ink));--tint-label: color-mix(in srgb, var(--player) 32%, var(--ink));--tint-hot: color-mix(in srgb, var(--player) 30%, var(--sheet))}.player-chip,.sq-player,.gallery-cell,.vote-card,.score-row,.turn-status,.pd-bar,.final-score-row{--face: var(--tint-face);--ring: var(--tint-ring);--edge: var(--tint-edge);--label: var(--tint-label);color:var(--label)}.btn.is-on,.deck-chip.on{--face: var(--brand-soft);--ring: color-mix(in srgb, var(--brand-soft) 70%, var(--brand));--edge: var(--brand-dark);--label: color-mix(in srgb, var(--brand) 35%, var(--ink));color:var(--label)}.btn.is-on,.deck-chip.on{transform:translateY(1px);box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset 4px 4px color-mix(in srgb,var(--face) 88%,var(--ink))}.btn{font-family:var(--font-pixel);font-size:1rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;-webkit-font-smoothing:none;text-rendering:geometricPrecision;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--pad-y) var(--pad);--ring: var(--sheet);color:var(--label, var(--ink));cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset -4px -4px color-mix(in srgb,var(--face) 88%,var(--ink));transition:transform .1s cubic-bezier(.23,1,.32,1),box-shadow .1s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.btn:hover:not(:disabled):not([aria-disabled=true]){--face: color-mix(in srgb, var(--sheet) 92%, var(--ink))}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){--face: color-mix(in srgb, var(--brand) 82%, var(--ink))}.btn.is-on:hover:not(:disabled):not([aria-disabled=true]){--face: color-mix(in srgb, var(--brand-soft) 75%, var(--brand))}}.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset 4px 4px color-mix(in srgb,var(--face) 88%,var(--ink))}.btn:focus-visible{outline:1px solid var(--brand-dark);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true],.deck-chip[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}@keyframes nudge{0%,to{translate:0}20%{translate:-3px}40%{translate:3px}60%{translate:-2px}80%{translate:2px}}.nudge{animation:nudge .22s var(--ease-out)}.btn-primary{--face: var(--brand);--ring: var(--face);--edge: var(--brand-dark);--label: var(--on-brand)}.btn-ghost{--label: var(--ink-soft);background:transparent;border-color:transparent;box-shadow:none}@media(hover:hover)and (pointer:fine){.btn-ghost:hover:not(:disabled){--label: var(--ink);background:color-mix(in srgb,var(--sheet) 50%,transparent)}}.btn-ghost:active:not(:disabled){box-shadow:none}.topbar .btn-ghost,.chat-head .btn-ghost{--label: var(--paper)}.btn-block{width:100%}.btn-lg{padding:calc(var(--pad-y) * 1.3) calc(var(--pad) * 1.4)}.btn-sm{padding:calc(var(--pad-y) * .7) calc(var(--pad) * .7)}.btn-icon{width:30px;height:30px;padding:0}.stepper .btn-icon{padding:1px 0 0 1px}.btn-icon-wide{padding:var(--pad-y) calc(var(--pad) * .7)}.btn-remove{width:18px;height:18px;padding:0;--label: var(--bad)}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active:not(:disabled),.btn.is-on,.deck-chip.on{transform:none}}.text-input{font:inherit;color:var(--ink);--ring: color-mix(in srgb, var(--sheet) 86%, var(--ink));padding:var(--pad-y) var(--pad);width:100%;outline:none;box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset 4px 4px color-mix(in srgb,var(--face) 88%,var(--ink))}.text-input:focus{border-color:var(--brand)}.text-input:focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px}.text-input::placeholder{color:var(--ink-soft)}.card{padding:calc(var(--pad) * 1.8)}.hint{color:var(--ink-soft);margin:8px 0 0}.hint.center{text-align:center}.waiting{color:var(--ink-soft);text-align:center}.sprite{width:var(--sprite-size);height:var(--sprite-size);background-image:var(--sprite);background-size:200% 100%;background-repeat:no-repeat;image-rendering:pixelated;animation:sprite-2 1.2s infinite}@keyframes sprite-2{0%,49.99%{background-position:0 0}50%,to{background-position:100% 0}}@media(prefers-reduced-motion:reduce){.sprite{animation:none;background-position:0 0}}.home{align-items:center;justify-content:center;text-align:center;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.brand{width:min(400px,100%);display:grid;justify-items:center;gap:var(--pad)}.logo{display:block;padding:var(--pad);line-height:1;letter-spacing:.08em;text-transform:uppercase}.logo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;transform:translate(-6px)}.byline{color:var(--ink-soft);white-space:nowrap;transform:translate(6px)}.byline a{color:var(--brand);text-decoration:none}html.theme-dark .byline a{display:inline-block;padding:2px 6px;color:var(--ink);background:var(--sheet);border:var(--edge-w) solid var(--edge)}@media(hover:hover)and (pointer:fine){.byline a:hover{color:var(--brand-dark);text-decoration:underline}}.byline a:focus-visible{outline:1px solid var(--brand-dark);outline-offset:2px}html.theme-dark .byline a:focus-visible{outline-color:var(--ink)}html[data-accent=black]:is([data-theme="7"],[data-theme="8"],[data-theme="9"]) .byline a{color:var(--ink)}@media(hover:hover)and (pointer:fine){html[data-accent=black]:is([data-theme="7"],[data-theme="8"],[data-theme="9"]) .byline a:hover{color:var(--ink)}}html[data-accent=black]:is([data-theme="7"],[data-theme="8"],[data-theme="9"]) .logo{--face: var(--paper);--ring: var(--face);--edge: var(--ink);color:var(--ink)}html.theme-dark :is(.reveal-word,.spectator-status,.results-actions .waiting,.ending-actions .waiting,.ending-kicker,.ending-hero h2,.pd-name){padding:2px 8px;color:var(--ink);background:var(--sheet);border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--sheet)}.tagline{color:var(--ink-soft);max-width:420px;margin:10px auto 0}.home-main{display:grid;grid-template-columns:min(400px,100%) 300px;justify-content:center;align-items:stretch;gap:14px;width:100%}.home-col{display:flex;flex-direction:column;gap:14px}.home-card{width:100%;display:flex;flex-direction:column;gap:28px;text-align:left}.home-join{flex:1;justify-content:center}.profile-row{display:flex;gap:14px;align-items:stretch}.avatar-slot{position:relative;flex:0 0 auto;align-self:stretch;aspect-ratio:1;display:grid;place-items:center;padding:0;background:var(--tint-face);border:var(--edge-w) solid var(--tint-edge);border-radius:var(--radius)}.pfp{display:grid;width:var(--pfp);height:var(--pfp)}.pfp img{grid-area:1 / 1;width:100%;height:100%;image-rendering:pixelated}.pfp-bounce{animation:accessory-bounce .48s var(--ease-out)}@keyframes accessory-bounce{0%{transform:scale(.4);opacity:0}45%{transform:scale(1.22);opacity:1}65%{transform:scale(.9)}82%{transform:scale(1.06)}to{transform:scale(1)}}.avatar-rand{position:absolute;right:-7px;bottom:-7px;width:22px;height:22px;padding:0;z-index:1}.rand-ico{width:14px;height:14px;display:block;image-rendering:pixelated}.edit-pill{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);--face: var(--ink-soft);color:var(--paper);padding:1px 7px;letter-spacing:.02em}.field{display:flex;flex-direction:column;gap:16px}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);line-height:1}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-soft)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--edge)}.join-row{display:flex;align-items:stretch;gap:8px}.join-row .text-input{flex:1}.code-input{text-transform:uppercase;letter-spacing:.2em;text-align:center}.footer-note{color:var(--ink-soft)}.howto{width:100%;text-align:center;display:flex;flex-direction:column;gap:22px}.ht-title{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.ht-stage{display:grid;flex:1;align-content:center}.ht-step{grid-area:1 / 1;min-width:0;display:flex;flex-direction:column;gap:18px;opacity:0;visibility:hidden;transform:translate(var(--x, 12px));transition:transform .13s var(--ease-out),visibility 0s linear .13s}.ht-step.is-active{opacity:1;visibility:visible;transform:translate(0);transition:transform .22s var(--ease-out),visibility 0s}.ht-art{display:grid;place-items:center;height:128px}.ht-img{width:256px;height:128px;image-rendering:pixelated;display:block}.ht-ph{width:100%;max-width:256px;height:128px;background:var(--brand);border:var(--edge-w) solid var(--brand-dark)}.ht-h{font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.ht-p{font-size:1rem;color:var(--ink-soft);margin:0;line-height:1.45}.ht-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.ht-nav-btn,.roundbook-nav{width:40px;height:40px;padding:0}.arrow-ico{width:22px;height:22px;background-image:var(--sprite);background-size:44px 22px;background-repeat:no-repeat;image-rendering:pixelated}.arrow-ico[data-dir=next]{background-position:-22px 0}.menu-ico{width:20px;height:20px;display:block;image-rendering:pixelated}.community-links{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:45;display:flex;gap:16px}.community-link{--face: var(--sheet);--ring: var(--sheet);position:relative;display:block;width:40px;height:40px;padding:2px;background:var(--face);border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset -4px -4px color-mix(in srgb,var(--face) 88%,var(--ink));transition:transform .1s var(--ease-out),box-shadow .1s var(--ease-out)}.community-link img{width:32px;height:32px;display:block;image-rendering:pixelated}html.theme-dark .community-link img{filter:invert(1)}@media(hover:hover)and (pointer:fine){.community-link:hover{--face: color-mix(in srgb, var(--sheet) 92%, var(--ink))}}.community-link:focus-visible{outline:1px solid var(--brand-dark);outline-offset:2px}.community-link:active{transform:translateY(1px);box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset 4px 4px color-mix(in srgb,var(--face) 88%,var(--ink))}.community-tooltip{position:absolute;left:0;bottom:calc(100% + 6px);width:max-content;padding:6px 8px;color:var(--ink);background:var(--sheet);border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--sheet);opacity:0;pointer-events:none}.community-link:hover .community-tooltip,.community-link:focus-visible .community-tooltip{opacity:1}.site-menu{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:50}.site-menu-scrim{display:none}.site-menu-anchor{position:relative;z-index:1;display:block}.site-menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);line-height:1;text-align:center}.theme-grid{display:grid;grid-template-columns:repeat(3,40px);gap:6px;justify-content:center}.btn.theme-swatch,.btn.theme-swatch.is-on,.btn.theme-swatch:hover:not(:disabled){width:40px;height:40px;padding:0;background:var(--sheet) var(--swatch) 0 0 / 22px 22px repeat;image-rendering:pixelated}.btn.accent-swatch,.btn.accent-swatch.is-on,.btn.accent-swatch:hover:not(:disabled){width:40px;height:40px;padding:0;background-color:var(--swatch);--face: var(--swatch);--ring: var(--swatch);--edge: color-mix(in srgb, var(--swatch) 55%, var(--ink))}html.theme-dark .btn.accent-swatch{--swatch: color-mix(in srgb, var(--swatch-base) 68%, var(--paper))}.btn.accent-swatch.is-on{box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 4px color-mix(in srgb,var(--swatch) 55%,var(--ink))}.site-sfx,.site-wiggle,.site-content-filter{width:100%}.site-sfx .btn,.site-wiggle .btn,.site-content-filter .btn{flex:1}.site-info{display:flex;flex-direction:column;gap:6px}.menu-community{display:none}.site-info a{text-decoration:none}.ht-dots,.roundbook-dots{display:flex;align-items:center;gap:6px}.ht-dot,.rb-dot{width:8px;height:8px;padding:0;border:var(--edge-w) solid var(--edge);background:var(--sheet);cursor:pointer;transition:width .2s var(--ease-out)}.ht-dot.is-on,.rb-dot.is-on{width:18px;background:var(--brand);border-color:var(--brand-dark)}.ht-dot:focus-visible,.rb-dot:focus-visible{outline:1px solid var(--brand-dark);outline-offset:2px}@media(hover:hover)and (pointer:fine){.ht-dot:not(.is-on):hover,.rb-dot:not(.is-on):hover{background:var(--brand-soft)}}@media(prefers-reduced-motion:reduce){.ht-step,.ht-step.is-active{transform:none}.ht-dot,.rb-dot{transition:none}}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:var(--pad)}.topbar>*{min-width:0}.topbar>:last-child{justify-self:end}.screen-title{text-align:center;color:var(--on-brand);text-transform:uppercase;letter-spacing:.06em}.screen-title.good,.screen-title.bad{color:var(--on-brand)}.invite-tools{display:flex;align-items:stretch;gap:6px;justify-self:start}.room-access-picker{position:relative;z-index:10;display:flex;flex:0 0 auto}.room-access-menu{position:absolute;top:calc(100% + 6px);left:0;width:min(258px,calc(100vw - 48px));padding:4px;display:grid;gap:4px;color:var(--ink);background:var(--sheet);border:var(--edge-w) solid var(--edge)}.room-access-menu[hidden]{display:none}.room-access-option{padding:8px 10px;flex-direction:column;align-items:flex-start;gap:4px;text-transform:none;letter-spacing:0;line-height:1.35;text-align:left}.lobby .topbar .room-access-menu .room-access-option{height:auto;min-height:0;align-self:stretch}.room-access-option strong{font-size:14px;text-transform:uppercase;letter-spacing:.06em}.room-access-option small{color:var(--ink-soft);font-size:12px;line-height:1.35}.room-access-option.is-on small{color:var(--label)}.room-code{gap:8px;padding:var(--pad-y) calc(var(--pad) * .7);justify-self:start}.rc-qr{padding:0 var(--pad)}.rc-label,.rc-copy{color:var(--ink-soft)}.rc-copy{display:grid;place-items:center}.copy-ico,.leave-ico,.lock-ico,.chat-toggle-ico,.chat-size-ico{width:22px;height:22px;display:block;image-rendering:pixelated}.lock-ico{position:relative;flex:0 0 22px}.lock-ico-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:22px;height:22px;display:block;image-rendering:pixelated}.lock-ico[data-locked="1"] .lock-ico-open,.lock-ico[data-locked="0"] .lock-ico-locked{visibility:hidden}.chat-toggle,.chat-size,.chat-lock{padding:0;min-width:22px}.topbar-ico-btn{padding:0;align-self:stretch;aspect-ratio:1;width:auto;height:auto}.lobby .topbar .btn{height:58px;align-self:auto}.lobby .topbar-ico-btn{flex:0 0 58px;width:58px;min-width:58px;aspect-ratio:auto}.rc-value{letter-spacing:.12em}.round-pill{padding:calc(var(--pad) * .7);color:var(--brand-dark);justify-self:start;white-space:nowrap}.timer{font-variant-numeric:tabular-nums;color:var(--brand-dark);width:72px;text-align:center;padding:calc(var(--pad) * .7) 0;justify-self:end}html.theme-dark :is(.round-pill,.timer){color:var(--ink)}.timer.urgent{color:var(--bad);border-color:var(--bad)}.game-controls{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;gap:8px;min-width:0}.game-controls .topbar-ico-btn{flex:0 0 46px;width:46px;height:46px}.lobby{justify-content:center;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.lobby-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.lobby-fill{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px;min-width:0}.lobby-fill .emote-panel{width:100%;grid-template-columns:repeat(auto-fit,var(--tile));justify-content:center}.lobby-fill .lobby-actions,.lobby-fill .lobby-actions .btn{width:100%}.players-card h3,.settings-card h3,.scores-card h3,.modal h3,.gallery h4,.decks-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.players-card h3,.settings-card h3{display:flex;align-items:center;gap:8px;margin-bottom:14px}.players-card{display:flex;flex-direction:column}.players-card .player-list{flex:1;align-content:start}.players-card .hint{margin-top:auto;padding-top:var(--pad)}.lobby-waiting{margin-top:var(--pad);padding-top:var(--pad);border-top:var(--edge-w) solid var(--edge)}.lobby-waiting h4,.join-requests h4{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.join-requests{margin-top:var(--pad);padding-top:var(--pad);border-top:var(--edge-w) solid var(--edge)}.join-request-list,.room-manager-list{display:flex;flex-direction:column;gap:8px}.join-request-list,.room-request-section .room-manager-list{max-height:min(32dvh,240px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.join-request-list::-webkit-scrollbar,.room-request-section .room-manager-list::-webkit-scrollbar{display:none}.join-request-chip{min-width:0}.join-request-actions{display:flex;gap:4px;margin-left:auto}.join-request-block{--label: var(--bad)}.join-request-chip.is-resolving{opacity:.55}.count,.crown,.setting-label,.deck-count,.picker-label,.sr-rank,.sr-votes,.gc-label .who{color:var(--ink-soft)}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.player-chip{padding:var(--pad);position:relative;display:flex;align-items:center;gap:calc(var(--pad) * .6)}.player-chip.color-cycle{cursor:pointer}.player-chip.color-cycle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pc-mark{width:18px;height:18px;flex:0 0 auto;background:var(--player);border:var(--edge-w) solid var(--edge)}.pc-mark.host{outline:2px solid var(--edge);outline-offset:2px}.pc-avatar{line-height:0}.pc-ident{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.player-chip .pc-name,.final-score-row .pc-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-you{flex:0 0 auto;font-size:12px;line-height:1;padding:4px 4px 4px 5px;color:var(--paper);background:var(--tint-label, var(--ink-soft));text-transform:uppercase;letter-spacing:.06em}.pc-score{position:absolute;top:6px;right:8px}.player-kick{margin-left:auto;--label: var(--bad);width:24px;height:24px;flex:0 0 auto;background:transparent;border-color:transparent;box-shadow:none}@media(hover:hover)and (pointer:fine){.player-kick:hover:not(:disabled){background:transparent;--label: color-mix(in srgb, var(--bad) 60%, var(--ink))}}.player-chip.offline{border-style:dashed;color:var(--tint-label)}.player-chip.queued{border-style:dashed}.player-chip.queued.me{outline:2px solid var(--brand);outline-offset:1px}.presence{font-size:.72em;white-space:nowrap}.player-chip .presence,.gallery-cell .presence{color:var(--tint-label)}.spectator-queue{padding:calc(var(--pad) * .7) var(--pad);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sq-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.sq-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sq-player{--ring: var(--face);padding:3px 7px;display:inline-flex;align-items:center;gap:4px}.sq-player>span{color:var(--tint-label);font-size:.72em}.spectator-kick{margin-left:2px}.sq-player.me{outline:2px solid var(--brand);outline-offset:1px}.spectator-status{color:var(--ink-soft);margin:10px 0 0}.settings{display:flex;flex-direction:column;gap:10px}.settings.locked{opacity:.7}.setting{display:flex;justify-content:space-between;align-items:center}.stepper,.seg{display:flex;align-items:center;gap:4px}.stepper .btn{touch-action:manipulation}.stepper-val{min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.difficulty-pick{position:relative}.difficulty-menu{width:300px}.mode-pick{position:relative}.mode-trigger{min-width:184px;justify-content:flex-start;padding:8px var(--pad)}.mode-trigger.difficulty-trigger{min-width:114px;justify-content:space-between;padding:8px 12px}.mode-trigger .mode-caret{margin-left:auto}.mode-trigger .mode-ico{--ico: 32px}.mode-caret{width:14px;height:8px;flex:0 0 auto;background:currentColor;clip-path:polygon(0 0,14px 0,14px 2px,12px 2px,12px 4px,10px 4px,10px 6px,8px 6px,8px 8px,6px 8px,6px 6px,4px 6px,4px 4px,2px 4px,2px 2px,0 2px)}.mode-pick[data-open="1"] .mode-caret{transform:scaleY(-1)}.mode-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:5;width:340px;max-width:78vw;display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--sheet);border:var(--edge-w) solid var(--edge)}.mode-option{padding:calc(var(--pad) * .7) var(--pad);flex-direction:column;align-items:flex-start;gap:4px;text-transform:none;letter-spacing:0;line-height:1.5}.mo-name{text-transform:uppercase;letter-spacing:.06em}.mo-blurb{color:var(--ink-soft);text-align:left}.mode-ico{--ico: 16px;width:var(--ico);height:var(--ico);flex:0 0 auto;background-image:var(--sprite);background-size:var(--ico) var(--ico);background-repeat:no-repeat;image-rendering:pixelated}.mode-ico.anim-3{background-size:calc(var(--ico) * 3) var(--ico);animation:mode-ico-3 4.2s steps(3) infinite}@keyframes mode-ico-3{to{background-position:calc(var(--ico) * -3) 0}}@media(prefers-reduced-motion:reduce){.mode-ico.anim-3{animation:none;background-position:0 0}}.mode-option.is-on .mo-blurb{color:var(--label)}.mode-option[aria-disabled=true]{opacity:1}.settings.locked .mode-option.is-on{--face: var(--brand-soft)}.decks-title{margin:18px 0 10px}.deck-summary{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 10px;color:var(--ink-soft)}.deck-tally .deck-name{color:var(--ink)}.deck-tabs{display:flex;gap:6px}.deck-tab{flex:1}.deck-forget{--label: var(--bad)}.x-ico{width:9px;height:9px;background:linear-gradient(currentColor 0 0) 0 0 / 3px 3px no-repeat,linear-gradient(currentColor 0 0) 6px 0 / 3px 3px no-repeat,linear-gradient(currentColor 0 0) 3px 3px / 3px 3px no-repeat,linear-gradient(currentColor 0 0) 0 6px / 3px 3px no-repeat,linear-gradient(currentColor 0 0) 6px 6px / 3px 3px no-repeat}.deck-state{flex:0 0 30px;height:30px;display:grid;place-items:center}.deck-state.on:before{content:"";width:10px;height:10px;background:var(--brand)}.deck-summary{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;color:var(--ink-soft)}.deck-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.deck-total{flex:0 0 auto;margin-left:auto}.deck-chip{position:relative;display:flex;align-items:center;gap:6px;padding:var(--pad);cursor:pointer;box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset -4px -4px color-mix(in srgb,var(--face) 88%,var(--ink));transition:transform .1s cubic-bezier(.23,1,.32,1),box-shadow .1s cubic-bezier(.23,1,.32,1)}.deck-chip:active{transform:translateY(1px);box-shadow:inset 0 0 0 var(--ring-w) var(--ring),inset 4px 4px color-mix(in srgb,var(--face) 88%,var(--ink))}.deck-name{flex:1}.deck-chip.on .deck-count{color:var(--label)}.deck-remove{position:absolute;top:-8px;right:-8px}.saved-deck-list{display:flex;flex-direction:column;gap:8px;height:244px;overflow-y:auto}.saved-deck-list:has(.saved-deck-empty){justify-content:center}.deck-manager-new{display:flex;justify-content:center}.deck-manager-new.empty{visibility:hidden}.saved-deck{display:flex;align-items:center;gap:10px;padding:calc(var(--pad) * .7);border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--sheet)}.saved-deck-peek{flex:0 0 30px;height:30px}.list-ico{width:16px;height:16px;background:linear-gradient(currentColor 0 0) 0 2px / 16px 2px no-repeat,linear-gradient(currentColor 0 0) 0 7px / 16px 2px no-repeat,linear-gradient(currentColor 0 0) 0 12px / 11px 2px no-repeat}.word-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px 10px;margin:0;padding:var(--pad);max-height:40vh;overflow-y:auto;list-style:none;color:var(--ink-soft);border:var(--edge-w) solid var(--edge)}.word-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-peek .hint{margin-bottom:var(--pad)}.saved-deck-info{display:flex;flex:1;min-width:0;flex-direction:column}.saved-deck-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-deck-info .deck-count{white-space:nowrap}.saved-deck-actions{display:flex;align-items:center;gap:4px}.saved-deck-empty{padding:var(--pad)}.lobby-actions,.results-actions{display:flex;justify-content:center}.draw-layout{display:grid;grid-template-columns:1fr 240px;grid-template-areas:"canvas gallery" "emotes gallery";column-gap:14px;row-gap:5px;align-items:start}.draw-layout>.canvas-wrap{grid-area:canvas}.draw-layout>.gallery{grid-area:gallery}.draw-layout>.emote-panel{grid-area:emotes;margin-left:calc(var(--toolbar-w) + 10px)}.canvas-wrap{display:grid;grid-template-columns:var(--toolbar-w) minmax(0,1fr);gap:10px;align-items:start}.canvas-wrap>*{grid-column:2}.canvas-wrap>.toolbar{grid-column:1;grid-row:1;align-self:stretch;min-height:max-content}.board{width:100%;aspect-ratio:4 / 3;touch-action:none;overscroll-behavior:none;cursor:crosshair;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){#board-mount{position:relative;isolation:isolate;touch-action:none;overscroll-behavior:none}#board-mount:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:0;background:transparent;touch-action:none;overscroll-behavior:none}#board-mount>.board{position:relative;z-index:1}}.canvas-wrap.finished .board{pointer-events:none;opacity:.58;cursor:default}.canvas-wrap.finished .toolbar,.toolbar.idle{opacity:.55}canvas,.vc-canvas img{image-rendering:pixelated}.prompt-banner{display:flex;flex-direction:column;align-items:center;gap:calc(var(--pad) * .5);line-height:1.25;padding:var(--pad)}.role-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--on-brand)}.role-sub{color:var(--on-brand)}.prompt-banner .role-sub{font-size:.85em;opacity:.88}.toolbar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;padding:var(--toolbar-pad);width:max-content}.btn-tile{width:var(--tile);height:var(--tile);padding:0;flex:0 0 auto}.btn-size span{background:currentColor;display:block}.tool-ico{width:32px;height:32px;display:block;image-rendering:pixelated}.pop-anchor{position:relative;display:flex}.pop-menu{--pop-pad: 6px;position:absolute;top:calc(-1 * (var(--pop-pad) + var(--edge-w)));left:calc(100% + 6px);z-index:30;display:grid;grid-template-columns:repeat(var(--pop-cols, 2),auto);gap:4px;padding:var(--pop-pad);background:var(--sheet);border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--sheet);overscroll-behavior:contain;transform-origin:top left;opacity:0;visibility:hidden;transform:scale(.96) translate(-4px);transition:transform .12s var(--ease-out),visibility 0s linear .12s}.pop-menu.is-open{opacity:1;visibility:visible;transform:none;transition:transform .16s var(--ease-out),visibility 0s}@media(prefers-reduced-motion:reduce){.pop-menu,.pop-menu.is-open{transform:none}}.pop-menu.site-menu-pop{top:calc(100% + 6px);right:0;left:auto;bottom:auto;transform-origin:top right;grid-template-columns:1fr;gap:10px;padding:12px;min-width:168px;z-index:50;transform:scale(.96) translate(4px)}.pop-menu.site-menu-pop.is-open{transform:none}.submit-btn{margin-top:2px}.vote-progress,.reveal-sub{text-align:center;color:var(--ink-soft)}.turn-status{display:flex;align-items:center;gap:var(--pad);width:max-content;max-width:100%;margin:0 auto;padding:6px var(--pad) 6px 6px;background:var(--tint-face);border:var(--edge-w) solid var(--tint-edge)}.turn-status strong{color:var(--label)}.turn-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.turn-bar .turn-status{margin:0;min-width:0}.turn-bar .game-controls{margin-left:auto}.turn-status.me{box-shadow:inset 0 0 0 var(--ring-w) var(--paper)}.turn-status .ts-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-ready,.draw-finish{display:flex;flex-direction:column;gap:10px;align-items:center}.draw-ready .hint,.draw-finish .hint{margin:0}.guess-card{max-width:560px;width:100%;margin:auto;text-align:center}.guess-form{display:flex;gap:10px;margin-top:18px}.guess-form .text-input{flex:1;min-width:0}.gallery h4{margin-bottom:10px}.gallery-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.gallery-head h4,.gallery-head .hint{margin:0}.gallery-head .hint{white-space:nowrap}.head-start-impostor{margin:10px 0 0;color:var(--ink-soft);text-align:center}.gallery-stage{position:relative}.gallery-stage.blind-start-active .gallery-grid{display:none}.head-start-veil{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;padding:16px;text-align:center;background:var(--brand-soft);border:var(--edge-w) solid var(--brand-dark);box-shadow:inset 0 0 0 var(--ring-w) color-mix(in srgb,var(--brand-soft) 70%,var(--brand))}.head-start-veil[hidden]{display:none}.head-start-veil strong{color:var(--ink)}.head-start-veil span{color:var(--ink-soft)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spectator-gallery{width:100%}.spectator-gallery .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-cell{padding:4px}.gallery-cell.active{border-color:var(--brand)}.gallery-cell.done{border-color:var(--good)}.gallery-cell canvas,.vc-canvas canvas,.vc-canvas img{width:100%;aspect-ratio:4 / 3;background:var(--canvas);display:block;border:var(--edge-w) solid var(--edge)}.gc-label{display:flex;align-items:center;gap:5px;margin-top:5px}.gc-label span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-check{color:var(--good)}.emote-panel{display:grid;grid-template-columns:repeat(6,var(--tile));justify-content:center;gap:5px}.emote-panel>.btn-tile{width:auto;height:auto;aspect-ratio:1}.emote-ico{width:22px;height:22px;display:block;image-rendering:pixelated}.screen.vote>.emote-panel{grid-template-columns:repeat(12,minmax(0,var(--tile)))}.vote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.vote-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:5px;font:inherit;text-align:left;cursor:pointer}.vote-card:not(:disabled):not(.selected):hover{border-color:var(--brand)}.vote-card.selected{--face: var(--sheet);--ring: var(--face);--edge: var(--ink-soft);--label: var(--ink);color:var(--label)}.vote-card:disabled{opacity:.55;cursor:default}.vc-foot{display:flex;align-items:center;gap:8px;margin-top:7px}.vc-foot>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-voters{display:none;align-items:center;gap:3px}.vc-voters.has-votes{display:flex}.vc-voters .vote-dot{width:12px;height:12px}.results{gap:28px}.reveal{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.reveal-avatar,.sr-avatar,.winner-av,.avatar-svg{line-height:0;display:block}.reveal-text,.reveal-sub,.reveal-word{margin:0}.reveal-word-token,.reveal-summary{display:inline-block;padding:2px 8px;color:var(--ink)}.reveal-word-token{white-space:nowrap}.reveal-sub{max-width:42ch}.scores-card{max-width:720px;margin:0 auto;width:100%}.scores-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.scores-head h3{font-size:1rem}.scores-head>span{color:var(--ink-soft)}.score-list{display:flex;flex-direction:column;gap:6px}.score-scroller{min-height:0}.score-list>*{flex:0 0 auto}.score-row{display:grid;grid-template-columns:24px minmax(110px,1fr) minmax(130px,1.2fr) 36px auto 90px;align-items:center;gap:12px;min-height:78px;padding:var(--pad)}.score-row.lead{outline:2px solid var(--tint-edge);outline-offset:2px}.sr-rank,.sr-delta,.sr-total,.sr-score{font-variant-numeric:tabular-nums}.sr-rank{color:var(--tint-label)}.sr-round{color:var(--label)}.sr-player{display:flex;align-items:center;gap:16px;min-width:0}.sr-avatar-wrap{position:relative;flex:0 0 auto}.sr-player .pfp{outline:var(--edge-w) solid var(--tint-edge);outline-offset:0}.sr-impostor-badge{position:absolute;right:-7px;bottom:-7px;z-index:1;width:22px;height:22px;display:grid;place-items:center;color:var(--paper);background:var(--brand);border:var(--edge-w) solid var(--brand-dark);box-shadow:inset 0 0 0 var(--ring-w) var(--brand);line-height:1}.sr-impostor-badge>span{font-size:12px;line-height:1;transform:translate(1px)}.sr-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-name.mine{padding:2px 6px;color:var(--paper);background:var(--label)}.sr-drawing{display:block;width:90px;line-height:0}.sr-drawing canvas,.ending-thumb canvas{display:block;width:100%;aspect-ratio:4 / 3;background:var(--canvas);border:var(--edge-w) solid var(--edge)}.sr-delta{text-align:right;color:var(--tint-label)}.sr-delta.earned{color:var(--good)}.sr-total{white-space:nowrap;text-align:right}.vote-dot{width:16px;height:16px;flex:0 0 auto;background:var(--player);border:var(--edge-w) solid var(--tint-edge)}.no-votes{color:var(--ink-soft);margin:12px 0 0}.leaderboard-lab{position:fixed;z-index:20;right:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.comeback-card{max-width:420px;margin:0 auto;width:100%;text-align:center}.comeback-card .join-row{margin-top:12px}.gameover{align-items:center;text-align:center}.winners{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.winner{display:flex;flex-direction:column;align-items:center;gap:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ink) 45%,transparent);display:grid;place-items:center;padding:18px;z-index:50;overscroll-behavior:contain}html.theme-dark :is(.modal-backdrop,.site-menu-scrim){background:color-mix(in srgb,var(--shadow) 72%,transparent)}.modal-backdrop[hidden]{display:none}.modal{padding:calc(var(--pad) * 1.8);width:min(420px,100%);max-height:calc(100dvh - 36px);display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain}.modal h3{text-align:center}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.room-manager{width:min(500px,100%);gap:14px;scrollbar-width:none}.room-manager::-webkit-scrollbar{display:none}.room-manager-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.room-manager-head h3{grid-column:2}.room-manager-head .btn{grid-column:3;justify-self:end}.room-manager-section{display:flex;flex-direction:column;gap:9px;padding-top:12px;border-top:var(--edge-w) solid var(--edge)}.room-manager-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink-soft)}.room-manager-section-head h4{text-transform:uppercase;letter-spacing:.06em}.room-access-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.room-access-tabs .btn{min-width:0;padding-left:6px;padding-right:6px;font-size:14px}.room-access-description{min-height:1.45em;margin:0}.room-person-chip{min-width:0}.pending-request{display:grid;justify-items:center;gap:16px;text-align:center}.pending-request p{margin:0;color:var(--ink-soft);line-height:1.45}.pending-request strong{color:var(--ink);letter-spacing:.14em}.info-modal{gap:16px}.updates-modal{width:min(600px,100%);overflow:hidden}.updates-modal-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.updates-modal-header h3{grid-column:2}.updates-modal-header .btn{grid-column:3;justify-self:end}.updates-modal-copy{overflow-y:auto;scrollbar-width:none}.updates-modal-copy::-webkit-scrollbar{display:none}.info-modal-copy{display:flex;flex-direction:column;gap:16px;color:var(--ink-soft)}.info-modal-copy p,.info-modal-copy ol,.info-modal-copy ul{margin:0}.info-modal-copy ol,.info-modal-copy ul{padding-left:24px}.info-modal-copy li+li{margin-top:16px}.info-modal-copy a{color:var(--brand-dark)}.update-entry{display:flex;flex-direction:column;gap:16px}.update-entry+.update-entry{padding-top:28px;border-top:var(--edge-w) solid var(--edge)}.update-entry h4{margin:0;font-size:1rem;color:var(--ink)}.update-entry time{color:var(--ink-soft)}.leave-modal-backdrop{animation:modal-scrim-in .13s var(--ease-out) both}.leave-modal{width:min(380px,100%);gap:16px;text-align:center;animation:modal-in .22s var(--ease-out) both}.leave-modal-mark{display:grid;place-items:center;width:40px;height:40px;margin:0 auto;color:var(--paper);background:var(--bad);border:var(--edge-w) solid color-mix(in srgb,var(--bad) 60%,var(--ink));box-shadow:inset 0 0 0 var(--ring-w) var(--bad)}.leave-modal-copy{display:flex;flex-direction:column;gap:8px}.leave-modal-copy p{margin:0;color:var(--ink-soft);line-height:1.45}.leave-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.btn-danger{--face: var(--bad);--ring: var(--face);--edge: color-mix(in srgb, var(--bad) 60%, var(--ink));--label: var(--paper)}@media(hover:hover)and (pointer:fine){.btn-danger:hover:not(:disabled){--face: color-mix(in srgb, var(--bad) 82%, var(--ink))}}@keyframes modal-scrim-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}@media(prefers-reduced-motion:reduce){.leave-modal-backdrop,.leave-modal,.clue-tip-backdrop,.clue-tip-modal{animation:none}}.clue-tip-modal{width:min(380px,100%)}.clue-tip-actions{justify-content:stretch;margin-top:0}.clue-tip-actions .btn{width:100%}.turn-decision-modal{text-align:center}.turn-decision-copy{margin:0;color:var(--ink-soft);line-height:1.45}.turn-decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.turn-decision-actions .btn{min-width:0}.deck-words{min-height:130px;resize:vertical;font-family:inherit}.deck-manager{width:min(620px,100%)}.deck-manager-scroller{height:min(52vh,400px)}.deck-manager-list{display:flex;flex-direction:column;gap:10px}.deck-spare-tag{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.deck-manager-item{padding:10px;border:var(--edge-w) solid var(--brand-dark);background:var(--brand-soft)}.deck-manager-item.off{border-style:dashed;border-color:color-mix(in srgb,var(--ink) 26%,var(--paper));background:none;color:var(--ink-soft)}.deck-manager-head{display:flex;align-items:center;gap:8px}.deck-bulk{display:flex;gap:4px;margin-right:auto}.deck-play{width:30px;height:30px;padding:0;flex:0 0 auto}.deck-play-swap{display:grid}.deck-play-swap>span{grid-area:1 / 1;display:grid;place-items:center}.deck-play-swap[data-on="0"] .dps-remove,.deck-play-swap[data-on="1"] .dps-add{visibility:hidden}.dps-add,.dps-remove{padding:1px 0 0 1px}.edit-ico{width:14px;height:14px;display:block;image-rendering:pixelated}.trash-ico{width:14px;height:16px;display:block;image-rendering:pixelated}.preview-ico{width:14px;height:14px;display:block;image-rendering:pixelated}html.theme-dark :is(.arrow-ico,.menu-ico,.mode-ico,.tool-ico,.copy-ico,.leave-ico,.lock-ico,.chat-bubble-ico,.edit-ico,.trash-ico,.preview-ico,.rand-ico){filter:invert(1)}.deck-manager-head>:first-child{flex:1}.deck-manager-actions{display:flex;align-items:center;gap:4px}.deck-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;overflow-y:auto;list-style:none}.deck-word-list li{min-width:0;padding:8px 10px;overflow-wrap:anywhere;background:var(--brand-soft);border:var(--edge-w) solid var(--brand-dark)}.deck-manager .deck-word-list{max-height:none}.deck-view-all{display:flex;justify-content:center;margin-top:8px}.deck-peek .deck-word-list{max-height:min(50vh,420px);overflow-y:auto}.deck-peek .deck-word-list::-webkit-scrollbar{display:none}.deck-peek .deck-word-list{scrollbar-width:none}.qr-modal{align-items:center}.qr-frame{width:min(280px,100%);padding:10px;background:var(--canvas);border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--paper)}.qr-frame canvas{display:block;width:100%!important;height:auto!important}.qr-room{margin:0;text-transform:uppercase;letter-spacing:.08em}.qr-room strong{color:var(--brand-dark);letter-spacing:.16em}html.theme-dark .qr-room strong{color:var(--ink)}.qr-modal .modal-actions{width:100%;justify-content:center}.avatar-picker{display:grid;justify-items:center}.ap-preview{display:grid;place-items:center;line-height:0}.pc-avatar,.sr-avatar,.reveal-avatar{display:block;line-height:0}.pc-avatar{display:grid;place-items:center;margin-bottom:4px}.vc-foot .avatar-svg{flex:0 0 auto}#toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,12px);padding:var(--pad);opacity:0;pointer-events:none;z-index:100;transition:transform .2s cubic-bezier(.23,1,.32,1)}#toast.show{opacity:1;transform:translate(-50%)}.connection-status{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-10px);opacity:0;pointer-events:none;z-index:110;padding:7px 12px;color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,var(--paper));border:var(--edge-w) solid color-mix(in srgb,var(--ink) 52%,var(--paper));box-shadow:inset 0 0 0 var(--ring-w) color-mix(in srgb,var(--ink) 6%,var(--paper));transition:transform .18s ease}.connection-status.show{opacity:1;transform:translate(-50%)}.connection-status.online{color:var(--paper);background:var(--good);border-color:var(--good);box-shadow:inset 0 0 0 var(--ring-w) #76db83}.emote-float-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:60;pointer-events:none}.emote-float{position:absolute;bottom:-50px;display:flex;animation:emote-rise var(--emote-dur, 5.5s) linear forwards}.emote-float-wiggle{display:flex;flex-direction:column;align-items:center;gap:4px;animation:emote-wiggle .9s ease-in-out infinite alternate}.emote-float .emote-ico{width:32px;height:32px}.emote-float-name{padding:2px 6px;max-width:130px;overflow:hidden;color:var(--tint-label);background:var(--tint-face);border:var(--edge-w) solid var(--tint-edge);font-size:.72em;white-space:nowrap;text-overflow:ellipsis}@keyframes emote-rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}82%{opacity:1}to{transform:translateY(-105vh);opacity:0}}@keyframes emote-wiggle{0%{transform:translate(-7px)}to{transform:translate(7px)}}@media(prefers-reduced-motion:reduce){.emote-float{animation:emote-fade 2.4s ease-out forwards}.emote-float-wiggle{animation:none}}@keyframes emote-fade{0%{opacity:0}15%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.chat-panel{position:fixed;bottom:8px;right:8px;width:min(320px,calc(100vw - 40px));z-index:40;display:flex;flex-direction:column;padding:0;overflow:hidden;overscroll-behavior:contain}.chat-panel[hidden]{display:none}.chat-panel.floating{right:auto;bottom:auto}.chat-body{overflow:hidden}.chat-panel.collapsed .chat-body{height:0}.chat-panel.settling{transition:left .22s var(--ease-out),top .22s var(--ease-out),width .22s var(--ease-out)}.chat-panel.settling .chat-body,.chat-panel.settling .chat-log{transition:height .22s var(--ease-out)}.chat-edges{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.chat-edge{position:absolute;pointer-events:auto;touch-action:none}.chat-edge[data-edge=n]{top:0;left:0;right:0;height:6px;cursor:ns-resize}.chat-edge[data-edge=s]{bottom:0;left:0;right:0;height:6px;cursor:ns-resize}.chat-panel:not(.floating) .chat-edges,.chat-panel.collapsed .chat-edges{display:none}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 12px 5px;margin:1px;background:var(--face);cursor:grab;text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;touch-action:none}.chat-panel.dragging .chat-head{cursor:grabbing}.chat-panel.docked .chat-head{cursor:default}html.theme-dark .chat-head .lock-ico,.chat-head .lock-ico{filter:brightness(0) invert(1)}.chat-head span{color:var(--on-brand);letter-spacing:0;text-transform:none}.chat-lead,.chat-acts{display:flex;align-items:center;gap:6px}.chat-lead{gap:8px}.chat-badge{width:8px;height:8px;flex:none;background:var(--paper)}.chat-badge.pop{animation:badge-pop .18s var(--ease-out)}@keyframes badge-pop{0%{opacity:0;transform:scale(.9)}}.chat-bubble{display:none;width:44px;height:44px;flex:none;padding:0;position:relative;margin:1px;align-self:flex-end}.chat-bubble-ico{width:22px;height:22px;display:block;image-rendering:pixelated}.chat-bubble .chat-badge{position:absolute;top:5px;right:5px}.kao-trigger{flex:none;padding:0 8px;text-transform:none;letter-spacing:0}.chat-panel:not(.big) .kao-anchor{display:none}.kao-pop{top:auto;bottom:calc(100% + 6px);left:calc(-1 * (var(--pop-pad) + var(--edge-w)));transform-origin:bottom left;grid-template-columns:repeat(2,max-content)}.kao{text-transform:none;letter-spacing:0;white-space:nowrap;padding:6px 8px}.chat-act{padding:0 6px;border:0;box-shadow:none;background:none}.chat-act:active:not(:disabled){box-shadow:none}@media(hover:hover)and (pointer:fine){.chat-act:hover:not(:disabled){background:none;--label: var(--paper)}}.chat-log{height:200px;overflow-x:hidden;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.chat-row{display:flex;align-items:flex-start;gap:8px}.chat-row.cont{margin-top:-3px}.chat-row.cont .cm-pfp{visibility:hidden}.cm-pfp{flex:none;display:block;background:var(--tint-face);border:var(--edge-w) solid var(--tint-edge);border-radius:var(--radius)}.chat-row .chat-msg{flex:1;min-width:0;display:flex;align-items:center}.cm-line{min-width:0}.chat-panel.big .chat-row{align-items:stretch}.chat-panel.big .cm-pfp{align-self:flex-start}.chat-row.enter{animation:chat-in .18s var(--ease-out)}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}}.chat-msg{--edge: var(--tint-edge);line-height:1.4;word-break:break-word;padding:calc(var(--pad) * .6)}.chat-grip{flex:none;align-self:stretch;width:12px;margin:-8px 0 -8px -8px;cursor:ns-resize;touch-action:none;background:linear-gradient(var(--edge) 0 0) 3px 100% / 2px 2px no-repeat,linear-gradient(var(--edge) 0 0) 3px calc(100% - 4px) / 2px 2px no-repeat,linear-gradient(var(--edge) 0 0) 7px 100% / 2px 2px no-repeat}.chat-panel:not(.floating) .chat-grip{display:none}.chat-msg .who{display:inline-block;padding:0 5px;margin-right:6px;--face: var(--tint-face);--ring: var(--face);--edge: var(--tint-edge);color:var(--tint-label)}.chat-form{display:flex;gap:6px;padding:8px;border-top:var(--edge-w) solid var(--edge)}.chat-input{flex:1;padding:calc(var(--pad) * .7)}html.chat-docked:has(#chat:not([hidden])) body{overflow:hidden}html.chat-docked:has(#chat:not([hidden])) #playfield{display:grid;grid-template-columns:minmax(0,960px) var(--chat-dock-w);grid-template-rows:min(100%,var(--dock-target-h));justify-content:center;align-content:center;align-items:stretch;column-gap:14px;box-sizing:border-box;height:100vh;height:100dvh;padding:var(--dock-pad-t) max(20px,env(safe-area-inset-right)) var(--dock-pad-b) max(20px,env(safe-area-inset-left))}html.chat-docked:has(#chat:not([hidden])) #app{min-height:0;min-width:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}html.chat-docked:has(#chat:not([hidden])) .screen{max-width:none;margin:0;height:100%;min-height:0;padding:0;justify-content:flex-start}html.chat-docked:has(#chat:not([hidden])) .screen>*{flex:0 0 auto}html.chat-docked:has(#chat:not([hidden])) .lobby-grid,html.chat-docked:has(#chat:not([hidden])) .results>.scores-card{flex:0 1 auto;min-height:0}html.chat-docked:has(#chat:not([hidden])) .lobby-grid{grid-template-rows:minmax(0,1fr) auto}html.chat-docked:has(#chat:not([hidden])) .players-card,html.chat-docked:has(#chat:not([hidden])) .settings-card{min-height:0;overflow-x:hidden;overflow-y:auto}html.chat-docked:has(#chat:not([hidden])) .draw-layout,html.chat-docked:has(#chat:not([hidden])) .shared-layout{flex:0 1 auto;min-height:0;grid-template-rows:minmax(0,1fr) auto;align-items:stretch}html.chat-docked:has(#chat:not([hidden])) .canvas-wrap{min-height:0;grid-template-rows:minmax(0,1fr) auto;align-items:stretch}html.chat-docked:has(#chat:not([hidden])) .shared-board-shell,html.chat-docked:has(#chat:not([hidden])) #board-mount{min-height:0;height:100%}html.chat-docked:has(#chat:not([hidden])) .board{max-height:100%;margin-inline:auto}html.chat-docked:has(#chat:not([hidden])) .results>.scores-card{display:flex;flex-direction:column}html.chat-docked:has(#chat:not([hidden])) .results,html.chat-docked:has(#chat:not([hidden])) .ending-screen{gap:18px}html.chat-docked:has(#chat:not([hidden])) .ending-screen{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-template-areas:"top   top" "acts  acts" "hero  board";align-content:start}html.chat-docked:has(#chat:not([hidden])) .ending-screen>.topbar{grid-area:top}html.chat-docked:has(#chat:not([hidden])) .ending-actions{grid-area:acts}html.chat-docked:has(#chat:not([hidden])) .ending-hero{grid-area:hero}html.chat-docked:has(#chat:not([hidden])) .ending-board{grid-area:board}html.chat-docked:has(#chat:not([hidden])) .roundbook-canvas-wrap{width:244px}html.chat-docked:has(#chat:not([hidden])) .ending-board{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}html.chat-docked:has(#chat:not([hidden])) .final-score-list{min-height:0;overflow-x:hidden;overflow-y:auto}html.chat-docked:has(#chat:not([hidden])) .emote-panel{grid-template-columns:repeat(12,minmax(0,var(--tile)))}html.chat-docked:has(#chat:not([hidden])) .chat-panel{position:relative;inset:auto;width:auto;height:auto;z-index:4}html.chat-docked:has(#chat:not([hidden])) .chat-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}html.chat-docked:has(#chat:not([hidden])) .chat-log{flex:1 1 auto;min-height:0;height:0;overflow-y:auto}html.chat-docked:has(#chat:not([hidden])) .chat-form .btn-primary{display:none}.ending-screen{gap:28px}.ending-hero{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.ending-kicker{margin:0;color:var(--ink-soft)}.ending-hero h2{margin:0;font-size:1rem}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;width:100%;max-width:560px;margin-top:12px}.podium-col{--medal: 56px;display:flex;flex-direction:column;align-items:center;min-width:0}.pd-name{max-width:100%;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tint-label)}.pd-bar{position:relative;width:100%;min-height:var(--bar);margin-top:calc(var(--medal) / 2);padding:calc(var(--medal) / 2 + 12px) 8px 0;display:flex;flex-direction:column;align-items:center;gap:4px}.podium-col.place-1 .pd-bar{--bar: 208px;--face: var(--tint-hot)}.podium-col.place-2 .pd-bar{--bar: 176px}.podium-col.place-3 .pd-bar{--bar: 148px}.pd-medal{position:absolute;top:calc(var(--medal) / -2);left:50%;transform:translate(-50%);line-height:0}.pd-medal .pfp{background:var(--face);outline:var(--edge-w) solid var(--tint-edge)}.pd-score{color:var(--ink);font-variant-numeric:tabular-nums}.pd-place{margin:auto -8px 0;align-self:stretch;padding:8px;text-align:center;font-size:24px;line-height:1;background:var(--tint-edge);color:var(--paper)}.ending-board{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:16px}.final-score-card,.roundbook-card{display:flex;flex-direction:column;gap:16px}.final-score-card .scores-head{margin:0}.final-score-list{display:flex;flex-direction:column;gap:8px;flex:1}.final-score-row{display:grid;-webkit-appearance:none;-moz-appearance:none;appearance:none;grid-template-columns:18px auto minmax(48px,1fr) auto;align-items:center;gap:12px;width:100%;font:inherit;text-align:left;padding:8px var(--pad)}.final-score-row[data-pick]{cursor:pointer}@media(hover:hover)and (pointer:fine){.final-score-row[data-pick]:hover{--edge: var(--tint-label)}}.final-score-row[aria-pressed=true]{--edge: var(--tint-label);--ring: var(--tint-label)}.final-score-row:focus-visible{outline:1px solid var(--brand-dark);outline-offset:2px}.final-rank,.final-pts{font-variant-numeric:tabular-nums}.final-rank{color:var(--tint-label)}.final-score-row .pfp{outline:var(--edge-w) solid var(--tint-edge)}.final-pts{color:var(--ink);white-space:nowrap}.roundbook-card h3{margin:0;font-size:1rem}.roundbook-pager{display:flex;align-items:center;justify-content:space-between;gap:10px}.roundbook-page{margin:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.roundbook-canvas-wrap{line-height:0;width:364px;max-width:100%;align-self:center}.roundbook-canvas-wrap canvas{display:block;width:100%;aspect-ratio:4 / 3;background:var(--canvas);border:var(--edge-w) solid var(--edge)}.roundbook-page figcaption{display:flex;flex-direction:column;gap:2px;text-align:center}.roundbook-page figcaption span{color:var(--ink-soft)}.roundbook-dots{flex:1;justify-content:center}.roundbook-actions{display:flex;gap:10px}.roundbook-actions .btn{flex:1;white-space:nowrap}.ending-actions{display:flex;justify-content:center;gap:12px}@media(max-width:820px){.results>.scores-card{order:1}.ending-screen>.ending-board{order:1}.home-main{grid-template-columns:min(400px,100%)}.lobby-grid{grid-template-columns:1fr}.draw-layout{grid-template-columns:1fr;grid-template-areas:"canvas" "gallery" "emotes"}.emote-panel{grid-template-columns:repeat(auto-fit,var(--tile))}.screen.vote>.emote-panel{grid-template-columns:repeat(12,var(--tile))}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{grid-template-columns:auto 1fr auto}.screen.draw>.topbar{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);grid-template-areas:"round status controls" "prompt prompt prompt";align-items:center;gap:8px}.screen.draw>.topbar>.round-pill{grid-area:round;justify-self:start}.screen.draw>.topbar>.turn-status{grid-area:status;justify-self:stretch;width:auto;max-width:none;margin:0;padding:4px 10px 4px 4px}.screen.draw>.topbar>.turn-status .pfp{--pfp: 28px}.screen.draw>.topbar>.prompt-banner,.screen.draw>.topbar>.screen-title{grid-area:prompt}.screen.draw>.topbar>.game-controls,.screen.draw>.topbar>:last-child{grid-area:controls;justify-self:end}html:has(.screen.draw,.screen.vote,.screen.guess,.screen.results,.ending-screen) .site-menu{display:none}html:has(.screen.lobby) .topbar{padding-right:60px}.ending-board{grid-template-columns:1fr}}@media(max-width:520px){.screen{padding-left:12px;padding-right:12px;gap:18px}.screen.draw,.screen.vote,.screen.guess,.screen.results,.screen.lobby,.ending-screen{gap:10px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,calc(env(safe-area-inset-bottom) + 58px));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.screen.draw>.topbar{padding:10px}.prompt-banner{flex-direction:column;justify-content:center;gap:2px;padding:8px 10px}.prompt-banner .role-tag{font-size:12px}.prompt-banner .word{text-wrap:balance}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-layout .gallery-grid,.shared-layout .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.draw-layout .gallery-cell,.shared-layout .gallery-cell{padding:3px}.draw-layout .gc-label,.shared-layout .gc-label{margin-top:3px}.vote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scores-head{align-items:flex-start;flex-direction:column}.score-row{grid-template-columns:18px minmax(0,1fr) auto 64px;gap:4px 8px;min-height:0;padding:10px}.sr-rank{grid-area:1 / 1 / -1 / 2;align-self:center}.sr-player{grid-area:1 / 2}.sr-round{grid-area:2 / 2}.sr-delta{grid-area:1 / 3}.sr-total{grid-area:2 / 3}.sr-drawing{grid-area:1 / 4 / -1 / -1;align-self:center;width:64px}.score-scroller>.scroll-bar{display:none}.score-scroller>.scroll-body{padding:8px}.leaderboard-lab{left:12px;right:12px;justify-content:center}.community-links{display:none}.menu-community{display:grid;gap:10px}.podium{gap:6px}.pd-bar{padding-left:4px;padding-right:4px}.podium-col.place-1 .pd-bar{--bar: 156px}.podium-col.place-2 .pd-bar{--bar: 128px}.podium-col.place-3 .pd-bar{--bar: 108px}.pd-place{margin-left:-4px;margin-right:-4px}.final-score-row{grid-template-columns:18px auto minmax(0,1fr) auto;gap:8px}.roundbook-actions{flex-direction:column}.roundbook-canvas-wrap{width:244px}.roundbook-actions .btn{width:100%}.lobby .topbar .btn{height:38px}.lobby .topbar-ico-btn{flex-basis:38px;width:38px;min-width:38px}.game-controls{gap:6px}.game-controls .topbar-ico-btn{flex:0 0 38px;width:38px;height:38px}.timer{width:auto;min-width:54px;padding-left:8px;padding-right:8px}.screen.draw .game-controls .topbar-ico-btn{flex:0 0 44px;width:44px;height:44px}.screen.draw .timer{min-height:44px;display:grid;place-items:center}.room-code{padding:6px 8px;gap:5px}.rc-label{display:none}.modal{padding:calc(var(--pad) * 1.2)}.deck-manager-scroller{height:min(42vh,400px)}.canvas-wrap{grid-template-columns:minmax(0,1fr)}.canvas-wrap>*,.canvas-wrap>.toolbar{grid-column:1;grid-row:auto}.toolbar{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:2px;width:100%;padding:4px}.toolbar>.btn-tile,.toolbar>.pop-anchor{flex:1 1 0;min-width:0;max-width:52px}.toolbar>.btn-tile{width:auto;height:auto;aspect-ratio:1}.toolbar>.pop-anchor>.btn-tile{width:100%;height:auto;aspect-ratio:1}.draw-layout>.emote-panel,.shared-layout>.emote-panel{margin-left:0}.emote-panel,.screen.vote>.emote-panel{display:flex;grid-template-columns:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-right:56px;-webkit-overflow-scrolling:touch}.emote-panel::-webkit-scrollbar,.screen.vote>.emote-panel::-webkit-scrollbar{display:none}.emote-panel>.btn-tile{flex:0 0 var(--tile)}.pop-menu{top:auto;bottom:calc(100% + 6px);left:calc(-1 * (var(--pop-pad) + var(--edge-w)));transform-origin:bottom left}.site-menu{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.site-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;background:color-mix(in srgb,var(--ink) 45%,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .13s var(--ease-out),visibility 0s linear .13s}.site-menu.is-open .site-menu-scrim{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .13s var(--ease-out),visibility 0s}.site-menu-anchor{display:flex;justify-content:flex-end}.site-menu-btn{width:48px;height:48px}.menu-ico{width:24px;height:24px}.pop-menu.site-menu-pop{top:calc(100% + 8px);left:0;right:0;bottom:auto;width:auto;min-width:0;transform-origin:top right;padding:10px;gap:12px;max-height:calc(100vh - max(12px,env(safe-area-inset-top)) - 56px - max(12px,env(safe-area-inset-bottom)));overflow-y:auto}.theme-grid{grid-template-columns:repeat(auto-fit,40px);justify-content:center;gap:8px;width:100%}.chat-panel{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px)}.chat-panel.big .chat-log{height:50vh}.chat-panel.collapsed{width:54px}.chat-panel.collapsed .chat-head{display:none}.chat-panel.collapsed .chat-bubble{display:flex;align-items:center;justify-content:center}.chat-bubble{width:48px;height:48px}.chat-bubble-ico{width:24px;height:24px}}@media(max-height:540px){.screen.draw,.screen.vote,.screen.guess{gap:8px;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.screen.draw>.topbar{padding:6px 8px}.screen.draw .canvas-wrap .board,.screen.draw .shared-board-shell{width:min(100%,calc(58dvh * 4 / 3));max-height:58dvh;height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.chat-row.enter,.chat-badge.pop,.pfp-bounce{animation:none}}.shared-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-areas:"canvas roster" "emotes roster";column-gap:14px;row-gap:5px;align-items:start}.shared-layout>.shared-canvas-wrap{grid-area:canvas}.shared-layout>.shared-roster{grid-area:roster}.shared-layout>.emote-panel{grid-area:emotes;margin-left:calc(var(--toolbar-w) + 10px)}.shared-canvas-wrap.shared-readonly~.emote-panel{margin-left:0}.shared-canvas-wrap.shared-readonly{grid-template-columns:minmax(0,1fr)}.shared-canvas-wrap.shared-readonly>*{grid-column:1}.shared-board-shell{position:relative;min-width:0;border:var(--edge-w) solid var(--edge);background:var(--canvas);box-shadow:inset 0 0 0 var(--ring-w) var(--canvas)}.shared-board-shell .board{border:0}.shared-cursor-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shared-cursor{position:absolute;left:var(--cursor-x);top:var(--cursor-y);z-index:3;display:flex;align-items:flex-start;gap:4px;transform:translate(-3px,-3px);transition:left 45ms linear,top 45ms linear}.shared-cursor.edge-right{flex-direction:row-reverse;transform:translate(calc(-100% + 3px),-3px)}.shared-cursor .shared-tool-chip{width:20px;height:20px;flex:0 0 20px;padding:0;background:transparent;border:0;box-shadow:none}.shared-cursor .shared-tool-frame{width:20px;height:20px;padding:0;background:transparent;border:0}.shared-cursor .shared-tool-icon{width:20px;height:20px}.shared-cursor-name{max-width:110px;padding:2px 4px;overflow:hidden;color:var(--paper);background:var(--player);border:1px solid var(--paper);font-size:.78em;text-overflow:ellipsis;white-space:nowrap}.shared-tool-chip{display:inline-flex;align-items:center;gap:4px;min-width:0}.shared-tool-frame{position:relative;width:28px;height:28px;flex:0 0 28px;border:var(--edge-w) solid var(--ink-soft);display:grid;place-items:center;background:var(--sheet)}.shared-tool-icon{width:22px;height:22px;flex:0 0 auto;background:var(--player);-webkit-mask:var(--tool-icon) center / contain no-repeat;mask:var(--tool-icon) center / contain no-repeat;image-rendering:pixelated}.shared-ink-badge{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;background:var(--selected-ink);border:1px solid var(--paper);box-shadow:0 0 0 1px var(--ink-soft)}.shared-roster{padding:12px;background:var(--sheet);border:var(--edge-w) solid var(--edge);box-shadow:inset 0 0 0 var(--ring-w) var(--sheet)}.shared-roster h4{margin:0 0 10px}.shared-presence{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.shared-person{display:flex;align-items:center;gap:8px;min-width:0;padding:6px;background:var(--tint-face);border:var(--edge-w) solid var(--tint-edge)}.shared-person.me{box-shadow:inset 0 0 0 var(--ring-w) var(--paper)}.shared-person.offline{opacity:.55}.shared-person .avatar-svg{flex:0 0 auto}.shared-person .shared-tool-icon{background:var(--ink)}.shared-person-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-person-name small{display:block;color:var(--tint-label);font-size:.75em}.shared-person>.shared-tool-chip{flex:0 0 auto}.shared-vote-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;align-items:start}.shared-vote-layout h3{margin-bottom:10px}.shared-vote-art canvas{display:block;width:100%;aspect-ratio:4 / 3;border:var(--edge-w) solid var(--edge)}.shared-ballots{display:flex;flex-direction:column;gap:8px}.shared-vote-card{display:grid;grid-template-columns:minmax(0,1fr) auto 84px;align-items:center;gap:10px;min-height:81px;padding:7px;transform:none}.shared-vote-card:active{transform:none}.shared-vote-contribution{display:block;width:84px;line-height:0}.shared-vote-contribution canvas{display:block;width:100%;aspect-ratio:4 / 3;background:var(--canvas);border:var(--edge-w) solid var(--edge)}.shared-ballot-player{display:flex;align-items:center;gap:8px;min-width:0}.shared-ballot-player .avatar-svg{flex:0 0 auto}.shared-ballot-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-ballot-name small{display:block;color:var(--ink-soft)}.shared-vote-card .vc-voters{display:flex;visibility:hidden;width:42px;min-height:42px;flex-wrap:wrap;align-content:center;justify-content:flex-end}.shared-vote-card .vc-voters.has-votes{visibility:visible}@media(max-width:820px){.shared-layout{grid-template-columns:1fr;grid-template-areas:"canvas" "roster" "emotes"}.shared-vote-layout{grid-template-columns:1fr}.shared-presence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.shared-presence{grid-template-columns:1fr}.shared-cursor-name{max-width:74px}.shared-vote-card{grid-template-columns:minmax(0,1fr) auto 76px;gap:8px}.shared-vote-contribution{width:76px}}@media(prefers-reduced-motion:reduce){.shared-cursor{transition:none}}