:root{--accent:#ff2d20;--gold:#e9c46a;--blue:#2f6bff;--ink:#fff;--dim:#a9a29a;--line:#ffffff24;--bg:#0b0706;--panel:#080605e0;--display:"Bebas Neue", Impact, "Arial Narrow", sans-serif;--text:"Inter", system-ui, -apple-system, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--text);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#c{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui a,#ui .panel{pointer-events:auto}a{color:inherit}b{color:#fff;font-weight:700}k{font-family:var(--display);letter-spacing:.06em;border:1px solid var(--line);color:var(--gold);border-radius:3px;padding:0 .35em;font-size:.95em;line-height:1.35;display:inline-block}.muted{color:var(--dim);font-size:.85rem;line-height:1.6}.scr{opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;position:absolute;inset:0}.scr.on{opacity:1;visibility:visible}.scr:not(.on),.scr:not(.on) *{pointer-events:none!important}.eyebrow{font-family:var(--display);letter-spacing:.2em;color:var(--gold);font-size:clamp(.9rem,2vw,1.1rem)}h1.t{font-family:var(--display);letter-spacing:.01em;margin:.35rem 0 0;font-weight:400;line-height:.86}h1.t span{display:block}h1.t .fill{font-size:clamp(4rem,15vw,10rem)}h1.t .outline{color:#0000;-webkit-text-stroke:1.5px #fff;font-size:clamp(1.9rem,6vw,4.4rem)}h1.t .red{color:var(--accent);font-size:clamp(1.9rem,6vw,4.4rem)}h2{font-family:var(--display);letter-spacing:.03em;margin:0 0 .6rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1}h2 em{color:var(--accent);font-style:normal}.btns{flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;display:flex}.btn{font-family:var(--display);letter-spacing:.1em;color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffffb3;padding:.7rem 1.5rem .55rem;font-size:1.45rem;transition:background .2s,color .2s,transform .15s}.btn:hover{color:#000;background:#fff}.btn:active{transform:scale(.97)}.btn.red{background:var(--accent);border-color:var(--accent)}.btn.red:hover{color:#000;background:#fff;border-color:#fff}.btn[disabled]{opacity:.35;pointer-events:none}.links{color:var(--dim);margin-top:1.2rem;font-size:.85rem}.linkbtn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.credit{bottom:calc(.9rem + var(--sab));left:calc(clamp(1.2rem, 5vw, 4rem) + var(--sal));color:#ffffff8c;letter-spacing:.03em;font-size:.72rem;line-height:1.5;position:absolute;right:1rem}.loading{background:#000;place-items:center;display:grid}.load-box{width:min(520px,86vw)}.bar{background:#ffffff24;height:4px;margin-top:1.4rem}.bar i{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.load-n{color:var(--dim);margin-top:.6rem;font-size:.85rem}.title{background:linear-gradient(90deg,#000000d1 0%,#00000080 40%,#0000 70%),linear-gradient(#0000 65%,#000000a6 100%)}.title-box{left:calc(clamp(1.2rem, 5vw, 4rem) + var(--sal));width:min(600px,90vw);position:absolute;top:47%;transform:translateY(-50%)}.lede{color:#e6ddd4;text-shadow:0 1px 8px #000000b3;max-width:32rem;margin:1rem 0 0;font-size:clamp(.95rem,1.6vw,1.08rem);line-height:1.6}@media (max-aspect-ratio:4/5){.title{background:linear-gradient(#0000 28%,#000000b8 52%,#000000eb 100%)}.title-box{top:auto;bottom:calc(4.6rem + var(--sab));transform:none}.title .credit{font-size:.66rem}.hud .hint{top:calc(7.4rem + var(--sat))}.tb.special{bottom:calc(12.6rem + var(--sab))}.title .lede{font-size:.92rem}}.how,.pause,.end,.career,.rest{background:#000000a8;place-items:center;display:grid}.panel{background:var(--panel);border:1px solid var(--line);width:min(980px,94vw);max-height:92vh;max-height:92dvh;padding:clamp(1.1rem,3vw,2.2rem);overflow:auto}.panel.small{text-align:center;width:min(440px,92vw)}.panel.small .btns{justify-content:center}.how-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:1rem 0;display:grid}.how-grid>div{background:#070504;padding:1rem 1.1rem}.how-grid .num{font-family:var(--display);color:var(--accent);letter-spacing:.16em}.how-grid h3{font-family:var(--display);letter-spacing:.03em;margin:.35rem 0 .4rem;font-size:1.6rem;font-weight:400}.how-grid p{color:#cfc6bd;margin:0;font-size:.9rem;line-height:1.55}@media (max-width:820px){.how-grid{grid-template-columns:1fr}}.ladder{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem;display:grid}.fc{text-align:left;border:1px solid var(--line);color:#eee;cursor:pointer;font:inherit;background:#ffffff08;padding:.9rem .9rem 1rem;transition:border-color .2s,transform .2s;position:relative}.fc:hover{border-color:var(--gold);transform:translateY(-3px)}.fc .fn{font-family:var(--display);letter-spacing:.16em;color:var(--accent);font-size:1rem}.fc .sw{height:6px;margin:.5rem 0 .6rem}.fc h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:1.7rem;font-weight:400;line-height:.95}.fc .nick{font-family:var(--display);letter-spacing:.12em;color:var(--gold);margin-top:.2rem;font-size:1rem}.fc p{color:#c8bfb5;margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.fc .meta{color:var(--dim);letter-spacing:.04em;margin-top:.6rem;font-size:.72rem}.fc .res{font-family:var(--display);letter-spacing:.08em;color:#9fe08a;font-size:1rem;position:absolute;top:.7rem;right:.7rem}.fc.locked{opacity:.4;cursor:not-allowed}.fc.locked:hover{border-color:var(--line);transform:none}.fc.locked .res{color:var(--dim)}.fc.next{border-color:var(--gold);box-shadow:0 0 0 1px #e9c46a4d,0 0 22px #e9c46a26}@media (max-width:900px){.ladder{grid-template-columns:1fr 1fr}}@media (max-width:520px){.ladder{grid-template-columns:1fr;gap:.5rem}.fc p{display:none}.fc{padding:.7rem .8rem}.fc h3{font-size:1.45rem}}.intro{background:linear-gradient(#0000 60%,#000000bf 100%)}.vs{left:0;right:0;bottom:calc(9vh + var(--sab));padding:0 calc(1.2rem + var(--sar)) 0 calc(1.2rem + var(--sal));grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid;position:absolute}.vs .side{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(12px)}.vs .side.r{text-align:right;transition-delay:1.2s}.intro.on .vs .side{opacity:1;transform:none}.vs .corner{font-family:var(--display);letter-spacing:.18em;font-size:.95rem}.vs .l .corner{color:var(--accent)}.vs .r .corner{color:var(--blue)}.vs .nm{font-family:var(--display);font-size:clamp(2rem,6vw,4.2rem);line-height:.9}.vs .sub{color:#ddd;margin-top:.3rem;font-size:.85rem}.vs .mid{font-family:var(--display);color:var(--gold);opacity:0;font-size:clamp(2.2rem,6vw,4rem);transition:opacity .5s .7s}.intro.on .vs .mid{opacity:1}.venue{top:calc(1.4rem + var(--sat));text-align:center;font-family:var(--display);letter-spacing:.25em;color:var(--gold);text-shadow:0 1px 8px #000;font-size:1.1rem;position:absolute;left:0;right:0}.skip{right:calc(1.2rem + var(--sar));top:calc(1rem + var(--sat));padding:.45rem .9rem .35rem;font-size:1.05rem;position:absolute}@media (max-aspect-ratio:4/5){.vs{text-align:center;grid-template-columns:1fr}.vs .side.r{text-align:center}.vs .mid{font-size:2rem}}.hud .bars{left:calc(.6rem + var(--sal));right:calc(.6rem + var(--sar));top:calc(.55rem + var(--sat));text-shadow:0 1px 6px #000000d9;grid-template-columns:1fr auto 1fr;align-items:start;gap:.8rem;display:grid;position:absolute}.fb .n{font-family:var(--display);letter-spacing:.08em;font-size:clamp(1.15rem,3vw,1.55rem);line-height:1}.fb.me .n{color:var(--gold)}.fb.foe{text-align:right}.hp{background:#0009;border:1px solid #ffffff4d;height:12px;margin-top:5px;position:relative;overflow:hidden}.hp i{background:linear-gradient(90deg, #b3120b, var(--accent));transition:width .12s;position:absolute;top:0;bottom:0;left:0}.hp u{background:#ffffffbf;transition:width .6s .3s;position:absolute;top:0;bottom:0;left:0}.fb.foe .hp i,.fb.foe .hp u{left:auto;right:0}.fb.foe .hp i{background:linear-gradient(270deg, #0d2f8a, var(--blue))}.st,.pw{background:#0009;width:78%;height:5px;margin-top:4px;position:relative}.st i,.pw i{background:linear-gradient(90deg, #b88a2e, var(--gold));height:100%;transition:width .12s;display:block}.pw{border:1px solid #e9c46a66;width:78%;height:7px}.pw i{background:linear-gradient(90deg,#ff6a00,#ffd34a)}.pw.full{animation:.8s ease-in-out infinite glow}.pw-l{font-family:var(--display);letter-spacing:.14em;color:#ffcf7a;margin-top:3px;font-size:.78rem}@keyframes glow{50%{box-shadow:0 0 12px 3px #ffbe3cd9}}.clockbox{text-align:center;font-family:var(--display);min-width:4.4rem;line-height:1}.clockbox .rd{letter-spacing:.18em;color:var(--dim);font-size:.95rem}.clockbox .cl{letter-spacing:.04em;font-size:clamp(1.8rem,5vw,2.5rem)}.clockbox .cl.low{color:var(--accent)}.pause-btn{right:calc(.6rem + var(--sar));top:calc(4.6rem + var(--sat));color:#fff;width:2.4rem;height:2.4rem;font-family:var(--display);cursor:pointer;background:#00000059;border:1px solid #ffffff73;font-size:1rem;position:absolute}.hurtv{opacity:0;background:radial-gradient(#0000 45%,#aa00008c 100%);position:absolute;inset:0}.hurtv.on{animation:.5s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.banner{text-align:center;font-family:var(--display);pointer-events:none;text-shadow:0 4px 20px #000c;opacity:0;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.banner.on{animation:1.6s forwards big}.banner.stay{opacity:1;animation:none}.banner h2{margin:0;font-size:clamp(3rem,12vw,7rem);line-height:.9}.banner p{font-family:var(--text);color:#eee;margin:.3rem 0 0;font-size:clamp(.9rem,2.2vw,1.1rem)}@keyframes big{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}12%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.count{font-family:var(--display);color:#fff;text-shadow:0 6px 30px #000000d9;opacity:0;font-size:clamp(6rem,24vw,13rem);line-height:1;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.count.on{opacity:1}.count.tick{animation:.5s tick}@keyframes tick{0%{color:var(--gold);transform:translate(-50%,-50%)scale(1.5)}to{transform:translate(-50%,-50%)scale(1)}}.mash{text-align:center;opacity:0;width:min(360px,80vw);position:absolute;top:56%;left:50%;transform:translate(-50%)}.mash.on{opacity:1}.mash h3{font-family:var(--display);letter-spacing:.1em;color:var(--gold);margin:0;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:400;animation:.5s ease-in-out infinite pulse}.mash .hp{height:14px}.mash .hp i{background:linear-gradient(90deg,#b88a2e,#ffe28a)}@keyframes pulse{50%{transform:scale(1.06)}}.hint{left:50%;top:calc(5.4rem + var(--sat));text-align:center;opacity:0;width:min(560px,92vw);transition:opacity .35s;position:absolute;transform:translate(-50%)}.hint.on{opacity:1}.hint span{border:1px solid var(--line);background:#000000a8;padding:.45rem .8rem;font-size:.9rem;line-height:1.45;display:inline-block}.hint b{color:var(--gold)}.pops .pop{font-family:var(--display);letter-spacing:.06em;white-space:nowrap;text-shadow:0 2px 6px #000000e6;will-change:transform, opacity;font-size:clamp(1.3rem,3vw,2rem);position:absolute;top:0;left:0}.pop.hit{color:#fff}.pop.big{color:var(--gold);font-size:clamp(1.6rem,4vw,2.4rem)}.pop.counter{color:#ffd34a;font-size:clamp(1.8rem,4.4vw,2.7rem)}.pop.slip{color:#8ce8ff;font-size:clamp(1.5rem,3.6vw,2.2rem)}.pop.blocked{color:#cfc8c0}.pop.hurt{color:var(--accent);font-size:clamp(1.5rem,3.6vw,2.2rem)}.pop.tired{color:#ffb070}.cards{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:1rem 0;display:grid}.cards div{text-align:center;background:#070504;padding:.6rem}.cards b{font-family:var(--display);color:var(--gold);font-size:1.8rem;font-weight:400;display:block}.cards span{color:var(--dim);font-size:.72rem}.rest-bar{background:#ffffff1f;height:4px;margin-top:1rem}.rest-bar i{background:var(--accent);width:0;height:100%;display:block}.end-t{font-size:clamp(2.8rem,9vw,5rem)}.end-s{color:#e6ddd4;max-width:44rem;line-height:1.6}.stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:1px;margin:1.2rem 0;display:grid}.stats div{text-align:center;background:#070504;padding:.7rem .6rem}.stats b{font-family:var(--display);color:var(--gold);font-size:2rem;font-weight:400;display:block}.stats span{color:var(--dim);font-size:.72rem}@media (max-width:720px){.stats{grid-template-columns:repeat(3,1fr)}}.stars{color:var(--gold);letter-spacing:.2em;font-size:2rem}.stars i{color:#ffffff2e;font-style:normal}.touch{display:none;position:absolute;bottom:0;left:0;right:0}.is-touch .touch{display:block}.tb{color:#fff;font-family:var(--display);letter-spacing:.08em;cursor:pointer;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a08086b;border:2px solid #ffffff80;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:grid;position:absolute}.tb.on{background:#ff2d2099;border-color:#fff;transform:scale(.94)}.tb small{letter-spacing:.12em;color:#ffffffb3;margin-top:2px;font-size:.62rem;display:block}.tb.slip{width:4.6rem;height:4.6rem;bottom:calc(1.1rem + var(--sab));font-size:1.6rem}.tb.slip.l{left:calc(.9rem + var(--sal))}.tb.slip.r{left:calc(6.1rem + var(--sal))}.tb.block{width:4.6rem;height:4.6rem;left:calc(3.5rem + var(--sal));bottom:calc(6.4rem + var(--sab));border-color:#8cc8ffb3}.tb.block.on{background:#2f6bff99}.tb.p{width:4.9rem;height:4.9rem;font-size:1.25rem}.tb.jab{right:calc(6.2rem + var(--sar));bottom:calc(1.1rem + var(--sab))}.tb.cross{right:calc(.9rem + var(--sar));bottom:calc(2.6rem + var(--sab));border-color:#ff5a46cc}.tb.hook{right:calc(7.6rem + var(--sar));bottom:calc(6.6rem + var(--sab))}.tb.upper{right:calc(2.2rem + var(--sar));bottom:calc(8.1rem + var(--sab))}.tb.special{left:50%;bottom:calc(1.4rem + var(--sab));border-color:var(--gold);color:#ffd34a;opacity:0;width:5.6rem;height:5.6rem;font-size:1.15rem;transition:opacity .3s;transform:translate(-50%);pointer-events:none!important}.tb.special.ready{opacity:1;animation:.8s ease-in-out infinite glow;pointer-events:auto!important}.tb.special.on{transform:translate(-50%)scale(.94)}@media (orientation:landscape) and (max-height:500px){.tb.slip,.tb.block{width:4rem;height:4rem}.tb.slip.r{left:calc(5.4rem + var(--sal))}.tb.block{left:calc(3.1rem + var(--sal));bottom:calc(5.6rem + var(--sab))}.tb.p{width:4.2rem;height:4.2rem}.tb.jab{right:calc(5.4rem + var(--sar))}.tb.hook{right:calc(6.6rem + var(--sar));bottom:calc(5.8rem + var(--sab))}.tb.upper{right:calc(1.8rem + var(--sar));bottom:calc(7rem + var(--sab))}.hint{top:calc(4.4rem + var(--sat))}}.toast{color:#000;opacity:0;background:#fff;padding:.5rem 1rem;font-weight:600;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}.toast.on{animation:2s toast}@keyframes toast{10%,80%{opacity:1}to{opacity:0}}