@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--lime:#c5f564;--ink:#090c17;--muted:#a8b2c7;--accent:#c5f564}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#f5f3eb;font-family:'DM Sans',sans-serif}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #05071370;background:linear-gradient(0deg,#06081299,transparent 30%)}#nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;z-index:5;font-size:10px;font-weight:700;letter-spacing:2px}#nav a{color:#faf9f1;text-decoration:none}#nav i{color:#8893a9;font-style:normal;margin-left:12px}#sound{background:#111b27b8;border:1px solid #73809744;padding:9px 12px;font-size:9px;letter-spacing:1px}.screen{position:absolute;inset:0;z-index:2}.intro{position:absolute;top:17%;left:6%;width:38%;pointer-events:none}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(72px,10vw,152px);line-height:.8;letter-spacing:-3px;margin:28px 0}h1 em{font-style:normal;color:var(--lime)}.intro p{font-size:14px;line-height:1.8;color:#bdc4d3}.record{font-size:9px;letter-spacing:2px;margin-top:34px;color:#c3c6cd}.selection{position:absolute;width:350px;right:5%;top:17%;padding:24px;background:linear-gradient(145deg,#1a2334ee,#0b111be8);border:1px solid #6f80943b;box-shadow:0 24px 100px #0006;backdrop-filter:blur(18px)}.section-label{font-size:9px;letter-spacing:1.5px;color:#b0b9ca}.section-label span{display:block;font-size:7px;letter-spacing:1px;margin-top:8px;color:#77869c}#roster{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.fighter-card{border:1px solid #8b94a22e;background:#0c131c;padding:14px 0 10px;position:relative;overflow:hidden}.fighter-card:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-color)}.fighter-card b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:30px;color:var(--card-color)}.fighter-card span{font-size:7px;letter-spacing:1px}.fighter-card.selected{background:color-mix(in srgb,var(--card-color) 16%,#0c131c);border-color:var(--card-color);box-shadow:0 0 16px color-mix(in srgb,var(--card-color) 12%,transparent)}.fighter-info>div:first-child{display:flex;flex-direction:column}.fighter-info h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:34px;margin:4px 0}.fighter-info span{font-size:8px;letter-spacing:2px;color:var(--accent)}.fighter-info p{font-size:11px;line-height:1.7;color:#aeb8c8;min-height:38px}#moves{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}#moves div{border-top:1px solid #8b94a233;padding-top:10px}#moves b{font-size:10px;display:block}#moves small{display:block;color:#8391a6;font-size:9px;line-height:1.5;margin-top:5px}.options{display:flex;gap:12px;align-items:center;margin:20px 0;font-size:8px;letter-spacing:1px;color:#9ba7ba}.options label{flex:1}.options select{display:block;width:100%;background:#101927;color:#ddd;border:1px solid #70819644;margin-top:7px;padding:8px;font-size:9px}.options .check{display:flex;align-items:center;gap:7px;font-size:8px}.check input{accent-color:var(--lime)}.primary{width:100%;background:var(--lime);border:0;color:#121b10;padding:17px 16px;font-size:11px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.primary:hover{filter:brightness(1.09)}.primary span{font-size:22px}.fine{font-size:8px;text-align:center;color:#78869b;margin:12px 0 0}#hud{position:fixed;top:max(25px,env(safe-area-inset-top));left:5%;right:5%;display:flex;justify-content:space-between;gap:25px;z-index:4;pointer-events:none}.health{width:41%;max-width:560px}.fighter-label{display:flex;justify-content:space-between;font-size:13px;letter-spacing:2px;margin-bottom:9px}.fighter-label b{font-family:'Barlow Condensed',sans-serif;font-size:21px}.fighter-label span{color:#e8b768}.bar{height:15px;background:#182331;border:1px solid #798a9b55;transform:skew(-10deg);position:relative;overflow:hidden}.bar>div{position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient(90deg,#80bb46,#dcff9a);transition:width .15s}.bar>.damage{background:#ee9573;transition:width .65s .25s}.side-enemy .bar>div{left:auto;right:0;background:linear-gradient(90deg,#ffb775,#ed6764)}.side-enemy .bar>.damage{background:#fff2b9}.meter{margin-top:6px;height:4px;background:#71829728}.meter i{display:block;height:100%;width:60%;background:#7edeee;transition:width .15s}.side-enemy .meter i{float:right;background:#c38cff}.health small{display:block;color:#b5c0d0;letter-spacing:1px;font-size:8px;margin-top:8px}.side-enemy small{text-align:right}.clock{text-align:center;flex-shrink:0;min-width:80px}.clock span,.clock small{display:block;font-size:8px;letter-spacing:2px;color:#a3b1c1}.clock strong{font-family:'Barlow Condensed',sans-serif;font-size:55px;line-height:1.05}.clock small{font-size:9px}#pause{pointer-events:auto;position:fixed;right:15px;top:125px;border:1px solid #bccadc55;border-radius:50%;width:42px;height:42px;background:#111c2bbc}#announcement{position:fixed;left:0;right:0;top:37%;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:clamp(54px,9vw,125px);font-weight:900;font-style:italic;letter-spacing:2px;text-shadow:0 4px 25px #000;pointer-events:none;z-index:10;transform:scale(1);transition:opacity .18s}#announcement small{display:block;font-family:'DM Sans',sans-serif;font-size:12px;font-style:normal;letter-spacing:4px;margin-top:8px;color:#dae0eb}#flash{position:fixed;inset:0;background:#d4ff93;pointer-events:none;opacity:0;z-index:3}#feedback{position:fixed;left:0;right:0;top:26%;text-align:center;color:#e8dfb9;font-weight:700;font-size:13px;letter-spacing:2px;pointer-events:none;z-index:4}#combo{position:fixed;left:7%;top:30%;font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:800;color:var(--lime);text-shadow:0 3px 15px #000}#combo small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:3px}#tip{position:fixed;bottom:80px;left:0;right:0;text-align:center;color:#b9c5d7;font-size:10px;letter-spacing:1px;filter:drop-shadow(0 2px 3px #000)}#desktop-help{position:fixed;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:22px;color:#8e9db1;font-size:8px;letter-spacing:1px}#desktop-help b{color:#f2ead7;margin-right:5px}.modal{position:fixed;inset:0;background:#050b14ac;backdrop-filter:blur(12px);z-index:20;display:grid;place-items:center;padding:20px}.panel{width:min(460px,100%);padding:34px;background:linear-gradient(130deg,#1c2c3c,#0c1320);border:1px solid #889cb64a;box-shadow:0 30px 90px #0008}.panel h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:60px;line-height:.95;margin:18px 0;color:#f1ecdf}.panel p{font-size:13px;line-height:1.8;color:#b8c6d9}#stats{display:flex;gap:20px;margin:24px 0}#stats div{flex:1}#stats strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:32px;color:var(--lime)}#stats small{font-size:8px;letter-spacing:1px;color:#91a1b7}.secondary{width:100%;padding:14px;background:transparent;border:1px solid #8ba0bd44;color:#c2ccdb;letter-spacing:1px;font-size:9px;margin-top:10px}#controls{position:fixed;inset:auto 0 0;z-index:6;pointer-events:none;padding:0 20px max(20px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:20px}#controls button{pointer-events:auto;touch-action:none;user-select:none;border:1px solid #afc2db44;background:#122437b8;box-shadow:0 3px 16px #0003;backdrop-filter:blur(8px);border-radius:14px;font-size:9px;font-weight:800;letter-spacing:.3px;min-height:51px}.move-pad{display:grid;grid-template-columns:repeat(3,50px);gap:7px}.move-pad button{font-size:22px!important}.move-pad .dodge{grid-column:1/4;font-size:8px!important;min-height:30px!important}.attack-pad{display:grid;grid-template-columns:repeat(3,58px);gap:7px}.attack-pad .ability,.attack-pad .ultimate{grid-column:span 1;color:#cfff8e;border-color:#b0e86977;font-size:7px}.attack-pad .ability{grid-column:1/3}.attack-pad .ultimate{background:#b0e86922;color:#ffe2a3;border-color:#efc27188}.attack-pad small{display:block;font-size:6px;color:#98abbd;margin-top:4px}.attack-pad .guard{color:#83dceb}#controls button.active{background:#8aaa6544;transform:scale(.94)}#controls button.depleted{opacity:.38}body.playing #nav{display:none}body.playing .vignette{background:linear-gradient(0deg,#06081270,transparent 23%)}
@media(pointer:fine) and (min-width:901px){#controls{display:none!important}}@media(pointer:coarse){#desktop-help{display:none!important}}@media(max-width:900px){.intro{left:5%;top:16%;width:38%}h1{font-size:90px}.selection{width:310px;right:4%;padding:18px;top:14%}#nav{padding:18px 22px}#nav i{display:none}.fighter-info h2{font-size:29px}#roster{margin:15px 0}#moves{margin:12px 0}.options{margin:13px 0}}@media(max-width:600px) and (orientation:portrait){#nav{padding:18px 16px;font-size:8px;letter-spacing:1px}#nav>span{display:none}.intro{top:11%;left:6%;width:75%}.intro .eyebrow{font-size:7px}h1{font-size:70px;line-height:.83;margin:17px 0}.intro p{font-size:10px;line-height:1.5;max-width:210px}.record{display:none}.selection{left:5%;right:5%;width:90%;top:auto;bottom:14px;padding:16px 18px}.section-label span{display:none}#roster{margin:12px 0}.fighter-card{padding:8px 0}.fighter-card b{font-size:24px}.fighter-info{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fighter-info h2{font-size:26px}.fighter-info span{font-size:7px;letter-spacing:1px}.fighter-info p{font-size:9px;line-height:1.5;margin:0}#moves{grid-column:1/3;margin:5px 0}#moves small{font-size:8px}.options{margin:10px 0}.primary{padding:13px 12px;font-size:10px}.fine{font-size:7px;margin-top:8px}#hud{left:4%;right:4%;gap:12px;top:20px}.fighter-label{font-size:10px;letter-spacing:.5px}.fighter-label b{font-size:15px}.clock{min-width:45px}.clock strong{font-size:40px}.clock span{font-size:6px;letter-spacing:.5px}.bar{height:10px}.clock small{font-size:7px;letter-spacing:1px}.health small{font-size:6px}#pause{top:110px;right:12px;width:35px;height:35px}#tip{bottom:205px;padding:0 30px;line-height:1.7;font-size:9px}#controls{padding:0 10px max(20px,env(safe-area-inset-bottom));gap:8px}.move-pad{grid-template-columns:repeat(3,40px);gap:5px}.attack-pad{grid-template-columns:repeat(3,55px);gap:5px}#controls button{min-height:54px;border-radius:11px}.panel{padding:25px}.panel h2{font-size:48px}#feedback{font-size:10px;top:24%}#combo{font-size:30px;top:32%}#announcement{top:37%}}
@media(max-height:520px) and (orientation:landscape){#nav{padding:12px 20px}.intro{top:21%;left:5%}h1{font-size:65px;margin:15px 0}.intro p{font-size:10px}.eyebrow{font-size:7px}.record{margin-top:16px;font-size:7px}.selection{top:52px;bottom:12px;overflow:auto;padding:14px;width:310px}.section-label span{display:none}#roster{margin:10px 0}.fighter-card{padding:6px 0}.fighter-card b{font-size:21px}.fighter-info h2{font-size:24px}.fighter-info p{font-size:9px;margin:5px 0;min-height:0}#moves{margin:8px 0}#moves small{font-size:8px}.options{margin:8px 0}.primary{padding:10px 12px;font-size:9px}.fine{display:none}#hud{top:12px}.clock strong{font-size:36px}.fighter-label b{font-size:17px}.bar{height:10px}#pause{top:87px;width:32px;height:32px}#controls{padding-bottom:10px}.move-pad{grid-template-columns:repeat(3,44px);gap:5px}.attack-pad{grid-template-columns:repeat(3,52px);gap:5px}#controls button{min-height:43px}#tip{bottom:23px;max-width:300px;margin:auto;font-size:8px}#announcement{top:31%;font-size:65px}.panel{padding:20px;width:400px}.panel h2{font-size:44px;margin:12px 0}.panel p{font-size:11px}#stats{margin:10px 0}#stats strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.difficulty-options{flex:2}.difficulty-options>span{display:block;margin-bottom:7px}.difficulty-options>div{display:flex;gap:3px}.difficulty-options button{padding:8px 5px;font-size:6px;letter-spacing:.2px;border:1px solid #758ca244;background:#0b1726;color:#a2b4c7}.difficulty-options button[aria-pressed=true]{color:var(--lime);border-color:var(--lime);background:#bde96015}.fine a{display:inline-block;margin-top:8px;color:#b9caaa;text-decoration:none}@media(max-width:900px){#desktop-help{display:none!important}}

#lobby{pointer-events:none}.selection{pointer-events:auto;max-height:calc(83dvh - 20px);overflow:auto;scrollbar-width:thin;scrollbar-color:#506275 #101923}@media(max-width:600px) and (orientation:portrait){.selection{max-height:58dvh}.move-pad{grid-template-columns:repeat(3,min(10.2vw,40px))}.attack-pad{grid-template-columns:repeat(3,min(13.2vw,55px))}#controls{gap:6px}}@media(max-height:520px) and (orientation:landscape){.selection{max-height:calc(100dvh - 64px)}}

#hud:before{content:"";position:fixed;inset:0 0 auto;height:130px;background:linear-gradient(#08101cbb,transparent);z-index:-1;pointer-events:none}

.keyboard-guide{font-size:11px;line-height:1.8;color:#d4e1ed;border:1px solid #60758a55;padding:12px;background:#0d1b2b}.keyboard-guide small{font-size:10px;color:#9db1c3}#desktop-help{gap:16px}

/* Readiness remains visible while the player watches the fight. */
#ability-readout{position:fixed;bottom:58px;left:50%;transform:translateX(-50%);display:flex;gap:8px;max-width:95vw;width:max-content;font-size:10px;letter-spacing:.6px;pointer-events:none}#ability-readout span{background:#111e31ed;border:1px solid #54718d;padding:10px 14px;color:#afc4db;border-radius:5px}#ability-readout .ready{border-color:#c5f564;color:#ddff9e;box-shadow:0 0 22px #c5f56422}#super-callout{position:fixed;left:50%;top:20%;transform:translateX(-50%) skew(-5deg);font:900 clamp(22px,4vw,48px) 'Barlow Condensed',sans-serif;letter-spacing:2px;color:var(--super-color,#c5f564);background:#080f21e8;border-left:5px solid currentColor;padding:12px 24px;z-index:11;pointer-events:none;opacity:0;transition:opacity .14s;white-space:nowrap}#controls .ready{border-color:#c5f564;background:#324324d9}#controls .move-pad .dodge{grid-column:1;min-height:42px!important}#controls .move-pad .crouch,#controls .move-pad .throw{font-size:8px!important;min-height:42px}#tip{bottom:110px}.keyboard-guide strong{color:#d9ffa2}.keyboard-guide p{margin:7px 0;font-size:11px;line-height:1.6}.keyboard-guide small{display:block;line-height:1.6}#desktop-help{gap:12px}
@media(pointer:coarse),(max-width:600px){#ability-readout{bottom:157px;gap:4px;font-size:8px;width:calc(100% - 24px)}#ability-readout span{flex:1;padding:7px 8px;text-align:center}#tip{bottom:204px;font-size:8px;padding:0 20px}#super-callout{top:23%;max-width:95vw;font-size:26px;padding:9px 15px}}
@media(max-height:540px) and (orientation:landscape){#ability-readout{bottom:13px;max-width:290px;width:290px;flex-wrap:wrap;font-size:7px;gap:3px}#ability-readout span{width:100%;padding:4px 7px;text-align:center}#tip{bottom:66px;font-size:8px;max-width:280px}#super-callout{top:25%;font-size:24px;padding:8px 18px}}