@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--ink:#ecf0df;--muted:#a5b1a8;--acid:#d9f975;--line:#ffffff24;--accent:#6fe7ff}*{box-sizing:border-box}body{margin:0;background:#10191c;color:var(--ink);font-family:Barlow,Arial,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}button{border:0;background:none}button:hover{color:var(--acid)}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.grain{pointer-events:none;position:fixed;inset:0;z-index:3;opacity:.045;background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 3px)}header{height:86px;display:flex;align-items:center;justify-content:space-between;margin:0 4%;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-weight:700;letter-spacing:3px;text-decoration:none;font-size:19px}.mark{color:var(--acid);font-size:32px;vertical-align:middle;margin-right:12px}.header-right{display:flex;gap:27px;align-items:center;font-size:11px;letter-spacing:1.4px;font-weight:600}.header-right #pad-status{color:var(--muted)}.header-right #pad-status:before{content:'●';color:var(--acid);margin-right:8px}main{max-width:1600px;margin:auto;padding:0 4%}.intro{height:410px;position:relative;padding-top:38px}.eyebrow,.section-label,.hero-caption p,.menu-footer,.launch-row label{font-size:11px;letter-spacing:1.8px;font-weight:600}.eyebrow{display:flex;gap:10px;align-items:center;color:var(--acid)}.eyebrow span{width:20px;height:1px;background:var(--acid)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,7.8vw,116px);font-weight:800;line-height:.88;letter-spacing:-1px;margin:24px 0 20px}h1 em{font-style:normal;color:var(--acid)}.lede{font-size:14px;line-height:1.6;color:var(--muted)}.hero-caption{position:absolute;right:0;bottom:29px;text-align:right}.hero-caption span{color:var(--acid);font-size:12px;letter-spacing:2px}.hero-caption h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:46px;letter-spacing:4px;margin:5px 0}.hero-caption p{margin:0;color:var(--muted)}.selection{position:relative;background:linear-gradient(180deg,#10191cea,#10191cff);padding-top:16px}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:15px}.section-label span:first-child{color:var(--ink)}.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.card{position:relative;overflow:hidden;min-height:116px;padding:15px;text-align:left;border:1px solid var(--line);background:linear-gradient(125deg,#23303399,#192023);transition:background .2s,border .2s}.card:before{content:'';position:absolute;width:90px;height:130px;background:var(--c);right:-25px;top:-20px;transform:rotate(35deg);opacity:.07}.card[aria-pressed=true]{border-color:var(--acid);background:#d9f9750b}.card[aria-pressed=true]:after{content:'↗';position:absolute;top:10px;right:12px;color:var(--acid)}.card .sigil{display:block;font-size:32px;line-height:1;color:var(--c);margin-bottom:12px}.card b{display:block;letter-spacing:2px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px}.card small{color:var(--muted);font-size:10px;letter-spacing:1px}.fighter-details{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:16px 0 17px;min-height:76px}.fighter-details b{font-size:12px;letter-spacing:1px;color:var(--accent);text-transform:uppercase}.fighter-details p{font-size:12px;color:var(--muted);margin:7px 0 0}.stats{display:flex;gap:26px;align-items:center}.stats div{font-size:9px;letter-spacing:1px;color:var(--muted)}.stats i{display:block;height:3px;background:#ffffff20;width:75px;margin-top:8px}.stats span{height:3px;background:var(--accent);display:block}.launch-row{display:flex;gap:18px;align-items:end;padding:20px 0}.launch-row label{color:var(--muted);flex:1}.launch-row select,dialog select{display:block;width:100%;background:#1d282b;color:var(--ink);padding:13px;border:1px solid var(--line);margin-top:9px;font-size:13px;letter-spacing:0}.primary{background:var(--acid);color:#19211a;font-weight:700;letter-spacing:1.8px;padding:17px 24px;min-width:250px;display:flex;align-items:center;justify-content:space-between;gap:24px}.primary:hover{background:#edffb7;color:#19211a}.primary span{font-size:23px;line-height:14px}.menu-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;padding:0 0 22px;gap:12px}.menu-footer i{font-style:normal;color:#62766c;padding:0 14px}.version{color:#7e8e85}body.playing header{height:60px}body.playing .header-right #pad-status{display:none}#hud{position:fixed;top:85px;left:4%;right:4%;bottom:22px;pointer-events:none}.health-row{display:flex;gap:30px;align-items:start}.fighter-hud{flex:1}.fighter-hud>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fighter-hud b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:3px}.fighter-hud span{font-size:10px;letter-spacing:2px;color:var(--muted)}.health{height:14px;background:#442b30;transform:skewX(-15deg);border:1px solid #ffffff55}.health i{display:block;height:100%;width:100%;background:var(--acid);transition:width .12s}.right .health i{margin-left:auto;background:#c9a6f6}.stock{margin-top:12px;font-size:20px;letter-spacing:8px;color:var(--acid)}.right .stock{text-align:right;color:#c9a6f6}.clock{text-align:center}.clock strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:56px;line-height:1}.clock small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.fight-footer{position:absolute;bottom:0;display:flex;width:100%;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:15px}.fight-footer button{pointer-events:auto;white-space:nowrap}kbd{border:1px solid #ffffff35;padding:3px 5px;border-radius:2px;color:var(--ink);margin-left:12px;font-family:inherit}#callout{position:absolute;top:27%;left:0;right:0;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(24px,4vw,62px);font-weight:700;font-style:italic;letter-spacing:3px;text-shadow:0 2px 20px #000;pointer-events:none}#callout[data-kind=versus]{font-size:clamp(28px,5.5vw,84px);letter-spacing:6px;color:var(--ink)}#callout[data-kind=round]{font-size:clamp(34px,6vw,92px);color:var(--acid)}#callout[data-kind=fight]{font-size:clamp(44px,9vw,150px);color:var(--acid);letter-spacing:10px;-webkit-text-stroke:1px #10191c}#callout[data-kind=ko]{font-size:clamp(56px,13vw,210px);color:#ff5a4d;letter-spacing:8px;top:22%;text-shadow:0 0 40px #ff795e,0 4px 30px #000}#callout[data-kind=time]{font-size:clamp(40px,8vw,130px);color:#ffd27a}#callout[data-kind=cinematic]{color:var(--accent)}#callout.pop{animation:callout-pop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes callout-pop{from{transform:scale(1.9);opacity:0}60%{opacity:1}to{transform:scale(1)}}.pips{font-style:normal;letter-spacing:3px;color:var(--acid);font-size:12px;vertical-align:middle}.right .pips{color:#c9a6f6}.arena-name{color:var(--muted);opacity:.8}@media(prefers-reduced-motion:reduce){#callout.pop{animation:none}}#combo{position:absolute;left:0;top:40%;color:var(--acid);font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px}dialog{background:#172125;color:var(--ink);border:1px solid #55605b;padding:40px;max-width:650px;width:calc(100% - 32px);max-height:90vh}dialog::backdrop{background:#050b10bb;backdrop-filter:blur(8px)}dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;letter-spacing:2px;margin:0 0 10px}dialog h3{color:var(--acid);letter-spacing:1px;font-size:14px}dialog p{color:var(--muted);font-size:14px;line-height:1.7}.close{position:absolute;right:15px;top:10px;font-size:30px}.controls{width:100%;border-collapse:collapse;font-size:13px}.controls td{border-bottom:1px solid var(--line);padding:10px 4px}.controls td:nth-child(2){color:var(--acid)}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.modal-actions button{padding:13px 18px;border:1px solid var(--line)}dialog label{display:block;margin:20px 0;font-size:13px;color:var(--muted)}dialog input[type=range]{width:100%;accent-color:var(--acid)}.eyebrow.result{margin-bottom:20px}#touch{display:none;position:absolute;bottom:45px;left:0;right:0;justify-content:space-between;align-items:end;pointer-events:auto}#touch button{background:#172125bb;border:1px solid #ffffff55;min-width:44px;height:44px;margin:2px;touch-action:none}#touch>div:first-child{text-align:center}#error{position:fixed;inset:20%;background:#172125;border:1px solid var(--acid);padding:30px;z-index:20}[hidden]{display:none!important}@media(min-height:950px){.intro{height:48vh}}@media(max-width:900px){.intro{height:370px}.stats{gap:12px}.stats i{width:45px}.card{padding:10px;min-height:105px}.card small{font-size:8px}.launch-row{flex-wrap:wrap}.launch-row .primary{flex:1}.hero-caption{bottom:20px}.header-right{gap:12px}.header-right #pad-status{display:none}.version{display:none}.fight-footer span{max-width:75%;line-height:2}}@media(max-width:600px){header{height:68px}.brand{font-size:14px;letter-spacing:1px}.mark{margin-right:3px}.header-right{font-size:9px;gap:5px}.intro{height:365px;padding-top:25px}.eyebrow{font-size:8px}h1{font-size:65px}.lede{font-size:12px}.hero-caption{bottom:8px}.hero-caption h2{font-size:30px}.hero-caption p{font-size:8px}.roster{grid-template-columns:repeat(3,1fr)}.card{min-height:90px}.card .sigil{float:right;font-size:25px;margin-top:15px}.card b{margin-top:12px}.fighter-details{gap:8px}.stats{display:none}.launch-row label{min-width:40%}.launch-row .primary{width:100%}.menu-footer{font-size:8px}.health-row{gap:12px}.fighter-hud b{font-size:22px}.fighter-hud span{display:none}.clock strong{font-size:38px}.fight-footer span{display:none}.fight-footer{justify-content:flex-end}dialog{padding:25px}dialog h2{font-size:36px}#hud{top:85px}#touch{display:flex}}@media(pointer:coarse){#touch{display:flex}.fight-footer span{display:none}}

#training-readout{position:absolute;bottom:65px;left:0;padding:10px 14px;border-left:2px solid var(--acid);background:#10191cdd;font-size:11px;letter-spacing:1px;color:var(--acid)}#training-readout[data-phase=startup]{color:#f5b65d;border-color:#f5b65d}#training-readout[data-phase=recovery]{color:#a5b1a8;border-color:#a5b1a8}@media(pointer:coarse),(max-width:600px){#training-readout{bottom:155px;font-size:9px}}
.controller-nav button:focus,.controller-nav select:focus,.controller-nav input:focus{outline:2px solid var(--acid);outline-offset:4px}

#input-history{position:absolute;left:0;bottom:110px;max-width:min(600px,80vw);background:#10191cdd;padding:8px 12px;font:12px monospace;color:var(--ink);line-height:1.7;overflow-wrap:anywhere;pointer-events:none}@media(pointer:coarse),(max-width:600px){#input-history{bottom:200px;font-size:10px;max-width:85vw}}
/* Keep text readable over bright painted stages without darkening the fight. */
body:not(.playing)::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#10191cf0 0%,#10191cc9 38%,#10191c00 72%),linear-gradient(180deg,#10191c88,transparent 30%)}
.hero-caption{text-shadow:0 2px 5px #10191c}.hero-caption p{color:#e4e9db}
body.playing header{background:#10191c88}body.playing .health-row{text-shadow:0 1px 4px #10191c,0 1px 2px #10191c}.fight-footer{background:#10191cbb;padding:8px;box-sizing:border-box}