@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#111215;--panel:#191a1e;--line:#303136;--text:#f0f0ed;--muted:#8b8c94;--red:#f05c49;--cyan:#64d8db;--font:'Noto Sans SC',system-ui,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button,a,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--red)}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;border-bottom:1px solid #292a2e;background:#151619}.brand{display:flex;gap:11px;align-items:center;font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:1px;line-height:1}.brand-mark{display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;background:var(--red);color:#121216;width:43px;height:43px;letter-spacing:-8px;padding-right:8px;font-style:italic}.brand-mark span{transform:translateY(5px);display:block;font-size:25px}.brand-light{color:var(--red);margin-left:4px}.brand small{font:8px var(--font);letter-spacing:2.5px;display:block;color:#96979e;margin-top:7px}.site-header nav{display:flex;align-items:stretch;gap:38px;height:100%}.nav-link{display:flex;align-items:center;gap:9px;font-size:12px;color:#a1a2aa;position:relative;background:none;border:0;padding:0}.nav-link span{font:11px var(--display);color:#62636b}.nav-link.active{color:var(--text)}.nav-link.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--red);width:100%}.nav-link:hover{color:var(--red)}.header-tools{display:flex;align-items:center;gap:17px}.free-play{font:600 11px var(--display);letter-spacing:1.8px;color:#bebfc5;display:flex;gap:8px;align-items:center}.free-play i,.live-dot,.connection i{height:5px;width:5px;background:#9dd9ac;border-radius:50%;box-shadow:0 0 8px #9dd9ac44;display:inline-block}.header-separator{height:20px;width:1px;background:#3a3b40;margin:0 2px}.icon-button{background:none;border:0;width:24px;height:26px;padding:2px;color:#a4a5ad}.icon-button svg,.arena-options svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{color:var(--red)}main{max-width:1536px;margin:0 auto;padding:0 4.1%}.arena-heading{display:flex;justify-content:space-between;align-items:center;padding:33px 0 28px}.eyebrow{display:flex;align-items:center;gap:8px;font:500 10px var(--display);letter-spacing:2.1px;color:#95969f;margin:0 0 11px}.eyebrow>span{width:5px;height:5px;display:inline-block;background:var(--red)}h1{font-size:31px;letter-spacing:1px;margin:0;font-weight:800;line-height:1.4}h1>span{color:var(--red)}h1 b{font:900 italic 38px var(--display);letter-spacing:-1px;color:#45464d;margin-left:17px;display:inline-block;transform:skew(-7deg)}.heading-note{color:#b5b5bc;font-size:11px;line-height:2.1;text-align:right;margin:12px 0 0;letter-spacing:.5px}.heading-note span{font-size:10px;color:#62646d}.arcade-machine{border:1px solid #37383d;box-shadow:0 15px 65px #0003}.arena-toolbar{height:47px;background:#1b1c21;display:flex;align-items:stretch;justify-content:space-between;padding:0 18px}.mode-switch{display:flex;gap:25px}.mode-switch button{position:relative;background:none;border:none;font-size:11px;color:#80818c;padding:0 2px}.mode-switch button small{font:500 10px var(--display);letter-spacing:1px;margin-left:5px;color:#5c5e68}.mode-switch button.selected{color:#f1eee8}.mode-switch button.selected:after{content:'';height:2px;background:var(--red);position:absolute;bottom:0;left:0;right:0}.mode-switch button.selected .tiny-icon{color:var(--red)}.tiny-icon{font-size:17px;margin-right:6px;vertical-align:-1px}.arena-options{display:flex;align-items:center;gap:20px}.connection{font:500 9px var(--display);letter-spacing:1.3px;color:#71757e;display:flex;align-items:center;gap:6px}.connection i{background:#83b890;width:4px;height:4px}.arena-options button{display:flex;align-items:center;gap:5px;background:none;border:0;padding:0;color:#a3a5ae;font-size:10px}.arena-options button:hover{color:var(--red)}.arena-options svg{height:13px;width:13px}.game-screen{position:relative;isolation:isolate;aspect-ratio:1280/650;overflow:hidden;background:#10212c}#game-canvas{position:absolute;inset:0;width:100%;height:100%;outline:0;display:block}.screen-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 15px #050b1560;background:linear-gradient(#08101da6,transparent 25%,transparent 67%,#050910c9)}.scanlines{position:absolute;inset:0;opacity:.11;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,#000 2px,#000 3px);z-index:9}.battle-hud{position:absolute;left:3%;right:3%;top:5%;display:grid;grid-template-columns:1fr 112px 1fr;gap:18px;pointer-events:none}.player-identity{display:flex;align-items:center;gap:10px;margin-bottom:10px}.player-tag{border:1px solid #ffb99a8c;padding:4px 7px;font:800 15px var(--display);color:#ffbd9c;line-height:1}.player-identity strong{display:block;font:700 20px var(--display);letter-spacing:1px;text-shadow:0 2px 8px #000}.player-identity>div>span{font-size:8px;color:#b2b1bb;letter-spacing:1px;margin-top:3px;display:block}.win-markers{margin-left:auto;display:flex;gap:6px}.win-markers i{border:1px solid #e5cabd80;width:9px;height:9px;border-radius:50%;background:#11172060}.win-markers i.won{background:#ffb176;box-shadow:0 0 12px #ff8253}.health-track{height:16px;background:#0b1021b8;position:relative;border:1px solid #aaa7ac55;transform:skew(-13deg);box-shadow:0 2px 12px #0004}.health-fill,.health-damage{position:absolute;top:2px;bottom:2px;left:2px;width:calc(100% - 4px);background:linear-gradient(90deg,#f16b45,#f5c87d);transition:width .12s;box-shadow:0 0 11px #f1945030}.health-fill:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 19.5%,#36231e66 20%)}.health-damage{background:#eee8d8;transition:width .6s .2s}.health-details{display:flex;justify-content:space-between;font:500 8px var(--display);letter-spacing:1.5px;margin-top:6px;color:#9fa4b0}.player-two .player-identity{flex-direction:row-reverse;text-align:right}.player-two .player-tag{color:#9deded;border-color:#9deded8c}.player-two .win-markers{margin-right:auto;margin-left:0;flex-direction:row-reverse}.player-two .health-track{transform:skew(13deg)}.player-two .health-fill,.player-two .health-damage{right:2px;left:auto;background:linear-gradient(90deg,#97e9e1,#48b1c1)}.player-two .health-damage{background:#eee8d8}.player-two .health-details{flex-direction:row-reverse}.player-two .won{background:#94e7e6;box-shadow:0 0 10px #62cedb}.timer-hud{text-align:center;margin-top:-3px;display:flex;flex-direction:column;align-items:center}.timer-hud small{font:600 9px var(--display);letter-spacing:2px;color:#e0c5bb}.timer-hud strong{font:800 italic 54px/.95 var(--display);color:#f6eee6;text-shadow:0 3px #14202b;margin:3px 0 5px}.timer-hud>span{font:400 7px var(--display);color:#878f9f;letter-spacing:3px}.stage-caption{position:absolute;top:24%;left:3%;display:flex;align-items:center;gap:7px;font:500 8px var(--display);letter-spacing:1.8px;opacity:.66;color:#dee2e9;pointer-events:none}.stage-caption .live-dot{width:4px;height:4px;background:#9fd5da}.stage-caption>span:last-child{margin-left:8px;color:#a7b0c0;font:8px var(--font);letter-spacing:1px}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,transparent,#050e1850 30%,#050e1870 50%,transparent);transition:opacity .3s;z-index:5}.game-overlay.hidden{opacity:0;pointer-events:none}.overlay-content{text-align:center;margin-top:26px}.overlay-eyebrow{font:600 10px var(--display);letter-spacing:4px;color:#f4ded6;margin-bottom:12px;text-shadow:0 1px 6px #000}#overlay-title{font:900 italic clamp(36px,4.7vw,72px)/.93 var(--display);letter-spacing:-.5px;margin:0;text-shadow:4px 4px #152130,-1px -1px #f6ebe75e;transform:skew(-5deg)}#overlay-title span{display:block;color:var(--red);font-size:1.35em;margin-top:4px;text-shadow:3px 3px #441f28,-1px -1px #ffc7af88}#overlay-copy{font-size:10px;letter-spacing:1.6px;color:#c6c1c7;margin:18px 0 20px;text-shadow:0 2px 4px #000}.start-button{background:var(--red);border:1px solid #fa8b74;display:inline-flex;gap:13px;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:13px 18px;color:#151519;box-shadow:0 4px 0 #8b302a,0 0 35px #f05c492a;transition:transform .15s,background .15s}.start-button:hover{background:#ff8067;transform:translateY(-2px);box-shadow:0 6px 0 #8b302a,0 0 45px #f05c495a}.start-button:active{transform:translateY(2px);box-shadow:0 2px 0 #8b302a}.start-button svg{height:15px;width:15px;fill:currentColor}.start-button kbd{font:500 9px var(--display);letter-spacing:.7px;padding:2px 4px;border:1px solid #74373066;background:#8a352722;box-shadow:none;min-width:unset;min-height:unset}.overlay-footnote{display:block;font-size:8px;color:#a7a5ad;margin-top:16px;letter-spacing:2px}.round-announcement{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;font:900 italic clamp(42px,6vw,94px) var(--display);color:#f4e7d0;text-shadow:5px 5px #e15b45,-4px -3px #15131d;z-index:4;letter-spacing:-2px}.round-announcement small{font-size:.5em;color:var(--red)}.power-hud{position:absolute;bottom:8%;left:3.2%;width:27%;pointer-events:none}.power-label{display:flex;gap:9px;align-items:center;font:800 italic 13px var(--display);letter-spacing:.7px;margin-bottom:5px;color:#f2c7a9}.power-label strong{font:600 9px var(--display);letter-spacing:1px;color:#f2aa73}.power-track{height:9px;border:1px solid #b1b1b04a;transform:skew(-17deg);padding:1px;background:#060d1ca6}.power-track>div{background:linear-gradient(90deg,#d74e33,#f3ae67);height:100%;width:65%;box-shadow:0 0 10px #ef79463b;transition:width .15s;position:relative}.power-track>div:after{position:absolute;content:'';inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 24%,#141e2a88 24.5%,#141e2a88 25%)}.power-hud small{font-size:7px;color:#b6b1b6;letter-spacing:1.2px;display:block;margin-top:6px}.power-two{left:auto;right:3.2%}.power-two .power-label{justify-content:flex-end;color:#a2dee3}.power-two .power-label strong{color:#82d6df}.power-two .power-track{transform:skew(17deg)}.power-two .power-track>div{margin-left:auto;background:linear-gradient(90deg,#479aa9,#8bebed)}.power-two small{text-align:right}.power-hud.max .power-track>div{animation:power-pulse .7s infinite alternate}.power-hud.max .power-label strong{color:#fff5bb}.screen-bottom{position:absolute;left:3.2%;right:3.2%;bottom:2.8%;display:flex;justify-content:space-between;font:500 7px var(--display);letter-spacing:1.9px;color:#6a7a8f}.screen-bottom i{margin:0 6px;color:var(--red);font-style:normal}.control-strip{min-height:64px;display:flex;align-items:center;gap:23px;padding:12px 20px;background:#1b1c21;border-top:1px solid #36363c}.control-caption{color:#a4a4ac;font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:7px;margin-right:6px}.control-caption i{width:5px;height:5px;background:var(--red)}.key-group{display:flex;align-items:center;gap:7px;white-space:nowrap}.key-group>span{display:flex;gap:3px}kbd{display:inline-flex;justify-content:center;align-items:center;min-width:23px;min-height:23px;border:1px solid #494a51;border-bottom:2px solid #56565f;border-radius:3px;font:600 11px var(--display);color:#d6d6d9;background:#25262d;box-shadow:0 2px 2px #0003}.key-group small{font-size:9px;color:#8a8b94}.control-divider{height:19px;width:1px;background:#36373d}.key-group .special-key{color:#f3a17c;border-color:#765141;background:#342623}.key-group .ultimate-key{color:#ead598;border-color:#7d7046;background:#302d21}.all-controls{margin-left:auto;white-space:nowrap;font-size:9px;border:0;background:none;color:#aaaab3;padding:4px 0}.all-controls span{font-size:15px;margin-left:4px}.all-controls:hover{color:var(--red)}.loadout{display:grid;grid-template-columns:minmax(0,1fr) 29%;gap:30px;padding:27px 0 25px}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:15px}.section-label>span{font:500 11px var(--display);color:var(--red);letter-spacing:1px}.section-label h2{font-size:11px;font-weight:500;margin:0;letter-spacing:1px}.section-label>small{font:400 8px var(--display);color:#62636e;letter-spacing:1.5px;margin-left:1px}.fighter-list{display:flex;gap:10px}.fighter-card{position:relative;background:#1a1b20;border:1px solid #34353d;display:flex;align-items:center;text-align:left;min-width:0;flex:1;padding:0;height:84px;transition:border-color .15s,background .15s}.fighter-card:hover{background:#252329;border-color:#926052}.fighter-card.selected{border-color:var(--red);background:linear-gradient(100deg,#372723,#241e1e)}.fighter-card.selected:after{content:'';position:absolute;top:-1px;right:-1px;border-style:solid;border-width:0 21px 21px 0;border-color:transparent var(--red) transparent transparent}.fighter-portrait{align-self:stretch;position:relative;width:72px;flex-shrink:0;overflow:hidden;background:linear-gradient(140deg,#5b372b,#251c21)}.fighter-portrait canvas{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.portrait-iori{background:linear-gradient(140deg,#3e304b,#201c2a)}.portrait-ryo{background:linear-gradient(140deg,#3e443b,#24271f)}.fighter-info{padding:9px 10px;min-width:0}.fighter-info>strong{font-size:13px;letter-spacing:1px;display:block}.fighter-info>small{font:500 8px var(--display);letter-spacing:.8px;color:#83838c;display:block;white-space:nowrap;margin-top:3px}.fighter-info>span{display:block;color:#aaa0a0;font-size:8px;letter-spacing:.5px;margin-top:9px}.fighter-info>span i{font-style:normal;font-size:6px;color:#dd8865;margin-left:3px}.selection-check{display:none;position:absolute;top:0;right:2px;font-size:9px;font-weight:bold;color:#221c1a;z-index:1}.selected .selection-check{display:block}.battle-settings{padding-left:28px;border-left:1px solid #2a2b31}.setting-fields{display:flex;gap:10px}.setting-fields label{color:#777b85;font-size:9px;flex:1;min-width:0}.setting-fields label:first-child{flex:1.5}.setting-fields select{display:block;border:1px solid #3a3b42;border-radius:0;background:#1b1c21;color:#b7b6bd;height:35px;padding:0 9px;margin-top:6px;width:100%;font-size:10px;cursor:pointer}.setting-fields select:hover{border-color:#8a645a}.battle-settings>p{font-size:8px;letter-spacing:.4px;color:#777982;margin:11px 0 0}.battle-settings>p span{color:var(--red);margin-right:4px}.site-footer{display:flex;justify-content:space-between;padding:17px 0 23px;border-top:1px solid #2b2c31;font-size:8px;color:#6d6e79;letter-spacing:1px}.site-footer>span:first-child{display:flex;align-items:center;gap:7px}.site-footer i{height:4px;width:4px;background:#65676e}.site-footer>span:last-child{font:500 8px var(--display);letter-spacing:1.5px}.site-footer b{font-weight:400;color:#383a44;margin:0 10px}.touch-controls{display:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#282326;border:1px solid #80564d;color:#f0d7ce;padding:12px 20px;font-size:12px;z-index:25;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#191a1f;color:var(--text);border:1px solid #57515a;max-width:680px;width:90%;padding:37px;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#070a12b8;backdrop-filter:blur(7px)}.close-dialog{position:absolute;right:18px;top:12px;border:0;background:none;color:#9799a4;font-size:28px}dialog h2{font-size:28px;margin:15px 0}.dialog-intro{font-size:11px;line-height:1.9;color:#999ba8;max-width:490px}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.help-columns h3{font-size:12px}.help-columns h3 span{color:var(--red);font:700 17px var(--display);margin-right:8px}.help-columns dl{margin:15px 0}.help-columns dl>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #33343d;gap:10px;font-size:10px}.help-columns dt{color:#999aa6}.help-columns dd{margin:0;font:600 12px var(--display);color:#e6beb0;white-space:nowrap}.help-tip{color:#858793;font-size:9px;line-height:2.5;margin:15px 0 25px}.help-tip kbd{font-size:9px;min-height:18px;min-width:24px}.help-dialog .start-button{display:flex}.game-screen:fullscreen{height:100vh;width:100vw;aspect-ratio:auto;background:#101620}body.fullscreen-game .game-screen{aspect-ratio:1280/650}.paused-screen #game-canvas{filter:saturate(.5)}@keyframes power-pulse{to{filter:brightness(1.6);box-shadow:0 0 20px #ffbc6a80}}@media(min-width:1600px){.arena-heading{padding-top:40px;padding-bottom:32px}.game-screen{max-height:640px}.control-strip{gap:30px}.fighter-card{height:92px}.fighter-portrait{width:85px}.loadout{padding-top:30px;padding-bottom:30px}}
@media(max-width:1150px){.site-header nav{gap:23px}.header-tools{gap:13px}.control-strip{gap:15px;padding-left:15px;padding-right:15px}.control-caption{margin-right:0}.control-divider{display:none}.key-group{gap:5px}.loadout{gap:20px;grid-template-columns:minmax(0,1fr) 28%}.battle-settings{padding-left:20px}.fighter-portrait{width:58px}.fighter-info{padding:8px}.fighter-info>strong{font-size:12px}.fighter-info>small{font-size:7px}.section-label>small{font-size:7px}.battle-hud{grid-template-columns:1fr 85px 1fr;gap:14px}.player-identity strong{font-size:17px}.timer-hud strong{font-size:47px}.arena-heading h1{font-size:27px}.arena-heading h1 b{font-size:34px}}
@media(max-width:900px){.site-header{padding:0 3%;height:70px}.site-header nav{gap:20px}.nav-link{font-size:10px}.nav-link span{display:none}.free-play{display:none}main{padding:0 3%}.arena-heading{padding:24px 0}.arena-heading h1{font-size:24px}.arena-heading h1 b{display:none}.heading-note{font-size:9px}.control-strip{gap:12px;flex-wrap:wrap;min-height:61px}.control-caption{display:none}.key-group small{font-size:8px}.all-controls{font-size:8px}.loadout{grid-template-columns:1fr}.battle-settings{padding-left:0;border-left:0;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;border-top:1px solid #2b2c32;padding-top:20px}.battle-settings .section-label{margin-bottom:0}.battle-settings>p{grid-column:2;margin-top:0}.setting-fields{gap:16px}.setting-fields label{display:flex;gap:9px;align-items:center;flex:1!important}.setting-fields select{margin:0}.fighter-portrait{width:76px}.fighter-card{height:83px}.fighter-info>small{font-size:8px}.player-identity strong{font-size:15px}.player-identity>div>span{font-size:7px}.player-tag{font-size:12px;padding:3px 5px}.player-identity{gap:7px;margin-bottom:7px}.health-track{height:12px}.health-details{font-size:7px}.timer-hud strong{font-size:37px}.timer-hud small{font-size:7px}.timer-hud>span{font-size:6px}.stage-caption{font-size:6px}.stage-caption>span:last-child{font-size:6px}.overlay-eyebrow{font-size:8px;letter-spacing:3px}.overlay-content{margin-top:13px}#overlay-copy{font-size:8px;margin:13px 0 14px}.start-button{padding:10px 15px;font-size:10px}.overlay-footnote{font-size:7px;margin-top:12px}.power-label{font-size:11px}.power-track{height:7px}.power-hud small{font-size:6px}.screen-bottom{font-size:6px}.power-hud{bottom:9%}}
@media(max-width:640px){.site-header{height:64px}.brand{font-size:22px;gap:8px}.brand-mark{width:35px;height:35px;font-size:29px}.brand-mark span{font-size:23px}.brand small{font-size:6px;letter-spacing:1.9px}.site-header nav{gap:14px}.site-header nav .nav-link:nth-child(2){display:none}.header-tools{gap:10px}.header-separator{display:none}.icon-button{width:20px}.icon-button svg{width:18px}.arena-heading{padding:22px 0 21px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.arena-heading h1{font-size:23px;letter-spacing:0}.heading-note{display:none}.arena-toolbar{height:41px;padding:0 11px}.mode-switch{gap:18px}.mode-switch button{font-size:9px}.mode-switch small{display:none}.tiny-icon{font-size:14px;margin-right:4px}.arena-options{gap:12px}.arena-options .connection{display:none}.arena-options button{font-size:9px}.arena-options svg{height:12px;width:12px}.game-screen{aspect-ratio:1.47}.game-screen #game-canvas{object-fit:cover}.battle-hud{top:5%;grid-template-columns:1fr 46px 1fr;gap:7px;left:4%;right:4%}.player-identity strong{font-size:12px;letter-spacing:.5px}.player-identity{gap:4px}.player-identity>div>span{font-size:5px;letter-spacing:0}.player-tag{font-size:9px;padding:3px}.win-markers{gap:3px}.win-markers i{height:5px;width:5px}.timer-hud strong{font-size:31px}.timer-hud small{font-size:5px;letter-spacing:1px}.health-details{font-size:5px;letter-spacing:.5px}.health-track{height:10px}.health-fill,.health-damage{top:1px;bottom:1px;left:1px}.player-two .health-fill,.player-two .health-damage{right:1px}.stage-caption{top:22%;font-size:5px;letter-spacing:.5px;left:4%}.stage-caption>span:last-child{display:none}#overlay-title{font-size:36px}.overlay-eyebrow{font-size:6px;letter-spacing:2px}#overlay-copy{font-size:7px;letter-spacing:1px;margin:12px 0}.overlay-content{margin-top:20px}.start-button{font-size:10px;padding:9px 14px}.start-button kbd{font-size:7px}.overlay-footnote{font-size:6px}.power-hud{width:32%;bottom:10%;left:4%}.power-two{left:auto;right:4%}.power-label{font-size:9px;gap:6px;margin-bottom:4px}.power-label strong{font-size:7px}.power-hud small{font-size:5px;letter-spacing:.5px}.screen-bottom{font-size:5px;letter-spacing:.9px;bottom:4%;left:4%;right:4%}.control-strip{padding:10px 10px;gap:8px 12px;justify-content:space-between}.key-group kbd{min-width:19px;min-height:20px;font-size:9px}.key-group small{font-size:7px}.key-group:nth-last-of-type(1){display:none}.all-controls{font-size:7px;margin-left:0}.control-strip .key-group:nth-of-type(2){display:none}.loadout{padding-top:23px;padding-bottom:18px;gap:18px}.section-label{gap:7px;margin-bottom:12px}.section-label h2{font-size:10px}.section-label>small{font-size:6px;letter-spacing:1px}.fighter-list{gap:7px}.fighter-card{height:100px;flex-direction:column;align-items:flex-start;overflow:hidden}.fighter-portrait{height:100%;width:60%;position:absolute;right:0;opacity:.6}.fighter-portrait canvas{width:100%;height:100%;object-fit:cover}.fighter-info{padding:12px 8px;z-index:1;position:relative;text-shadow:0 1px 8px #111}.fighter-info>strong{font-size:12px}.fighter-info>small{font-size:6px;letter-spacing:.4px}.fighter-info>span{font-size:7px;margin-top:20px}.battle-settings{grid-template-columns:1fr;gap:0;padding-top:16px}.battle-settings .section-label{margin-bottom:12px}.battle-settings>p{grid-column:1;margin-top:10px;font-size:7px}.setting-fields label{font-size:8px}.setting-fields select{font-size:9px;height:32px}.setting-fields{gap:12px}.touch-controls{display:flex;justify-content:space-between;gap:12px;padding:4px 0 22px;touch-action:none;user-select:none}.touch-move,.touch-attack{display:flex;gap:5px}.touch-controls button{height:39px;min-width:36px;flex:1;border:1px solid #46434a;background:#24242a;color:#c5c5d0;border-radius:4px;box-shadow:0 3px #090a0d;font-size:12px;touch-action:none}.touch-attack button{background:#3f2927;border-color:#835046;color:#eeb09d}.touch-attack button:last-child{background:#443921;border-color:#867344;color:#ecd394;min-width:44px;font-size:10px}.touch-controls button.pressed{transform:translateY(2px);background:#6d3730;box-shadow:0 1px #090a0d}.site-footer{font-size:7px;padding-top:14px}.site-footer>span:last-child{font-size:6px;letter-spacing:.5px}.site-footer b{margin:0 5px}dialog{padding:25px}.help-columns{grid-template-columns:1fr;gap:5px;margin-top:18px}dialog h2{font-size:23px}.dialog-intro{font-size:10px}.help-columns dl>div{padding:8px 0}.help-tip{font-size:8px}.close-dialog{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.power-hud.max .power-track>div{animation:none}.start-button,.toast,.game-overlay{transition:none}}
/* Keep both arena boundaries visible on narrow touch screens. */
@media(max-width:640px){.game-screen #game-canvas{object-fit:fill}}
.dodge-status{--dodge-ready:100%;display:inline-flex;align-items:center;gap:6px;color:#9ce7df;font:500 8px var(--display);letter-spacing:1px;margin-top:8px;padding-bottom:4px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#73c9c1 var(--dodge-ready),#36515a var(--dodge-ready)) 1}
.icon-button[hidden],.platform-player[hidden]{display:none}.platform-player{position:fixed;right:12px;bottom:10px;z-index:10;color:#a1bbb9;background:#182629e8;border:1px solid #405451;padding:5px 9px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.dodge-status:before{content:'';height:5px;width:5px;border:1px solid currentColor;transform:rotate(45deg)}.power-two .dodge-status{float:right}.dodge-status[data-state="cooldown"]{color:#829ca7}.dodge-status[data-state="evading"]{color:#c0fff0;text-shadow:0 0 12px #67dfd4}.dodge-status[data-state="recovering"]{color:#bcae90}.dodge-control kbd{font-size:9px;min-width:39px;color:#a9e6df;border-color:#48736e;background:#213332}.dodge-help{font-size:10px;color:#8faaa8;line-height:1.9;padding:13px 15px;background:#1c2a2c;border-left:2px solid #71c9bf;margin:14px 0 0}.dodge-help b{display:block;color:#a7e7dc;font-weight:500;margin-bottom:3px}
@media(max-width:1100px){.control-strip{gap:13px;flex-wrap:wrap}.control-caption{margin-right:0}.dodge-status{font-size:7px;margin-top:6px;letter-spacing:.6px}}
@media(max-width:640px){.dodge-status{font-size:6px;letter-spacing:.3px;gap:4px;margin-top:5px;padding-bottom:2px}.dodge-status:before{width:4px;height:4px}.control-strip .key-group.dodge-control{display:flex}.control-strip .key-group.dodge-control kbd{font-size:7px;min-width:31px}.touch-controls{gap:8px}.touch-move{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:4px;min-width:0}.touch-attack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1.3;gap:4px;min-width:0}.touch-controls button,.touch-attack button:last-child{min-width:0;width:100%}.touch-controls .touch-dodge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#213836;border-color:#4a9991;color:#b4f1e5}.touch-dodge small{font-size:6px;font-weight:400}.touch-controls .touch-dodge.cooling{color:#8ea6a5;border-color:#47605d;background:#263230}.dodge-help{font-size:9px}}