:root{--ink:#241b3a;--ink-soft:#241b3a8c;--cream:#fff6ee;--punch:#ff4d7e;--grape:#7c5cff;--mint:#2fd4a5;--sun:#ffc93c;--panel:#fff6eeeb;--shadow:0 6px 0 #241b3a29, 0 14px 30px #241b3a2e;--font:ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Trebuchet MS", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#8fd8ff;margin:0;overflow:hidden}#game{touch-action:none;cursor:grab;width:100vw;height:100vh;display:block}#game:active{cursor:grabbing}.hidden{display:none!important}.muted{opacity:.45}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;bottom:0;left:0;right:0}.topbar{flex-direction:column;align-items:center;gap:10px;width:min(720px,100vw - 32px);display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.tape{background:var(--panel);box-shadow:var(--shadow);border-radius:18px;align-items:stretch;gap:4px;padding:8px 6px;display:flex}.tape-cell{flex-direction:column;align-items:center;min-width:96px;padding:2px 18px;display:flex}.tape-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:600}.tape-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.tape-value sup{font-size:13px;top:-.5em}.tape-divider{background:#241b3a1f;border-radius:2px;width:2px;margin:6px 0}.qualify{background:var(--panel);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:10px;padding:7px 14px;display:flex}.qualify-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:700}.qualify-slots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.slot{min-width:84px;height:30px;color:var(--ink-soft);background:#241b3a17;border:2px dashed #241b3a2e;border-radius:11px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.slot.filled{background:var(--ink);border:2px solid var(--ink);color:var(--cream);animation:.42s cubic-bezier(.18,1.5,.4,1) slot-pop}.slot.is-you{background:var(--punch);border-color:var(--punch)}.slot .dot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 2px #ffffffb3}.slot .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot .when{font-variant-numeric:tabular-nums;opacity:.75;margin-left:auto;font-size:11px}@keyframes slot-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.stage-banner{background:var(--ink);color:var(--cream);letter-spacing:.01em;opacity:0;box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:10px 26px;font-size:24px;font-weight:700;transition:opacity .25s,transform .35s cubic-bezier(.18,1.5,.4,1);position:absolute;top:28%;left:50%;transform:translate(-50%,-10px)scale(.9)}.stage-banner.show{opacity:1;transform:translate(-50%)scale(1)}#progress-rail{background:#fff6ee99;border-radius:999px;width:10px;height:min(46vh,340px);position:absolute;top:50%;right:26px;overflow:visible;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #241b3a1f}#progress-fill{background:linear-gradient(to top, var(--mint), var(--sun));border-radius:999px;width:100%;height:0%;position:absolute;bottom:0;left:0}#progress-dot{background:var(--punch);border:3px solid var(--cream);border-radius:50%;width:20px;height:20px;margin-bottom:-10px;margin-left:-10px;position:absolute;bottom:0%;left:50%;box-shadow:0 3px 10px #241b3a4d}.keys{background:var(--panel);color:var(--ink-soft);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.keys b{color:var(--ink)}.countdown{pointer-events:none;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.countdown span{color:var(--cream);text-shadow:0 8px #241b3a47,0 20px 44px #241b3a59;will-change:transform;font-size:clamp(90px,18vw,200px);font-weight:700;display:block}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(120% 90% at 50% 0,#8fd8ff8c,#7c5cff8c);place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.card{background:var(--cream);text-align:center;border-radius:28px;width:min(520px,100%);padding:30px 32px 32px;box-shadow:0 12px #241b3a24,0 30px 60px #241b3a52}.card.wide{width:min(600px,100%)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;font-size:11px;font-weight:700}.card h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(40px,8vw,60px);line-height:.98}.card h1 span{color:var(--punch);display:block}.card h2{margin:0 0 12px;font-size:clamp(30px,6vw,44px)}.blurb{color:var(--ink-soft);margin:0 0 20px;font-size:15px;line-height:1.5}.btn{color:var(--cream);background:var(--punch);cursor:pointer;border:none;border-radius:999px;padding:12px 32px;font-family:inherit;font-size:19px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 6px #d13463,0 14px 26px #d1346359}.btn:hover{transform:translateY(-2px);box-shadow:0 8px #d13463,0 18px 30px #d1346366}.btn:active{transform:translateY(4px);box-shadow:0 2px #d13463,0 8px 16px #d1346359}.controls{color:var(--ink-soft);gap:6px;margin:22px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.controls b{color:var(--ink)}.results-table{border-collapse:collapse;width:100%;margin:6px 0 22px;font-size:14px}.results-table th{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:0 8px 8px;font-size:10px}.results-table th:last-child,.results-table td:last-child{text-align:right}.results-table td{font-variant-numeric:tabular-nums;border-top:2px solid #241b3a14;padding:7px 8px;font-weight:600}.results-table tr.qualified td{background:#2fd4a529}.results-table tr.you td{color:var(--punch)}.results-table td.runner{align-items:center;gap:8px;display:flex}.results-table .dot{border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #241b3a1f}.round{background:var(--panel);box-shadow:var(--shadow);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;border-radius:999px;margin:0;padding:5px 16px;font-size:11px;font-weight:700}.overlay-bottom{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0000 38%,#241b3a29 66%,#241b3a6b 100%);align-items:end;padding-bottom:26px}.select-card{width:min(660px,100%);padding:16px 28px 20px}.select-card h1{margin-bottom:10px;font-size:clamp(26px,4.2vw,36px)}.select-card h1 span{margin-left:.28em;display:inline}.pick{margin-bottom:12px}.pick-name{margin:0;font-size:24px;font-weight:700}.pick-blurb{color:var(--ink-soft);min-height:1.2em;margin:2px 0 10px;font-size:13px}.roster{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:62px;padding:6px 2px 5px;transition:transform .12s,background .12s,border-color .12s;display:flex}.chip:hover{background:#241b3a12;outline:none;transform:translateY(-2px)}.chip:focus-visible{background:#241b3a12;outline:none;transform:translateY(-2px)}.chip.picked{border-color:var(--ink);background:#241b3a17}.chip-swatch{border:3px solid;border-radius:50%;width:30px;height:30px;box-shadow:0 2px #241b3a29}.chip.picked .chip-swatch{transform:scale(1.12)}.chip-name{color:var(--ink-soft);font-size:11px;font-weight:700}.chip.picked .chip-name{color:var(--ink)}.hint{color:var(--ink-soft);margin:12px 0 0;font-size:11.5px}.hint b{color:var(--ink)}.game-brand{z-index:20;pointer-events:auto;place-items:center;width:56px;height:56px;display:grid;position:fixed;top:10px;left:10px}.game-brand img{object-fit:contain;filter:drop-shadow(0 2px 4px #241b3a66);width:56px;height:56px}@media (max-width:640px){.game-brand,.game-brand img{width:44px;height:44px}}.sound-btn{z-index:20;background:var(--panel);width:44px;height:44px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:50%;font-family:inherit;font-size:20px;font-weight:700;line-height:1;transition:transform .12s,opacity .15s;position:fixed;top:18px;right:18px}.sound-btn:hover{transform:translateY(-2px)}.sound-btn.muted{opacity:.5}.sound-btn.muted:after{content:"";background:var(--ink);border-radius:2px;height:3px;position:absolute;top:50%;left:9px;right:9px;transform:rotate(-45deg)}.flash{pointer-events:none;opacity:0;z-index:15;position:fixed;top:0;bottom:0;left:0;right:0}.flash.hit{background:radial-gradient(120% 90%,#ffd66a00 42%,#ff84528c 100%);animation:.34s ease-out flash-out}.flash.fall{background:radial-gradient(130% 100%,#7c5cff00 30%,#503aaab8 100%);animation:.6s ease-out flash-out}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.toast{background:var(--ink);color:var(--cream);opacity:0;pointer-events:none;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:74px;left:50%;transform:translate(-50%,10px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:640px){.tape-cell{min-width:72px;padding:2px 10px}.tape-value{font-size:21px}.qualify-label{display:none}.slot{min-width:54px;padding:0 7px}.slot .when{display:none}.keys{padding:7px 12px;font-size:11px}}.loading-line{color:var(--ink-soft);margin:0;font-size:17px;font-weight:700}