:root{--bg:#f4efe4;--card:#fffdf7;--ink:#080808;--ink-soft:#3c3932;--muted:#6d675f;--yellow:#ffd817;--green:#4cbb17;--hair:#ddd8cf;--fire:#ff5a1f;--border:3px solid var(--ink);--radius:8px;--font:"Helvetica Neue",Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;inset:0;width:100%;background:var(--bg);font-family:var(--font);color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}a.btn,button{touch-action:manipulation}#page{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}html{-webkit-text-size-adjust:100%}#page{scroll-snap-type:y proximity}#game-root,.lb-section{scroll-snap-align:start}.modal-veil.top{align-items:flex-start;padding-top:9dvh}#game-root{position:relative;margin:0 auto;width:min(100vw,62dvh);height:100dvh;display:flex;flex-direction:column}.court-wrap{position:relative;flex:1 1;min-height:0;overflow:hidden}.gm-nav{flex:none;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:var(--bg);border-bottom:3px solid var(--ink)}.gm-nav a{text-decoration:none;touch-action:manipulation}.gm-nav-brand{font-size:14px;font-weight:900;letter-spacing:.18em;color:var(--ink)}.gm-nav-links{display:flex;gap:10px}.gm-nav-links a{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:7px 16px;background:var(--card);line-height:1}.gm-nav-links a:first-child{background:var(--yellow)}.gm-nav-links a:active{transform:translateY(1px);opacity:.85}.scoreboard2{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:min(88%,370px);z-index:5;pointer-events:none;background:linear-gradient(#241f19,#171310);border:4px solid #cfc6b4;outline:2px solid #171310;border-radius:8px;padding:6px 12px 9px;box-shadow:0 5px 14px rgba(8,8,8,.35),inset 0 0 22px rgba(0,0,0,.55)}.scoreboard2.sb-shake{animation:sbShake2 .4s infinite}@keyframes sbShake2{0%,to{transform:translateX(-50%) translate(0)}25%{transform:translateX(-50%) translate(-1px,1px)}50%{transform:translateX(-50%) translate(1px)}75%{transform:translateX(-50%) translate(-1px,-1px)}}.sb2-title{text-align:center;font-size:10px;font-weight:900;letter-spacing:.14em;white-space:nowrap;color:#e8e0cf;margin-bottom:4px;border-bottom:1px solid #3a342b;padding-bottom:4px}.sb2-row{display:flex;align-items:flex-end;justify-content:space-around}.sb2-col{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:74px}.sb2-label{font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#e8e0cf}.sb2-holder{font-size:9px;letter-spacing:.14em;color:#8f887c}.led,.sb2-holder{font-family:Courier New,ui-monospace,monospace;font-weight:700}.led{position:relative;display:inline-block;line-height:1;letter-spacing:.04em}.led .led-ghost{color:rgba(255,70,35,.13)}.led .led-lit{position:absolute;inset:0;text-align:center}.led.sm{font-size:28px}.led.bg{font-size:50px}.led.bg.three{font-size:40px}.led.sm.three{font-size:23px}.led.amber .led-lit{color:#ffb300;text-shadow:0 0 12px rgba(255,179,0,.7)}.led.red .led-lit{color:#ff4b3e;text-shadow:0 0 10px rgba(255,75,62,.6)}.led.greenc .led-lit{color:var(--green);text-shadow:0 0 10px rgba(76,187,23,.6)}.led.hotc .led-lit{color:var(--fire);text-shadow:0 0 14px rgba(255,90,31,.75)}.led.pop{animation:streakPop .35s cubic-bezier(.2,2.2,.4,1)}.hype-meter{position:absolute;left:5%;bottom:9%;height:27%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:4;background:rgba(16,14,11,.82);border:2px solid #2e2b26;border-radius:12px;padding:9px 8px 7px;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);box-shadow:3px 3px 0 rgba(8,8,8,.25)}.hype-meter.surging{animation:hmPulse .5s infinite alternate}.hype-meter.clutch{animation:hmPulse .26s infinite alternate}.hype-meter.clutch .hm-label{color:var(--fire);animation:surgeFlash .4s infinite alternate}@keyframes hmPulse{0%{transform:scale(1)}to{transform:scale(1.07)}}.hm-track{flex:1 1;width:44px;position:relative;background:var(--ink);filter:drop-shadow(2px 2px 0 rgba(8,8,8,.25))}.hm-inner,.hm-track{-webkit-clip-path:polygon(0 0,100% 0,66% 100%,34% 100%);clip-path:polygon(0 0,100% 0,66% 100%,34% 100%)}.hm-inner{position:absolute;inset:3px 5px;background:linear-gradient(0deg,#4cbb17,#ffd817 48%,#ff8617 72%,#ff2e1f 90%);overflow:hidden}.hm-cover{position:absolute;top:0;left:0;right:0;background:#29261f;transition:height .5s ease}.hm-ticks{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly}.hm-ticks span{display:block;height:1.5px;background:rgba(8,8,8,.3)}.hm-label{font-size:8px;font-weight:900;letter-spacing:.16em;color:#e8e0cf}.hm-pct{font-family:Courier New,ui-monospace,monospace;font-size:13px;font-weight:700;line-height:1;color:var(--yellow);text-shadow:0 0 8px rgba(255,216,23,.5)}.snd-btn{position:absolute;top:128px;right:3%;width:46px;height:46px;padding:11px;border-radius:50%;background:rgba(16,14,11,.72);border:2px solid #2e2b26;color:#e8e0cf;cursor:pointer;z-index:6;transition:opacity .2s,color .2s}.snd-btn svg{width:100%;height:100%;display:block}.snd-btn.off{color:#8f887c;opacity:.75}.snd-btn:active{transform:scale(.92)}.reward-chip{position:absolute;top:186px;right:3%;width:46px;height:46px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);color:var(--ink);font-family:var(--font);font-size:13px;font-weight:900;letter-spacing:.02em;cursor:pointer;z-index:6;box-shadow:0 0 12px rgba(255,216,23,.5);animation:chipPulse 2.4s infinite}@keyframes chipPulse{0%,to{box-shadow:0 0 6px rgba(255,216,23,.35)}50%{box-shadow:0 0 16px rgba(255,216,23,.7)}}.reward-chip:active{transform:scale(.92)}.lb-peek{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-family:var(--font);font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--card);background:rgba(8,8,8,.85);border:2px solid #2e2b26;border-radius:999px;padding:7px 14px;cursor:pointer;z-index:6}.lb-peek:active{transform:translateX(-50%) scale(.95)}.lb-section{width:min(100vw,62dvh);margin:0 auto;background:var(--ink);border-top:3px solid #2e2b26;padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.lb-section .lb-rows{max-height:none;margin-bottom:12px}.lb-band-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.lb-band-title{font-size:14px;font-weight:900;letter-spacing:.1em;color:var(--card)}.lb-band-sub{font-size:8px;font-weight:800;letter-spacing:.2em;color:#8f887c}canvas.court{width:100%;height:100%;display:block;touch-action:none}.hud,canvas.court{position:absolute;inset:0}.hud{pointer-events:none;display:flex;flex-direction:column}.scoreboard{margin:0 auto;width:min(100%,380px);background:var(--ink);border:2px solid #2e2b26;border-radius:10px;box-shadow:inset 0 0 0 2px #1c1a16;padding:7px 12px 8px;position:relative}.scoreboard.sb-shake{animation:sbShake .4s infinite}@keyframes sbShake{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px)}75%{transform:translate(-1px,-1px)}}.sb-row{display:flex;align-items:stretch;justify-content:space-between;gap:10px}.sb-cell{flex:1 1;background:#141310;border-radius:6px;border:1px solid #2e2b26;padding:5px 8px 6px;text-align:center;display:flex;flex-direction:column;gap:1px}.sb-label{font-size:9px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#8f887c}.sb-digits{font-family:Courier New,ui-monospace,monospace;font-size:clamp(30px,9vw,42px);font-weight:700;line-height:1;letter-spacing:.06em;color:var(--yellow);text-shadow:0 0 10px rgba(255,216,23,.55)}.sb-digits.hot{color:var(--fire);text-shadow:0 0 12px rgba(255,90,31,.65)}.sb-digits.green{color:var(--green);text-shadow:0 0 12px rgba(76,187,23,.65)}.sb-digits.red{color:#ff4b3e;text-shadow:0 0 10px rgba(255,75,62,.55)}.sb-digits.pop{animation:streakPop .35s cubic-bezier(.2,2.2,.4,1)}@keyframes streakPop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.sb-head{text-align:center;font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--card);margin-bottom:6px}.sb-head:after{content:"";display:block;height:1px;background:#2e2b26;margin-top:5px}.sb-holder{font-family:Courier New,ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;color:#8f887c}.mini-lb{pointer-events:auto;cursor:pointer;margin:6px 10px 0 auto;width:132px;background:rgba(8,8,8,.82);border:2px solid #2e2b26;border-radius:8px;padding:6px 8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mini-lb:active{transform:scale(.98)}.mini-lb-head{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--card);margin-bottom:4px}.mini-lb-more{font-size:7px;color:var(--yellow);letter-spacing:.08em}.mini-lb-empty{color:#8f887c;letter-spacing:.12em;padding:2px 0 3px}.mini-lb-empty,.mini-lb-row{font-family:Courier New,ui-monospace,monospace;font-size:10px;font-weight:700}.mini-lb-row{display:flex;align-items:center;gap:5px;line-height:1.5}.mini-lb-row.me .mini-lb-name{color:#fff;text-shadow:0 0 6px rgba(255,216,23,.8)}.mini-lb-rank{color:#8f887c;width:10px}.mini-lb-name,.mini-lb-row:nth-child(2) .mini-lb-rank{color:var(--yellow)}.mini-lb-name{flex:1 1;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-lb-score{color:#ff4b3e}.sb-noise{display:flex;align-items:center;gap:8px;margin-top:7px;padding-top:6px;border-top:1px solid #2e2b26}.sb-noise-label{font-size:9px;font-weight:800;letter-spacing:.18em;color:#8f887c;white-space:nowrap}.sb-noise-label.surging{color:var(--fire);animation:surgeFlash .7s infinite alternate}@keyframes surgeFlash{0%{opacity:1}to{opacity:.35}}.hype-bar{flex:1 1;height:9px;background:#141310;border:1px solid #2e2b26;border-radius:5px;overflow:hidden;display:inline-block}.hype-fill{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--fire));transition:width .4s ease}.sb-noise-pct{font-family:Courier New,ui-monospace,monospace;font-size:13px;font-weight:700;color:var(--yellow);min-width:34px;text-align:right;text-shadow:0 0 8px rgba(255,216,23,.5)}.modal.lb{background:var(--ink);border-color:#2e2b26;color:var(--card);padding:16px 14px}.lb-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.lb-title{font-size:20px;font-weight:900;letter-spacing:.06em;color:var(--card)}.lb-sub{font-size:9px;font-weight:800;letter-spacing:.24em;color:#8f887c}.lb-rows{max-height:46dvh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.lb-row{display:flex;align-items:center;gap:10px;background:#141310;border:1px solid #2e2b26;border-radius:6px;padding:7px 12px}.lb-row.me{border-color:var(--yellow);box-shadow:0 0 8px rgba(255,216,23,.25)}.lb-rank{font-family:Courier New,ui-monospace,monospace;font-size:13px;font-weight:700;color:#8f887c;min-width:22px}.lb-row:first-child .lb-rank{color:var(--yellow)}.lb-row:nth-child(2) .lb-rank{color:#d8d2c4}.lb-row:nth-child(3) .lb-rank{color:#c98a4b}.lb-name{flex:1 1;font-size:16px;letter-spacing:.2em;color:var(--yellow);text-shadow:0 0 8px rgba(255,216,23,.4);text-align:left}.lb-name,.lb-score{font-family:Courier New,ui-monospace,monospace;font-weight:700}.lb-score{font-size:18px;color:#ff4b3e;text-shadow:0 0 8px rgba(255,75,62,.45)}.lb-empty{padding:18px 8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#8f887c;text-transform:uppercase}.initials-row{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.initials-input{width:176px;font-family:Courier New,ui-monospace,monospace;font-size:20px;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase;background:var(--card);border:var(--border);border-radius:var(--radius);padding:10px 6px;color:var(--ink);outline:none}.initials-input:focus{background:#fff;box-shadow:3px 3px 0 var(--ink)}.initials-input.err{border-color:#ff4b3e;animation:nameShake .3s}@keyframes nameShake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}}.name-skip{background:none;border:none;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-decoration:underline;cursor:pointer;margin-top:12px;padding:6px 10px}.callout{position:absolute;top:32%;left:0;right:0;text-align:center;pointer-events:none;z-index:5}.callout .main{display:inline-block;font-size:clamp(34px,11vw,60px);font-weight:900;font-style:italic;letter-spacing:-.03em;text-transform:uppercase;color:var(--ink);-webkit-text-stroke:1px var(--ink);animation:calloutIn 1.1s cubic-bezier(.16,1.4,.3,1) forwards}.callout .main.gold{color:var(--yellow);text-shadow:3px 3px 0 var(--ink)}.callout .main.fire{color:var(--fire);text-shadow:3px 3px 0 var(--ink)}.callout .main.green{color:var(--green);text-shadow:3px 3px 0 var(--ink)}.callout .main.soft{color:var(--muted);-webkit-text-stroke:0;font-size:clamp(26px,8vw,44px)}.callout .sub{display:table;margin:12px auto 0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:rgba(8,8,8,.85);border:1px solid rgba(255,216,23,.45);border-radius:999px;padding:7px 16px;box-shadow:0 2px 12px rgba(8,8,8,.28);animation:subChip 3.4s cubic-bezier(.2,1,.3,1) forwards}@keyframes subChip{0%{opacity:0;transform:translateY(8px) scale(.94)}7%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-5px) scale(.98)}}@keyframes calloutIn{0%{transform:scale(.3) rotate(-6deg);opacity:0}18%{transform:scale(1.15) rotate(2deg);opacity:1}30%{transform:scale(1) rotate(0)}75%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}@keyframes fadeOut{0%,60%{opacity:1}to{opacity:0}}.hint{position:absolute;bottom:18%;left:0;right:0;text-align:center;pointer-events:none;z-index:4}.hint .hand{font-size:36px;display:inline-block;animation:dragDemo 1.6s ease-in-out infinite}.hint .txt{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--yellow);border:var(--border);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);display:inline-block;padding:8px 14px;margin-top:6px}@keyframes dragDemo{0%{transform:translate(14px,-14px);opacity:0}25%{opacity:1}60%{transform:translate(-10px,16px);opacity:1}to{transform:translate(-10px,16px);opacity:0}}.sheet{position:absolute;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--card);border:var(--border);border-radius:12px;box-shadow:5px 5px 0 var(--ink);padding:16px;text-align:center;z-index:10;pointer-events:auto;animation:sheetUp .35s cubic-bezier(.2,1.4,.4,1)}@keyframes sheetUp{0%{transform:translateY(120%)}to{transform:translateY(0)}}.sheet h2{font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.sheet .sheet-sub{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 0 12px}.btn-row{display:flex;gap:10px;justify-content:center}.btn{font-family:var(--font);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:var(--border);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);padding:12px 18px;cursor:pointer;background:var(--card);color:var(--ink);transition:transform .08s;pointer-events:auto}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn.primary{background:var(--yellow)}.btn.go{background:var(--green);color:#fff}.btn.wide{width:100%;margin-top:10px}.reward-banner{position:absolute;top:calc(120px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:var(--yellow);border:var(--border);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;z-index:9;cursor:pointer;pointer-events:auto;animation:bannerBounce 2s infinite;white-space:nowrap}@keyframes bannerBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.modal-veil{position:absolute;inset:0;background:rgba(8,8,8,.55);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}.modal{background:var(--card);border:var(--border);border-radius:12px;box-shadow:6px 6px 0 var(--ink);padding:22px 18px;width:100%;max-width:360px;text-align:center;animation:modalIn .3s cubic-bezier(.2,1.6,.4,1)}@keyframes modalIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.modal.legend{background:var(--yellow)}.modal .kicker{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft)}.modal h2{font-size:30px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em;margin:6px 0 8px}.modal h2 .green{color:var(--green)}.modal p{font-size:14px;line-height:1.45;color:var(--ink-soft);margin-bottom:12px}.code-slab{background:var(--ink);color:var(--yellow);font-size:26px;font-weight:900;letter-spacing:.14em;border-radius:var(--radius);padding:14px 10px;margin:10px 0 14px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.legend-logged{font-weight:800;letter-spacing:.06em;color:var(--green);margin:8px 0 2px}.legend-fine{letter-spacing:.04em}.legend-fine,.run-id{font-size:11px;color:var(--ink-soft);margin-top:10px}.run-id{letter-spacing:.12em}.run-id,.toast{font-weight:700}.toast{position:absolute;bottom:calc(110px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--ink);color:var(--card);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);padding:10px 16px;z-index:30;animation:fadeOut 2.2s forwards;white-space:nowrap}