:root{--bg: #0b0d12;--panel: rgba(20, 22, 30, .92);--line: #2c3140;--text: #f4f4f6;--muted: #9aa1b0;--red: #e8312a;--blue: #2f6fe0;--gold: #f2c14a;--green: #3ad07a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#video{display:none}button{font:800 16px Inter,sans-serif;color:#fff;background:var(--red);border:0;border-radius:12px;padding:12px 22px;cursor:pointer;position:relative;overflow:hidden}button.big{font:22px Bungee,sans-serif;padding:16px 34px;letter-spacing:1px;box-shadow:0 6px #8f1712}button.big:active{transform:translateY(3px);box-shadow:0 3px #8f1712}button.ghost{background:#ffffff0f;border:1px solid var(--line);color:var(--muted)}button:hover{filter:brightness(1.12)}button[data-hand]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff47;transform:scaleX(var(--dwell, 0));transform-origin:left;pointer-events:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;padding:16px}.screen-title{font:30px Bungee,sans-serif;margin:0 0 18px;text-shadow:0 4px 0 rgba(0,0,0,.5)}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px 38px;width:min(520px,100%);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 30px 80px #0009}.card h2{font:32px Bungee,sans-serif;margin:0 0 10px}.card p{color:var(--muted);line-height:1.5;margin:0 0 22px}.card-icon{font-size:60px;line-height:1;margin-bottom:8px}.progress{height:12px;background:#06070a;border-radius:6px;overflow:hidden;margin-bottom:22px}.progress i{display:block;height:100%;width:0;background:var(--green);transition:width 80ms linear}.calib-hands{display:flex;justify-content:center;gap:14px;margin-bottom:18px}.calib-hands span{font:16px Bungee,sans-serif;padding:10px 18px;border-radius:10px;border:2px solid var(--line);color:var(--muted)}.calib-hands span.done{border-color:var(--green);color:var(--green)}.calib-hands span.done:after{content:" ✓"}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.title-screen{background:radial-gradient(ellipse at center,#0a0c1259,#05060ad9);text-align:center}.logo{font:clamp(56px,11vw,132px) Bungee,sans-serif;line-height:1;text-shadow:0 8px 0 rgba(0,0,0,.6),0 0 60px rgba(232,49,42,.35)}.logo span{color:var(--red)}.tagline{font-size:20px;color:#d8dbe3;margin:12px 0 32px}.fine{color:var(--muted);font-size:13px;margin-top:22px}.fine a{color:var(--muted)}.creator-screen{justify-content:space-between;padding:24px;background:linear-gradient(90deg,#05060ad9,#05060a26 32%,#05060a26 68%,#05060ad9)}.creator-layout{flex:1;width:100%;display:grid;grid-template-columns:300px 1fr 300px;gap:20px;min-height:0}.creator-panel{align-self:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 16px;max-height:100%;overflow-y:auto}.creator-center{display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.creator-name{font:clamp(20px,2.6vw,30px) Bungee,sans-serif;text-align:center;text-shadow:0 4px 0 rgba(0,0,0,.7);background:#00000073;padding:8px 18px;border-radius:12px}.opt-group{font:13px Bungee,sans-serif;color:var(--gold);letter-spacing:2px;margin:6px 0 4px}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.opt-row label{font-weight:600;font-size:14px;color:#d8dbe3}.opt-ctrl{display:flex;align-items:center;gap:6px}.opt-arrow{width:44px;height:40px;padding:0;font-size:16px;background:#ffffff14;border:1px solid var(--line);border-radius:10px;color:#fff}.opt-value{min-width:96px;text-align:center;font-weight:800;font-size:14px;display:flex;justify-content:center}.swatch{display:inline-block;width:30px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.6)}.creator-actions{display:flex;gap:12px;margin-top:12px}@media (max-width: 900px){.creator-layout{grid-template-columns:1fr;overflow-y:auto}.creator-center{order:-1;min-height:120px}}.ladder-screen{background:linear-gradient(180deg,#05060abf,#05060aeb);justify-content:flex-start;padding:4vh 2vw 2vh;overflow:hidden}.ladder-screen .screen-title{font-size:3.5vh;margin:0 0 1.4vh}.ladder-boxer{color:var(--muted);font-weight:800;font-size:1.9vh;margin:-.6vh 0 1.8vh}.ladder{display:flex;flex-direction:column-reverse;gap:1.4vh;width:min(88vh,92vw)}.rung{display:grid;grid-template-columns:23vh 1fr auto;gap:2vh;align-items:center;background:var(--panel);border:.25vh solid var(--line);border-radius:1.8vh;padding:1.1vh;position:relative;font-size:2.6vh}.rung .thumb{width:23vh;height:11vh;border-radius:1.1vh;background-size:150%;background-position:50% 55%;position:relative;overflow:hidden}.rung .thumb.vegas{background:radial-gradient(circle at 50% 30%,#f2c14a,#8a1d2e 45%,#1a0b18);display:flex;align-items:center;justify-content:center;font:2.5vh Bungee,sans-serif;color:#fff3cf;text-shadow:0 .25vh 0 #000}.rung h3{font:2.3vh Bungee,sans-serif;margin:0 0 .25vh}.rung .venue{color:var(--muted);font-size:1.5vh}.rung .num{font:1.6vh Bungee,sans-serif;color:var(--muted)}.rung button.big{font-size:2.5vh;padding:1.8vh 3.8vh;border-radius:1.4vh;box-shadow:0 .7vh #8f1712}.rung.won{opacity:.75}.rung.won .stamp{position:absolute;left:16vh;top:.9vh;font:4.6vh Bungee,sans-serif;color:var(--red);transform:rotate(-14deg);text-shadow:0 .25vh 0 #000}.rung.locked{filter:grayscale(1) brightness(.45)}.rung.current{border-color:var(--gold);box-shadow:0 0 0 .5vh #f2c14a26,0 0 4.5vh #f2c14a33}.ladder-actions{display:flex;gap:1.2vh;margin-top:2vh}.ladder-actions button{font-size:1.9vh;padding:1.3vh 2.5vh;border-radius:1.4vh}.intro-screen{justify-content:flex-end;padding-bottom:6vh;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7))}.vs-card{text-align:center}.vs-fight{font:18px Bungee,sans-serif;color:var(--gold);letter-spacing:2px}.vs-row{display:flex;align-items:center;justify-content:center;gap:28px;margin:8px 0}.vs-side{display:flex;flex-direction:column;min-width:220px}.vs-side small{color:var(--muted);font-weight:800;letter-spacing:1px;font-size:11px}.vs-side b{font:clamp(28px,4vw,48px) Bungee,sans-serif;line-height:1.1}.vs-side.red b{color:#ff5a50}.vs-side.blue b{color:#6aa2ff}.vs-side span{color:#d0d4dc;font-size:14px;max-width:280px;margin:0 auto}.vs{font:64px Bungee,sans-serif;color:var(--gold);text-shadow:0 6px 0 #000}.vs-venue{font-weight:800;color:#e6e8ee;margin-bottom:14px}.vs-hint{color:var(--muted);margin-bottom:14px}.result-card{width:min(560px,100%)}.newspaper{background:#efe6d2;color:#1d1a14;border-radius:6px;padding:14px 18px;margin-bottom:18px;transform:rotate(-1.5deg);box-shadow:0 10px 30px #0006}.paper-head{font:14px Bungee,sans-serif;border-bottom:2px solid #1d1a14;padding-bottom:4px;margin-bottom:8px;letter-spacing:3px}.paper-headline{font:800 22px/1.2 Georgia,serif}.stats{display:flex;gap:20px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.stats div{display:flex;flex-direction:column;align-items:center;color:var(--muted);font-size:12px}.stats b{font:26px Bungee,sans-serif;color:var(--text)}.coach-tip{background:#f2c14a1a;border:1px solid rgba(242,193,74,.4);color:#ffe7a6;border-radius:12px;padding:12px 16px;margin-bottom:20px}.champion-screen{background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(10,6,4,.75) 75%);text-align:center;justify-content:space-between;padding:40px 16px}.champion-screen h1{font:clamp(44px,8vw,96px) Bungee,sans-serif;margin:0;color:var(--gold);text-shadow:0 6px 0 #5a3a00,0 0 50px rgba(242,193,74,.6)}.champion-screen p{font-size:20px;color:#f0e2c0;margin:0 0 10px;text-shadow:0 2px 0 #000}.champ-bottom{background:#0a0604a6;border-radius:18px;padding:16px 24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.belt{font-size:110px;animation:float 2s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px) rotate(-3deg)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:16px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}.hand-cursor{position:fixed;z-index:50;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--gold) calc(var(--p, 0) * 360deg),rgba(255,255,255,.25) 0);box-shadow:0 0 0 3px #0006,0 0 20px #f2c14a99}.hand-cursor:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:#fff}.hud.tutorial .bars{display:none}.tut{position:absolute;top:20px;left:50%;transform:translate(-50%);width:min(560px,92vw);text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 20px 16px;pointer-events:auto}.tut-step{font:12px Bungee,sans-serif;letter-spacing:2px;color:var(--muted)}.tut-title{font:34px Bungee,sans-serif;color:var(--gold);line-height:1.1;margin:2px 0 4px}.tut-text{font-size:17px;font-weight:600;color:#e8eaf0}.tut-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.tut-dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--green)}.tut-dots i.on{background:var(--green);box-shadow:0 0 10px var(--green)}.tut-skip{position:absolute;right:10px;bottom:8px;background:none;padding:2px 4px;font:600 12px Inter,sans-serif;color:var(--muted)}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.bars{position:absolute;top:18px;left:24px;right:24px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start}.bar-block .name{font:22px Bungee,sans-serif;text-shadow:0 3px 0 rgba(0,0,0,.6);margin-bottom:4px}.bar-block.left .name{color:#6dff9e}.bar-block.right{text-align:right}.bar-block.right .name{color:#ff6a5a}.hp{position:relative;height:22px;background:#0009;border:3px solid rgba(255,255,255,.75);border-radius:4px;overflow:hidden}.hp i,.hp s{position:absolute;top:0;bottom:0;left:0;width:100%;transition:width .12s}.hp s{background:#fff;opacity:.55;transition:width .7s .25s;z-index:0}.hp i{background:linear-gradient(180deg,#5df07f,#23a743);z-index:1}.bar-block.right .hp i,.bar-block.right .hp s{left:auto;right:0}.bar-block.right .hp i{background:linear-gradient(180deg,#ff4b3e,#b51d16)}.hp i.low{animation:blink .5s steps(2) infinite}@keyframes blink{50%{filter:brightness(1.8)}}.pips{display:flex;gap:6px;margin-top:6px;min-height:12px}.bar-block.right .pips{justify-content:flex-end}.pips i{width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red)}.clock{text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.6)}#hud-round{font:20px Bungee,sans-serif;color:#dfe3ea}#hud-time{font:44px Bungee,sans-serif;line-height:1}#hud-time.hurry{color:var(--gold)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px 60px #ff0000bf;opacity:0;transition:opacity .4s}.vignette.on{opacity:1;transition:none}.vignette.danger{opacity:.35;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.15}}.banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font:clamp(48px,9vw,120px) Bungee,sans-serif;text-shadow:0 8px 0 rgba(0,0,0,.7),0 0 40px rgba(0,0,0,.5);white-space:nowrap;opacity:0}.banner.show{animation:bannerIn 1.3s ease-out forwards}.banner.hold{opacity:1;animation:none}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(2)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.move{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font:16px Bungee,sans-serif;color:#fff;background:#00000073;padding:6px 14px;border-radius:20px;opacity:0;transition:opacity .5s}.move.on{opacity:1;transition:none}.pop{position:absolute;font:44px Bungee,sans-serif;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;-webkit-text-stroke:3px #3a1a00;paint-order:stroke fill;text-shadow:0 5px 0 rgba(0,0,0,.5);animation:pop .7s ease-out forwards}.pop.big{font-size:78px}.pop.small{font-size:26px;-webkit-text-stroke:2px #000}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(-4deg)}30%{transform:translate(-50%,-50%) scale(1) rotate(-4deg)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1) rotate(-4deg)}}.getup{position:absolute;bottom:16%;left:50%;transform:translate(-50%);width:64vh;text-align:center}.getup-label{white-space:nowrap;margin-left:-20vh;margin-right:-20vh;font:2.8vh Bungee,sans-serif;margin-bottom:1.4vh;color:#fff;-webkit-text-stroke:.25vh var(--ink);paint-order:stroke fill;text-shadow:.4vh .4vh 0 var(--ink)}.getup-label b{color:#6dff9e;font-weight:400}.getup-kd{white-space:nowrap;margin:0 -20vh 1vh;font:2.2vh Bungee,sans-serif;color:#ffd34a;-webkit-text-stroke:.2vh var(--ink);paint-order:stroke fill;text-shadow:.3vh .3vh 0 var(--ink)}.getup-bar{position:relative;height:5vh;border:.5vh solid var(--ink);background:#3a2233;transform:skew(-10deg);box-shadow:0 0 0 .35vh var(--paper),.6vh .7vh 0 .35vh #0000008c}.getup-bar i{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,#8dff7a 0,#8dff7a 45%,#2fbf4a 45%);box-shadow:0 0 2vh #6dff9e99}.getup-bar s{position:absolute;top:-1.4vh;bottom:-1.4vh;width:1.2vh;margin-left:-.6vh;background:#fff;border:.35vh solid var(--ink);border-radius:.4vh}.getup-pips{display:flex;justify-content:center;gap:1.2vh;margin-top:1.8vh}.getup-pips i{width:2.4vh;height:2.4vh;border-radius:50%;border:.35vh solid var(--ink);background:#4a3a55;box-shadow:0 0 0 .25vh var(--paper)}.getup-pips i.on{background:#6dff9e;box-shadow:0 0 0 .25vh var(--paper),0 0 1.5vh #6dff9e}.getup.hit .getup-bar{animation:getupHit .35s}.getup.miss .getup-bar{animation:getupMiss .4s}@keyframes getupHit{30%{box-shadow:0 0 0 .35vh #6dff9e,0 0 4vh #6dff9e}}@keyframes getupMiss{20%{transform:skew(-10deg) translate(-1.5vh);background:#7a1a22}60%{transform:skew(-10deg) translate(1.2vh)}}.corner{position:absolute;left:50%;top:56%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 24px;width:min(560px,90vw);text-align:center}.corner-title{font:18px Bungee,sans-serif;color:var(--gold);margin-bottom:6px}.corner-coach{color:var(--muted);font-size:13px}.corner-tip{font-size:18px;font-weight:600;margin-top:4px}.cam-preview{position:absolute;right:20px;bottom:20px;border:2px solid rgba(160,220,255,.7);border-radius:6px;background:#000;padding:0;box-shadow:0 10px 30px #00000080}.cam-label{position:absolute;top:-26px;right:0;font:15px Bungee,sans-serif;text-shadow:0 2px 0 #000}#cam{display:block;width:224px;height:168px;border-radius:4px}@media (max-width: 900px){.cam-preview{display:none}.bar-block .name{font-size:15px}#hud-time{font-size:32px}}:root{--ink: #120d1c;--paper: #fff6e0;--hot: #ff3b52;--cool: #3b8cff}.hp{height:26px;border:4px solid var(--ink);border-radius:0;transform:skew(-14deg);background:#2a2233;box-shadow:0 0 0 3px var(--paper),5px 6px 0 3px #0000008c}.hp i{background:linear-gradient(180deg,#8dff7a 0,#8dff7a 40%,#2fbf4a 40%)}.bar-block.right .hp i{background:linear-gradient(180deg,#ff7a6a 0,#ff7a6a 40%,#d4232a 40%)}.hp s{background:var(--paper);opacity:.8}.bar-block .name{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);letter-spacing:1px}.clock{background:var(--paper);color:var(--ink);border:4px solid var(--ink);padding:4px 14px 6px;transform:rotate(-2deg);box-shadow:5px 6px #0000008c;text-shadow:none}#hud-round{color:var(--hot);font-size:15px}#hud-time{color:var(--ink);font-size:40px}#hud-time.hurry{color:var(--hot)}.banner{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--ink)}.pop{-webkit-text-stroke-color:var(--ink);text-shadow:5px 5px 0 var(--ink)}.hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background:radial-gradient(circle,var(--ink) 1.3px,transparent 1.6px) 0 0 / 9px 9px;-webkit-mask:radial-gradient(ellipse at center,transparent 55%,#000 100%);mask:radial-gradient(ellipse at center,transparent 55%,#000 100%)}.controls{position:absolute;left:20px;bottom:20px;display:flex;gap:10px}.ctl{display:flex;align-items:center;gap:8px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:6px 12px 6px 8px;transform:skew(-8deg);box-shadow:4px 4px #00000080;transition:transform .12s,background .12s}.ctl b{font-size:26px;line-height:1;filter:drop-shadow(1px 1px 0 var(--ink))}.ctl span{font:700 10px/1.15 Inter,sans-serif;letter-spacing:.5px;color:#5a4f66}.ctl em{font:15px Bungee,sans-serif;font-style:normal;color:var(--ink)}.ctl.on,.ctl.held{background:#ffd34a;transform:skew(-8deg) translateY(-6px) scale(1.06);transition:none}#ctl-parry.on{background:#ffb020}#ctl-block.held{background:#9fe3ff}.range{position:absolute;top:108px;left:50%;transform:translate(-50%) rotate(-2deg);font:16px Bungee,sans-serif;color:var(--paper);background:var(--ink);padding:5px 14px;border:2px solid var(--paper);opacity:0;transition:opacity .25s}.range.on{opacity:.92}.move{bottom:auto;top:70%;background:var(--ink);border:2px solid var(--paper);border-radius:0;transform:translate(-50%) skew(-10deg)}.screen:not(.ladder-screen):not(.intro-screen){overflow-y:auto;justify-content:safe center}.ladder-actions,.creator-actions,.row{flex-wrap:wrap;justify-content:center}.sta{height:9px;margin-top:7px;width:70%;background:#2a2233;border:3px solid var(--ink);transform:skew(-14deg);box-shadow:3px 3px #00000080;overflow:hidden}.sta i{display:block;height:100%;width:100%;background:linear-gradient(180deg,#ffe27a 0,#ffe27a 45%,#f2a81c 45%);transition:width .1s}.sta i.low{background:#ff6a3a;animation:blink .4s steps(2) infinite}.sta.flash{animation:staShake .35s}@keyframes staShake{25%{transform:skew(-14deg) translate(-5px)}75%{transform:skew(-14deg) translate(5px)}}.lean-pad{position:relative;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(var(--ink),var(--ink)) center / 2px 100% no-repeat,linear-gradient(var(--ink),var(--ink)) center / 100% 2px no-repeat,#fff;opacity:.9}.lean-pad i{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--hot);border:2px solid var(--ink)}#ctl-lean.held{background:#6dff9e}#ctl-lean.lost .lean-pad i{background:#9a90a6}#ctl-lean.lost em:after{content:" (NO BODY)";color:var(--hot);font-size:11px}.bar-block .sta{position:relative;height:16px;margin-top:9px;width:62%}.bar-block .sta:after{content:"STAMINA";position:absolute;left:8px;top:-1px;font:10px Bungee,sans-serif;color:var(--ink);letter-spacing:1px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(ellipse at center,#fff0 30%,#ff283c8c)}body.hurt:after{animation:hurtFlash .45s ease-out}body.hurt-heavy:after{animation:hurtFlash .7s ease-out}@keyframes hurtFlash{0%{opacity:1;background-color:#ffffff8c}15%{opacity:1;background-color:#ff3c4640}to{opacity:0;background-color:transparent}}body.hurt #scene{animation:hurtBlur .45s ease-out}body.hurt-heavy #scene{animation:hurtBlur .7s ease-out}@keyframes hurtBlur{0%{filter:blur(3px) saturate(.3) brightness(1.6)}30%{filter:blur(1.5px) saturate(.6) contrast(1.2)}to{filter:none}}body.hurt .bar-block.left .hp,body.hurt-heavy .bar-block.left .hp{animation:hpShake .35s}@keyframes hpShake{20%{transform:skew(-14deg) translate(-8px,3px)}40%{transform:skew(-14deg) translate(7px,-2px)}60%{transform:skew(-14deg) translate(-5px,1px)}80%{transform:skew(-14deg) translate(3px)}}.rung .thumb.headshot{background-size:cover;background-position:50% 50%}.bar-block.left .hp.chip{animation:hpChip .35s}@keyframes hpChip{30%{box-shadow:0 0 0 3px #9fe3ff,0 0 2vh #9fe3ff}}.intro-screen{overflow:hidden}.intro-title{position:absolute;top:9vh;left:50%;transform:translate(-50%) rotate(-2deg);font:5vh Bungee,sans-serif;color:var(--paper);-webkit-text-stroke:.5vh var(--ink);paint-order:stroke fill;text-shadow:.7vh .7vh 0 var(--ink);white-space:nowrap;opacity:0;transition:opacity .4s}.intro-title.on{opacity:1;animation:titleIn .5s ease-out}.intro-title small{display:block;font-size:2.4vh;color:var(--gold);-webkit-text-stroke:.3vh var(--ink);text-align:center}@keyframes titleIn{0%{transform:translate(-50%) rotate(-2deg) scale(1.6);opacity:0}}.corner-card{position:absolute;bottom:14vh;width:52vh;padding:2.2vh 3vh 2.6vh;border:.6vh solid var(--ink);box-shadow:1vh 1vh #0000008c;display:flex;flex-direction:column;gap:.4vh;transition:transform .45s cubic-bezier(.2,1.4,.4,1)}.corner-card small{font:1.8vh Bungee,sans-serif;letter-spacing:.2vh;opacity:.9}.corner-card b{font:4.6vh Bungee,sans-serif;line-height:1.05}.corner-card span{font:700 2vh Inter,sans-serif;opacity:.9}.corner-card.red{left:4vh;background:#d4232a;color:#fff;transform:translate(-140%) skew(-8deg)}.corner-card.blue{right:4vh;background:#1f5fd0;color:#fff;text-align:right;transform:translate(140%) skew(8deg)}.corner-card.red.on{transform:translate(0) skew(-8deg)}.corner-card.blue.on{transform:translate(0) skew(8deg)}.intro-skip{position:absolute;top:3vh;right:3vh;font-size:1.8vh;padding:1vh 2vh}.vs-card{background:#0e0a16e0;border:.5vh solid var(--ink);box-shadow:0 0 0 .35vh var(--paper),1vh 1vh #00000080;padding:2.4vh 4vh 2.8vh;transform:rotate(-1deg);opacity:0;pointer-events:none;transition:opacity .4s}.vs-card.on{opacity:1;pointer-events:auto}.vs-card .vs{font:6vh Bungee,sans-serif;color:var(--gold);-webkit-text-stroke:.4vh var(--ink);paint-order:stroke fill}.upgrade-card{width:min(92vw,110vh)}.upgrade-kicker{font:1.8vh Bungee,sans-serif;color:var(--gold);letter-spacing:.3vh;margin-bottom:.6vh}.upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:2vh}.upgrades button{display:flex;flex-direction:column;align-items:center;gap:.8vh;padding:2.4vh 1.6vh;border-radius:1.6vh;background:var(--paper);color:var(--ink);border:.45vh solid var(--ink);box-shadow:.7vh .8vh #0000008c;font:700 1.6vh/1.35 Inter,sans-serif;transition:transform .12s}.upgrades button:hover{transform:translateY(-.6vh) rotate(-1deg);filter:none;background:#ffe9a8}.upgrades button .ico{font-size:6vh;line-height:1}.upgrades button h3{margin:0;font:2.6vh Bungee,sans-serif;letter-spacing:.1vh}.upgrades button .gain{font:1.9vh Bungee,sans-serif;color:#d4232a}.upgrades button .now{color:#5a4f66;font-size:1.45vh}.lvl{display:inline-flex;gap:.4vh}.lvl i{width:1.3vh;height:1.3vh;border-radius:50%;border:.2vh solid currentColor;opacity:.55}.lvl i.on{background:currentColor;opacity:1}.upgrade-done{font:2.4vh Bungee,sans-serif;color:var(--green);margin-top:2vh}.ladder-attrs{display:flex;gap:2.4vh;justify-content:center;margin:-1vh 0 1.6vh;color:var(--muted);font:800 1.6vh Inter,sans-serif}.ladder-attrs span{display:inline-flex;align-items:center;gap:.7vh}.ladder-attrs .lvl{color:var(--gold)}.upgrades button:disabled{opacity:.45;filter:grayscale(1);transform:none;cursor:default}
