@font-face{font-family:Pixel;src:url('assets/press-start-2p.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#111313;--panel:#191c1c;--border:#343a37;--muted:#858c83;--text:#e8e9d8;--orange:#f58c59;--green:#c5ed9b;--red:#f9897d;--pixel:Pixel,'Courier New',monospace;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:12px}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:15}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button{color:inherit}button:focus:not(:focus-visible){outline:none}.site-header{max-width:1280px;margin:auto;height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #2a2f2c}.brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:800;letter-spacing:1.5px}.brand svg{width:29px;height:29px;fill:var(--orange)}.brand-plus{color:var(--orange);padding:0 4px}.brand-sub{display:block;font-size:7px;letter-spacing:1.8px;color:var(--muted);margin-top:6px;font-weight:400}nav{display:flex;align-items:center;gap:23px}.local-indicator{color:var(--green);font-size:9px;letter-spacing:1px}.local-indicator i,.status-light,footer i{display:inline-block;width:5px;height:5px;background:var(--green);margin-right:8px;box-shadow:0 0 10px #c5ed9b44}.nav-divider{height:16px;width:1px;background:var(--border)}.text-button{border:0;background:none;padding:5px 0;color:#b5bcae;font-size:9px;letter-spacing:.7px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.text-button:hover{color:var(--orange)}.button-key{border:1px solid #535c50;width:16px;height:16px;display:inline-grid;place-items:center;font-size:10px}.icon-button{height:29px;width:29px;background:none;border:1px solid var(--border);display:inline-grid;place-items:center;padding:5px}.icon-button:hover{border-color:var(--orange);color:var(--orange)}.icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:miter}.sound-wave{display:none}.sound-enabled .sound-wave{display:block}.sound-enabled .sound-off{display:none}main{max-width:1280px;margin:auto;padding:0 28px}.hero{display:flex;align-items:center;justify-content:space-between;padding:35px 0 29px;gap:25px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--orange);display:flex;align-items:center;gap:9px}.eyebrow>span:empty{height:5px;width:20px;background:var(--orange)}.eyebrow b{font-weight:400;margin-left:9px;padding-left:14px;border-left:1px solid #514537;color:#878c80;font-size:8px}h1{font-family:var(--pixel);font-size:clamp(23px,3.05vw,43px);line-height:1.3;font-weight:400;letter-spacing:-1.8px;margin:17px 0 0;white-space:nowrap}h1 em{font-style:normal;color:var(--orange)}.title-star{color:var(--orange);display:inline-block;font-family:var(--mono);font-size:55px;line-height:0;vertical-align:middle;margin-left:17px}.hero-aside p{font-size:12px;color:#adb3a5;line-height:1.65;margin:0 0 12px}.feature-pills{display:flex;gap:6px}.feature-pills>span{font-size:7px;letter-spacing:.5px;color:#959d8c;border:1px solid var(--border);padding:5px 7px}.arcade{border:1px solid #454b40;box-shadow:0 8px 0 #0a0c0c,0 9px 0 #2b3029;position:relative;background:#101615}.cabinet-top{height:34px;background:#20251f;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.9px;color:#8c9884}.cabinet-top b{font-weight:400}.cabinet-top>span{display:flex;align-items:center}.status-light{width:4px;height:4px;margin-right:8px}.stage-label{display:flex;align-items:center;gap:12px}.stage-label span{color:#6d7966}.stage-label b{color:#c2ccba}.cabinet-version{font-size:7px;color:#6b7763}.hud{display:flex;align-items:center;gap:25px;padding:16px 24px 12px;background:#111917;position:relative;z-index:2;border-bottom:1px solid #34483b}.player-hud{width:calc(50% - 63px);--team-color:var(--green)}.player-hud.p2{--team-color:var(--red)}.hud-name{display:flex;align-items:center;gap:10px;height:22px;margin-bottom:7px}.player-label{font-family:var(--pixel);font-size:8px;background:var(--team-color);color:#18241a;padding:5px 5px 4px}.team-name{font-family:var(--pixel);font-size:10px;color:var(--team-color);letter-spacing:0}.fighter-name{margin-left:auto;font-size:9px;color:#b6c1aa;letter-spacing:1px}.p2 .fighter-name{margin:0 auto 0 0}.health-track{height:14px;background:#26322a;position:relative;border:1px solid #4a5a40;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 75%,calc(100% - 4px) 100%,0 100%)}.health-fill,.health-lag{position:absolute;inset:0;background:var(--team-color);transition:width .12s linear;transform-origin:left}.health-fill:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 22px,#13221555 22px,#13221555 24px)}.health-lag{background:#edf1d3;transition:width .6s ease .22s}.p2 .health-fill,.p2 .health-lag{left:auto;right:0}.p2 .health-track{border-color:#68423c;clip-path:polygon(0 0,100% 0,100% 100%,4px 100%,0 75%)}.hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px}.reserve-health{display:flex;gap:4px}.reserve-pip{display:inline-block;width:23px;height:5px;border:1px solid #6b765b;position:relative}.reserve-pip i{display:block;height:100%;background:var(--team-color)}.reserve-pip.active{outline:1px solid var(--team-color);outline-offset:2px}.reserve-pip.out{opacity:.3}.energy-track{display:flex;align-items:center;gap:6px;font-size:6px;color:#879781;letter-spacing:.5px}.energy-track>div{height:4px;width:60px;background:#344332}.energy-track i{height:100%;width:100%;display:block;background:#f3d386}.energy-track b{font-size:6px;font-weight:400;color:#e9cb7e;min-width:26px}.p2 .hud-bottom{flex-direction:row-reverse}.timer-box{width:76px;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.timer-box>span{font-size:6px;letter-spacing:2px;color:#82917c}.timer-box strong{font-family:var(--pixel);font-size:25px;font-weight:400;color:#f5e8c2;line-height:1.1}.timer-box small{font-size:6px;color:#71816d;letter-spacing:1px}.timer-box.urgent strong{color:var(--red)}.screen{position:relative;isolation:isolate;background:#111e20;overflow:hidden;aspect-ratio:960/350}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#00100c20 2px,#00100c20 3px);z-index:4;opacity:.5;box-shadow:inset 0 0 75px #00100c50}.screen-corner{position:absolute;top:14px;z-index:5;color:#9cba9c;font-size:7px;letter-spacing:1.5px;opacity:.7;pointer-events:none}.top-left{left:20px}.top-right{right:20px}.lobby-overlay{position:absolute;top:50%;left:50%;width:480px;transform:translate(-50%,-50%);text-align:center;padding:22px 32px;background:radial-gradient(ellipse,#112423e8 20%,#122321b5 60%,transparent 75%);z-index:5}.lobby-kicker{font-size:6px;letter-spacing:1.2px;color:#a9bba2;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.lobby-kicker>span{width:15px;height:1px;background:#9ab18c}.lobby-overlay h2{font-family:var(--pixel);font-size:24px;font-weight:400;line-height:1.5;margin:22px 0 13px;text-shadow:3px 4px 0 #061b14;display:flex;flex-direction:column;align-items:center}.lobby-overlay h2 span:first-child{color:var(--green)}.lobby-overlay h2 span:last-child{color:var(--red)}.lobby-overlay h2 i{font-family:var(--mono);font-weight:900;font-size:16px;line-height:1.3;color:#e9c879;transform:skew(-12deg)}.lobby-overlay>p{font-size:10px;color:#c0c8b1;margin:0 0 19px}.start-button{background:var(--orange);color:#201e12;border:1px solid #ffc194;box-shadow:4px 4px 0 #6d4830;padding:16px 20px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-family:var(--pixel);font-size:10px;line-height:1.4;white-space:nowrap;transition:background .15s,transform .1s,box-shadow .1s}.start-button svg{height:13px;width:13px;fill:currentColor}.start-button:hover{background:#ffab71;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #6d4830}.start-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #6d4830}.start-button kbd{font-family:var(--mono);font-size:7px;font-weight:800;padding:3px 4px;background:#d37442;border:1px solid #b35d30;line-height:1}.lobby-note{font-size:6px;letter-spacing:1.3px;color:#849c7e;margin-top:18px}.lobby-note span{padding:0 9px;color:#dbb86a}.cabinet-bottom{background:#1b231e;border-top:1px solid #344638;display:flex;justify-content:space-between;align-items:center;min-height:37px;padding:0 17px;gap:10px}.tip{font-size:8px;color:#909e86}.tip>i{color:var(--orange);font-style:normal;font-size:13px;margin-right:7px}.cabinet-actions{display:flex;gap:20px}.cabinet-actions .text-button{font-size:7px}.cabinet-actions kbd{font-size:6px;border:1px solid #4a5745;padding:2px 3px;letter-spacing:0}.pause-symbol{font-size:12px}.roster-section{padding-top:31px}.roster-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:14px}.roster-heading h2{margin:0;font-size:10px;letter-spacing:1.6px;font-weight:500;display:flex;align-items:center;gap:20px}.roster-heading h2>span{font-size:7px;color:#7c8777;font-weight:400;letter-spacing:.7px}.stage-picker{display:flex;align-items:center;gap:5px}.stage-picker>span{color:#7e8979;font-size:7px;letter-spacing:1px;margin-right:6px}.stage-option{background:transparent;border:1px solid #3a4437;width:28px;height:22px;padding:3px;display:block}.stage-option.active{border-color:var(--orange)}.stage-option:hover{border-color:#9ca68c}.arena-swatch{display:block;width:100%;height:100%}.arena-swatch.neon{background:linear-gradient(#203c42 0 38%,#dd8061 38% 55%,#24524b 55%)}.arena-swatch.mainframe{background:linear-gradient(90deg,#1b3026 15%,#689b65 16% 23%,#122318 24% 45%,#97d374 46% 53%,#1b3026 54% 75%,#689b65 76% 83%,#1b3026 84%)}.arena-swatch.sunset{background:linear-gradient(#6e5360 0 36%,#efb36e 36% 70%,#463c57 70%)}.teams{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px}.team-roster{--team-color:var(--green);min-width:0}.openclaw{--team-color:var(--red)}.team-roster-title{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.6px;margin-bottom:9px;gap:5px}.team-roster-title>span{color:var(--team-color)}.team-roster-title i{display:inline-block;width:4px;height:4px;background:var(--team-color);margin-right:6px;vertical-align:middle}.team-roster-title b{color:#6f7c6b;font-size:6px;font-weight:400;letter-spacing:.5px}.fighter-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fighter-card{background:#191f1b;border:1px solid #374132;position:relative;text-align:left;padding:0;min-width:0;transition:border-color .15s,background .15s;overflow:hidden}.fighter-card:hover{border-color:#93a77d;background:#222b21}.fighter-card.selected{border-color:var(--team-color);background:#263021}.openclaw .fighter-card.selected{background:#302522}.openclaw .fighter-card:hover{border-color:#ba776c}.portrait-wrap{height:69px;display:flex;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid #303b2e;background-image:linear-gradient(0deg,#a7c78d04 1px,transparent 1px),linear-gradient(90deg,#a7c78d04 1px,transparent 1px);background-size:10px 10px;background-color:#141c18}.portrait-wrap:after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#141c18aa)}.portrait-wrap canvas{height:90px;width:90px;image-rendering:pixelated;transform:translateY(5px);transition:transform .18s}.fighter-card:hover .portrait-wrap canvas{transform:translateY(2px)}.fighter-number{position:absolute;top:7px;left:7px;font-family:var(--pixel);font-size:6px;color:#54644c}.lead-badge{display:none;position:absolute;top:6px;right:5px;color:var(--team-color);font-size:6px;letter-spacing:.7px}.selected .lead-badge{display:block}.fighter-info{padding:10px 10px 9px}.fighter-info strong{font-family:var(--pixel);font-size:7px;font-weight:400;display:block;margin-bottom:7px;line-height:1.45;white-space:nowrap}.fighter-info>span{color:#87917e;display:block;font-size:7px;white-space:nowrap}.selected .fighter-info strong{color:var(--team-color)}.fighter-stats{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:4px}.fighter-stats>span{font-size:6px;color:#677760}.stat-blocks{display:flex;gap:2px}.stat-blocks i{height:4px;width:9px;background:#3b4934}.stat-blocks i.lit{background:#98af7d}.openclaw .stat-blocks i.lit{background:#b57e6d}.roster-vs{font-family:var(--pixel);font-size:9px;text-align:center;color:#6c7466;margin-top:23px}.controls-strip{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:24px 0 22px}.controls-player{display:flex;align-items:center;gap:20px;--team-color:var(--green)}.p2-controls{--team-color:var(--red)}.control-player-label{font-family:var(--pixel);font-size:12px;color:var(--team-color);min-width:58px}.control-player-label>span{display:block;font-family:var(--mono);font-size:6px;letter-spacing:1px;color:#75836d;margin-top:8px}.control-group{display:flex;align-items:center;gap:10px}.key-cluster{display:flex;flex-direction:column;align-items:center;gap:3px}.key-cluster>span{display:flex;gap:3px}kbd{font-family:var(--mono)}.key-cluster kbd,.attacks kbd{display:inline-grid;place-items:center;width:19px;height:18px;border:1px solid #45503f;box-shadow:0 2px 0 #2b3527;background:#20271e;color:#a9b79c;font-size:9px}.control-description{font-size:6px;line-height:1.9;color:#7f8d76;white-space:nowrap}.control-description b{color:#a4af99;font-weight:400}.attacks{display:flex;gap:13px;margin-left:auto}.attacks>div{display:flex;flex-direction:column;align-items:center;gap:7px}.attacks>div>span{font-size:6px;color:#7d8975}.attacks kbd{border-color:#5e5940;color:#c9ba80;background:#2c2b20}footer{border-top:1px solid #2e352c;display:flex;justify-content:space-between;padding:20px 0 25px;gap:10px;color:#65735e;font-size:6px;letter-spacing:1px}footer i{width:3px;height:3px;background:#718865;margin-right:7px}footer b{font-weight:400;color:var(--orange);padding:0 5px}.battle-announcement{position:absolute;left:0;right:0;top:36%;text-align:center;z-index:5;font-family:var(--pixel);font-size:45px;line-height:1.5;color:#ffe9b0;text-shadow:4px 5px 0 #2e3023;pointer-events:none}.battle-announcement.small{font-size:20px}.battle-announcement:empty{display:none}.modal-overlay{position:absolute;inset:0;background:#0c1b16dd;z-index:7;display:grid;place-items:center;text-align:center;backdrop-filter:blur(2px)}[hidden]{display:none!important}.pause-card h2,.result-card h2{font-family:var(--pixel);font-weight:400;font-size:30px;margin:22px 0 18px;line-height:1.5}.pause-card .eyebrow,.result-card .eyebrow{justify-content:center}.pause-card p,.result-card p{color:#b0bea5;font-size:11px;line-height:1.6;margin-bottom:23px}.pause-card>.text-button{display:block;margin:20px auto 0}.secondary-button{border:1px solid #7f9675;background:#213221;color:#d1dec3;font-size:9px;letter-spacing:1px;padding:16px 17px;min-height:48px}.secondary-button:hover{background:#364733}.result-actions{display:flex;justify-content:center;gap:17px;align-items:center}.result-card{padding:15px}.result-card h2{color:var(--green)}.result-card.openclaw-win h2{color:var(--red)}.mobile-note{display:none;position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:8px;line-height:1.6;color:#cdd6ba;z-index:5}dialog{background:#171f1a;border:1px solid #7b8b63;color:var(--text);padding:30px;max-width:650px;width:calc(100% - 32px);box-shadow:8px 8px 0 #070d08;max-height:90vh}dialog::backdrop{background:#070e0ad9;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}dialog h2{font-family:var(--pixel);font-size:23px;font-weight:400;color:var(--green);margin:26px 0 20px}dialog>p{font-size:12px;line-height:1.8;color:#a4b099}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px;margin:25px 0}.help-grid h3{font-size:10px;letter-spacing:.6px;color:var(--orange);font-weight:400}.help-grid p{color:#9ba891;font-size:11px;line-height:1.7}.help-controls{padding:12px 17px;background:#0e1711;border:1px solid #384830;margin:20px 0}.help-controls p{font-size:9px;color:#a6b497;line-height:1.8}.help-controls b{color:var(--green);padding-right:6px}dialog .start-button{font-size:9px}.credits{font-size:8px!important;margin-top:24px!important;color:#677b60!important}.credits a{text-decoration:underline;color:#8b9c7b}.arcade:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#0c1410;max-width:none;border:0;box-shadow:none}.arcade:fullscreen .screen{max-height:calc(100vh - 150px);width:100%;aspect-ratio:auto;flex:1}.arcade:fullscreen canvas{object-fit:contain}.arcade:fullscreen .cabinet-top,.arcade:fullscreen .cabinet-bottom{flex-shrink:0}.roster-locked .fighter-card{cursor:default}.roster-locked .fighter-card:not(.selected){opacity:.55}.roster-locked .stage-picker{opacity:.45}.fighter-card.knocked-out{opacity:.3!important}.fighter-card.knocked-out .portrait-wrap{filter:grayscale(1)}
@media(min-width:1500px){.site-header,main{max-width:1390px}.hero{padding-top:38px;padding-bottom:34px}.portrait-wrap{height:83px}.portrait-wrap canvas{height:104px;width:104px}.fighter-info{padding:12px}.controls-strip{padding-top:26px}.fighter-info strong{font-size:8px}.screen{aspect-ratio:960/340}}
@media(max-width:1050px){h1{font-size:32px}.title-star{display:none}.roster-heading h2>span{display:none}.controls-player{gap:12px}.attacks{gap:9px}.controls-strip{gap:40px}.team-roster-title b{display:none}.fighter-info{padding:9px 7px}.fighter-info strong{font-size:6px}.fighter-info>span{font-size:6px}.hero-aside p{font-size:10px}.feature-pills>span{font-size:6px}.hud{padding-left:18px;padding-right:18px}.lobby-overlay{transform:translate(-50%,-50%) scale(.92)}}
@media(max-width:800px){.site-header{height:70px;padding:0 18px}main{padding:0 18px}nav{gap:12px}.local-indicator,.nav-divider{display:none}.hero{padding:28px 0 23px;gap:16px;align-items:flex-end}.hero-aside p{display:none}.hero-aside{padding-bottom:2px}.feature-pills{flex-direction:column;gap:3px}.feature-pills>span{padding:3px 5px;text-align:center;font-size:5px}.eyebrow{font-size:7px;letter-spacing:1px}.eyebrow b{font-size:6px}h1{font-size:clamp(18px,4.3vw,30px);margin-top:15px;letter-spacing:-1.1px}.screen{aspect-ratio:960/430}.hud{gap:13px;padding:12px 12px 9px}.player-hud{width:calc(50% - 41px)}.timer-box{width:56px;gap:5px}.timer-box strong{font-size:19px}.team-name{font-size:8px}.fighter-name{font-size:7px;letter-spacing:.3px}.hud-name{gap:6px}.player-label{font-size:6px}.health-track{height:11px}.energy-track>span{display:none}.energy-track>div{width:38px}.reserve-pip{width:16px;height:4px}.cabinet-version{display:none}.screen-corner{font-size:5px;top:10px}.top-left{left:12px}.top-right{right:12px}.lobby-overlay{transform:translate(-50%,-50%) scale(.78)}.tip{font-size:7px}.cabinet-actions{gap:12px}.roster-section{padding-top:29px}.teams{grid-template-columns:1fr 25px 1fr;gap:7px}.fighter-cards{gap:5px}.portrait-wrap{height:58px}.portrait-wrap canvas{width:78px;height:78px}.fighter-info strong{font-size:5px}.fighter-info>span{font-size:5px}.fighter-info{padding:8px 5px}.fighter-stats{display:none}.fighter-number{font-size:5px;left:5px}.lead-badge{font-size:5px}.controls-strip{gap:25px;padding-top:21px}.controls-player{gap:10px;flex-wrap:wrap}.control-player-label{min-width:45px;font-size:10px}.attacks{margin-left:0;gap:12px}.control-description{font-size:5px}.key-cluster kbd,.attacks kbd{width:18px;height:16px}.p2-controls .control-player-label{min-width:45px}footer{font-size:5px;letter-spacing:.5px}.result-card h2,.pause-card h2{font-size:23px}.battle-announcement{font-size:30px}}
@media(max-width:550px){.brand{font-size:9px;letter-spacing:1px;gap:7px}.brand svg{width:23px;height:23px}.brand-sub{font-size:5px;letter-spacing:1.1px}nav{gap:9px}nav .text-button{font-size:7px}nav .button-key{display:none}nav .icon-button{width:25px;height:25px}#fullscreen-button{display:none}.site-header{padding:0 14px}main{padding:0 12px}.hero{padding:24px 0 21px}.hero .eyebrow{font-size:5px;letter-spacing:.8px}.hero .eyebrow>span{width:12px}.hero .eyebrow b{font-size:5px;padding-left:8px;margin-left:2px}h1{font-size:clamp(16px,4.6vw,24px);letter-spacing:-1px}.feature-pills>span:last-child{display:none}.hero-aside{padding-bottom:1px}.cabinet-top{font-size:6px;height:29px;padding:0 10px;letter-spacing:.3px}.stage-label{gap:6px;font-size:5px}.status-light{margin-right:5px}.hud{padding:9px 8px 8px;gap:8px}.timer-box{width:43px}.player-hud{width:calc(50% - 29px)}.team-name{font-size:6px}.fighter-name{display:none}.p2 .hud-name{justify-content:flex-end}.timer-box strong{font-size:15px}.timer-box>span{font-size:5px}.timer-box small{font-size:4px}.hud-name{margin-bottom:4px;height:20px}.health-track{height:9px}.hud-bottom{gap:5px}.reserve-pip{width:13px;height:4px}.reserve-pip.active{outline-offset:1px}.energy-track>div{width:22px}.energy-track b{font-size:4px;min-width:18px}.energy-track{gap:3px}.screen{aspect-ratio:960/600}.screen-corner{font-size:4px;letter-spacing:.7px}.lobby-overlay{transform:translate(-50%,-53%) scale(.65)}.mobile-note{display:block;font-size:6px;bottom:8px}.top-right{display:none}.cabinet-bottom{padding:0 9px;min-height:33px}.tip{font-size:6px;max-width:65%;line-height:1.6}.tip>i{display:none}.cabinet-actions .text-button{font-size:6px}.cabinet-actions kbd{display:none}.cabinet-actions{gap:10px}.roster-heading h2{font-size:8px;letter-spacing:.7px}.stage-picker>span{font-size:6px;margin-right:2px}.stage-option{width:23px;height:20px}.roster-heading{margin-bottom:13px}.teams{display:block}.roster-vs{font-size:7px;margin:13px 0}.team-roster-title{font-size:6px}.team-roster-title b{display:block;font-size:5px}.fighter-cards{gap:7px}.portrait-wrap{height:68px}.portrait-wrap canvas{height:91px;width:91px}.fighter-info{padding:9px 8px}.fighter-info strong{font-size:6px;margin-bottom:6px}.fighter-info>span{font-size:6px}.fighter-number,.lead-badge{font-size:5px}.fighter-stats{display:flex;margin-top:8px}.fighter-stats>span{font-size:5px}.stat-blocks i{width:7px;height:3px}.controls-strip{gap:15px;padding-bottom:18px}.controls-player{gap:10px;justify-content:flex-start}.control-player-label{min-width:35px;font-size:9px}.control-player-label>span{font-size:5px}.control-group{gap:6px}.control-description{font-size:4px}.key-cluster kbd,.attacks kbd{width:16px;height:15px;font-size:8px}.attacks{gap:13px}.attacks>div>span{font-size:5px}.p2-controls .control-player-label{min-width:35px}footer{font-size:4px;line-height:1.7;padding:16px 0}.help-grid{grid-template-columns:1fr;gap:0;margin:20px 0}dialog{padding:22px}dialog h2{font-size:18px}.help-controls{padding:10px}.help-controls p{font-size:8px}.result-actions{gap:13px;flex-direction:column}.result-card h2{font-size:18px}.result-card p{font-size:8px;margin-bottom:15px}.result-card .eyebrow{font-size:6px}.result-actions .start-button{padding:12px;font-size:8px}.result-actions .secondary-button{padding:10px;font-size:7px;min-height:35px}.pause-card h2{font-size:23px}.pause-card .eyebrow{font-size:7px}.pause-card p{font-size:9px}.pause-card .start-button{padding:12px;font-size:8px}.battle-announcement.small{font-size:13px}.battle-announcement{font-size:25px}}
.hermes .fighter-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.fighter-avatar{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}.fighter-avatar.teknium{object-position:center 42%;filter:saturate(.8)}.fighter-avatar.rocker{object-position:center 12%;image-rendering:pixelated}.bonus .lead-badge{display:block;color:var(--orange)}.bonus.selected .lead-badge{color:var(--green)}.fighter-card.bonus .portrait-wrap{background-color:#262125}.fighter-number,.lead-badge{z-index:1;text-shadow:0 1px 2px #0b1913,1px 0 2px #0b1913}.fighter-info strong{font-size:7px}.hermes .fighter-stats>span{font-size:5px}.hermes .stat-blocks i{width:7px}.hp-readout{display:flex;align-items:center;gap:8px;margin:0 auto 0 12px;white-space:nowrap}.hp-readout b{font-size:9px;font-weight:400;letter-spacing:.4px;color:#bfccb0}.hp-readout span{font-family:var(--pixel);font-size:8px;color:#ffae88}.p2 .hp-readout{flex-direction:row-reverse;margin:0 12px 0 auto}.controls-strip{padding:27px 0 26px}.control-player-label{font-size:8px;min-width:86px;line-height:1.5}.control-player-label>span{font-size:7px;letter-spacing:.7px}.key-cluster kbd,.attacks kbd{width:24px;height:23px;font-size:12px}.control-description{font-size:8px;line-height:1.9}.attacks>div>span{font-size:7px}.controls-player{gap:16px}.attacks{gap:14px}.controls-strip{gap:42px}.control-group{gap:12px}.p2-controls .control-player-label{min-width:86px}
@media(max-width:1100px){.control-player-label,.p2-controls .control-player-label{min-width:70px;font-size:7px}.controls-player{gap:10px}.control-description{font-size:6px}.key-cluster kbd,.attacks kbd{width:21px;height:20px;font-size:10px}.attacks{gap:9px}.control-group{gap:8px}.attacks>div>span{font-size:6px}.hp-readout{margin-left:8px}.p2 .hp-readout{margin-right:8px}.hp-readout b{font-size:7px}.hp-readout span{font-size:6px}.fighter-info strong{font-size:6px}.hermes .fighter-info>span{font-size:5px}}
@media(max-width:800px){.controls-strip{gap:26px}.controls-player{gap:12px}.control-player-label,.p2-controls .control-player-label{min-width:65px;font-size:7px}.control-description{font-size:6px}.attacks{gap:19px}.control-player-label>span{font-size:6px}.fighter-info strong{font-size:5px}.hermes .fighter-info strong{font-size:4px}.hermes .fighter-info>span{font-size:4px}.hp-readout{margin:0 0 0 4px;gap:3px}.p2 .hp-readout{margin:0 4px 0 0}.hp-readout b{font-size:6px}.hp-readout span{font-size:5px}.energy-track b{display:none}}
@media(max-width:550px){.controls-strip{gap:15px}.controls-player{gap:13px}.control-player-label,.p2-controls .control-player-label{min-width:100%;font-size:8px}.control-player-label>span{display:inline;margin-left:9px;font-size:5px}.control-description{font-size:5px}.key-cluster kbd,.attacks kbd{width:21px;height:20px;font-size:10px}.attacks{gap:11px}.attacks>div>span{font-size:5px}.hermes .fighter-info strong{font-size:5px}.hermes .fighter-info>span{font-size:4px}.hermes .fighter-info{padding-left:5px;padding-right:5px}.hermes .fighter-stats{display:none}.hermes .portrait-wrap{height:65px}.hermes .portrait-wrap canvas{height:88px;width:88px}.hermes .lead-badge{font-size:4px;right:3px}.hp-readout b{font-size:5px}.hp-readout span{font-size:4px}.hp-readout{gap:3px}.reserve-pip{width:10px}.energy-track{display:none}}
.difficulty-picker{display:flex;justify-content:center;align-items:center;gap:5px;margin:0 0 16px}.difficulty-picker>span{font-size:6px;color:#a1b394;letter-spacing:1px;margin-right:7px}.difficulty-option{font-size:7px;color:#a7b598;background:#14251c;border:1px solid #59634b;padding:6px 10px}.difficulty-option.active{color:#202716;background:var(--green);border-color:var(--green)}.difficulty-option:hover{border-color:var(--orange)}.quick-fight-button{display:block;margin:15px auto 0;font-size:7px;color:#bcc9ae}.lobby-overlay{padding-top:10px;padding-bottom:10px}.lobby-overlay h2{margin-top:15px;margin-bottom:10px;font-size:23px}.lobby-overlay>p{margin-bottom:14px}.lobby-note{margin-top:13px}.cpu-info{display:flex;align-items:center;gap:14px;min-width:0}.cpu-chip{font-family:var(--pixel);font-size:10px;color:var(--red);border:1px solid #7b5048;padding:11px 9px}.cpu-info strong{font-size:10px;color:#b8c0aa;letter-spacing:.6px;font-weight:400}.cpu-info p{font-size:8px;color:#86977b;line-height:1.8;margin:7px 0 4px}.cpu-info p b{font-size:7px;color:var(--red);letter-spacing:1px;margin-right:6px}.cpu-info small{font-size:7px;color:#5f745a;line-height:1.7}.fighter-avatar.teknium,.fighter-avatar.muse{object-fit:contain;object-position:center;background:#e5e9de;filter:none}.fighter-avatar.muse{background:#fff}.fighter-card.bonus .portrait-wrap{background:#fff}.story-overlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;padding:17px 22px;color:#ecebd9}.story-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.story-top>span{font-family:var(--pixel);font-size:7px;color:#e7ba94;letter-spacing:1px;text-shadow:2px 2px #1a1324}.story-top .text-button{font-size:7px;color:#dccdbd}.story-title{margin-top:20px;text-shadow:3px 3px 0 #201b2c;max-width:85%}.story-title small{font-size:8px;letter-spacing:2px;color:#bcacca}.story-title h2{font-family:var(--pixel);font-size:clamp(13px,2vw,27px);font-weight:400;line-height:1.5;margin:12px 0}.story-dialogue{display:flex;align-items:center;gap:14px;margin-top:auto;padding:15px;background:#101722ed;border:1px solid #817595;box-shadow:4px 4px 0 #13131d;min-height:111px}.story-dialogue canvas{width:62px;height:70px;image-rendering:pixelated;background:#23312e;border:1px solid #5b6b63;flex-shrink:0}.story-copy{flex:1;min-width:0}.story-copy>b{font-family:var(--pixel);font-size:8px;color:var(--green);font-weight:400}.story-copy p{font-size:13px;line-height:1.7;margin:9px 0 7px;min-height:43px;color:#e2e2d2}.story-copy>span{font-size:6px;letter-spacing:1px;color:#8d8da5}.story-next{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 11px;font-family:var(--pixel);font-size:7px;background:#b7d99b;border:1px solid #deefbf;color:#1a2c20;flex-shrink:0}.story-next kbd{font-size:6px;opacity:.65}.story-next:hover{background:#d7ecbf}.arcade.is-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;z-index:100;background:#0a1210;display:flex;flex-direction:column;border:0;box-shadow:none;margin:0;justify-content:center}.arcade.is-expanded .screen{flex:1;min-height:0;aspect-ratio:auto;width:100%}.arcade.is-expanded #game-canvas{object-fit:contain}.arcade.is-expanded .cabinet-top,.arcade.is-expanded .cabinet-bottom,.arcade.is-expanded .hud{flex-shrink:0}.arcade.is-expanded .hud{padding-left:5vw;padding-right:5vw}.arcade.is-expanded .lobby-overlay{transform:translate(-50%,-50%) scale(1.08)}.arcade.is-expanded .story-dialogue{max-width:1000px;width:100%;align-self:center}.arcade.is-expanded .story-title{margin-left:4vw}.arcade.is-expanded .story-title h2{font-size:clamp(20px,3.2vw,45px)}body.game-expanded{overflow:hidden}.arcade.is-expanded .mobile-note{display:none}
@media(max-width:800px){.cpu-info{gap:10px}.cpu-chip{font-size:8px;padding:10px 7px}.cpu-info strong{font-size:8px}.cpu-info p{font-size:7px}.cpu-info small{font-size:6px}.story-overlay{padding:11px 14px}.story-title{margin-top:12px}.story-title h2{font-size:15px}.story-dialogue{padding:10px;gap:10px;min-height:90px}.story-copy p{font-size:10px;line-height:1.6;min-height:32px}.story-dialogue canvas{width:44px;height:55px}.story-copy>b{font-size:6px}.story-next{font-size:6px;padding:8px}.arcade.is-expanded .lobby-overlay{transform:translate(-50%,-50%) scale(.95)}}
@media(max-width:550px){#fullscreen-button{display:inline-grid}nav .text-button{display:none}.controls-strip{grid-template-columns:1fr}.cpu-info{padding-top:9px;border-top:1px solid #303c2a}.cpu-info strong{font-size:8px}.cpu-info p{font-size:7px}.cpu-info small{font-size:6px}.controls-player{flex-wrap:nowrap}.control-player-label{display:none}.attacks{margin-left:auto;gap:12px}.control-group{gap:8px}.lobby-overlay{transform:translate(-50%,-51%) scale(.60)}.story-top>span{font-size:5px}.story-top .text-button{font-size:5px}.story-title{margin-top:12px}.story-title small{font-size:6px;letter-spacing:1px}.story-title h2{font-size:11px;margin-top:7px}.story-dialogue{padding:8px;gap:8px;min-height:80px}.story-dialogue canvas{display:none}.story-copy>b{font-size:5px}.story-copy p{font-size:9px;min-height:29px;margin:7px 0}.story-copy>span{font-size:5px}.story-next{font-size:5px;padding:7px}.story-next kbd{display:none}.cabinet-actions{gap:9px}.cabinet-bottom .tip{max-width:42%}.arcade.is-expanded .lobby-overlay{transform:translate(-50%,-50%) scale(.72)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.scanlines{opacity:.25}}