@font-face{font-family:Funnel;src:url('assets/v2/funnel.ttf') format('truetype');font-display:swap;font-weight:300 800}
:root{font-family:Funnel,Arial,sans-serif;color:#f5f7ed;background:#0b0d0b;color-scheme:dark;--lime:#b9e64d;--muted:#a5af9b;--line:#35412d;--pink:#f58dad}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border-radius:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:16px 28px;border-bottom:1px solid var(--line);gap:12px}.back{font-size:13px;letter-spacing:.06em}.tools{display:flex;gap:8px}.tools button,.round button{border:1px solid var(--line);background:transparent;color:#fff;min-width:40px;min-height:40px;font-size:10px;padding:8px}.tools button span{color:var(--lime);margin-left:5px}#fullscreen{font-size:22px}.experience{width:min(1100px,100%);margin:auto;padding:20px 26px}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;margin-bottom:14px;color:var(--muted)}.section-label>span:first-child{color:var(--lime)}.game-panel{border:1px solid var(--line);background:#131a10}.hud{display:grid;grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);gap:20px;align-items:center;padding:11px 18px}.fighter-hud{display:flex;gap:10px;align-items:center;min-width:0}.fighter-hud>img{object-fit:contain;width:52px;height:58px}.fighter-info{flex:1;min-width:0}.fighter-name{font-size:13px;font-weight:750;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:6px}.fighter-name small{font-size:8px;letter-spacing:.06em;color:var(--muted);font-weight:500}.health{height:10px;background:#3a2821;overflow:hidden}.health i{display:block;width:100%;height:100%;background:var(--lime);transform-origin:left;transition:transform .13s linear}.robot-hud .health i{background:var(--pink);transform-origin:right}.shield-meter{height:4px;margin-top:4px;background:#253537}.shield-meter i{display:block;width:100%;height:100%;background:#81d6e1;transform-origin:left;transition:transform .1s}.robot-hud .shield-meter i{transform-origin:right}.meter-label{font-size:6px;color:var(--muted);letter-spacing:.15em;display:block;margin-top:3px}.round{display:flex;align-items:center;justify-content:center;gap:10px}.round>span{font-size:34px;font-weight:750;font-variant-numeric:tabular-nums}.round button{font-size:15px;min-width:30px;min-height:30px;padding:4px}.arena-wrap{position:relative;isolation:isolate;aspect-ratio:16/9;background:#142416;overflow:hidden}#arena{width:100%;height:100%;display:block;touch-action:none;outline:none}.screen{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(7,11,6,.94)}.intro{background:linear-gradient(90deg,rgba(4,9,4,.96),rgba(4,9,4,.42)),url('assets/v2/title.webp') center/cover;justify-content:flex-start}.intro-copy{width:55%;max-width:480px;padding-left:2%}.eyebrow{font-size:9px;letter-spacing:.14em;font-weight:650;color:var(--lime)}.fight-logo{display:block;max-width:100%;width:340px;height:160px;object-fit:contain;object-position:left;margin:16px 0}.intro p{font-size:14px;line-height:1.5;color:#d3dbc9}.primary{min-height:46px;border:1px solid var(--lime);background:var(--lime);color:#0b0d0b;font-weight:750;padding:13px 20px;font-size:12px;letter-spacing:.05em}.primary:hover{background:#d7ff87}.primary:disabled{opacity:.55}.intro small{display:block;color:var(--muted);font-size:8px;margin-top:10px}.countdown{flex-direction:column;gap:4px;background:rgba(4,8,3,.6)}.countdown>span{font-size:90px;font-weight:800;line-height:1;color:var(--lime)}.countdown p{font-size:11px;letter-spacing:.15em}.pause-screen{flex-direction:column;gap:18px}.pause-screen h2{margin:0;font-size:44px;line-height:1}.pause-screen h2 span{color:var(--lime)}.text-button{border:0;background:transparent;color:inherit;font-size:10px;padding:12px 2px;letter-spacing:.04em;font-weight:650}.notice{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:9px 14px;background:#c0ee5c;color:#102006;max-width:90%;text-align:center;font-size:12px;font-weight:750;opacity:0;pointer-events:none;z-index:2}.notice.on{opacity:1}.power-row{display:flex;align-items:center;gap:20px;padding:12px 18px;border-top:1px solid var(--line)}.super-info{flex:1}.super-info>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.super-meter{height:7px;background:#2b3321;margin-top:5px;overflow:hidden}.super-meter i{height:100%;width:100%;display:block;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .14s linear}.special-button{display:flex;align-items:center;gap:10px;border:1px solid #4b6334;background:#24321a;color:#9aa68b;min-height:40px;padding:8px 14px;font-size:10px;font-weight:700;letter-spacing:.06em}.special-button.ready{background:var(--lime);color:#10160a;border-color:#d4ff8b;box-shadow:0 0 20px #b9e64d35}.special-button span{font-variant-numeric:tabular-nums;font-size:9px}.keyboard-hint{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;border-top:1px solid var(--line);padding:12px 8px;font-size:7px;color:var(--muted)}kbd{font:inherit;display:inline-block;color:#eee;background:#2a3322;padding:3px 5px;margin-right:3px}.field-guide{display:grid;grid-template-columns:116px repeat(3,minmax(0,1fr));align-items:center;gap:22px;margin-top:20px}.field-guide>img{object-fit:contain;height:78px}.field-guide p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.field-guide b{display:block;color:var(--lime);font-size:9px;letter-spacing:.08em;margin-bottom:5px}.touch-controls{display:none;justify-content:space-between;align-items:center;gap:10px;padding:14px;touch-action:none;user-select:none;-webkit-user-select:none}.movement{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:3px}.movement .crouch{grid-column:2}.movement button,.attacks button{color:#f5f7ed;background:#28331f;border:1px solid #4b5f35;min-height:42px;min-width:42px;touch-action:none;user-select:none}.movement button{font-size:21px}.attacks{display:grid;grid-template-columns:repeat(2,70px);gap:5px}.attacks button{font-size:9px;font-weight:750;letter-spacing:.05em}.attacks .defend{grid-column:1/-1;background:#23353a;border-color:#5b959d;color:#b3eef5}.touch-controls .pressed{background:var(--lime);color:#101b08}.touch-controls .defend.pressed{background:#b3eef5;color:#13272b}.touch-controls button:disabled{opacity:.35}.result-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;z-index:30;background:rgba(5,8,4,.95);overscroll-behavior:contain}.reward-card{width:min(560px,100%);margin:auto;border:1px solid #465339;background:#10170e}.reward-outcome{padding:22px 28px;border-bottom:1px solid var(--line)}.reward-outcome h2{font-size:25px;margin:8px 0}.reward-outcome p{font-size:11px;color:var(--muted);margin:0}.reward-content{position:relative;padding:25px 28px}.reward-mark{position:absolute;right:28px;top:20px;color:var(--lime);font-size:32px}.reward-content>.eyebrow{font-size:8px;padding-right:30px}.reward-content h2{font-size:clamp(28px,4.3vw,43px);line-height:1.06;letter-spacing:-.03em;margin:25px 0}.reward-content em{color:var(--lime);font-style:normal}.reward-content>p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:32ch}.call-cta{display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:#11190a;gap:10px;padding:18px;margin-top:22px}.call-cta>span{font-size:9px;font-weight:750;letter-spacing:.08em}.call-cta strong{font-size:25px;white-space:nowrap}.reward-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}.reward-actions a{font-size:9px;color:var(--muted)}noscript{display:block;padding:30px}
@media(max-width:700px){.topbar{padding:10px 12px}.back{font-size:10px}.experience{padding:12px 8px}.hud{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:8px;padding:9px 8px}.fighter-hud{gap:5px}.fighter-hud>img{display:none}.fighter-name{font-size:11px;display:block;margin-bottom:4px}.fighter-name small{font-size:6px;display:block;margin:2px 0}.robot-hud{text-align:right}.round{flex-direction:column;gap:0}.round>span{font-size:24px}.round button{font-size:11px;min-height:24px;min-width:28px}.health{height:8px}.meter-label{display:none}.intro{padding:14px}.intro-copy{width:64%;padding:0}.intro .eyebrow{font-size:6px}.fight-logo{height:clamp(50px,16vw,100px);width:100%;margin:5px 0}.intro p{font-size:10px;line-height:1.3;margin:8px 0}.intro .primary{font-size:10px;min-height:38px;padding:9px 12px}.intro small{font-size:6px;margin-top:5px}.touch-controls{display:flex}.keyboard-hint{display:none}.power-row{padding:9px 10px;gap:12px}.special-button{padding:8px;gap:5px;font-size:9px;min-height:42px}.special-button kbd{display:none}.field-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.field-guide>img{display:none}.field-guide p{font-size:9px}.field-guide b{font-size:8px}.countdown>span{font-size:58px}.pause-screen{gap:10px;padding:15px}.pause-screen h2{font-size:28px}.pause-screen .eyebrow{font-size:7px}.pause-screen .primary{min-height:38px;padding:9px 14px;font-size:10px}.pause-screen .text-button{font-size:8px;padding:7px}.notice{top:10px;font-size:9px;padding:6px 9px}.reward-outcome,.reward-content{padding:20px}.reward-outcome h2{font-size:23px}.call-cta{flex-direction:column;align-items:flex-start;gap:5px}.call-cta strong{font-size:27px}.reward-actions a,.reward-actions button{font-size:8px}}
@media(max-width:360px){.touch-controls{padding:10px 8px;gap:6px}.movement{grid-template-columns:repeat(3,42px)}.attacks{grid-template-columns:repeat(2,62px)}.intro .eyebrow{display:none}.intro p{font-size:9px}.intro small{font-size:5.5px}.fight-logo{height:51px}.section-label{font-size:7px}}
@media(pointer:coarse){.touch-controls{display:flex}.keyboard-hint{display:none}}
@media(min-width:701px) and (min-height:501px){.experience{width:min(1100px,100%,calc((100dvh - 350px)*1.7778 + 52px))}.arena-wrap{container-type:inline-size}.intro-copy{width:60%}.fight-logo{height:clamp(70px,23cqw,170px)}.intro p{font-size:clamp(10px,1.8cqw,14px)}.intro .eyebrow{font-size:clamp(6px,1.2cqw,9px)}.field-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.field-guide>img{display:none}}
@media(max-height:500px) and (orientation:landscape){.section-label,.field-guide,.keyboard-hint{display:none}.topbar{display:flex;position:fixed;left:8px;top:8px;padding:0;width:98px;flex-direction:column;gap:7px;border:0;z-index:7}.topbar .back{font-size:7px}.topbar .tools{gap:4px}.topbar .tools button{min-width:35px;min-height:34px;padding:5px;font-size:7px}.topbar .tools button span{margin-left:2px}.topbar #fullscreen{font-size:20px}.experience{padding:8px 120px;width:100%}.hud{height:56px;padding:6px 10px;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:10px}.fighter-hud>img{display:none}.round>span{font-size:23px}.round button{min-height:26px;min-width:26px;font-size:13px}.fighter-name{font-size:10px}.fighter-name small{font-size:7px}.arena-wrap{height:auto;width:min(100%,calc((100dvh - 120px)*1.777778));aspect-ratio:16/9;margin:auto}.game-panel{max-width:700px;margin:auto}.power-row{padding:6px 10px;height:45px}.special-button{min-height:32px;padding:6px 10px}.touch-controls{display:block;position:fixed;inset:0;pointer-events:none;padding:0;z-index:5}.movement{position:absolute;left:8px;bottom:20px;grid-template-columns:repeat(2,44px);grid-template-rows:repeat(2,42px);gap:5px}.movement button:nth-child(1){grid-area:2/1}.movement button:nth-child(2){grid-area:1/2}.movement button:nth-child(3){grid-area:2/2}.movement .crouch{grid-area:1/1}.attacks{position:absolute;right:9px;bottom:22px;grid-template-columns:88px;gap:7px}.attacks .defend{grid-column:1}.touch-controls button{pointer-events:auto}.intro{padding:14px}.fight-logo{height:65px;margin:4px 0}.intro .eyebrow,.intro small{display:none}.intro p{font-size:10px;margin:7px 0}.intro .primary{min-height:35px;padding:8px 12px;font-size:10px}.pause-screen{gap:8px}.pause-screen h2{font-size:27px}.pause-screen .primary{padding:8px 12px;min-height:35px}.result-backdrop{padding:8px}.reward-card{width:580px}.reward-outcome{padding:12px 22px}.reward-outcome h2{font-size:21px;margin:5px 0}.reward-content{padding:12px 22px}.reward-content h2{font-size:30px;margin:12px 0}.reward-content>p:not(.eyebrow){font-size:12px;margin:8px 0}.call-cta{margin-top:12px;padding:12px 16px;flex-direction:row;align-items:center}.call-cta strong{font-size:23px}.reward-actions{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* v41: original layered HUD artwork, health and super clipped without stretching. */
.legacy-bars{position:relative;width:100%;aspect-ratio:1000/180;isolation:isolate}
.legacy-bars .health,.legacy-super{position:absolute;inset:0;height:auto;margin:0;overflow:visible;background:transparent}
.legacy-bars .health i,.legacy-super i{position:absolute;inset:0;background:url('assets/v2/hud-health.webp') center/100% 100% no-repeat;transform:none;transition:clip-path .12s linear}
.legacy-super i{background-image:url('assets/v2/hud-super.webp');clip-path:inset(0 64% 0 0)}
.legacy-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.robot-hud .legacy-bars{transform:scaleX(-1)}
.robot-hud .health i{background:url('assets/v2/hud-health.webp') center/100% 100% no-repeat}
.fighter-name{margin-bottom:0}.shield-meter{margin:3px 3% 0 7%}.robot-hud .shield-meter{margin-right:7%;margin-left:3%}
.super-info small{display:block;font-size:8px;color:var(--muted);margin-top:5px;line-height:1.3}
.cinematic{background:#000;padding:0;flex-direction:column}.cinematic video{width:100%;height:100%;object-fit:contain}
.cinematic-tools{position:absolute;bottom:8px;left:12px;right:12px;display:flex;gap:12px;align-items:center;justify-content:flex-end}
.cinematic-tools>span{margin-right:auto;font-size:9px;color:#eee;text-shadow:0 1px 3px #000}
.cinematic-tools button{background:#081007dd;padding:10px 12px;border:1px solid #758366;color:#fff;min-height:36px}
.title-screen{background:linear-gradient(#05100655,#030702cc),url('assets/v2/title.webp') center/cover;flex-direction:column;gap:10px}
.animated-logo{width:65%;max-width:430px;height:50%;object-fit:contain;filter:drop-shadow(0 6px 8px #000);animation:logo-arrival .8s cubic-bezier(.2,1.5,.4,1) both}
.title-screen p{display:flex;align-items:center;gap:14px;margin:0;font-size:12px;font-weight:750;letter-spacing:.12em}.title-screen p img{width:35px;height:26px;object-fit:contain}
.title-screen small{font-size:7px;letter-spacing:.12em;color:#d4ddca}
#fight-banner{width:46%;height:45%;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}
@keyframes logo-arrival{from{opacity:0;transform:translateY(-30px) scale(.45)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:500px) and (orientation:landscape){.fighter-info{max-width:160px}.robot-hud{justify-content:flex-end}.legacy-bars{max-width:160px}.robot-hud .legacy-bars{margin-left:auto}.fighter-name{display:flex}.fighter-name small{display:inline}.meter-label{display:none}}
@media(max-width:700px){.hud{padding:6px 8px}.fighter-name{font-size:10px}.fighter-name small{margin:0;font-size:6px}.legacy-bars{min-height:18px}.shield-meter{height:3px}.title-screen{padding:9px;gap:5px}.title-screen .primary{min-height:36px;font-size:10px;padding:8px 16px}.title-screen p{font-size:9px;gap:9px}.title-screen p img{height:20px;width:25px}.title-screen small{font-size:6px}.cinematic-tools{left:6px;right:6px;bottom:6px;gap:6px}.cinematic-tools button{font-size:8px;padding:8px;min-height:34px}.cinematic-tools>span{font-size:7px}.super-info small{font-size:7px;max-width:23ch}}
@media(max-height:500px) and (orientation:landscape){.legacy-bars{min-height:14px}.fighter-name{font-size:9px}.fighter-name small{font-size:6px}.hud{height:66px}.arena-wrap{width:min(100%,calc((100dvh - 130px)*1.777778))}.title-screen{padding:8px;gap:4px}.animated-logo{height:46%}.title-screen .primary{min-height:32px;padding:7px 12px;font-size:10px}.title-screen small{display:none}.title-screen p{font-size:9px}.title-screen p img{height:22px}.super-info small{font-size:7px}}

/* v42 — original fighter name plates, victory animation and gamepad setup. */
.fighter-name{display:flex;align-items:center;height:30px;gap:4px;margin:1px 4% 0;font-size:9px}.fighter-name img{display:block;width:40px;height:28px;object-fit:contain}.robot-hud .fighter-name img{width:88px;height:27px}.fighter-name small{display:inline;white-space:nowrap;font-size:7px}.shield-meter{margin-top:2px}
.title-screen .versus-names{gap:15px}.title-screen .versus-pixi{width:52px;height:36px}.title-screen .versus-pinky{width:108px;height:34px}
.pad-hint{padding:7px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;line-height:1.5;display:flex;flex-wrap:wrap;gap:3px 14px;justify-content:center}.pad-hint #pad-help{color:#d9e8c2}
.reward-card{width:min(640px,100%)}.reward-offer{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:4px;align-items:center}.reward-offer h2{font-size:clamp(28px,4vw,40px);margin:22px 0}.reward-offer p{font-size:14px;line-height:1.5;max-width:28ch;margin:0}.celebration{position:relative;align-self:end;margin:0;width:100%}.celebration canvas{display:block;width:100%;height:auto}.celebration span{position:absolute;right:1px;top:12%;font-size:25px;color:var(--lime)}.pad-replay{color:var(--muted);font-size:8px;margin:8px 0 0}
.controller-backdrop{position:fixed;inset:0;z-index:40;padding:20px;background:#040804ed;overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.controller-card{width:min(560px,100%);margin:auto;background:#10190e;border:1px solid #50663c;padding:24px}.controller-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.controller-heading h2{font-size:25px;margin:10px 0 12px}.controller-heading .text-button{white-space:nowrap}.controller-card p{font-size:12px;line-height:1.55;color:#ccd6bf}.controller-card #controller-device{color:var(--lime);overflow-wrap:anywhere}.controller-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:20px 0}.controller-card dt{font-size:10px;font-weight:700;color:#e4f7c4}.controller-card dd{font-size:11px;margin:3px 0 0;color:var(--muted)}.controller-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.controller-card .controller-footnote{font-size:10px;margin:20px 0 0}.calibration{border:1px solid var(--line);padding:20px;margin:20px 0}.calibration h3{font-size:22px;margin:10px 0}.calibration .text-button{color:var(--muted)}
@media(max-width:700px){.tools{gap:4px}.tools button{font-size:8px;padding:7px}.topbar{gap:6px}.back{font-size:8px}.fighter-name{height:23px}.fighter-name img{width:30px;height:22px}.robot-hud .fighter-name img{width:70px;height:22px}.fighter-name small{font-size:6px}.hud{gap:6px}.title-screen .versus-pixi{width:32px;height:22px}.title-screen .versus-pinky{width:70px;height:22px}.pad-hint{font-size:7px;padding:6px 9px}.reward-offer{grid-template-columns:minmax(0,1fr) 92px}.reward-offer h2{font-size:30px}.reward-offer p{font-size:12px}.reward-content{padding:20px}.controller-backdrop{padding:12px}.controller-card{padding:18px}.controller-heading h2{font-size:20px}}
@media(max-width:360px){.tools button{font-size:7px;padding:5px;min-width:32px}.back{max-width:83px;line-height:1.4}.reward-offer{grid-template-columns:minmax(0,1fr) 72px}.reward-offer h2{font-size:26px}.reward-content,.reward-outcome{padding:17px}.robot-hud .fighter-name img{width:58px}.fighter-name small{font-size:5px}.controller-card dl{gap:10px}}
@media(max-height:500px) and (orientation:landscape){.topbar .tools{flex-wrap:wrap;justify-content:center}.topbar #controller-open{order:3;flex-basis:90px;min-height:28px}.pad-hint{display:none}.fighter-name{height:20px}.fighter-name img{width:28px;height:20px}.robot-hud .fighter-name img{width:66px;height:20px}.legacy-bars{max-width:150px;min-height:12px}.hud{height:68px}.arena-wrap{width:min(100%,calc((100dvh - 132px)*1.777778))}.reward-card{width:min(640px,100%)}.reward-offer{grid-template-columns:minmax(0,1fr) 100px}.reward-offer h2{font-size:30px;margin:10px 0}.reward-offer p{font-size:12px}.reward-content{padding:12px 22px}.controller-backdrop{align-items:flex-start}}
/* The site dialog can leave less than 90px for this bar beside the portrait. */
.robot-hud .fighter-name{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:20px 8px;gap:0;justify-items:end}
.robot-hud .fighter-name img{grid-row:1;max-width:100%;height:20px;object-position:right center}
.robot-hud .fighter-name small{grid-row:2;font-size:6px;line-height:8px}
@media(max-width:700px){.robot-hud .fighter-name{grid-template-rows:16px 6px}.robot-hud .fighter-name img{height:16px}.robot-hud .fighter-name small{font-size:5px;line-height:6px}}
@media(max-height:500px) and (orientation:landscape){.robot-hud .fighter-name{grid-template-rows:14px 6px}.robot-hud .fighter-name img{height:14px}.robot-hud .fighter-name small{font-size:5px;line-height:6px}}