:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-red:#9e3026;--color-red-deep:#7f383a;--color-yellow:#fad459;--color-yellow-warm:#e5b84c;--color-yellow-pale:#fff1c3;--color-cream:#f5edd9;--color-cream-soft:#fcf7e8;--color-cream-light:#ffffe8;--color-green:#3c6a48;--color-green-light:#5c8c59;--color-blue:#067fc5;--color-brown:#58332b;--color-purple:#502274;--color-purple-light:#e9c0e9;--color-ink:#161616;--color-ink-soft:#0d0d0d;--font-display:"Tilt Warp", system-ui, sans-serif;--font-brand:"Lilita One", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--page-bg:var(--color-cream);--canvas-bg:var(--color-cream-soft);--surface:#ffffff8c;--surface-border:#1616161a;--text-primary:var(--color-ink);--text-muted:#16161699;--score-idle:var(--color-cream-light);--score-live:var(--color-yellow);--accent:var(--color-red);--fail-flash:#9e30262e;--shadow:0 24px 60px -20px #16100a59;--a11y-text-scale:1;--radius-card:24px;--panel-bg:var(--surface);--panel-border:var(--surface-border);--panel-fg:var(--text-primary);--panel-fg-muted:var(--text-muted);--panel-accent:var(--accent)}html[data-a11y-text=sm]{--a11y-text-scale:.85}html[data-a11y-text=lg]{--a11y-text-scale:1.2}html[data-a11y-text=xl]{--a11y-text-scale:1.45}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-toggle{background:var(--color-green);width:40px;height:40px;color:var(--color-cream);cursor:pointer;border:1px solid #f5edd940;border-radius:999px;justify-content:center;align-items:center;transition:background .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;display:flex}.icon-toggle:hover{background:var(--color-green-light);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0d0d0d40}.icon-toggle:active{box-shadow:none;transform:translateY(0)scale(.98)}.icon-toggle:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.icon-toggle svg{width:18px;height:18px}.controls{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));pointer-events:none;gap:8px;display:flex;position:absolute}.controls .icon-toggle{pointer-events:auto}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--page-bg);color:var(--text-primary);font-family:var(--font-body), system-ui, "Segoe UI", sans-serif;transition:background .25s ease-out}.squad-panel{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:5;pointer-events:none;background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);width:min(200px,46vw);max-height:60vh;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:absolute;overflow:hidden}.squad-panel-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.squad-panel-status{color:var(--text-muted);font-family:Inter,system-ui,sans-serif;font-size:11px}.squad-panel-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.squad-panel-row{grid-template-columns:16px 1fr auto;align-items:center;gap:6px;display:grid}.squad-panel-rank{font-family:var(--font-display);color:var(--text-muted);font-size:10px;font-weight:700}.squad-panel-member{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;overflow:hidden}.squad-panel-score{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.app{background:var(--color-green);width:100%;height:100%;position:relative;container:game/size}.app canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.hud{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:background .35s ease-out;display:flex;position:absolute;inset:0}.hud-flash,.bot-flash{background:var(--fail-flash)}.score{font-family:var(--font-display), "Inter", system-ui, sans-serif;font-size:calc(min(22cqw, 25cqh) * var(--a11y-text-scale));letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;animation:.28s cubic-bezier(.34,1.56,.64,1) score-pulse}.score-live{color:var(--score-live)}.score-idle{color:var(--score-idle)}@keyframes score-pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}.score-wobble{animation:.28s cubic-bezier(.34,1.56,.64,1) score-pulse,2.6s ease-in-out infinite score-wobble}.score-wobble-2{--wobble-amt:1.5px;--wobble-rot:.6deg}.score-wobble-3{--wobble-amt:3px;--wobble-rot:1.2deg;animation-duration:.28s,2.1s}.score-wobble-4{--wobble-amt:5px;--wobble-rot:2deg;animation-duration:.28s,1.6s}@keyframes score-wobble{0%,to{translate:0;rotate:0deg}20%{translate:calc(var(--wobble-amt) * -1) calc(var(--wobble-amt) * .6);rotate:calc(var(--wobble-rot) * -.4)}45%{translate:var(--wobble-amt) calc(var(--wobble-amt) * -.5);rotate:calc(var(--wobble-rot) * .3)}70%{translate:calc(var(--wobble-amt) * -.5) var(--wobble-amt);rotate:calc(var(--wobble-rot) * -.2)}}.best-tag{font-family:Inter,system-ui,sans-serif;font-size:calc(clamp(13px, 4.5cqw, 18px) * var(--a11y-text-scale));color:var(--color-cream-light);letter-spacing:.03em;margin-top:8px;font-weight:600}.hint{font-family:Inter,system-ui,sans-serif;font-size:calc(clamp(12px, 3.6cqw, 14px) * var(--a11y-text-scale));color:var(--text-primary);letter-spacing:.02em;background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:999px;margin-top:14px;padding:8px 16px;font-weight:600}.bot-banner{top:max(64px, calc(env(safe-area-inset-top) + 64px));pointer-events:none;background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:calc(clamp(12px, 3.6cqw, 14px) * var(--a11y-text-scale));box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;z-index:5;border-radius:999px;max-width:90vw;padding:8px 16px;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) bot-banner-pop;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes bot-banner-pop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.score,.bot-banner,.score-wobble{animation:none}}html[data-a11y-motion=reduce] .score,html[data-a11y-motion=reduce] .bot-banner,html[data-a11y-motion=reduce] .score-wobble{animation:none}.leaderboard-status{color:var(--panel-fg-muted);text-align:center;padding:16px;font-family:Inter,system-ui,sans-serif;font-size:13px}.leaderboard-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.leaderboard-rank{font-family:var(--font-display);color:var(--panel-fg-muted);font-size:13px}.leaderboard-name{color:var(--panel-fg);text-overflow:ellipsis;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.leaderboard-score{font-family:var(--font-display);color:var(--panel-accent);font-variant-numeric:tabular-nums;font-size:15px}.sheet-root{z-index:60;pointer-events:none;position:fixed;inset:0}.sheet-visible{pointer-events:auto}.sheet-backdrop{-webkit-backdrop-filter:blur(2px);opacity:0;background:#0d0d0d80;transition:opacity .2s ease-out;position:absolute;inset:0}.sheet-visible .sheet-backdrop{opacity:1}.sheet-panel{inset-inline:0;z-index:61;border-radius:var(--radius-card) var(--radius-card) 0 0;max-height:85dvh;color:var(--color-cream);box-shadow:var(--shadow);--panel-bg:#f5edd91a;--panel-border:#f5edd940;--panel-fg:var(--color-cream);--panel-fg-muted:#f5edd9b3;--panel-accent:var(--color-yellow);border-top:1px solid #f5edd926;flex-direction:column;transition:transform .22s ease-out;display:flex;position:fixed;bottom:0;overflow:hidden;transform:translateY(100%)}.sheet-panel[data-tone=green]{background:var(--color-green)}.sheet-panel[data-tone=brown]{background:var(--color-brown)}.sheet-visible .sheet-panel{transform:translateY(0)}@media (width>=768px){.sheet-panel{inset-inline:auto;border-radius:var(--radius-card) 0 0 var(--radius-card);border-top:none;border-left:1px solid #f5edd926;width:min(420px,92vw);max-height:100dvh;top:0;bottom:0;right:0;transform:translate(100%)}.sheet-visible .sheet-panel{transform:translate(0)}}.sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 20px 20px;display:flex}.sheet-title{font-family:var(--font-display), "Inter", system-ui, sans-serif;color:var(--color-yellow);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:400;display:flex}.sheet-title svg{flex-shrink:0}.sheet-subtitle{color:#f5edd9b3;margin:4px 0 0;font-family:Inter,system-ui,sans-serif;font-size:14px}.sheet-close{width:36px;height:36px;color:var(--color-cream);background:0 0;border-color:#f5edd94d}.sheet-close svg{width:16px;height:16px}.sheet-close:hover{box-shadow:none;background:var(--color-cream);color:inherit;transform:none}.sheet-panel[data-tone=green] .sheet-close:hover{color:var(--color-green)}.sheet-panel[data-tone=brown] .sheet-close:hover{color:var(--color-brown)}.sheet-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 20px 24px;display:flex;overflow-y:auto}.a11y-section{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:var(--radius-card);padding:16px}.a11y-eyebrow{font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.08em;color:var(--panel-fg-muted);font-size:12px}.a11y-section-body{margin-top:10px}.a11y-toggle-pill{text-align:left;width:100%;color:var(--panel-fg);cursor:pointer;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.a11y-toggle-text{flex-direction:column;gap:2px;display:flex}.a11y-toggle-label-row{align-items:center;gap:8px;display:flex}.a11y-toggle-label-row svg{width:16px;height:16px;color:var(--panel-fg-muted);flex-shrink:0}.a11y-toggle-label{color:var(--panel-fg);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600}.a11y-toggle-desc{color:var(--panel-fg-muted);font-family:Inter,system-ui,sans-serif;font-size:12px}.a11y-switch{background:var(--panel-border);border-radius:999px;flex-shrink:0;align-items:center;width:44px;height:24px;padding:2px;transition:background .15s ease-out;display:flex}.a11y-switch-on{background:var(--panel-accent)}.a11y-switch-knob{background:var(--color-cream);border-radius:999px;width:20px;height:20px;transition:transform .15s ease-out;box-shadow:0 1px 3px #0d0d0d4d}.a11y-switch-on .a11y-switch-knob{background:var(--color-green);transform:translate(20px)}.a11y-segmented-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.a11y-segmented-label{color:var(--panel-fg);align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;display:flex}.a11y-segmented-label svg{width:16px;height:16px;color:var(--panel-fg-muted);flex-shrink:0}.a11y-segmented{background:#f5edd926;border-radius:999px;gap:2px;padding:4px;display:flex}.a11y-segmented-btn{color:var(--panel-fg-muted);font-family:var(--font-brand);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:12px;transition:background .15s ease-out,color .15s ease-out}.a11y-segmented-btn-active{background:var(--panel-accent);color:var(--color-ink)}.a11y-reset{color:var(--panel-fg);cursor:pointer;background:0 0;border:1px solid #f5edd933;border-radius:999px;align-self:flex-start;padding:6px 12px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;transition:background .15s ease-out,color .15s ease-out}.a11y-reset:hover{background:var(--color-cream)}.sheet-panel[data-tone=green] .a11y-reset:hover{color:var(--color-green)}.sheet-panel[data-tone=brown] .a11y-reset:hover{color:var(--color-brown)}.home{background:var(--color-red);width:100%;height:100%;padding:max(72px, calc(env(safe-area-inset-top) + 72px)) 20px 16px;flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto}.home-header{text-align:center;margin-bottom:32px}.home-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-yellow);margin:0;font-size:clamp(32px,7vw,48px)}.home-subtitle{font-family:var(--font-brand);color:var(--color-yellow-pale);margin:8px 0 0;font-size:14px}.home-footer{color:#f5edd9a6;text-align:center;margin-top:auto;padding-top:24px;font-family:Inter,system-ui,sans-serif;font-size:13px}.home-footer-link{color:var(--color-yellow);font-family:var(--font-brand);text-decoration:none}.home-footer-link:hover{text-decoration:underline}.home-form{flex-direction:column;gap:16px;width:100%;max-width:420px;display:flex}.home-columns{flex-direction:column;gap:16px;display:flex}.home-column{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}@media (width>=560px){.home-form{max-width:640px}.home-columns{flex-direction:row;align-items:flex-start}}.home-section{background:var(--color-brown);border-radius:var(--radius-card);border:1px solid #f5edd926;flex-direction:column;gap:10px;padding:16px;display:flex}.home-eyebrow{font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.08em;color:#f5edd9b3;font-size:12px}.home-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-current-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);color:var(--color-cream);font-size:18px;overflow:hidden}.home-reroll{width:32px;height:32px;color:var(--color-cream);cursor:pointer;background:0 0;border:1px solid #f5edd94d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s ease-out;display:flex}.home-reroll:hover{background:#f5edd926}.home-reroll svg{width:16px;height:16px}.home-leave{color:var(--color-cream);cursor:pointer;background:0 0;border:1px solid #f5edd94d;border-radius:999px;flex-shrink:0;padding:6px 12px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;transition:background .15s ease-out}.home-leave:hover{background:#f5edd926}.home-hint{color:#f5edd9b3;margin:0;font-family:Inter,system-ui,sans-serif;font-size:12px}.home-inline-form{gap:8px;display:flex}.home-input,.home-select{border-radius:var(--radius-card);min-width:0;color:var(--color-cream);background:#f5edd91a;border:1px solid #f5edd940;flex:1;padding:12px 16px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:border-color .15s ease-out,background .15s ease-out}.home-input::placeholder{color:#f5edd966}.home-select{cursor:pointer;appearance:none;width:100%;padding-left:40px;padding-right:36px}.home-select option{color:var(--color-ink)}.home-input:focus-visible,.home-select:focus-visible{border-color:var(--color-yellow);background:#f5edd926;outline:none}.home-select-wrap{align-items:center;display:flex;position:relative}.home-select-icon,.home-select-chevron{color:#f5edd999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.home-select-icon svg,.home-select-chevron svg{width:16px;height:16px;display:block}.home-select-icon{left:14px}.home-select-chevron{right:14px}.home-btn{background:var(--color-yellow);color:var(--color-ink);font-family:var(--font-brand);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:13px;transition:opacity .15s ease-out,transform .15s ease-out,background .15s ease-out}.home-btn:hover:not(:disabled){background:var(--color-yellow-warm);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0d0d0d40}.home-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.98)}.home-btn:focus-visible{box-shadow:0 0 0 2px var(--color-brown), 0 0 0 4px #16161666;outline:none}.home-btn:disabled{opacity:.6;cursor:not-allowed}.home-error{color:var(--color-yellow);margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px}.home-mode-row{flex-wrap:wrap;gap:10px 20px;display:flex}.home-radio{white-space:nowrap;color:var(--color-cream);cursor:pointer;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;display:flex}.home-radio input{accent-color:var(--color-yellow);cursor:pointer;width:16px;height:16px}.home-play-btn{background:var(--color-cream);color:var(--color-ink);font-family:var(--font-brand);cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:999px;padding:14px;font-size:18px;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.home-play-btn:hover{background:var(--color-cream-light);box-shadow:var(--shadow), 0 10px 15px -3px #0d0d0d40;transform:translateY(-2px)}.home-play-btn:active{transform:translateY(0)scale(.98)}.home-play-btn:focus-visible{box-shadow:var(--shadow), 0 0 0 2px var(--color-red), 0 0 0 4px #16161666;outline:none}.channel-page{background:var(--page-bg);width:100%;min-height:100%;padding:max(24px, env(safe-area-inset-top)) 20px 40px;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.channel-page-home-link{color:var(--text-muted);align-self:flex-start;margin-bottom:20px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none}.channel-page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);text-align:center;margin:0;font-size:clamp(24px,5vw,32px)}.channel-page-code{color:var(--text-muted);margin:6px 0 20px;font-family:Inter,system-ui,sans-serif;font-size:13px}.channel-page-status{color:var(--text-muted);text-align:center;font-family:Inter,system-ui,sans-serif;font-size:14px}.channel-page-active{background:var(--surface);border:1px solid var(--surface-border);color:var(--text-primary);border-radius:999px;margin-bottom:24px;padding:10px 16px}.channel-page-join-btn{background:var(--color-green);color:var(--color-cream);font-family:var(--font-brand);cursor:pointer;border:none;border-radius:999px;margin-bottom:24px;padding:10px 20px;font-size:14px;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.channel-page-join-btn:hover{background:var(--color-green-light);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0d0d0d40}.channel-page-join-btn:active{box-shadow:none;transform:translateY(0)scale(.98)}.channel-page-join-btn:focus-visible{box-shadow:0 0 0 2px var(--page-bg), 0 0 0 4px #f5edd999;outline:none}.channel-page-leaderboard-title{width:100%;max-width:420px;font-family:var(--font-display);color:var(--text-primary);margin:0 0 12px;font-size:16px}