:root{--pink: #E3278F;--magenta: #A61D9F;--acid: #F1DC0E;--squelsh: #8DFF2A;--blue: #185DD3;--ink: #1E112B;--ink-deep: #0E0818;--orange: #FF6B2C;--bone: #FFF5E8;--blood: #D8203A;--slab: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#05030a;color:var(--bone);font-family:var(--slab);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}#ui{position:absolute;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:none}#ui button,#ui .tap{pointer-events:auto}.slam{font-family:var(--slab);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;transform:scaleX(.94);transform-origin:left center}.slam.center{transform-origin:center center}.mono{font-family:var(--mono);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stroke{text-shadow:0 2px 0 #120A1A,0 0 14px rgba(0,0,0,.7)}#rotate{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:repeating-linear-gradient(115deg,#1a0b20 0 26px,#12081a 26px 52px)}body.portrait #rotate{display:flex}.rotate-card{text-align:center;padding:24px}.rotate-icon{font-size:64px;color:var(--pink);animation:spin 2.4s ease-in-out infinite}.rotate-title{font-family:var(--slab);font-weight:900;font-size:28px;margin-top:12px;color:var(--bone);text-transform:uppercase}.rotate-sub{font-family:var(--mono);font-size:15px;color:var(--acid);margin-top:8px}@keyframes spin{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.hud-top{position:absolute;top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 66px);display:flex;align-items:flex-start;gap:12px}.fighter-block{flex:1 1 0;min-width:0}.fighter-block.right{text-align:right}.fighter-block.right .slam{transform-origin:right center}.fighter-name{font-size:23px;line-height:1.05;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fighter-tag{font-family:var(--mono);font-size:13px;color:var(--acid);opacity:.85;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{position:relative;height:20px;margin-top:6px;background:#2b1b33;border:2px solid rgba(255,245,232,.35);overflow:hidden}.bar-fill{position:absolute;inset:0;width:100%;transform-origin:left center;background:var(--squelsh);transition:background-color .14s linear}.fighter-block.right .bar-fill{transform-origin:right center}.bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24.9%,rgba(18,10,26,.6) 24.9% 25.1%);pointer-events:none}.bar-value{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:13px;color:#120a1a;font-weight:700}.fighter-block.right .bar-value{right:auto;left:5px}.it-row{display:flex;align-items:center;gap:7px;margin-top:5px}.fighter-block.right .it-row{flex-direction:row-reverse}.it-label{font-family:var(--mono);font-size:14px;color:var(--acid);white-space:nowrap;letter-spacing:.06em}.it-bar{position:relative;flex:1 1 auto;height:12px;background:#241733;border:2px solid rgba(241,220,14,.45);overflow:hidden}.it-fill{position:absolute;inset:0;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--blue),var(--acid))}.fighter-block.right .it-fill{transform-origin:right center}.it-bar:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--bone);opacity:.9}.it-bar.ready{border-color:var(--acid);box-shadow:0 0 12px #f1dc0eb3}.it-bar.full{animation:itPulse .62s ease-in-out infinite}@keyframes itPulse{0%,to{box-shadow:0 0 8px #f1dc0e80}50%{box-shadow:0 0 22px #f1dc0e}}.squelsh-chip{display:inline-block;margin-top:5px;padding:3px 9px;font-family:var(--mono);font-size:13px;font-weight:700;color:#101a05;background:var(--squelsh);border:2px solid #101a05}.squelsh-chip.hidden{display:none}.hud-centre{flex:0 0 auto;text-align:center;min-width:104px}.bug{font-family:var(--mono);font-size:13px;color:var(--pink);letter-spacing:.08em}.bug .dot{color:var(--blood)}.clock{font-family:var(--slab);font-weight:900;font-size:28px;line-height:1;margin-top:1px}.heat-pip{margin-top:3px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--bone);opacity:.9}.heat-pip b{color:var(--orange)}.heat-pip.hot b{color:var(--acid)}.heat-pip.unhinged b{color:var(--bone);animation:itPulse .5s infinite}.stick-zone{position:absolute;left:0;bottom:0;width:46%;height:78%;pointer-events:auto}.stick{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:3px solid rgba(227,39,143,.75);background:radial-gradient(circle,#e3278f29,#0e081852);opacity:0;transition:opacity .12s linear}.stick.active{opacity:1}.stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:var(--pink);border:3px solid var(--bone)}.stick-hint{position:absolute;left:calc(var(--safe-l) + 20px);bottom:calc(var(--safe-b) + 14px);font-family:var(--mono);font-size:14px;color:#fff5e88c}.buttons{position:absolute;right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 14px);width:240px;height:200px;pointer-events:none}.btn{position:absolute;border-radius:50%;border:4px solid var(--bone);background:#0e08188c;color:var(--bone);font-family:var(--slab);font-weight:900;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;pointer-events:auto;transition:transform 70ms ease-out,box-shadow .12s linear,background-color .12s linear}.btn:active,.btn.down{transform:scale(.92)}.btn .lbl{font-size:18px;line-height:1}.btn .sub{font-family:var(--mono);font-size:12px;font-weight:700;opacity:.8;line-height:1}.btn-attack{right:0;bottom:0;width:104px;height:104px;background:#d8203a8c;border-color:#ff6c86}.btn-grab{right:96px;bottom:46px;width:88px;height:88px;background:#185dd380;border-color:#6fa8ff}.btn-special{right:28px;bottom:110px;width:88px;height:88px;background:#a61d9f80;border-color:#f07be6}.btn-special.sig{background:#f1dc0e59;border-color:var(--acid)}.btn-special.fin{background:#f1dc0eb3;border-color:var(--bone);color:#120a1a;animation:itPulse .52s infinite}.btn-pause{position:absolute;top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 10px);width:46px;height:46px;border-radius:10px;border:3px solid rgba(255,245,232,.5);background:#0e081899;color:var(--bone);font-size:20px;font-weight:900;pointer-events:auto}.cue{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%) scale(.7);padding:10px 26px;font-family:var(--slab);font-weight:900;font-size:44px;letter-spacing:-.02em;color:#120a1a;background:var(--acid);border:5px solid #120A1A;box-shadow:0 0 0 5px var(--acid),0 10px 40px #0009;opacity:0;transition:opacity 90ms linear,transform 90ms ease-out;white-space:nowrap}.cue.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.cue.reversal{background:var(--acid);animation:cueFlash .26s linear infinite}@keyframes cueFlash{0%,to{box-shadow:0 0 0 5px var(--acid),0 0 44px #f1dc0ee6}50%{box-shadow:0 0 0 9px var(--bone),0 0 60px #ffffffe6}}.callout{position:absolute;left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 46px);transform:translateY(14px);text-align:left;opacity:0;transition:opacity .14s linear,transform .18s ease-out;max-width:56%}.callout.show{opacity:1;transform:translateY(0)}.callout .title{display:inline-block;font-family:var(--slab);font-weight:900;font-size:24px;color:var(--bone);background:#0e0818e6;border-left:5px solid var(--pink);border-bottom:3px solid var(--pink);padding:4px 14px;letter-spacing:-.01em}.callout .sub{display:block;margin-top:4px;font-family:var(--mono);font-size:14px;color:var(--acid)}.pin-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,74%);text-align:center;display:none}.pin-panel.show{display:block}.pin-count{font-family:var(--slab);font-weight:900;font-size:74px;line-height:.92;margin-bottom:4px;color:var(--bone);text-shadow:0 5px 0 #120A1A}.pin-count:empty{display:none}.pin-title{font-family:var(--slab);font-weight:900;font-size:24px;margin-bottom:8px;color:var(--acid)}.pin-track{position:relative;height:42px;background:#0e0818eb;border:4px solid var(--bone);overflow:hidden}.pin-zone{position:absolute;top:0;bottom:0;background:var(--squelsh);opacity:.85}.pin-marker{position:absolute;top:-4px;bottom:-4px;width:8px;margin-left:-4px;background:var(--blood);box-shadow:0 0 12px #d8203ae6}.pin-help{margin-top:8px;font-family:var(--mono);font-size:16px;color:var(--bone)}.pin-help.good{color:var(--squelsh)}.pin-help.bad{color:var(--blood)}.panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--safe-t) + 14px) calc(var(--safe-r) + 20px) calc(var(--safe-b) + 14px) calc(var(--safe-l) + 20px);background:radial-gradient(ellipse at 50% 40%,rgba(166,29,159,.3),transparent 62%),#08040ee6;pointer-events:auto;overflow-y:auto;z-index:20}.panel.clear{background:#08040eb8}.logo{text-align:center;line-height:.84;margin-bottom:6px}.logo .l1{display:block;font-family:var(--slab);font-weight:900;font-size:clamp(46px,13vw,104px);color:var(--pink);transform:rotate(-4deg) scaleX(.92);text-shadow:5px 5px 0 #120A1A}.logo .l2{display:block;font-family:var(--slab);font-weight:900;font-size:clamp(46px,13vw,104px);color:var(--squelsh);transform:rotate(-4deg) translate(.16em) scaleX(.92);text-shadow:5px 5px 0 #120A1A}.logo .l3{display:block;margin-top:10px;font-family:var(--slab);font-weight:900;font-size:clamp(17px,3.6vw,26px);color:var(--bone);background:#120a1a;padding:5px 14px;border-top:3px solid var(--pink);border-bottom:3px solid var(--pink)}.logo .l4{display:block;margin-top:8px;font-family:var(--mono);font-size:15px;color:var(--acid)}.big-btn{display:block;min-width:260px;margin:9px auto 0;padding:15px 26px;font-family:var(--slab);font-weight:900;font-size:24px;text-transform:uppercase;color:var(--bone);background:var(--pink);border:4px solid #120A1A;box-shadow:6px 6px #120a1a;cursor:pointer}.big-btn .sub{display:block;font-family:var(--mono);font-size:14px;font-weight:700;opacity:.92;margin-top:3px}.big-btn:active{transform:translate(3px,3px);box-shadow:3px 3px #120a1a}.big-btn.alt{background:var(--blue)}.big-btn.ghost{background:transparent;color:var(--bone);border-color:#fff5e880;box-shadow:none}.big-btn.small{min-width:0;font-size:19px;padding:11px 20px}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:stretch}.archive{width:min(620px,92%);background:#0e0818f5;border:4px solid var(--acid);padding:16px 18px}.archive .tier{display:inline-block;font-family:var(--mono);font-size:13px;font-weight:700;color:#120a1a;background:var(--acid);padding:3px 8px;margin-bottom:8px}.archive h2{margin:0 0 4px;font-family:var(--slab);font-weight:900;font-size:26px;color:var(--bone)}.archive .where{font-family:var(--mono);font-size:15px;color:var(--acid);margin-bottom:8px}.archive p{margin:0;font-family:var(--slab);font-weight:500;font-size:16px;line-height:1.45;color:var(--bone)}.archive .fiction{margin-top:12px;padding-top:10px;border-top:3px dashed var(--pink);font-family:var(--mono);font-size:14px;color:var(--pink)}.stat-grid{display:grid;grid-template-columns:auto auto auto auto;gap:3px 14px;margin:8px 0 2px}.stat-grid dt:nth-of-type(2n){padding-left:10px}.stat-grid dt{font-family:var(--mono);font-size:15px;color:#fff5e8bf}.stat-grid dd{margin:0;font-family:var(--slab);font-weight:900;font-size:18px;text-align:right}.stars{font-size:30px;letter-spacing:4px;color:var(--acid)}.stars .off{color:#fff5e838}.result-title{font-family:var(--slab);font-weight:900;font-size:clamp(40px,10vw,76px);line-height:1;margin-bottom:2px;text-shadow:5px 5px 0 #120A1A}.result-title.win{color:var(--squelsh)}.result-title.lose{color:var(--pink)}.hint{font-family:var(--mono);font-size:14px;color:#fff5e899;margin-top:10px;text-align:center}.note{font-family:var(--mono);font-size:13px;color:#fff5e873;margin-top:12px;text-align:center}.howto{width:min(700px,94%);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.howto .card{background:#0e0818e6;border:3px solid var(--pink);padding:10px 12px}.howto .card h3{margin:0 0 5px;font-family:var(--slab);font-weight:900;font-size:18px;color:var(--acid)}.howto .card p{margin:0;font-family:var(--slab);font-size:15px;line-height:1.35}@media(max-height:430px){.logo .l1,.logo .l2{font-size:clamp(38px,11vw,74px)}.big-btn{padding:11px 22px;font-size:21px;margin-top:7px}.howto .card p{font-size:14px}.result-title{font-size:clamp(32px,8vw,52px)}.stars{font-size:24px}.panel{justify-content:flex-start;padding-top:calc(var(--safe-t) + 8px)}.archive{padding:12px 14px}.archive h2{font-size:23px}.bumper{padding:9px 14px;margin-top:8px}.bumper .brand{font-size:21px}.pin-count{font-size:56px}}.glitch{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,rgba(227,39,143,.55) 0 2px,rgba(24,93,211,.42) 2px 4px,transparent 4px 9px);transition:opacity 90ms linear}.glitch.on{opacity:1;animation:glitchShift .13s steps(2) infinite}@keyframes glitchShift{0%{transform:translate(0)}50%{transform:translate(-7px,3px)}to{transform:translate(5px,-2px)}}.censor{position:absolute;left:0;right:0;top:44%;padding:10px 0;background:#120a1a;border-top:5px solid var(--acid);border-bottom:5px solid var(--acid);text-align:center;font-family:var(--slab);font-weight:900;font-size:26px;letter-spacing:.04em;color:var(--acid);opacity:0;transform:scaleY(.2);transform-origin:center;transition:opacity 80ms linear,transform .12s ease-out;pointer-events:none}.censor.on{opacity:1;transform:scaleY(1)}.censor .small{display:block;font-family:var(--mono);font-size:14px;color:var(--bone);opacity:.8;margin-top:3px}.bumper{width:min(560px,92%);margin:10px auto 0;padding:13px 16px;background:var(--pink);border:4px solid #120A1A;box-shadow:6px 6px #120a1a;text-align:center}.bumper .brand{font-family:var(--slab);font-weight:900;font-size:26px;color:#120a1a}.bumper .line{font-family:var(--mono);font-size:15px;color:#120a1a;margin-top:2px}.bumper .legal{font-family:var(--mono);font-size:13px;color:#120a1a9e;margin-top:6px}.context-hint{position:absolute;right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 224px);padding:4px 11px;background:#120a1ad9;border:2px solid var(--acid);font-family:var(--mono);font-size:14px;color:var(--acid);opacity:0;transition:opacity .12s linear;white-space:nowrap}.context-hint.show{opacity:1}.btn-attack.ctx{background:#f1dc0e8c;border-color:var(--acid);color:#120a1a;animation:itPulse .62s infinite}.pin-track.hidden,.pin-title.hidden{display:none}.panel .fighter-name{font-size:27px;overflow:visible;white-space:normal;margin-top:2px}.btn-grab.ctx{background:#8dff2a80;border-color:var(--squelsh);color:#10200a}.spot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 90ms linear}.spot.on{opacity:1}.spot-burst{position:absolute;width:150vmax;height:150vmax;background:conic-gradient(from 0deg,var(--spot-accent, var(--pink)) 0 6deg,transparent 6deg 12deg);opacity:.3;animation:spotSpin 2.4s linear infinite}@keyframes spotSpin{to{transform:rotate(360deg)}}.spot-name{position:relative;font-family:var(--slab);font-weight:900;font-size:clamp(34px,8.5vw,74px);line-height:.95;text-align:center;color:var(--bone);background:#120a1a;padding:8px 26px;border-top:7px solid var(--spot-accent, var(--pink));border-bottom:7px solid var(--spot-accent, var(--pink));transform:rotate(-3deg) scaleX(.95);text-shadow:5px 5px 0 rgba(0,0,0,.6);max-width:94%}.spot-shout{position:relative;margin-top:10px;font-family:var(--mono);font-size:17px;color:var(--spot-accent, var(--pink));background:#0e0818eb;padding:5px 14px;text-align:center;max-width:88%}.spot.finisher .spot-name{animation:spotSlam .32s ease-out}@keyframes spotSlam{0%{transform:rotate(-3deg) scale(2.4);opacity:0}60%{transform:rotate(-3deg) scale(.92);opacity:1}to{transform:rotate(-3deg) scaleX(.95)}}.blackout{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .14s linear}.blackout.on{opacity:.55}.comic{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.comic-lines{position:absolute;left:0;top:0;width:170vmax;height:170vmax;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%,#140b1ee6 0deg .75deg,#140b1e00 .75deg 5.2deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0 9vmax,rgba(0,0,0,.5) 13vmax,#000 19vmax);mask-image:radial-gradient(circle at 50% 50%,#0000 0 9vmax,#00000080 13vmax,#000 19vmax)}.comic-wash{position:absolute;inset:0;opacity:0;will-change:opacity;mix-blend-mode:screen;background:radial-gradient(ellipse at 50% 52%,var(--wash, #E3278F) 0%,rgba(0,0,0,0) 72%)}.comic-dots{position:absolute;inset:0;opacity:0;transition:opacity .14s linear;background-image:radial-gradient(circle,#140b1e80 30%,#0000 32%);background-size:5px 5px}.comic-dots.on{opacity:.5}@media(prefers-reduced-motion:reduce){.comic-lines,.comic-wash{display:none}}.comic-card{position:absolute;left:0;top:0;width:40vmin;height:40vmin;display:grid;place-items:center;opacity:0}.comic-card:before,.comic-card:after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,57.2% 20.9%,73.2% 5.7%,69.9% 27.5%,91.1% 21.6%,78.1% 39.4%,99.6% 44%,79.8% 53.6%,96.8% 67.7%,74.7% 67%,83.2% 87.4%,63.9% 76.6%,62% 98.5%,50% 80%,38% 98.5%,36.1% 76.6%,16.8% 87.4%,25.3% 67%,3.2% 67.7%,20.2% 53.6%,.4% 44%,21.9% 39.4%,8.9% 21.6%,30.1% 27.5%,26.8% 5.7%,42.8% 20.9%)}.comic-card:before{background:var(--card-ink, #1E112B);transform:rotate(7deg) scale(1.06)}.comic-card:after{background:var(--card-accent, #E3278F)}.comic-card .word{position:relative;z-index:1;font-family:var(--slab);font-weight:900;font-style:italic;font-size:clamp(24px,calc(78vmin / var(--len, 6)),58px);line-height:1;letter-spacing:.01em;white-space:nowrap;color:var(--bone, #FFF5E8);-webkit-text-stroke:3px #1E112B;paint-order:stroke fill;text-shadow:3px 4px 0 #1E112B;transform:rotate(-4deg)}