:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark;background:#130e17;color:#faf0f7;--peach:#f5a17b;--muted:#ff4baf;--cyan:#ff4baf;--fighter:#f5a17b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(ellipse at 60% 30%,#26152e,#130e17 75%)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,canvas:focus-visible{outline:3px solid var(--peach);outline-offset:-3px}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}img{object-fit:contain;background:transparent;border:0;padding:0;border-radius:0;filter:none}
.shell{height:100svh;height:100dvh;max-width:1300px;margin:auto;padding:0 max(18px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:72px;flex-shrink:0;padding-top:env(safe-area-inset-top)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:39px;height:46px}.overline{display:block;font-size:7px;letter-spacing:2px;color:#ff4baf}h1{font-size:23px;font-style:italic;letter-spacing:-.7px;margin:5px 0 0}h1>span{color:var(--peach)}.header-actions{display:flex;align-items:center;gap:10px}.arcade-label{font-size:8px;letter-spacing:1.5px;color:#c59eca;margin-right:18px}.quiet{border:0;background:none;color:var(--muted);font-size:10px;min-height:44px;padding:0 7px}.pause{border:1px solid #c59eca77;background:#26152e;border-radius:7px;min-height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:11px}.pause svg{width:15px;height:15px}
.play-area{position:relative;flex:1;min-height:0;display:grid;place-items:center;margin:0 0 10px;isolation:isolate}.stage{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #c59eca45;background:#26152e;border-radius:10px;overflow:hidden;box-shadow:0 20px 70px #130e174f}#game{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.fight-hud{position:absolute;top:15px;left:24px;right:24px;display:grid;grid-template-columns:1fr 64px 1fr;gap:22px;pointer-events:none}.fighter-name{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-style:italic;letter-spacing:1px;margin-bottom:6px}.fighter-name small{font-size:7px;color:#ff4baf;font-style:normal;letter-spacing:.5px;margin-left:5px}.fighter-name>span{display:flex;gap:5px}.fighter-name>span i{height:8px;width:8px;border:1px solid #ff4baf;transform:skew(-12deg)}.fighter-name>span i.won{background:var(--peach);border-color:var(--peach)}.health-track{height:15px;transform:skew(-10deg);background:#26152ed9;border:1px solid #ff4baf60;overflow:hidden}.health-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#eab287,#f5d8ad);transition:width .08s}.rival .health-track i{margin-left:auto;background:linear-gradient(90deg,#ff4baf,#ff4baf)}.sub-bars{display:flex;align-items:center;gap:8px;margin-top:6px}.sub-bars>div{width:42%;height:4px;background:#694070}.sub-bars>div i{display:block;width:45%;height:100%;background:#ff4baf}.sub-bars>span{font-size:6px;letter-spacing:.5px;color:#ff4baf;white-space:nowrap}.sub-bars .guard-track{width:15%;margin-left:auto;background:#694070}.sub-bars .guard-track i{width:100%;background:#ff4baf}.rival .sub-bars{justify-content:flex-end}.clock{text-align:center;line-height:1}.clock strong{font-size:34px;color:#f8d8ae;font-style:italic;font-variant-numeric:tabular-nums}.clock>span{display:block;font-size:6px;color:#ff4baf;letter-spacing:1.1px;margin-top:6px}.fight-toast{position:absolute;top:24%;left:8%;right:8%;text-align:center;font-size:clamp(10px,1.6vw,18px);font-weight:700;font-style:italic;letter-spacing:1px;color:#ffe0b7;pointer-events:none;opacity:0;text-shadow:0 2px 5px #130e17}.fight-toast.visible{opacity:1}.arena-label{position:absolute;bottom:10px;left:15px;font-size:7px;letter-spacing:1.6px;color:#ff4baf;pointer-events:none}
.overlay,.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#130e17ee;border:1px solid #c59eca30;border-radius:10px;z-index:3;overflow:auto;overscroll-behavior:contain}.menu{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;width:min(100%,1000px);height:100%;padding:24px 40px;min-height:0}.menu-brand{display:flex;align-items:center;gap:13px}.menu-brand img{width:30px;height:35px}.menu-brand .overline{font-size:7px;color:#ff4baf}.select-copy{max-width:490px;min-width:0}h2{font-size:clamp(40px,5vw,66px);font-style:italic;line-height:.95;letter-spacing:-2.5px;margin:12px 0}h2 em{font-style:italic;color:var(--peach)}.select-copy>p{font-size:11px;color:#ff4baf;line-height:1.7;margin:0 0 12px}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;border:0;padding:0;margin:14px 0}.roster legend,.difficulty legend{font-size:6px;letter-spacing:1.8px;color:#ff4baf;padding:0 0 8px}.fighter-choice{border:1px solid #c59eca4d;background:#26152e77;border-radius:5px;overflow:hidden;padding:0 0 8px;min-width:0;position:relative}.fighter-choice canvas{display:block;width:100%;height:72px;object-fit:cover;pointer-events:none}.fighter-choice b{display:block;font-size:13px;font-style:italic}.fighter-choice>span{display:block;font-size:7px;color:#ff4baf;margin-top:3px}.fighter-choice[aria-pressed=true]{border-color:var(--fighter);background:#ff4baf1a;box-shadow:inset 0 -3px var(--fighter)}.fighter-choice:active{background:#694070}.selected-info{display:block;margin:10px 0;border-left:2px solid var(--fighter);padding-left:11px}.selected-info>div{display:flex;align-items:center;gap:12px}.selected-info strong{font-size:16px;font-style:italic;color:var(--fighter)}.selected-info span{font-size:9px;color:#ff4baf}.selected-info p{font-size:9px;line-height:1.5;color:#ff4baf;margin:5px 0}.selected-info small{font-size:6px;letter-spacing:1.2px;color:#c59eca}.difficulty{border:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.difficulty button{border:1px solid #c59eca59;border-radius:5px;background:#26152e;min-height:39px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.difficulty button span{font-size:9px;color:#ff4baf}.difficulty button[aria-pressed=true]{border-color:#f1ad8b;background:#59453e}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;padding:12px 16px;border:0;border-radius:5px;background:#f1ac89;color:#26152e;font-size:12px;font-weight:700}.primary:hover{background:#ffd1ad}.primary svg{height:18px;width:18px}.menu-actions{display:flex;gap:8px}.secondary{background:none;border:1px solid #c59eca5e;border-radius:5px;min-height:37px;width:100%;font-size:9px;margin-top:8px}.select-copy>.menu-tip{font-size:8px;line-height:1.7;color:#ff4baf;margin:11px 0 0}.author{display:block;font-size:7px;color:#c59eca;margin-top:10px}.select-art{display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0;background:radial-gradient(ellipse at center,#c59eca2c,transparent 70%)}.select-art>span{font-size:7px;letter-spacing:2.3px;color:var(--fighter)}.select-art>canvas{width:100%;max-width:330px;aspect-ratio:320/300}.select-art>p{max-width:250px;font-size:11px;line-height:1.7;color:#ff4baf;margin:0 0 19px}.select-art>small{font-size:8px;line-height:1.7;color:#ff4baf;max-width:250px}.stats{display:flex;gap:18px;margin-bottom:20px}.stats>span{font-size:6px;letter-spacing:1px;color:#ff4baf}.stats i{display:block;margin-top:6px;height:3px;width:55px;background:linear-gradient(90deg,var(--fighter) var(--stat,60%),#c59eca var(--stat,60%))}.results{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.results>div{border-top:1px solid #c59eca60;padding-top:13px}.results span{display:block;font-size:7px;letter-spacing:1.3px;color:#ff4baf}.results strong{display:block;font-size:29px;color:var(--peach);margin-top:7px;font-style:italic}
.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:0 0 8px}.movement{display:grid;grid-template-columns:50px 56px 50px;align-items:center;gap:7px}.direction{touch-action:none;width:100%;height:58px;border:1px solid #c59eca66;background:#694070;border-radius:7px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.direction.jump{height:66px;flex-direction:column;gap:3px}.direction.jump>span{font-size:7px;letter-spacing:1px}.direction svg{height:20px;width:20px}.keyboard-note{font-size:8px;line-height:1.8;color:#c59eca;margin:0;text-align:center}.attacks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action{touch-action:none;min-width:85px;min-height:61px;border:1px solid #ff4baf5e;background:#694070;border-radius:7px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.action b,.action small{position:relative;z-index:1}.action b{font-size:10px;letter-spacing:1px}.action small{font-size:6px;color:#ff4baf;white-space:nowrap}.punch{background:#694070;border-color:#ad807c77}.kick{background:#694070;border-color:#ff4baf88}.special{background:#694070;border-color:#c59eca77}.special:before{content:'';position:absolute;inset:0;right:auto;width:var(--charge,100%);background:#ff4baf20}.special.ready{border-color:#ff4baf;color:#faf0f7}.guard{background:#694070}.held{filter:brightness(1.35);transform:translateY(1px)}footer{display:flex;justify-content:space-between;gap:12px;font-size:6px;color:#c59eca;padding:4px 2px 5px;flex-shrink:0}.loading{flex-direction:column;gap:22px;z-index:5;background:#130e17}.loading img{width:128px;height:148px}.loading>span{font-size:11px;letter-spacing:.8px;color:#ff4baf}.loading>i{height:2px;width:110px;background:linear-gradient(90deg,#ff4baf 72%,#694070 72%)}.loading>small{position:absolute;bottom:24px;font-size:8px;color:#c59eca}.no-script{position:fixed;inset:20%;background:#26152e;padding:20px;color:#faf0f7;z-index:10}
@media(max-width:700px){.shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.header{min-height:61px}.brand img{width:31px;height:38px}.brand .overline{font-size:6px;letter-spacing:1.3px}h1{font-size:20px}.arcade-label{display:none}.header-actions{gap:2px}.quiet{font-size:9px}.pause{width:40px;min-height:40px;padding:0}.pause span{display:none}.play-area{margin-bottom:9px}.fight-hud{top:8px;left:12px;right:12px;gap:10px;grid-template-columns:1fr 35px 1fr}.fighter-name{font-size:9px;letter-spacing:.6px;margin-bottom:4px}.fighter-name small{font-size:5px;margin-left:2px}.fighter-name>span{gap:3px}.fighter-name>span i{width:5px;height:5px}.health-track{height:9px}.sub-bars{gap:4px;margin-top:5px}.sub-bars>span{font-size:4px;letter-spacing:.2px}.sub-bars>div{height:3px}.clock strong{font-size:24px}.clock>span{font-size:4px;letter-spacing:.4px;margin-top:4px}.arena-label{font-size:5px;letter-spacing:.8px;left:9px;bottom:6px}.menu{grid-template-columns:1fr;max-width:430px;padding:17px 24px;gap:0}.select-art{display:none}.menu-brand img{width:27px;height:32px}.menu-brand .overline{font-size:6px}h2{font-size:46px;margin:10px 0;letter-spacing:-2px}.select-copy>p{font-size:10px;margin-bottom:9px}.roster{gap:5px;margin:10px 0}.fighter-choice canvas{height:68px}.fighter-choice b{font-size:12px}.fighter-choice>span{font-size:6px}.selected-info{margin:10px 0}.selected-info strong{font-size:15px}.selected-info span{font-size:8px}.selected-info p{font-size:8px}.difficulty{margin:10px 0}.difficulty button{min-height:41px}.controls{gap:8px;flex-wrap:wrap}.movement{grid-template-columns:49px 55px 49px;gap:7px}.direction{height:52px}.direction.jump{height:59px}.attacks{gap:6px;flex:1;max-width:360px}.action{min-width:0;min-height:54px;padding:7px 5px}.action b{font-size:8px;letter-spacing:.6px}.action small{font-size:5px}.keyboard-note{display:none}.author{font-size:7px}.select-copy>.menu-tip{font-size:7px}.menu-tip br{display:none}footer{font-size:5px}.results strong{font-size:25px}}
@media(max-width:470px){.controls{display:grid;grid-template-columns:1fr 1.15fr;gap:9px;padding-bottom:6px}.movement{grid-template-columns:1fr 1.1fr 1fr;gap:5px}.attacks{display:grid;grid-template-columns:1fr 1fr;gap:5px}.action{min-height:45px}.action small{font-size:5px}.action b{font-size:8px}.direction{height:55px}.direction.jump{height:68px}.roster legend,.difficulty legend{font-size:6px}.fighter-choice canvas{height:61px}.menu{padding-left:20px;padding-right:20px}}
@media(max-height:710px) and (orientation:portrait){.header{min-height:54px}.menu{padding-top:11px;padding-bottom:11px}h2{font-size:37px;margin:8px 0}.menu-brand img{width:22px;height:26px}.select-copy>p{font-size:9px}.roster{margin:8px 0}.fighter-choice canvas{height:49px}.fighter-choice{padding-bottom:6px}.selected-info{margin:7px 0}.selected-info p{font-size:7px}.difficulty{margin:8px 0}.difficulty button{min-height:36px}.primary{min-height:41px;font-size:11px}.select-copy>.menu-tip{font-size:6px;margin-top:8px}.author{font-size:6px;margin-top:7px}.action{min-height:41px}.direction{height:49px}.direction.jump{height:58px}.results{margin:15px 0}}
@media(orientation:landscape) and (max-height:570px){.shell{padding-top:3px}.header{min-height:37px}.brand img{width:24px;height:29px}.brand .overline{font-size:5px}h1{font-size:16px;margin-top:2px}.quiet,.pause{min-height:32px}.arcade-label{font-size:6px}.play-area{margin-bottom:5px}.controls{padding-bottom:3px;gap:10px;flex-wrap:nowrap}.movement{grid-template-columns:40px 46px 40px;gap:5px}.direction{height:39px}.direction.jump{height:44px}.direction.jump span{font-size:5px}.direction svg{width:16px;height:16px}.action{min-width:63px;min-height:43px;padding:5px 8px;gap:4px}.action b{font-size:8px}.action small{font-size:5px}.attacks{gap:5px;grid-template-columns:repeat(4,1fr);max-width:370px}.keyboard-note{font-size:6px}.menu{padding:10px 25px;grid-template-columns:1.4fr 1fr;gap:23px;max-width:900px}.select-art{display:flex}.select-art>canvas{width:68%;max-width:210px}.select-art>p,.select-art>small,.stats{display:none}.select-art>span{font-size:6px;letter-spacing:1.5px}.menu-brand img{width:20px;height:23px}.menu-brand .overline{font-size:5px}h2{font-size:30px;margin:6px 0;letter-spacing:-1.5px}.select-copy>p{font-size:7px;line-height:1.5;margin-bottom:5px}.roster{gap:5px;margin:6px 0}.roster legend,.difficulty legend{font-size:5px;padding-bottom:4px}.fighter-choice{padding-bottom:4px}.fighter-choice canvas{height:41px}.fighter-choice b{font-size:10px}.fighter-choice>span{font-size:5px;margin-top:2px}.selected-info{margin:5px 0;padding-left:8px}.selected-info>div{gap:8px}.selected-info strong{font-size:12px}.selected-info span{font-size:6px}.selected-info p{font-size:6px;margin:3px 0}.selected-info small{display:none}.difficulty{margin:6px 0}.difficulty button{min-height:30px;font-size:11px}.difficulty button span{font-size:7px}.primary{min-height:34px;padding:7px 12px;font-size:9px}.select-copy>.menu-tip{display:none}.author{font-size:5px;margin-top:6px}.secondary{min-height:28px;font-size:7px;margin-top:5px}.results{margin:10px 0}.results strong{font-size:21px}.results span{font-size:5px}footer{display:none}}
@media(prefers-reduced-motion:reduce){.health-track i{transition:none}.held{transform:none}}

/* Phone playfields fill the available viewport; canvas cameras preserve artwork proportions. */
@media(pointer:coarse) and (max-width:1000px){
.shell{width:100%;max-width:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
.header{min-height:42px;padding-left:10px;padding-right:10px}.brand img{width:25px;height:30px}.brand .overline{display:none}.brand h1{font-size:16px;margin-top:0}.header-actions{gap:4px}.header .quiet,.header .pause{min-height:36px}
.play-area{margin:0;padding:0}.stage{max-width:none;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto}.stage canvas{border-radius:0}
.controls{padding:8px 10px;margin:0;min-height:64px;flex-shrink:0}.keyboard-note{display:none}footer{display:none}
}
@media(pointer:coarse) and (max-width:1000px){.controls{grid-template-columns:1fr 1.15fr}.menu{height:auto;min-height:100%}.overlay{align-items:flex-start}.fight-hud{top:12px;left:14px;right:14px}.fight-toast{top:18%}}

/* neon-clash: independent visual identity, shared studio only. */
:root{color-scheme:dark;--bg:#130e17;--panel:#26152e;--line:#694070;--muted:#c59eca;--text:#faf0f7;--mint:#ff4baf;--gold:#ff4baf;--peach:#ff4baf;--cyan:#ff4baf;--accent:#ff4baf;--light:#26152e;--dark:#694070}
body{background:#130e17;color:#faf0f7;font-family:Impact, "Arial Black", sans-serif}
h1,h2,h3{font-family:Impact, "Arial Black", sans-serif}
button{border-radius:0px}
.overlay,.veil{background:#130e17ed;color:#faf0f7;backdrop-filter:none}
.menu,.menu-card,.card,.panel{color:#faf0f7}
.primary,.primary-button,.launch{background:#ff4baf;color:#130e17;border-color:#ff4baf}
.primary:hover,.primary-button:hover,.launch:hover{background:#ff4baf;filter:brightness(1.1)}
button[aria-pressed=true]{border-color:#ff4baf}
h1,h2{font-style:italic;text-transform:uppercase;letter-spacing:1px}.primary,.fighter-card,.difficulty{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
body{font-family:Arial,sans-serif}