:root{--ink:#101b25;--cream:#f4eddb;--yellow:#ffce57;--muted:#94a6ae;--green:#77d9b5}*{box-sizing:border-box}body{margin:0;background:#0b141b;color:var(--cream);font-family:Barlow,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:4px}button{border:0}button:hover{filter:brightness(1.13)}[hidden]{display:none!important}.masthead{height:83px;max-width:1500px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--cream);text-decoration:none;font-size:12px;letter-spacing:1.7px;font-weight:800}.brand b{display:block;font-size:10px;letter-spacing:5px;color:#7e999e;margin-top:3px}.brand-mark{background:var(--yellow);color:var(--ink);font-weight:900;font-size:23px;letter-spacing:-2px;border-radius:3px;transform:rotate(-5deg);padding:6px 7px}.header-right{display:flex;align-items:center;gap:10px}.header-right button{background:#17252f;border:1px solid #304049;height:34px;min-width:34px;border-radius:5px;font-size:12px;font-weight:700}.header-right button:first-of-type{padding:0 13px}.build{font-size:10px;letter-spacing:1.5px;margin-right:20px;color:var(--muted)}.build i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#68818e;vertical-align:middle;margin:0 10px}main{max-width:1500px;margin:auto;padding:0 40px}#cabinet{position:relative;width:100%;aspect-ratio:16/9;border:1px solid #405159;border-radius:10px;overflow:hidden;background:#253139;box-shadow:0 24px 100px #0006;isolation:isolate;touch-action:none}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #030d1566;z-index:1}.screen{position:absolute;inset:0;background:linear-gradient(90deg,#0b1a24f5 0%,#0b1a24dd 30%,#0b1a2466 56%,transparent 75%);z-index:2}.menu-copy{position:absolute;left:5.2%;top:9%;width:48%}.eyebrow{font-size:clamp(9px,1vw,13px);letter-spacing:2px;font-weight:800;color:var(--yellow)}.eyebrow i{width:7px;height:7px;display:inline-block;background:var(--yellow);margin-right:8px}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;line-height:.85;font-size:clamp(50px,7.7vw,108px);letter-spacing:-1.5px;margin:24px 0;color:var(--cream);text-shadow:5px 6px 0 #071118}h1>span:first-child{display:block;font-size:.55em;letter-spacing:1px;line-height:1.15}.subtitle{display:block;width:max-content;background:var(--yellow);color:var(--ink);font-size:.31em;letter-spacing:8px;line-height:1.2;padding:5px 14px 7px;transform:rotate(-3deg);text-shadow:none;margin:17px 0 0 4px}.menu-copy p{color:#b4c4c6;line-height:1.6;font-size:clamp(11px,1.1vw,16px);margin:29px 0 23px}.settings{display:flex;gap:18px;margin-bottom:17px}.settings label{display:flex;flex-direction:column;color:#819a9f;font-size:9px;font-weight:800;letter-spacing:2px;gap:5px}.settings select{background:transparent;border:0;border-bottom:1px solid #607174;border-radius:0;color:var(--cream);font-weight:600;font-size:12px;padding:6px 18px 7px 0;max-width:225px}.settings option{background:var(--ink)}.primary{background:var(--yellow);color:var(--ink);border:2px solid #ffe29a;border-radius:4px;padding:15px 22px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;font-weight:800;letter-spacing:1.4px;box-shadow:0 5px 0 #96702c;display:inline-flex;gap:45px;align-items:center}.primary span{font-size:27px;line-height:1}.secondary{background:#23353e;border:1px solid #547078;border-radius:4px;font-weight:800;font-size:12px;padding:12px 16px;margin:12px 10px 0 0}.menu-links{display:flex;gap:22px;margin-top:23px}.menu-links button{color:#a5b8b9;background:none;padding:0;font-size:9px;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid #53686d;padding-bottom:6px}.edition{position:absolute;right:4%;bottom:5%;text-align:right;font-family:'Barlow Condensed',sans-serif}.edition span{display:block;font-size:10px;letter-spacing:3px;color:#d4e2d9}.edition strong{display:block;margin-top:8px;font-size:16px;letter-spacing:1px}.edition em{margin:0 8px;font-style:normal;color:var(--yellow)}.controls-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;height:66px;color:#9bb0b5;font-size:9px;letter-spacing:1px;border-bottom:1px solid #283942}.controls-strip b{font-size:10px;font-weight:600;letter-spacing:1.2px}.live-dot{width:6px;height:6px;display:inline-block;background:var(--green);border-radius:50%;margin-right:9px;box-shadow:0 0 8px #77d9b555}.key-guide{display:flex;gap:16px}.key-guide span{display:flex;align-items:center;gap:7px}kbd{font-family:Barlow,Arial,sans-serif;color:#d2dedb;border:1px solid #465b64;border-radius:3px;padding:4px 6px;box-shadow:0 2px #263a45;font-size:10px}#footerHelp{background:none;color:var(--yellow);font-size:9px;font-weight:700;letter-spacing:1px}.legal{display:flex;justify-content:space-between;padding:20px 0;color:#6d858e;font-size:10px}.legal span:first-child{font-style:italic}#hud{position:absolute;top:0;left:0;width:100%;z-index:3;padding:2% 2.4%;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(#0a121bea,transparent);pointer-events:none}#heroes{display:flex;gap:9px;pointer-events:auto}.hero-card{position:relative;background:#10212bdf;border:2px solid #536774;border-radius:7px;padding:7px 10px;min-width:90px;transform:skew(-3deg);text-align:left;transition:border-color .12s}.hero-card.active{border-color:var(--yellow);background:#273534}.hero-card.down{opacity:.6;border-color:#ef6975}.hero-card span{display:block;font-size:10px;letter-spacing:1px;font-weight:800}.hero-card small{display:block;font-size:11px;color:var(--yellow);letter-spacing:3px;margin-top:4px}.hero-card b{position:absolute;right:4px;top:-10px;border-radius:3px;padding:2px 4px;font-size:8px;background:var(--yellow);color:var(--ink)}.hud-center{padding-top:6px;text-align:center}.hud-center span{font-size:10px;color:#c2d2d3;font-weight:800;letter-spacing:2px}.hud-center b{display:block;font-size:13px;letter-spacing:1px;margin-top:7px;color:var(--yellow)}.hud-score{display:flex;gap:20px;align-items:center}.hud-score>span:first-child{font-size:8px;letter-spacing:2px}.hud-score>span b{display:block;font-size:23px;font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.skull-line{display:flex;align-items:center;gap:7px;color:var(--yellow);font-size:27px}.skull-line small{font-size:12px;color:#82989c}.hud-score button{pointer-events:auto;background:#263842c9;border:1px solid #5c727a;border-radius:4px;padding:7px 11px}#bossHud{position:absolute;top:14%;left:32%;width:36%;z-index:3;text-align:center}#bossHud span{font-size:11px;font-weight:800;letter-spacing:2px;text-shadow:1px 2px #071219}#bossHud>div{height:8px;border:1px solid #f5d5b5;background:#14212c;border-radius:5px;margin-top:6px;overflow:hidden}#bossHealth{display:block;height:100%;background:#ef685b;transition:width .2s}#toast{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);z-index:4;max-width:85%;padding:10px 18px;border-radius:4px;background:#101b25ed;border:1px solid #8b9a8d;font-size:12px;letter-spacing:.5px;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#stageFlash{position:absolute;top:33%;width:100%;text-align:center;pointer-events:none;z-index:4;font-family:'Barlow Condensed',Impact,sans-serif;font-size:58px;letter-spacing:2px;font-weight:900;text-shadow:4px 4px #152832;transition:opacity .3s}.modal{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#071118d9;backdrop-filter:blur(7px);padding:20px}.panel{max-width:760px;width:86%;max-height:95%;overflow:auto;background:#142630;border:1px solid #647577;box-shadow:9px 9px 0 #050e15aa;padding:30px 36px;border-radius:9px}.panel h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;margin:9px 0 17px;text-transform:uppercase;letter-spacing:1px}.panel p{font-size:13px;line-height:1.65;color:#bdd0d1}.panel table{width:100%;border-collapse:collapse;font-size:12px}.panel td,.panel th{padding:8px 5px;border-bottom:1px solid #304750;text-align:left}.panel th{color:var(--yellow);font-size:10px;letter-spacing:1px}.panel a{color:var(--yellow)}#dialogActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.panel .primary{font-size:18px;padding:10px 18px;box-shadow:0 3px #96702c}.panel .secondary{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat-grid div{background:#20353f;padding:15px;color:#b5caca;font-size:10px;letter-spacing:1px}.stat-grid b{display:block;color:var(--yellow);font-size:29px;font-family:'Barlow Condensed',sans-serif;margin-top:7px}#touch{position:absolute;bottom:4%;left:3%;right:3%;z-index:5;display:flex;justify-content:space-between;pointer-events:none;align-items:end}#joystick{width:110px;height:110px;border:2px solid #d0e5dc55;border-radius:50%;background:#19313e88;pointer-events:auto;position:relative;touch-action:none}#joystick i{display:block;width:46px;height:46px;border-radius:50%;background:#d4e9db88;position:absolute;left:30px;top:30px}#joystick span{position:absolute;bottom:-17px;width:100%;text-align:center;font-size:8px;letter-spacing:2px}.touch-actions{display:grid;grid-template-columns:repeat(4,52px);gap:8px;pointer-events:auto}.touch-actions button{width:52px;height:43px;border-radius:8px;background:#132731bb;border:1px solid #adc7bd99;font-size:8px;font-weight:800;touch-action:none}.touch-actions button[data-action=melee]{background:#ffce57ce;color:#15212b}.touch-actions button:active{transform:scale(.93)}
@media(min-width:1500px){h1{font-size:108px}}@media(max-width:1000px){.masthead{height:65px;padding:0 20px}main{padding:0 20px}.build{display:none}.menu-copy{top:7%}h1{margin:14px 0}.menu-copy p{margin:21px 0 14px}.settings{margin-bottom:12px}.primary{font-size:18px;padding:10px 17px}.menu-links{margin-top:16px;gap:16px}.menu-links button{font-size:8px}.edition strong{font-size:12px}.key-guide{gap:10px}.key-guide span:nth-last-child(-n+2){display:none}.hero-card{min-width:65px;padding:5px 7px}.hero-card span{font-size:8px}.hero-card small{font-size:9px}.hud-score{gap:10px}.hud-score>span b{font-size:19px}.hud-center span{font-size:8px}.hud-center b{font-size:10px}.panel{padding:20px 26px}.panel h2{font-size:30px}.panel p,.panel table{font-size:11px}.panel td,.panel th{padding:5px}.legal{gap:20px}.legal span:last-child{text-align:right}.settings select{font-size:10px;max-width:170px}.settings label{font-size:8px}}
@media(max-width:680px){main{padding:0 8px}.masthead{height:57px;padding:0 13px}.brand{font-size:10px}.brand b{font-size:8px}.brand-mark{font-size:19px}.header-right{gap:5px}.header-right button{height:30px;min-width:30px}.header-right button:first-of-type{font-size:9px;padding:0 6px}#cabinet{aspect-ratio:4/3}canvas{object-fit:cover}h1{font-size:clamp(40px,10vw,65px);margin:12px 0}.menu-copy{width:65%;top:7%;left:6%}.menu-copy p{font-size:10px;margin:15px 0 12px}.eyebrow{font-size:8px;letter-spacing:1px}.subtitle{margin:10px 0;letter-spacing:4px}.edition{display:none}.settings{gap:13px;margin-bottom:12px}.settings select{max-width:130px;font-size:9px}.primary{font-size:17px;padding:9px 15px;gap:25px}.secondary{font-size:10px;padding:8px;margin-top:10px}.menu-links{margin-top:15px;gap:15px}.menu-links button{font-size:7px;letter-spacing:.8px}.controls-strip{height:49px}.key-guide{display:none}.legal{font-size:8px;padding:15px 2px}.legal span:first-child{max-width:75px}#hud{padding:10px 8px}.hero-card{min-width:51px;padding:4px}.hero-card span{font-size:6px}.hero-card small{font-size:7px;letter-spacing:1px}#heroes{gap:4px}.hud-center{display:none}.hud-score>span b{font-size:16px}.skull-line{font-size:19px}.hud-score button{padding:4px 7px}#bossHud{top:16%;width:50%;left:25%}#bossHud span{font-size:8px}#stageFlash{font-size:33px}.panel{width:96%;padding:17px;max-height:96%}.panel h2{font-size:25px;margin-bottom:10px}.panel p,.panel table{font-size:10px}.panel .primary{font-size:15px}#dialogActions{margin-top:15px}.stat-grid{gap:7px}.stat-grid div{padding:10px;font-size:8px}#toast{font-size:10px;bottom:37%;padding:8px 12px}#joystick{width:84px;height:84px}#joystick i{width:36px;height:36px;left:22px;top:22px}.touch-actions{grid-template-columns:repeat(4,38px);gap:5px}.touch-actions button{width:38px;height:35px;font-size:6px}}
@media(pointer:coarse) and (orientation:landscape){.masthead{height:45px}main{padding:0 8px}#cabinet{width:min(100%,calc((100dvh - 52px)*16/9));aspect-ratio:16/9;margin:auto}.controls-strip,.legal{display:none}.menu-copy{top:5%}.menu-copy p{display:none}h1{font-size:clamp(45px,8vw,76px);margin:10px 0}.settings{margin:16px 0 10px}.menu-links{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ctas .secondary{margin:0}.screen .ctas .primary{white-space:nowrap}
@media(max-width:1000px){.ctas{gap:9px}.ctas .primary{font-size:16px;gap:22px;padding:10px 15px}.ctas .secondary{font-size:9px;padding:10px}.menu-copy{width:53%}.menu-copy p{margin:18px 0 13px}.menu-links{gap:15px;margin-top:15px}}
@media(max-width:680px) and (orientation:portrait){#cabinet:has(#menu:not([hidden])){height:490px;aspect-ratio:auto}#cabinet:has(#menu:not([hidden])) canvas{position:absolute;bottom:0;height:auto;aspect-ratio:16/9;object-fit:contain}#menu.screen{background:linear-gradient(180deg,#0b1a24 0%,#0b1a24e8 48%,#0b1a2444 88%)}.menu-copy{width:88%;top:6%}.menu-copy p{margin:16px 0}.menu-links{margin-top:18px}.ctas .primary{font-size:15px;padding:10px 12px;gap:16px}.ctas .secondary{font-size:8px;padding:10px 8px}canvas{object-fit:contain}.legal span:last-child{max-width:250px}}
@media(pointer:coarse) and (orientation:landscape){.menu-copy{top:4%}.settings{margin:12px 0 9px}.ctas .primary{font-size:15px;padding:8px 13px}.menu-links{margin-top:12px}}