@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600 900;font-display:swap;src:url('./assets/barlow-condensed-800.woff2') format('woff2')}
:root{--bg:#101b20;--panel:#16252b;--line:#304047;--cream:#e9e7d9;--muted:#8d9e9e;--orange:#eea16f;--mint:#bed6ba;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{color:inherit}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.shell{max-width:1280px;padding:0 44px;margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;text-decoration:none;color:var(--cream);font-size:16px;font-weight:900;line-height:1.02;letter-spacing:-.5px}.brand-mark{width:45px;height:45px;background:var(--orange);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:40px;font-family:var(--display);position:relative}.brand-mark>span{font-size:23px;position:absolute;right:1px;top:0}.brand-caption{display:block;font-size:6px;font-weight:500;letter-spacing:1.2px;margin-top:7px}.header-right{display:flex;gap:28px;align-items:center}.online{font-size:9px;letter-spacing:1.3px;color:var(--mint)}.online i,.live-dot,.arcade-bottom i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:7px}.text-button{background:none;border:0;font-size:11px;padding:8px 0;color:var(--cream)}.text-button span{margin-left:15px;color:var(--orange)}.icon-button{border:1px solid var(--line);background:var(--panel);padding:10px 12px;font-size:16px}.icon-button span{font-size:9px;margin-left:5px}.intro-copy{display:flex;justify-content:space-between;align-items:flex-end;padding:43px 0 32px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--orange);font-weight:600}.eyebrow>span{display:inline-block;background:var(--orange);height:5px;width:5px;margin-right:8px}h1{font-family:var(--display);font-size:82px;line-height:.86;letter-spacing:-1px;margin:17px 0 0;font-weight:900}h1>span{display:block}h1 em{font-style:normal;color:var(--orange)}.intro-note{width:290px;padding-bottom:3px}.edition{font-size:9px;letter-spacing:1.5px;border-top:1px solid var(--orange);padding-top:10px;color:var(--orange)}.intro-note p{font-size:12px;line-height:1.9;color:#bac5c2;margin:16px 0 20px}.tiny{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.arcade{border:1px solid #45534f;padding:7px;background:#1b2b30;box-shadow:0 14px 30px #0003}.arcade-top{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--muted);padding:0 7px 6px}.arcade-top b{font-weight:500;color:var(--mint)}.game-tools{display:flex;gap:13px}.game-tools button{background:none;border:0;font-size:19px;padding:0 4px;line-height:1}.screen{position:relative;aspect-ratio:16/9;background:#25363a;overflow:hidden;outline:none}.screen:focus-visible{outline:2px solid var(--orange)}#game{display:block;width:100%;height:100%;image-rendering:pixelated}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#0002 4px);box-shadow:inset 0 0 80px #0c192244}.attract-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#172b3440,#142a3333 50%,#13242d99);text-align:center}.screen-eyebrow{font-size:9px;letter-spacing:4px;color:#ddd4b4;margin-bottom:18px}.attract-overlay h2{font-family:var(--display);font-style:italic;font-size:112px;line-height:.75;letter-spacing:-1px;margin:0;color:#ece0b9;text-shadow:4px 5px #284444,7px 8px #152c35;transform:rotate(-3deg)}.attract-overlay h2 span{font-size:63px;color:#f3ac77;letter-spacing:-.8px}.attract-overlay p{font-size:11px;letter-spacing:2px;color:#f4e7ca;margin-top:24px}.screen-play{border:1px solid #f0bf87;background:#172c2dd9;padding:12px 24px;color:#f1d9ac;font-family:monospace;letter-spacing:2px;font-weight:700;margin-top:12px;font-size:12px}.screen-play span{margin-left:20px;color:var(--orange)}.arcade-bottom{height:29px;display:flex;justify-content:space-between;align-items:center;padding:6px 7px 0;font-size:8px;color:var(--muted);letter-spacing:1px}.arcade-bottom i{width:4px;height:4px}.arcade-bottom b{color:var(--mint);margin:0 5px;font-size:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px}.section-heading h2{font-family:var(--display);font-size:21px;letter-spacing:.6px;margin:0}.section-heading h2 span{font-family:monospace;font-size:11px;vertical-align:middle;color:var(--orange);margin-right:12px}.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.fighter-card{position:relative;overflow:hidden;isolation:isolate;min-width:0;background:#1d2d33;border:1px solid var(--line);text-align:left;padding:0;transition:border-color .15s,transform .15s}.fighter-card:hover{transform:translateY(-3px)}.fighter-card[aria-pressed=true]{border-color:var(--orange);background:#303834}.fighter-card[aria-pressed=true]:after{content:'1P';position:absolute;top:9px;right:9px;font:bold 9px monospace;background:var(--orange);color:#17262a;padding:4px 6px}.fighter-card canvas{width:100%;height:140px;display:block;image-rendering:pixelated;background:radial-gradient(ellipse at 50% 100%,#6f81752b,transparent 70%)}.fighter-card .card-number{position:absolute;left:10px;top:10px;font-size:8px;color:var(--muted)}.card-caption{display:block;padding:10px 12px 12px;border-top:1px solid #ffffff0b}.card-caption strong{display:block;font-family:var(--display);font-size:22px;letter-spacing:.5px}.card-caption small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.fighter-detail{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding:27px 0 30px;border-bottom:1px solid var(--line)}.detail-name h3{font-family:var(--display);font-size:37px;margin:7px 0 7px;line-height:1}.detail-name p{font-size:10px;line-height:1.9;color:#a4b4b1;margin:8px 0 16px;max-width:290px}.stats{display:flex;gap:18px}.stat{display:flex;gap:7px;align-items:center;font-size:8px;color:var(--muted)}.stat i{height:4px;width:40px;background:var(--line);display:block}.stat i b{display:block;height:100%;background:var(--mint)}.detail-skills{border-left:1px solid var(--line);padding-left:28px}.detail-skills>.tiny{display:block;margin-bottom:13px}#skills>div{display:flex;gap:12px;align-items:center;font-size:10px;margin-bottom:9px}kbd{font-family:monospace;font-size:10px;display:inline-block;min-width:22px;text-align:center;background:#24353b;border:1px solid #42524f;border-bottom-width:3px;padding:3px 5px;color:#dddccc;border-radius:2px}.skill-note{font-size:8px;line-height:1.7;color:var(--orange);display:block;margin-top:8px;max-width:230px}.match-settings{display:flex;flex-direction:column;gap:8px}.match-settings label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:var(--muted);gap:8px}.match-settings select{background:#1b2b31;border:1px solid var(--line);color:var(--cream);font-size:10px;padding:8px;min-width:160px;max-width:190px;flex:1}.primary{background:var(--orange);border:1px solid var(--orange);color:#15262c;padding:14px 17px;font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.8px;text-align:left}.primary span{float:right;margin-left:20px}.primary:hover{background:#f7b88c}.match-settings .primary{margin-top:4px}.controls-strip{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);gap:12px}.controls-strip>div{display:flex;align-items:center;gap:4px}.controls-strip>div>span{margin-left:7px;font-size:9px;color:#9aadaa}.controls-strip kbd{font-size:9px;min-width:20px;padding:2px 3px}footer{padding:24px 0 32px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.8px;color:#8a9b9a}footer b{color:var(--orange);font-size:16px;vertical-align:middle;margin-left:10px}.muted{color:var(--muted)}.screen-modal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#10242ce8;z-index:3}.screen-modal h2{font-family:var(--display);font-size:80px;line-height:1;margin:12px 0 24px;color:var(--orange)}.screen-modal>p{font-size:12px;margin:-7px 0 25px;color:var(--mint)}.screen-modal button{min-width:220px;margin-bottom:10px}.secondary{border:1px solid #60706a;padding:12px;background:transparent;font-size:11px}.touch-controls{display:none;justify-content:space-between;padding:15px 10px 5px;gap:12px;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls button{touch-action:none;border:1px solid #56645d;background:#293c40;color:#e3e3cb;font:bold 20px monospace;border-radius:9px;min-height:44px;user-select:none;-webkit-user-select:none}.touch-controls button.held{background:var(--orange);color:var(--bg)}.dpad{display:grid;grid-template:repeat(3,42px)/repeat(3,46px);gap:3px}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}.touch-attacks{display:grid;grid-template-columns:repeat(3,54px);gap:6px;align-content:center}.touch-attacks small{display:block;font:7px sans-serif;margin-top:3px}.touch-attacks button.special{color:var(--orange)}dialog{background:#172a31;color:var(--cream);border:1px solid #68786c;padding:35px;max-width:740px;width:calc(100% - 30px);box-shadow:0 20px 100px #000a}dialog::backdrop{background:#09161bcc;backdrop-filter:blur(4px)}dialog h2{font-family:var(--display);font-size:46px;margin:8px 0 17px}dialog h3{font-size:13px;color:var(--orange);margin:24px 0 10px}dialog p{font-size:11px;line-height:2;color:#bfcdc5}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.close{position:absolute;right:15px;top:12px;background:transparent;border:0;font-size:28px}.playing .selection{display:none}.playing .intro-copy{padding:22px 0}.playing h1{font-size:42px}.playing h1>span{display:inline;margin-left:10px}.playing .intro-note{display:none}.playing .eyebrow{font-size:8px}.arcade:fullscreen{width:100vw;height:100dvh;padding:0;display:flex;flex-direction:column;justify-content:center;background:#101b20}.arcade:fullscreen .screen{max-height:calc(100dvh - 60px);width:100%;object-fit:contain}.arcade:fullscreen #game{object-fit:contain}.arcade:fullscreen .arcade-top,.arcade:fullscreen .arcade-bottom{flex-shrink:0}.arcade:fullscreen .touch-controls{flex-shrink:0}
@media(pointer:coarse){.playing .touch-controls{display:flex}.arcade:fullscreen .screen{max-height:calc(100dvh - 210px)}}
@media(min-width:1450px){.shell{max-width:1320px}}
@media(max-width:900px){.shell{padding:0 24px}.header{height:90px}.intro-copy{padding-top:32px}h1{font-size:68px}.intro-note{width:230px}.roster{gap:6px}.fighter-card canvas{height:115px}.card-caption{padding:9px}.card-caption strong{font-size:20px}.card-caption small{font-size:7px}.fighter-detail{gap:18px;grid-template-columns:1fr .9fr 1.1fr}.detail-skills{padding-left:18px}.stats{gap:8px}.stat i{width:25px}.controls-strip>.tiny{display:none}.header-right{gap:18px}.attract-overlay h2{font-size:95px}.attract-overlay h2 span{font-size:53px}}
@media(max-width:620px){.shell{padding:0 14px}.header{height:78px}.brand{font-size:13px}.brand-mark{height:38px;width:38px;font-size:33px}.header-right{gap:14px}.online{display:none}.header-right .text-button{font-size:10px}.intro-copy{padding:27px 0 22px}.intro-note{display:none}h1{font-size:67px}.eyebrow{font-size:7px;letter-spacing:1.1px}.arcade{padding:4px}.arcade-top{font-size:6px;height:28px;padding-bottom:4px}.arcade-bottom{font-size:6px;height:25px}.arcade-bottom>span:last-child{font-size:5px;letter-spacing:.5px}.screen-eyebrow{font-size:6px;letter-spacing:2px;margin-bottom:13px}.attract-overlay h2{font-size:65px}.attract-overlay h2 span{font-size:36px}.attract-overlay p{font-size:8px;margin:14px 0 8px;letter-spacing:1px}.screen-play{font-size:9px;padding:8px 15px;margin-top:4px}.section-heading{margin-top:25px}.section-heading h2{font-size:19px}.section-heading>.tiny{display:none}.roster{grid-template-columns:repeat(3,1fr);gap:8px}.fighter-card canvas{height:115px}.card-caption strong{font-size:23px}.card-caption small{font-size:8px}.fighter-detail{grid-template-columns:1fr 1fr;gap:22px 12px;padding-top:22px}.detail-name h3{font-size:34px}.detail-name p{font-size:9px}.detail-skills{padding-left:16px}.detail-skills>.tiny{font-size:7px}.stats{gap:10px;flex-wrap:wrap}.stat{font-size:7px}.stat i{width:29px}.match-settings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-settings label{display:flex;flex-direction:column;align-items:stretch;font-size:7px;gap:6px}.match-settings select{min-width:0;max-width:none;width:100%;font-size:10px}.match-settings .primary{align-self:end;margin:0;font-size:17px;height:36px;padding:7px 10px}.controls-strip{flex-wrap:wrap;justify-content:flex-start;gap:13px 15px;padding:19px 0}.controls-strip>div>span{font-size:8px;margin-left:3px}.controls-strip .text-button{font-size:9px;margin-left:auto}.controls-strip kbd{font-size:8px;min-width:18px}footer{font-size:6px;line-height:1.8;padding:20px 0;gap:15px}footer .muted{display:none}footer>span:last-child{max-width:120px}.screen-modal h2{font-size:43px;margin:8px 0 12px}.screen-modal button{min-width:180px;margin-bottom:7px;padding:9px;font-size:12px}.screen-modal>p{font-size:8px;margin:0 0 13px}.screen-modal .eyebrow{font-size:7px}.playing h1{font-size:30px}.playing .intro-copy{padding:17px 0}.playing .intro-copy .eyebrow{display:none}.guide-grid{grid-template-columns:1fr;gap:0}dialog{padding:25px}dialog h2{font-size:36px}.touch-controls{padding:10px 3px 3px}.dpad{grid-template:repeat(3,36px)/repeat(3,38px)}.touch-controls button{min-height:36px;font-size:17px}.touch-attacks{grid-template-columns:repeat(3,45px);gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.touch-device.playing .touch-controls{display:flex}.touch-device .arcade:fullscreen .screen{max-height:calc(100dvh - 210px)}

.arcade:fullscreen .screen{width:min(100vw,calc((100dvh - 60px) * 1.77778));max-height:none;align-self:center;flex-shrink:0}.touch-device .arcade:fullscreen .screen{width:min(100vw,calc((100dvh - 210px) * 1.77778));max-height:none}@media(orientation:landscape) and (max-height:600px){.touch-device .arcade:fullscreen .screen{width:min(100vw,calc((100dvh - 60px) * 1.77778))}.touch-device .arcade:fullscreen .touch-controls{position:absolute;bottom:20px;left:16px;right:16px;pointer-events:none;opacity:.85}.touch-device .arcade:fullscreen .touch-controls button{pointer-events:auto}}

.audio-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:4px}.audio-settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;font-size:11px}.audio-settings select{background:var(--bg);color:var(--cream);border:1px solid var(--line);padding:8px}.audio-settings input[type=range]{width:180px;accent-color:var(--orange)}.audio-settings input[type=checkbox]{accent-color:var(--orange);width:18px;height:18px}.audio-settings p{font-size:10px}dialog{max-height:90dvh;overflow:auto}