:root{--primary: #ff3b4e;--primary-dark: #cf1f35;--secondary: #ff7a1a;--secondary-dark: #d65c00;--accent: #7c4dff;--accent-dark: #5a2fd6;--gold: #ffc21a;--gold-dark: #dd9d00;--gold-ink: #6b4500;--silver: #cfd6e0;--silver-dark: #96a1b0;--silver-ink: #3f4855;--bronze: #e8955a;--bronze-dark: #b0602a;--bronze-ink: #5a2b0c;--success: #1fbf75;--success-dark: #13985a;--danger: #a3123a;--danger-dark: #7d0b2b;--bg: #fffaf8;--surface: #ffffff;--text: #33252a;--muted: #86737a;--line: #f1e3e1;--line-dark: #dcc8c5;--ink: #33252a;--tear: #4fb8f5;--radius: 16px;--font: "Nunito", system-ui, sans-serif;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #1a1214;--surface: #1f1619;--text: #fbeff1;--muted: #b79fa6;--line: #3d2b30;--line-dark: #2e2024;--danger: #ff5c7a;--danger-dark: #d63a5a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:700;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:900;margin:0;letter-spacing:-.01em}h1{font-size:32px}h2{font-size:24px}p{margin:0}.muted{color:var(--muted)}.screen{min-height:100%;max-width:560px;margin:0 auto;padding:24px 16px calc(var(--footer-h, 0px) + var(--fabs-h, 0px) + 20px);display:flex;flex-direction:column;gap:20px}.center{align-items:center;text-align:center;justify-content:center}.row{display:flex;gap:12px;align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.footer-bar{position:fixed;left:0;right:0;bottom:0;padding:16px;border-top:2px solid var(--line);background:var(--surface)}.footer-bar>*{max-width:560px;margin:0 auto}.footer-bar.ok{background:color-mix(in srgb,var(--success) 20%,var(--surface));border-color:transparent;color:var(--success-dark)}.footer-bar.bad{background:color-mix(in srgb,var(--danger) 16%,var(--surface));border-color:transparent;color:var(--danger)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;padding:14px 20px;border-radius:var(--radius);font:inherit;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:#fff;background:var(--c, var(--primary));box-shadow:0 4px 0 var(--c-dark, var(--primary-dark));transition:transform .05s,box-shadow .05s,filter .15s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--c-dark, var(--primary-dark))}.btn:disabled,.btn:disabled:hover,.btn:disabled:active{filter:brightness(.6) saturate(.6);cursor:not-allowed;transform:none;box-shadow:0 4px 0 var(--c-dark, var(--primary-dark))}.btn.secondary{--c: var(--secondary);--c-dark: var(--secondary-dark)}.btn.success{--c: var(--success);--c-dark: var(--success-dark)}.btn.danger{--c: var(--danger);--c-dark: var(--danger-dark)}.btn.gold{--c: var(--gold);--c-dark: var(--gold-dark);color:var(--gold-ink)}.btn.accent{--c: var(--accent);--c-dark: var(--accent-dark)}.btn.ghost{background:var(--surface);color:var(--primary);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn.ghost:disabled{filter:brightness(.85);box-shadow:0 4px 0 var(--line)}.chip:disabled{cursor:default}.card{border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 0 var(--line);padding:16px;background:var(--surface)}.option{border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 0 var(--line);padding:14px 16px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.option.selected{border-color:var(--secondary);background:color-mix(in srgb,var(--secondary) 14%,var(--surface));color:var(--secondary-dark);box-shadow:0 4px 0 var(--secondary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:2px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.chip.on{background:var(--secondary);border-color:var(--secondary-dark);color:#fff}.chip.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.input{width:100%;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--line);background:color-mix(in srgb,var(--line) 30%,var(--surface));color:var(--text);font:inherit;font-size:17px;outline:none}.input:focus{border-color:var(--secondary)}textarea.input{resize:none}.code-input{text-align:center;letter-spacing:.4em;text-transform:uppercase;font-size:24px;font-weight:900}.progress{height:16px;border-radius:999px;background:var(--line);overflow:hidden}.progress>div{height:100%;border-radius:999px;background:var(--success);box-shadow:inset 0 -4px #00000014,inset 0 4px #ffffff40;transition:width .25s linear}.progress.warn>div{background:var(--gold)}.progress.danger>div{background:var(--primary)}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:color-mix(in srgb,var(--primary) 14%,var(--surface));border:3px solid var(--primary);flex:none}.avatar.sm{width:40px;height:40px;font-size:22px;border-width:2px}.avatar.ready{border-color:var(--success)}.character{border-radius:20px;padding:18px;background:var(--accent);box-shadow:0 6px 0 var(--accent-dark);color:#fff;text-align:center}.character .name{font-size:22px;font-weight:900}.character .cat{font-size:13px;opacity:.85;text-transform:uppercase;letter-spacing:.08em}.character.hidden{background:var(--line);box-shadow:0 6px 0 var(--line-dark);color:var(--muted)}.mascot{font-size:96px;line-height:1;display:block;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;background:var(--gold);color:var(--gold-ink)}.rank{display:grid;grid-template-columns:36px 40px 1fr auto;gap:12px;align-items:center}.rank .pos{font-size:20px;font-weight:900;color:var(--muted);text-align:center}.rank.first .pos{color:var(--gold-dark)}.wordmark{font-size:40px;letter-spacing:-.02em}.wordmark span{color:var(--primary)}.btn.inline{width:auto;padding:12px 16px;flex:none}.avatar.xs{width:30px;height:30px;font-size:16px;border-width:2px}.chat-fabs{position:fixed;right:max(16px,calc((100vw - 560px)/2 + 16px));bottom:calc(var(--footer-h, 0px) + 16px);display:flex;flex-direction:row;align-items:flex-end;gap:10px;z-index:20}.fab-wrap{position:relative}.fab{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--line);background:var(--surface);box-shadow:0 4px 0 var(--line);font:inherit;font-size:24px;color:var(--text);cursor:pointer;transition:transform .05s,box-shadow .05s}.fab:active{transform:translateY(4px);box-shadow:0 0 0 var(--line)}.fab.on{border-color:var(--secondary);box-shadow:0 4px 0 var(--secondary)}.fab .dot{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:900;background:var(--primary);color:#fff}.emoji-btn{width:44px;height:44px;display:grid;place-items:center;padding:3px;border:0;border-radius:50%;background:transparent;font-size:22px;cursor:pointer;transition:transform .1s}.emoji-btn:hover{background:color-mix(in srgb,var(--line) 60%,var(--surface))}.emoji-btn:active{transform:scale(1.25)}.reaction-tray{position:absolute;right:0;bottom:62px;display:grid;grid-template-columns:repeat(4,42px);width:max-content;max-width:calc(100vw - 32px);padding:4px;border:2px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 4px 0 var(--line)}.chat-backdrop,.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;touch-action:none;overscroll-behavior:contain;background:color-mix(in srgb,var(--text) 30%,transparent)}.chat-sheet,.sheet{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:560px;margin:0 auto;height:min(75vh,600px);display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;overscroll-behavior:contain}.chat-head,.sheet-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:2px solid var(--line)}.chat-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.chat-msg{display:flex;align-items:flex-end;gap:8px;max-width:85%}.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}.chat-msg.mine .chat-body{align-items:flex-end}.chat-body{gap:4px;align-items:flex-start;min-width:0}.chat-name{font-size:12px;color:var(--muted);padding-left:4px}.chat-bubble{border:0;border-radius:18px 18px 18px 6px;padding:9px 14px;background:color-mix(in srgb,var(--line) 60%,var(--surface));color:var(--text);font:inherit;font-size:15px;text-align:left;overflow-wrap:anywhere;cursor:pointer}.chat-msg.mine .chat-bubble{border-radius:18px 18px 6px;background:var(--primary);color:#fff}.chat-picker,.chat-quick{display:flex;flex-wrap:wrap}.chat-picker{padding:2px;border:2px solid var(--line);border-radius:22px;background:var(--surface)}.chat-quick{justify-content:space-between;padding:6px 12px 0;border-top:2px solid var(--line)}.chat-reacts{display:flex;flex-wrap:wrap;gap:4px}.react-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:999px;border:2px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.react-chip.on{border-color:var(--secondary);background:color-mix(in srgb,var(--secondary) 14%,var(--surface));color:var(--secondary-dark)}.chat-form{display:flex;gap:8px;padding:8px 16px 12px}.chat-form .input{padding:10px 14px;font-size:16px}.chat-note{padding:0 16px 12px;font-size:13px}.chat-note.bad{color:var(--danger)}.reaction-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.reaction-float{position:absolute;bottom:calc(var(--footer-h, 0px) + 24px);font-size:44px;line-height:1;animation:float-up 2.4s ease-out forwards}.reaction-float .who{position:absolute;right:-8px;bottom:-4px;width:26px;height:26px;border-color:var(--surface)}@keyframes float-up{0%{transform:translate(0) scale(.5);opacity:0}12%{transform:translateY(-24px) scale(1.15);opacity:1}to{transform:translate(var(--drift, 0),-55vh) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.reaction-float{animation-duration:1.6s}@keyframes float-up{0%,to{opacity:0}20%,70%{opacity:1}}}.reaction-tray .emoji-btn{width:42px;height:42px}.reaction-art{display:block;overflow:visible}.ra-face{fill:var(--primary)}.ra-shade{fill:var(--primary-dark);opacity:.35}.ra-card{fill:var(--gold)}.ra-card-back{fill:var(--primary-dark)}.ra-q{fill:none;stroke:var(--gold-ink);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.ra-q-dot{fill:var(--gold-ink)}.ra-eye{fill:#fff}.ra-ink{fill:var(--ink)}.ra-line{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ra-line-white{fill:none;stroke:#fff;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.ra-tongue{fill:var(--primary)}.ra-tear{fill:var(--tear)}.ra-hand{fill:var(--primary-dark)}.ra-hand-light{fill:var(--primary);stroke:var(--primary-dark);stroke-width:2.5}.ra-spark{fill:none;stroke:var(--gold-dark);stroke-width:4;stroke-linecap:round}.ra-bubble{fill:var(--line-dark)}.ra-flame{fill:var(--secondary)}.ra-flame-in{fill:var(--gold)}.ra-heart{fill:#fff}.ra-heart-float{fill:var(--primary);stroke:#fff;stroke-width:2}.ra-blush{fill:var(--gold);opacity:.5}.small{font-size:13px}.tiny{font-size:11px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-error{color:var(--danger)}.form-ok{color:var(--success-dark)}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:800;background:color-mix(in srgb,var(--secondary) 14%,var(--surface));color:var(--secondary-dark)}.tag.gold{background:color-mix(in srgb,var(--gold) 30%,var(--surface));color:var(--gold-ink)}.tag.on-color{background:color-mix(in srgb,#fff 22%,transparent);color:#fff}.login{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.login-hero{position:relative;height:40vh;min-height:260px;display:grid;place-items:center;overflow:hidden;border-radius:0 0 40px 40px;background:radial-gradient(circle at 50% 60%,var(--primary) 0%,var(--primary-dark) 100%)}.float-card{position:absolute;padding:8px 14px;border-radius:12px;font-weight:900;font-size:15px;white-space:nowrap;transform:rotate(var(--rot));animation:card-drift 6s ease-in-out infinite}.float-card.gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 4px 0 var(--gold-dark)}.float-card.accent{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dark)}.float-card.light{background:var(--surface);color:var(--text);box-shadow:0 4px 0 var(--line-dark)}@keyframes card-drift{0%,to{transform:rotate(var(--rot)) translateY(0)}50%{transform:rotate(calc(var(--rot) * -.5)) translateY(-10px)}}.login-body{width:100%;max-width:480px;margin:0 auto;padding:24px 16px 32px;display:flex;flex-direction:column;gap:18px;align-items:stretch;text-align:center}.login-tagline{font-size:18px;font-weight:800;color:var(--text)}.login-card{text-align:left}.btn.google{--c: var(--surface);--c-dark: var(--line-dark);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text);border:2px solid var(--line)}.g-red{fill:#ea4335}.g-blue{fill:#4285f4}.g-yellow{fill:#fbbc05}.g-green{fill:#34a853}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--line)}.avatar-btn{padding:0;border:0;background:none;border-radius:50%;cursor:pointer}.avatar-btn:active{transform:scale(.95)}.hero-card{display:flex;align-items:center;gap:12px;padding:20px;border-radius:24px;color:#fff;background:linear-gradient(140deg,var(--primary),var(--primary-dark));box-shadow:0 6px color-mix(in srgb,var(--primary-dark) 75%,#000)}.hero-card h2{font-size:22px;line-height:1.15}.hero-card p{opacity:.92}.hero-card .badge{align-self:flex-start}.mascot-bubble{flex:none;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:color-mix(in srgb,#fff 92%,var(--primary));box-shadow:0 4px color-mix(in srgb,var(--primary-dark) 75%,#000)}.tutorial-link{display:flex;align-items:center;gap:14px;width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer}.tutorial-link:active{transform:translateY(2px);box-shadow:0 2px 0 var(--line)}.chev{font-size:28px;color:var(--muted)}.install-card{display:flex;gap:14px;align-items:flex-start}.room-row{flex-wrap:wrap}.room-code{padding:4px 10px;border-radius:10px;font-weight:900;letter-spacing:.15em;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-dark)}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 20px;border-radius:24px;color:#fff;text-align:center;background:linear-gradient(160deg,var(--accent),var(--accent-dark));box-shadow:0 6px color-mix(in srgb,var(--accent-dark) 70%,#000)}.profile-hero h2{max-width:100%}.avatar.xl{width:96px;height:96px;font-size:52px;border-width:4px;border-color:#fff;background:color-mix(in srgb,#fff 20%,transparent)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{display:flex;flex-direction:column;align-items:center;padding:12px 4px;border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 0 var(--line);background:var(--surface)}.stat strong{font-size:22px;font-weight:900}.stat span{font-size:12px;color:var(--muted)}.stat.gold{border-color:var(--gold);box-shadow:0 4px 0 var(--gold-dark);background:color-mix(in srgb,var(--gold) 16%,var(--surface))}.stat.gold strong{color:var(--gold-ink)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:480px){.avatar-grid{grid-template-columns:repeat(8,1fr)}}.avatar-pick{aspect-ratio:1;border:2px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 3px 0 var(--line);font-size:28px;cursor:pointer}.avatar-pick.on{border-color:var(--secondary);background:color-mix(in srgb,var(--secondary) 14%,var(--surface));box-shadow:0 3px 0 var(--secondary)}.tutorial{justify-content:space-between;min-height:100%;padding-bottom:32px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.tut-step{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:tut-in .3s ease-out}@keyframes tut-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.tut-stage{width:100%;min-height:250px;display:grid;place-items:center;padding:20px 16px;border-radius:24px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:2px solid var(--line)}.tut-text{font-size:17px;color:var(--muted);max-width:360px}.tut-art{width:100%;max-width:320px}.tut-table{display:flex;align-items:flex-end;justify-content:center;gap:18px}.tut-player{display:flex;flex-direction:column;align-items:center;gap:8px}.tut-card{padding:6px 10px;border-radius:10px;font-weight:900;font-size:14px;background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-dark)}.tut-card.hidden{background:var(--line);color:var(--muted);box-shadow:0 3px 0 var(--line-dark)}.tut-bubble{align-self:flex-start;padding:10px 14px;border-radius:16px 16px 16px 4px;background:var(--surface);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);font-weight:800}.tut-bubble:nth-child(2){align-self:center}.tut-bubble.faded{opacity:.55;align-self:flex-end}.tut-art .option{text-align:center;cursor:default}.tut-dots{display:flex;justify-content:center;gap:8px}.tut-dots button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:var(--line-dark);cursor:pointer;transition:width .2s}.tut-dots button.on{width:28px;background:var(--primary)}@media(prefers-reduced-motion:reduce){.float-card,.tut-step,.mascot{animation:none}}.avatar{overflow:hidden}.avatar-art{display:block;width:100%;height:100%}.av-bg-primary{fill:color-mix(in srgb,var(--primary) 22%,var(--surface))}.av-bg-secondary{fill:color-mix(in srgb,var(--secondary) 26%,var(--surface))}.av-bg-accent{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}.av-bg-gold{fill:color-mix(in srgb,var(--gold) 34%,var(--surface))}.av-bg-success{fill:color-mix(in srgb,var(--success) 24%,var(--surface))}.av-bg-sky{fill:color-mix(in srgb,var(--tear) 26%,var(--surface))}.av-primary{fill:var(--primary)}.av-primary-dark{fill:var(--primary-dark)}.av-secondary{fill:var(--secondary)}.av-secondary-dark{fill:var(--secondary-dark)}.av-accent{fill:var(--accent)}.av-gold{fill:var(--gold)}.av-success{fill:var(--success)}.av-success-dark{fill:var(--success-dark)}.av-success-light{fill:color-mix(in srgb,var(--success) 45%,#fff)}.av-sky{fill:var(--tear)}.av-brown{fill:var(--gold-ink)}.av-cream{fill:color-mix(in srgb,var(--gold) 22%,#fff)}.av-pink{fill:color-mix(in srgb,var(--primary) 40%,#fff)}.av-grey{fill:color-mix(in srgb,var(--muted) 60%,#fff)}.av-white,.av-tooth{fill:#fff}.av-tooth{stroke:var(--ink);stroke-width:1.5}.av-ink{fill:var(--ink)}.av-shine{fill:#fff;opacity:.35}.av-blush{fill:var(--primary);opacity:.3}.av-line,.av-line-dark,.av-line-white,.av-line-gold,.av-stripe{fill:none;stroke-linecap:round;stroke-linejoin:round}.av-line{stroke:var(--ink);stroke-width:3.5}.av-line-dark{stroke:var(--accent-dark);stroke-width:3.5}.av-line-white{stroke:#fff;stroke-width:2.5}.av-line-gold{stroke:var(--gold-dark);stroke-width:2.5}.av-stripe{stroke:var(--secondary-dark);stroke-width:4.5}.av-tentacle{fill:none;stroke:var(--primary);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.avatar-pick{padding:4px}.avatar-pick .avatar-art{border-radius:50%}.room-hero{align-items:stretch}.room-hero-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.code-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.code-tiles span{display:grid;place-items:center;aspect-ratio:1 / 1.15;border-radius:12px;font-size:26px;font-weight:900;color:var(--primary-dark);background:var(--surface);box-shadow:0 4px color-mix(in srgb,var(--primary-dark) 70%,#000)}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.player-tile{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 6px 10px;border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 0 var(--line);background:var(--surface);text-align:center}.player-tile strong{max-width:100%;font-size:14px}.player-tile.ready{border-color:color-mix(in srgb,var(--success) 60%,var(--line));box-shadow:0 3px 0 var(--success)}.player-tile.me{background:color-mix(in srgb,var(--secondary) 8%,var(--surface))}.player-tile.empty{border-style:dashed;box-shadow:none;justify-content:center;background:transparent;font:inherit;cursor:pointer}.empty-avatar{border-style:dashed;border-color:var(--line-dark);background:transparent;color:var(--muted);font-size:26px}.status-pill{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800;background:var(--line);color:var(--muted)}.status-pill.on{background:color-mix(in srgb,var(--success) 18%,var(--surface));color:var(--success-dark)}.setting-label{margin-top:4px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.setting-facts{display:flex;flex-wrap:wrap;gap:8px}.setting-facts span{padding:6px 10px;border-radius:12px;font-size:13px;background:color-mix(in srgb,var(--line) 50%,var(--surface))}.rank-row{padding:6px 4px;border-radius:12px}.rank-row.first{background:color-mix(in srgb,var(--gold) 16%,var(--surface))}.rank-medal{min-width:28px;text-align:center;font-size:20px;font-weight:900;color:var(--muted)}@media(max-width:360px){.player-grid{grid-template-columns:repeat(2,1fr)}}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 14px;border:3px solid var(--line);border-radius:20px;box-shadow:0 4px 0 var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:center;cursor:pointer;transition:transform .05s,box-shadow .05s}.mode-card:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--line)}.mode-card:disabled{cursor:default}.mode-card strong{font-size:16px;font-weight:900}.mode-icon{font-size:34px;line-height:1.1}.mode-short{font-size:12px;color:var(--muted)}.mode-card.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));box-shadow:0 4px 0 var(--primary-dark)}.mode-card.on strong{color:var(--primary-dark)}.mode-card:not(.on):disabled{opacity:.6}.mode-check{position:absolute;top:-10px;right:-8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:14px;font-weight:900;color:#fff;background:var(--primary);box-shadow:0 2px 0 var(--primary-dark)}.presence-wrap{position:relative}.presence-dot{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;border:3px solid var(--surface);background:var(--line-dark)}.presence-dot.on{background:var(--success)}.player-tile.away .avatar{filter:grayscale(.6);opacity:.75}.status-pill.online{background:color-mix(in srgb,var(--secondary) 16%,var(--surface));color:var(--secondary-dark)}.group-name{overflow-wrap:anywhere}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 24px;display:flex;flex-direction:column;gap:12px}.at-input{position:relative}.at-input>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-weight:900;color:var(--muted);pointer-events:none}.at-input .input{padding-left:34px}a{color:var(--primary-dark);font-weight:800}.consent-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:14px}.check-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.4}.check-row input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--primary);cursor:pointer}.link-btn{padding:4px 0;border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--primary-dark);cursor:pointer}.legal-tabs{flex-wrap:wrap;gap:8px}.legal-tabs a{color:inherit;text-decoration:none}.legal-tabs a.on{color:#fff}.legal-body{gap:18px;line-height:1.55}.legal-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.legal-body code{font-size:13px;overflow-wrap:anywhere}.legal-section{gap:8px}.danger-zone{border-color:var(--danger)}.danger-zone h3{color:var(--danger)}.group-loading{justify-content:center;align-items:center;text-align:center;gap:18px}.gl-stage{position:relative;width:290px;height:230px}.gl-mascot{position:absolute;left:50%;bottom:22px;margin-left:-56px;transform-origin:50% 100%;animation:gl-jump 1.1s cubic-bezier(.45,0,.55,1) infinite}.gl-shadow{position:absolute;left:50%;bottom:12px;width:84px;height:14px;margin-left:-42px;border-radius:50%;background:color-mix(in srgb,var(--text) 18%,transparent);animation:gl-shadow 1.1s cubic-bezier(.45,0,.55,1) infinite}@keyframes gl-jump{0%,to{transform:translateY(0) scale(1.08,.92)}15%{transform:translateY(0) scale(1)}50%{transform:translateY(-34px) scale(.96,1.05)}85%{transform:translateY(0) scale(1)}}@keyframes gl-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}.gl-card{position:absolute;width:104px;height:42px;perspective:600px;animation:gl-pop .45s cubic-bezier(.34,1.56,.64,1) backwards}.gl-card-0{top:6px;left:0;rotate:-10deg}.gl-card-1{top:0;right:0;rotate:9deg;animation-delay:.12s}.gl-card-2{top:96px;left:-10px;rotate:7deg;animation-delay:.24s}.gl-card-3{top:92px;right:-10px;rotate:-8deg;animation-delay:.36s}@keyframes gl-pop{0%{opacity:0;transform:scale(.3)}}.gl-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:gl-flip 4.4s ease-in-out infinite}.gl-card-1 .gl-flip{animation-delay:1.1s}.gl-card-2 .gl-flip{animation-delay:2.2s}.gl-card-3 .gl-flip{animation-delay:3.3s}@keyframes gl-flip{0%,30%{transform:rotateY(0) translateY(0)}40%,72%{transform:rotateY(180deg) translateY(-6px)}82%,to{transform:rotateY(360deg) translateY(0)}}.gl-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:12px;font-weight:900;font-size:15px;white-space:nowrap;backface-visibility:hidden}.gl-front{font-size:22px;color:#fff;background:var(--primary);box-shadow:0 4px 0 var(--primary-dark)}.gl-back{transform:rotateY(180deg)}.gl-back.gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 4px 0 var(--gold-dark)}.gl-back.accent{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dark)}.gl-back.light{background:var(--surface);color:var(--text);box-shadow:0 4px 0 var(--line-dark)}.gl-label{font-size:22px;font-weight:900}.gl-dots i{font-style:normal;animation:gl-dot 1.2s infinite}.gl-dots i:nth-child(2){animation-delay:.2s}.gl-dots i:nth-child(3){animation-delay:.4s}@keyframes gl-dot{0%,60%,to{opacity:.2}30%{opacity:1}}.gl-tip{max-width:300px;min-height:2.8em;color:var(--muted);animation:gl-tip .5s ease-out}@keyframes gl-tip{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.gl-mascot,.gl-shadow,.gl-card,.gl-flip,.gl-dots i,.gl-tip{animation:none}}.group-loading.continuing .gl-card,.gl-tip.still{animation:none}.trophy{flex:none;vertical-align:-.2em;overflow:visible}.tr-handle{fill:none;stroke:var(--gold-dark);stroke-width:4;stroke-linecap:round}.tr-cup{fill:var(--gold)}.tr-shade,.tr-rim,.tr-stem{fill:var(--gold-dark)}.tr-shade{opacity:.45}.tr-shine{fill:none;stroke:var(--surface);stroke-width:3;stroke-linecap:round;opacity:.75}.tr-star{fill:var(--surface)}.tr-base{fill:var(--primary)}.tr-plate{fill:var(--gold)}.medal{flex:none;overflow:visible}.md-ribbon-a{fill:var(--primary)}.md-ribbon-b{fill:var(--primary-dark)}.md-num{font-family:var(--font);font-size:13px;font-weight:900}.md-gold .md-disc{fill:var(--gold)}.md-gold .md-ring{fill:none;stroke:var(--gold-dark);stroke-width:2}.md-gold .md-num{fill:var(--gold-ink)}.md-silver .md-disc{fill:var(--silver)}.md-silver .md-ring{fill:none;stroke:var(--silver-dark);stroke-width:2}.md-silver .md-num{fill:var(--silver-ink)}.md-bronze .md-disc{fill:var(--bronze)}.md-bronze .md-ring{fill:none;stroke:var(--bronze-dark);stroke-width:2}.md-bronze .md-num{fill:var(--bronze-ink)}.tag .trophy{margin-right:2px}.results-trophy{display:block;margin:0 auto;animation:bob 2.4s ease-in-out infinite}.rank-medal{display:grid;place-items:center}@media(prefers-reduced-motion:reduce){.results-trophy{animation:none}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;touch-action:none;background:color-mix(in srgb,var(--text) 40%,transparent);animation:dialog-fade .15s ease-out}.dialog{position:fixed;z-index:51;left:50%;top:50%;width:min(360px,calc(100vw - 32px));transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 20px 20px;text-align:center;background:var(--surface);border:2px solid var(--line);border-radius:24px;box-shadow:0 6px 0 var(--line);animation:dialog-pop .22s cubic-bezier(.34,1.56,.64,1)}.dialog .mascot{animation:none}.dialog-actions{display:flex;gap:10px;width:100%;margin-top:8px}.dialog-actions .btn{flex:1}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-pop{0%{opacity:0;transform:translate(-50%,-46%) scale(.92)}}@media(prefers-reduced-motion:reduce){.dialog,.dialog-backdrop{animation:none}}.live-hero h2{font-size:24px}.live-dot{width:12px;height:12px;flex:none;border-radius:50%;background:var(--surface);box-shadow:0 0 color-mix(in srgb,var(--surface) 70%,transparent);animation:live-pulse 1.6s ease-out infinite}@keyframes live-pulse{70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.live-stats{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px}.live-stats strong{font-size:20px;font-variant-numeric:tabular-nums}.live-progress{height:12px;background:color-mix(in srgb,var(--surface) 30%,transparent)}.live-progress>div{background:var(--gold)}.my-live{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.my-live.done{border-color:color-mix(in srgb,var(--success) 50%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--surface))}.my-live-hidden .mascot{animation:bob 2.4s ease-in-out infinite}.live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.live-card{gap:10px;padding:14px}.live-card .character .name{font-size:18px}@media(max-width:360px){.live-grid{grid-template-columns:1fr}}.podium-row{padding:6px 4px;border-radius:12px}.podium-row.first{background:color-mix(in srgb,var(--gold) 16%,var(--surface))}.place-num{display:grid;place-items:center;width:34px;font-size:18px;font-weight:900;color:var(--muted)}@media(prefers-reduced-motion:reduce){.live-dot,.my-live-hidden .mascot{animation:none}}.write-for{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 4px color-mix(in srgb,var(--accent) 45%,var(--line))}.writing-wait{padding:18px 8px;border-radius:20px;background:color-mix(in srgb,var(--line) 45%,var(--surface))}