:root{--font: Nunito, ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--ink: #fdf6ea;--ink-soft: #cbbfd9;--ink-faint: #94879f;--paper: #fff4dc;--paper-ink: #3a2e3f;--coral: #ff7a50;--coral-hot: #ff9670;--coral-ink: #2b130a;--teal: #4fc3dd;--mint: #52d68f;--red: #ff5d6c;--gold: #ffc746;--glass: rgba(28, 18, 48, .72);--glass-soft: rgba(28, 18, 48, .5);--line: rgba(255, 244, 220, .14);--shadow: 0 18px 50px rgba(10, 4, 26, .5);--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:#241b3d;user-select:none;-webkit-user-select:none;touch-action:manipulation}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}button{font-family:var(--font);border:none;cursor:pointer;color:inherit;background:none}button:disabled{opacity:.55;cursor:default}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;pointer-events:none;padding-block:calc(10px + var(--safe-top)) calc(12px + var(--safe-bottom));padding-inline:12px;gap:8px}.game-shell>*{pointer-events:auto}.topbar{display:flex;align-items:center;gap:10px}.room-chip{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,border-color .15s ease}.room-chip:hover{transform:translateY(-1px);border-color:#ffc74680}.room-chip .eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.room-chip strong{font-size:15px;font-weight:900;letter-spacing:.08em;color:var(--gold)}.copy-glyph{font-size:13px;color:var(--ink-soft)}.phase-banner{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;gap:1px}.phase-banner strong{font-size:15px;font-weight:900;letter-spacing:.02em;text-shadow:0 2px 12px rgba(10,4,26,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-banner span{font-size:11.5px;color:var(--ink-soft);text-shadow:0 2px 10px rgba(10,4,26,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;gap:6px}.icon-button{min-width:36px;height:36px;padding-inline:9px;border-radius:12px;background:var(--glass);border:1px solid var(--line);font-size:13px;font-weight:800;color:var(--ink-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .12s ease,color .12s ease,border-color .12s ease}.icon-button:hover{transform:translateY(-1px);color:var(--ink)}.icon-button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.icon-button.danger:hover{color:var(--red);border-color:#ff5d6c80}.players-strip{display:flex;align-items:center;justify-content:center;gap:10px}.player-pill{display:flex;align-items:center;gap:8px;background:var(--glass-soft);border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:42vw}.player-pill.you{border-color:#ff7a5073}.player-pill.them{border-color:#4fc3dd73}.pill-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:#fff4dc1f}.pill-copy{display:flex;flex-direction:column;min-width:0}.pill-copy strong{font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-copy span{font-size:10.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-pill.locked .pill-copy span{color:var(--mint);font-weight:800}.vs-heart{font-size:16px;filter:drop-shadow(0 2px 8px rgba(255,122,80,.6));animation:heartbeat 2.4s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.18)}24%{transform:scale(1)}}.caption-bar{margin-top:auto;align-self:center;max-width:min(560px,94vw);text-align:center;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:700;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .2s ease;text-shadow:0 1px 6px rgba(10,4,26,.6)}.caption-bar.idle{color:var(--ink-faint)}.action-bar{display:flex;align-items:center;justify-content:center;gap:10px}.progress-chip{display:flex;align-items:baseline;gap:5px;background:var(--glass-soft);border:1px solid var(--line);border-radius:14px;padding:9px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.progress-chip strong{font-size:17px;font-weight:900;color:var(--gold)}.progress-chip span{font-size:11px;color:var(--ink-soft);font-weight:700}.primary-button{background:linear-gradient(180deg,var(--coral-hot),var(--coral));color:var(--coral-ink);font-weight:900;font-size:15px;border-radius:16px;padding:12px 26px;box-shadow:0 8px 24px #ff7a5059,inset 0 1px #ffffff59;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #ff7a5073,inset 0 1px #ffffff59}.primary-button:active:not(:disabled){transform:translateY(0) scale(.98)}.primary-button.big{display:flex;flex-direction:column;gap:2px;width:100%;padding:14px 22px}.primary-button.big small{font-size:11.5px;font-weight:700;opacity:.75}.primary-button.locked-in{filter:saturate(.35) brightness(.8)}.secondary-button{background:#fff4dc1a;border:1px solid var(--line);color:var(--ink);font-weight:800;font-size:14px;border-radius:14px;padding:11px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .12s ease,background .12s ease}.secondary-button:hover:not(:disabled){transform:translateY(-1px);background:#fff4dc2e}.ghost-button{color:var(--ink-soft);font-weight:800;font-size:13.5px;border-radius:12px;padding:10px 16px;border:1px dashed rgba(255,244,220,.25);transition:color .12s ease,border-color .12s ease}.ghost-button:hover:not(:disabled){color:var(--ink);border-color:#fff4dc80}.ghost-button.small{padding:6px 12px;font-size:12px}.chat-dock{position:relative}.chat-tray{position:fixed;inset-inline-end:12px;bottom:calc(76px + var(--safe-bottom));width:min(240px,60vw);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);z-index:30;pointer-events:auto}.chat-messages{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:5px;max-height:110px;overflow:hidden}.chat-messages li{font-size:12px;background:#fff4dc14;border-radius:10px;padding:5px 9px}.chat-messages li strong{color:var(--teal);font-weight:900}.chat-messages li.own strong{color:var(--coral)}.chat-buttons{display:flex;flex-wrap:wrap;gap:5px}.chat-buttons button{font-size:11.5px;font-weight:800;color:var(--ink);background:#fff4dc1a;border:1px solid var(--line);border-radius:999px;padding:5px 10px;transition:background .12s ease,transform .12s ease}.chat-buttons button:hover:not(:disabled){background:#fff4dc33;transform:translateY(-1px)}.chat-float{position:fixed;z-index:28;inset-inline-start:50%;bottom:130px;transform:translate(-50%);background:var(--paper);color:var(--paper-ink);font-size:13px;font-weight:800;border-radius:14px;padding:7px 13px;box-shadow:var(--shadow);animation:chat-float-up 2.6s ease forwards;pointer-events:none}@keyframes chat-float-up{0%{opacity:0;transform:translate(-50%,14px) scale(.8)}12%{opacity:1;transform:translate(-50%) scale(1.04)}20%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-26px) scale(.94)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#1009228c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;overflow-y:auto}.overlay.boot{background:#10092259}.panel{width:min(520px,100%);background:linear-gradient(180deg,#2a1c44f0,#1c1230f5);border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow);text-align:center;animation:panel-in .4s cubic-bezier(.2,1.4,.4,1)}@keyframes panel-in{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.kicker{font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.panel h1{margin:8px 0 6px;font-size:30px;font-weight:900;letter-spacing:.01em}.panel-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.boot-hero h1{font-size:clamp(34px,9vw,52px);line-height:.95;margin:4px 0 8px}.boot-hero h1 span{display:block;font-size:.52em;letter-spacing:.34em;color:var(--gold)}.boot-tagline{margin:0 0 18px;color:var(--ink-soft);font-size:14px;font-weight:700}.boot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:start}.boot-section{display:flex;flex-direction:column;gap:9px}.field-label{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.text-field{width:100%;background:#10092299;border:1px solid var(--line);border-radius:13px;color:var(--ink);font-family:var(--font);font-size:16px;font-weight:800;padding:11px 14px;outline:none;transition:border-color .12s ease}.text-field:focus{border-color:var(--coral)}.code-field{text-transform:uppercase;letter-spacing:.3em;text-align:center}.avatar-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.avatar-picker button{aspect-ratio:1;font-size:19px;border-radius:11px;background:#fff4dc12;border:1.5px solid transparent;display:grid;place-items:center;transition:transform .12s ease,border-color .12s ease,background .12s ease}.avatar-picker button:hover{transform:scale(1.12)}.avatar-picker button.selected{border-color:var(--coral);background:#ff7a5033}.join-row{display:flex;gap:8px}.join-row .text-field{flex:1;min-width:0}.rules-strip{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.rules-strip span{font-size:11px;font-weight:800;color:var(--ink-faint)}.boot-status{margin:12px 0 0;font-size:12.5px;color:var(--ink-soft);min-height:1.2em}.lobby-panel h1{letter-spacing:.12em;color:var(--gold)}.lobby-panel>.primary-button{margin-top:8px}.lobby-players{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:8px}.lobby-players li{display:flex;align-items:center;gap:10px;background:#fff4dc0f;border:1px solid var(--line);border-radius:14px;padding:9px 14px;font-weight:800;font-size:14px}.lobby-players .seat-avatar{font-size:20px}.lobby-players .seat-badge{margin-inline-start:auto;font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}.lobby-players li.empty{border-style:dashed;color:var(--ink-faint);justify-content:center}.category-row{display:flex;gap:7px;overflow-x:auto;padding-block:4px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff4dc0f;border:1.5px solid var(--line);border-radius:14px;padding:9px 13px;min-width:86px;transition:border-color .12s ease,background .12s ease,transform .12s ease}.category-chip:hover:not(:disabled){transform:translateY(-1px)}.category-chip .cat-emoji{font-size:19px}.category-chip .cat-label{font-size:12px;font-weight:900;color:var(--ink)}.category-chip.selected{border-color:var(--gold);background:#ffc74624}.category-chip:disabled{opacity:.7}.category-chip .cat-spice{font-size:9px;letter-spacing:1px;color:var(--coral);min-height:12px}.category-chip .cat-hint{font-size:9px;font-weight:800;color:var(--ink-faint);white-space:nowrap}.end-group{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;text-align:start}.end-group li{display:flex;align-items:center;gap:10px;background:#fff4dc0f;border:1.5px solid var(--line);border-radius:14px;padding:8px 14px}.end-group li.you{border-color:#ff7a508c}.end-group li.winner{border-color:var(--gold);box-shadow:0 0 24px #ffc74633}.end-group li.voided{opacity:.5}.end-group .rank{width:26px;text-align:center;font-size:15px;font-weight:900;color:var(--gold)}.end-group .board-avatar{font-size:21px}.end-group .board-copy{flex:1;min-width:0;display:flex;flex-direction:column}.end-group .board-copy strong{font-size:13.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.end-group .board-copy small{font-size:10.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.end-group em{font-style:normal;font-size:19px;font-weight:900;color:var(--gold)}.end-group-meta{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-top:12px}.end-group-meta strong{font-size:20px;font-weight:900;color:var(--mint)}.end-group-meta span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.reveal-banner{position:fixed;top:calc(54px + var(--safe-top));inset-inline:0;margin-inline:auto;width:fit-content;max-width:94vw;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:24;pointer-events:none;background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:10px 22px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);animation:banner-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes banner-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.reveal-kicker{font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px rgba(10,4,26,.9)}.reveal-banner h2{margin:0;font-size:clamp(17px,4.6vw,24px);font-weight:900;text-shadow:0 3px 16px rgba(10,4,26,.9)}.reveal-tally{display:flex;align-items:baseline;gap:8px;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:5px 16px;margin-top:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reveal-tally strong{font-size:19px;font-weight:900;color:var(--gold)}.reveal-tally span{font-size:12px;font-weight:700;color:var(--ink-soft)}#skipReveal{pointer-events:auto;margin-top:7px}.bingo-splash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:26;pointer-events:none;font-size:clamp(56px,16vw,130px);font-weight:900;letter-spacing:.06em;color:var(--gold);-webkit-text-stroke:3px rgba(58,30,8,.9);text-shadow:0 10px 40px rgba(255,199,70,.5);animation:bingo-pop 1.1s cubic-bezier(.2,1.5,.35,1) forwards}@keyframes bingo-pop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}35%{opacity:1;transform:scale(1.12) rotate(2deg)}55%{transform:scale(1) rotate(0)}80%{opacity:1}to{opacity:0;transform:scale(1.06)}}.end-panel h1{font-size:clamp(30px,8vw,42px)}.end-scores{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.end-side{flex:1;max-width:150px;background:#fff4dc0f;border:1.5px solid var(--line);border-radius:18px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.end-side.you{border-color:#ff7a508c}.end-side.them{border-color:#4fc3dd8c}.end-side.winner{box-shadow:0 0 30px #ffc74640;border-color:var(--gold)}.end-avatar{font-size:30px}.end-side strong{font-size:13px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end-side em{font-style:normal;font-size:26px;font-weight:900;color:var(--gold)}.end-side span{font-size:10.5px;color:var(--ink-soft);font-weight:700}.end-sync{display:flex;flex-direction:column;align-items:center}.end-sync strong{font-size:24px;font-weight:900;color:var(--mint)}.end-sync span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.end-quote{margin:16px auto 0;max-width:380px;font-size:14px;font-weight:700;color:var(--ink-soft);font-style:italic}.age-panel{max-width:380px}.age-panel h1{font-size:26px}.age-copy{margin:6px auto 4px;max-width:300px;font-size:14px;font-weight:700;color:var(--ink-soft);line-height:1.5}.phase-intro{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:36;background:#10092273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.phase-intro-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:linear-gradient(180deg,#2a1c44f5,#1c1230f7);border:1.5px solid rgba(255,199,70,.4);border-radius:24px;padding:26px 30px;max-width:min(400px,88vw);box-shadow:var(--shadow),0 0 60px #ff9a6b26;animation:intro-pop .5s cubic-bezier(.2,1.5,.35,1)}@keyframes intro-pop{0%{opacity:0;transform:scale(.7) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}.phase-intro.leaving{animation:intro-fade .3s ease forwards}@keyframes intro-fade{to{opacity:0}}.phase-intro-emoji{font-size:44px;filter:drop-shadow(0 6px 18px rgba(255,154,107,.4))}.phase-intro-card h2{margin:0;font-size:24px;font-weight:900}.phase-intro-card p{margin:0;font-size:14.5px;font-weight:700;color:var(--ink-soft);line-height:1.45}.phase-intro-hint{margin-top:8px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);animation:hint-pulse 1.6s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.5}50%{opacity:1}}.review-bar{position:fixed;bottom:calc(16px + var(--safe-bottom));inset-inline:0;margin-inline:auto;width:fit-content;display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:10px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);z-index:42}.review-label{font-size:13px;font-weight:900;color:var(--gold);padding-inline:6px;max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-banner{position:fixed;top:calc(56px + var(--safe-top));inset-inline:0;margin-inline:auto;width:fit-content;max-width:92vw;display:flex;align-items:center;gap:10px;background:#5a2230e6;border:1px solid rgba(255,93,108,.5);border-radius:14px;padding:9px 14px;font-size:13px;font-weight:800;z-index:34;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast{position:fixed;bottom:calc(96px + var(--safe-bottom));inset-inline:0;margin-inline:auto;width:fit-content;max-width:88vw;background:var(--paper);color:var(--paper-ink);font-size:13.5px;font-weight:800;border-radius:999px;padding:9px 18px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;z-index:50;pointer-events:none;text-align:center}.toast.show{opacity:1;transform:translateY(0)}.hidden{display:none!important}body.is-booting .game-shell,body.is-lobbying .game-shell,body.hud-no-actions .action-bar,body.hud-no-actions .caption-bar,body.is-revealing .phase-banner,body.is-revealing .players-strip,body.is-reviewing .phase-banner,body.is-reviewing .players-strip{visibility:hidden}@media (max-width: 560px){.boot-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.phase-banner{order:3;flex-basis:100%}.phase-banner strong{font-size:13px}.phase-banner span{font-size:10.5px}.room-chip{margin-inline-end:auto}.players-strip{gap:6px}.pill-copy span{display:none}.caption-bar{font-size:12.5px;padding:8px 14px}.primary-button{padding:12px 20px;font-size:14px}.panel{padding:20px 16px}.end-scores{gap:8px}.avatar-picker{grid-template-columns:repeat(8,1fr)}}@media (max-height: 460px){.players-strip{display:none}.phase-banner{visibility:hidden}.panel{padding:16px 20px}.boot-hero h1{font-size:30px}.boot-tagline{margin:0 0 10px}.rules-strip{display:none}.caption-bar{padding:6px 14px;font-size:12px}.primary-button{padding:10px 20px}}@media (max-width: 400px){.phase-intro-card{padding:20px 18px}.phase-intro-card h2{font-size:21px}.phase-intro-card p{font-size:13.5px}.chat-tray{width:min(240px,72vw)}}