@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{--ink:#f9edcf;--dim:#b3a6ac;--gold:#f6c45a;--paper:#211c31;--line:#ffffff22;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{background:#171321;color:var(--ink);font-family:var(--body);scroll-behavior:smooth}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,[data-gamepad-focus]{outline:3px solid var(--gold);outline-offset:4px}button{touch-action:manipulation}button,select{border-radius:2px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:0 5%}.wordmark{font-family:var(--display);font-size:23px;font-weight:800;letter-spacing:.04em}.wordmark span{font-weight:500;color:var(--gold)}.header-note{font-size:10px;color:var(--dim);letter-spacing:.16em}.text-button{border:0;background:none;color:var(--ink);font-size:12px;padding:10px 0}.text-button span{color:var(--gold);margin-left:12px}main{max-width:1440px;margin:auto;padding:0 4%}.game-shell{position:relative;overflow:hidden;background:#100f18;aspect-ratio:16/9;border:1px solid #ffffff26;isolation:isolate;box-shadow:0 24px 80px #0005}.game-shell:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#100e16}.game-shell:fullscreen #arena{width:100%;height:100%;object-fit:contain}#arena{width:100%;height:100%;display:block;outline:none}.screen{position:absolute;inset:0;z-index:4}.cover{width:100%;height:100%;object-fit:cover;object-position:center}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#151223e8 0%,#19132282 40%,#18142600 70%),linear-gradient(0deg,#171223bb,transparent 24%)}.title-copy{position:absolute;left:6%;top:15%;max-width:55%}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--gold);margin:0 0 14px}.title-copy h1{font-family:var(--display);font-size:clamp(66px,9.6vw,142px);line-height:.8;font-weight:900;letter-spacing:-.025em;text-shadow:0 3px 0 #582932,0 6px 30px #0008;margin:0;color:#ffe6a5}.title-copy h1 span{font-size:.21em;letter-spacing:.22em;display:block;line-height:2.2;color:var(--ink)}.tagline{font-family:var(--display);font-size:clamp(22px,3.5vw,46px);line-height:1.05;margin:14px 0 26px;font-weight:600;letter-spacing:.005em}.primary{background:var(--gold);color:#282031;border:1px solid var(--gold);font-family:var(--display);font-weight:800;letter-spacing:.08em;font-size:17px;padding:14px 25px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 4px 0 #835e40;transition:background .15s,transform .15s}.primary:hover{background:#ffdb83;transform:translateY(-2px)}.primary span{font-family:Arial;font-size:24px;font-weight:400}.load-status{font-size:10px;color:#dac7be;min-height:16px;margin-top:14px}.title-bottom{position:absolute;left:6%;right:5%;bottom:5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:600;letter-spacing:.15em}.title-bottom b{font-size:8px;margin:0 10px;color:var(--gold)}.hud{position:absolute;inset:4% 4% auto;z-index:2;display:grid;grid-template-columns:1fr 85px 1fr;gap:22px;pointer-events:none;text-shadow:0 2px 6px #000}.name-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:7px;font-family:var(--display);font-size:28px;line-height:1;font-weight:800;letter-spacing:.04em}.name-row small{font-family:var(--body);font-size:9px;letter-spacing:.12em;color:#ddd}.health,.meter{height:14px;background:#2d203b;border:2px solid #f6e5bc;transform:skewX(-10deg);box-shadow:0 2px 8px #0005}.health i,.meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#d59b44,#f8d87d);transition:width .12s}.second .health i,.second .meter i{margin-left:auto}.second .health i{background:linear-gradient(90deg,#82b4b5,#c9e4cc)}.meter{height:6px;border:0;margin-top:5px;opacity:.92}.meter i{width:0;background:#be99ed}.under-meter{display:flex;justify-content:space-between;align-items:center;margin-top:7px;color:var(--gold);font-size:14px}.under-meter small{font-size:8px;letter-spacing:.08em;color:#f4e6d3;max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.round-hud{text-align:center}.round-hud small{font-size:9px;letter-spacing:.16em}.round-hud strong{font-family:var(--display);font-size:57px;font-weight:800;line-height:.98;display:block;color:#fff4ce}.round-hud>span{display:block;font-size:7px;letter-spacing:.12em;white-space:nowrap;margin-top:7px}.match-banner{position:absolute;top:40%;left:10%;right:10%;text-align:center;font-family:var(--display);font-weight:900;font-size:clamp(25px,5vw,68px);letter-spacing:.05em;line-height:1;text-shadow:0 4px 1px #542948,0 8px 25px #0009;z-index:3;pointer-events:none;color:#ffe4a4}.arena-tools{position:absolute;right:3%;bottom:3%;z-index:3;display:flex;gap:6px}.arena-tools button{border:1px solid #ffffff44;color:#fff1ce;background:#201829a8;padding:8px 11px;font-size:14px}.arena-tools button span{font-size:8px;letter-spacing:.08em;margin-left:5px}.select-screen{padding:4% 5%;background:radial-gradient(at 75% 0%,#5c394b80,transparent 70%),#211b30f7;overflow-y:auto;overscroll-behavior:contain}.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.selection-heading h2,.pause-panel h2{font-family:var(--display);font-size:clamp(28px,4vw,51px);line-height:1;margin:0;font-weight:700}.selection-heading .eyebrow{font-size:8px;margin-bottom:9px}.selection-targets{display:flex;justify-content:center;gap:22px;align-items:center;margin:16px 0 18px}.target{background:none;border:1px solid #ffffff25;color:var(--dim);padding:8px 18px;min-width:155px;text-align:left;font-size:8px;letter-spacing:.12em}.target strong{display:block;color:var(--ink);font-family:var(--display);font-size:22px;letter-spacing:.04em;margin-top:2px}.target.active{border-color:var(--gold);background:#e4b95713;color:var(--gold)}.selection-targets>span{font-family:var(--display);font-size:23px;color:#ac8299;font-style:italic;font-weight:800}.roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fighter-card{position:relative;overflow:hidden;padding:0;border:1px solid #ffffff2a;background:linear-gradient(155deg,#88616a30,#332b45);color:var(--ink);text-align:left;transition:transform .15s,border-color .15s}.fighter-card:hover{transform:translateY(-3px);border-color:var(--gold)}.fighter-card.selected{border-color:var(--gold);box-shadow:inset 0 -3px var(--gold)}.fighter-card canvas{width:100%;height:auto;display:block;aspect-ratio:1/1.05;object-fit:contain}.fighter-card .card-name{display:block;padding:9px 8px 4px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;background:#15122360}.fighter-card small{display:block;color:#d2b8bd;font-size:7px;line-height:1.35;letter-spacing:.06em;padding:0 8px 11px;background:#15122360}.fighter-card .pick-marker{position:absolute;top:5px;left:5px;background:var(--gold);color:#2c2334;padding:3px 5px;font-size:8px;font-weight:800}.match-options{margin-top:20px;display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:end;gap:14px}.match-options label{font-size:8px;font-weight:700;letter-spacing:.1em;color:var(--dim)}.match-options select{display:block;margin-top:7px;border:1px solid #ffffff35;color:var(--ink);background:#2d253c;width:100%;padding:10px 9px;font-size:10px;letter-spacing:0;min-height:39px}.match-options .primary{padding:10px 15px;font-size:14px;min-height:40px;gap:6px}.selection-footnote{font-size:8px;color:#b7a4b1;letter-spacing:.04em;margin:17px 0 0}.pause-screen{background:#171122b8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.pause-panel{text-align:center;width:310px;max-width:85%}.pause-panel .eyebrow{font-size:9px}.pause-panel h2{margin-bottom:24px}.pause-panel button{width:100%;margin-bottom:10px}.pause-panel .primary{justify-content:space-between}.secondary{border:1px solid #ffffff45;color:var(--ink);background:#2e213e;padding:11px 15px;font-size:12px}.secondary:hover{background:#4d3859}.game-caption{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.13em;color:#b8a4b1;padding:16px 0}.game-caption i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:7px}.below-game{max-width:1440px;margin:55px auto 65px;padding:0 8%;display:grid;grid-template-columns:1fr 1.1fr .75fr;gap:50px;align-items:center}.below-game h2{font-family:var(--display);font-size:40px;line-height:1.05;font-weight:600;margin:0}.below-game .eyebrow{font-size:9px}.below-game>p{color:var(--dim);font-size:12px;line-height:1.9;max-width:350px}.feature-stamps{display:flex;gap:12px;flex-direction:column;align-items:start}.feature-stamps span{border-bottom:1px solid #ffffff22;font-size:9px;letter-spacing:.1em;padding:0 0 10px;width:100%;color:#e1c2ba}footer{border-top:1px solid #ffffff18;max-width:1280px;margin:auto;padding:27px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:9px;font-weight:700;letter-spacing:.08em}footer p{font-size:9px;color:#958597;max-width:420px;line-height:1.6;margin:0}dialog{width:min(760px,calc(100vw - 32px));max-height:90vh;border:1px solid #846c7d;background:#261e34;color:var(--ink);padding:36px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#100d1bd9;backdrop-filter:blur(7px)}dialog h2{font-family:var(--display);font-size:46px;margin:0 0 18px;line-height:1}dialog h3{font-size:10px;letter-spacing:.13em;color:var(--gold);margin:18px 0}dialog p{color:#c5b8c5;font-size:12px;line-height:1.7}.close{position:absolute;right:17px;top:12px;font-size:25px;color:var(--ink);background:none;border:0}.control-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-block:1px solid #ffffff22;padding:0 0 16px}kbd{font-family:var(--body);font-size:10px;font-weight:700;color:#f9e7c7;background:#ffffff0b;border:1px solid #ffffff2a;padding:2px 5px;border-radius:3px;white-space:nowrap}.pad-help{margin-top:20px}.help-note{font-size:10px;color:#a791a5}.touch-controls{display:flex;justify-content:space-between;gap:16px;padding:15px 0 4px;touch-action:none;user-select:none}.touch-controls button{border:1px solid #ffffff35;background:#31243d;color:var(--ink);height:42px;min-width:45px;font-size:10px;font-weight:700;touch-action:none}.touch-controls button:active,.touch-controls button.pressed{background:#a77367}.touch-direction{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px}.touch-direction button{font-size:18px}.touch-direction button:first-child{grid-column:2}.touch-direction button:nth-child(2){grid-row:2;grid-column:1}.touch-direction button:nth-child(3){grid-row:2;grid-column:2}.touch-direction button:nth-child(4){grid-row:2;grid-column:3}.touch-attacks{display:grid;grid-template-columns:repeat(3,minmax(50px,80px));gap:4px}body.playing .site-header{height:64px}.fatal-note{position:absolute;bottom:15%;left:10%;right:10%;color:#ffdb8a;text-align:center;font-size:14px;z-index:8}
@media(min-width:1600px){.title-copy h1{font-size:142px}}@media(max-width:950px){.site-header{height:68px}.title-copy{top:13%}.title-copy h1{font-size:10.8vw}.tagline{margin:10px 0 20px;font-size:3.7vw}.eyebrow{font-size:8px}.primary{font-size:14px;padding:10px 18px}.load-status{font-size:8px;margin-top:11px}.title-bottom{font-size:7px;letter-spacing:.08em}.below-game{gap:25px;margin-block:35px}.below-game h2{font-size:32px}.below-game>p{font-size:11px}.name-row{font-size:24px}.select-screen{padding:3% 4%}.selection-heading h2{font-size:32px}.selection-targets{margin:10px 0 12px}.target{padding:6px 12px;min-width:125px}.target strong{font-size:19px}.fighter-card .card-name{font-size:18px;padding-top:5px}.fighter-card small{font-size:6px;padding-bottom:6px}.match-options{margin-top:13px;gap:10px}.selection-footnote{margin-top:10px}.arena-tools button{padding:5px 8px}.arena-tools button span{font-size:7px}.hud{gap:14px;grid-template-columns:1fr 65px 1fr}.round-hud strong{font-size:43px}.under-meter small{font-size:7px}.health{height:12px}}
@media(max-width:650px){.site-header{padding:0 5%;height:62px}.wordmark{font-size:20px}.header-note{display:none}main{padding:0 3%}.game-shell{aspect-ratio:16/10}.title-copy{left:6%;top:15%;max-width:65%}.title-copy h1{font-size:13vw}.title-copy .eyebrow{font-size:6px;letter-spacing:.14em;margin-bottom:11px}.tagline{font-size:4.7vw;margin:8px 0 14px}.title-copy .primary{font-size:11px;padding:8px 12px;gap:18px;min-height:35px}.title-copy .primary span{font-size:17px}.title-bottom{font-size:5px;gap:8px}.title-bottom b{margin:0 4px}.load-status{font-size:6px;max-width:200px}.game-caption{font-size:6px;letter-spacing:.07em;padding:12px 0;gap:6px}.below-game{grid-template-columns:1fr 1fr;padding:0 6%;gap:20px;margin-block:30px}.below-game h2{font-size:28px}.below-game>p{font-size:10px;line-height:1.8}.below-game .eyebrow{font-size:7px}.feature-stamps{grid-column:1/-1;flex-direction:row;gap:14px}.feature-stamps span{font-size:6px}footer{padding:21px 6%;flex-wrap:wrap;gap:12px}footer>span{font-size:8px}footer p{order:3;font-size:8px;max-width:100%}.select-screen{padding:16px 15px}.selection-heading h2{font-size:27px}.selection-heading .eyebrow{font-size:6px;margin-bottom:6px}.selection-heading .text-button{font-size:9px}.selection-targets{margin:12px 0;gap:12px}.target{font-size:6px;min-width:105px;padding:6px 10px}.target strong{font-size:18px}.selection-targets>span{font-size:19px}.roster{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.fighter-card canvas{aspect-ratio:1/1;height:95px;object-fit:contain}.fighter-card .card-name{font-size:18px;padding:5px 7px 2px}.fighter-card small{font-size:6px;padding:0 7px 7px}.match-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.match-options .primary{grid-column:1/-1;justify-content:center;gap:30px;min-height:38px}.match-options select{font-size:9px;padding:7px;min-height:32px;margin-top:5px}.match-options label{font-size:7px}.selection-footnote{font-size:7px;margin-top:12px}.hud{top:5%;gap:8px;grid-template-columns:1fr 42px 1fr}.name-row{font-size:20px;margin-bottom:5px}.name-row small{font-size:6px}.health{height:9px;border-width:1px}.meter{height:4px;margin-top:4px}.under-meter{font-size:10px;margin-top:4px}.under-meter small{font-size:5px}.round-hud small{font-size:5px;letter-spacing:.09em}.round-hud strong{font-size:32px}.round-hud>span{font-size:4px;margin-top:3px}.arena-tools{bottom:2%;right:2%;gap:4px}.arena-tools button{padding:4px 7px;font-size:12px}.arena-tools button span{display:none}.pause-panel{width:240px}.pause-panel .eyebrow{font-size:7px;margin-bottom:10px}.pause-panel h2{font-size:28px;margin-bottom:18px}.pause-panel .primary{padding:9px 14px;font-size:12px}.pause-panel .secondary{padding:8px;font-size:10px}.pause-panel button{margin-bottom:8px}.pause-panel .text-button{font-size:9px;padding:6px}dialog{padding:25px}dialog h2{font-size:36px}dialog p{font-size:10px}.control-columns{grid-template-columns:1fr;gap:4px}.control-columns h3{margin-top:15px}.control-columns p{margin-block:9px}.touch-controls{padding-top:7px}.touch-direction{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px)}.touch-controls button{height:36px;min-width:36px;font-size:8px}.touch-direction button{font-size:17px}.touch-attacks{grid-template-columns:repeat(3,minmax(44px,64px))}body.playing .site-header{height:48px}body.selecting .game-shell{min-height:530px;aspect-ratio:auto}body.selecting #arena{position:absolute;inset:0}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.cover-shade{background:linear-gradient(0deg,#171223bd,transparent 29%)}.title-copy{left:50%;top:auto;bottom:10%;transform:translateX(-50%);max-width:70%;width:max-content;text-align:center}.title-copy .tagline{font-size:clamp(13px,1.5vw,20px);font-family:var(--body);line-height:1.3;font-weight:500;letter-spacing:.03em;margin:0 0 15px;text-shadow:0 2px 8px #130e23}.title-copy .primary{min-width:230px}.title-copy .load-status{margin:12px 0 0}.title-bottom{bottom:3%;font-size:7px}.cover{object-fit:contain}.title-screen{background:#160f24}
#game-window:fullscreen{max-width:none;width:100vw;height:100dvh;padding:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;background:#100e19;overflow:hidden}#game-window:fullscreen .game-shell{flex:none;width:min(100%,calc((100dvh - 42px) * 16 / 9));aspect-ratio:16/9}#game-window:fullscreen .game-caption{width:100%;max-width:960px;padding:9px 0}#game-window:fullscreen .touch-controls{width:min(100%,960px);flex:none}#game-window:fullscreen:has(#touch-controls:not([hidden])) .game-shell{width:min(100%,calc((100dvh - 150px) * 16 / 9))}
@media(max-width:650px){.title-screen{display:flex;align-items:center}.title-screen .cover{object-fit:cover}.title-copy{left:50%;top:auto;bottom:9%;max-width:85%}.title-copy .tagline{font-size:8px;margin-bottom:7px}.title-copy .primary{min-width:165px;padding:7px 12px;font-size:11px;min-height:31px}.title-copy .load-status{font-size:5px;margin-top:8px;max-width:none}.title-bottom{font-size:4px;left:4%;right:4%;bottom:2%}body.selecting .game-shell{min-height:575px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.pause-screen{backdrop-filter:none}}