[hidden]{display:none!important}.studio-mark{display:flex;align-items:center}.studio-mark img{width:86px;height:52px;object-fit:contain}header{padding-top:10px;padding-bottom:10px}.chapter{margin-left:auto}.wordmark{margin-left:16px;margin-right:20px}.menu-actions{display:grid;gap:8px;margin-top:10px;max-width:260px}.menu-actions button,.menu-actions a{border:1px solid #8f9c8b;background:#243939ed;color:#f1ead8;text-align:center;text-decoration:none;padding:11px 15px;font-size:12px;font-weight:700}.menu-actions button:hover,.menu-actions a:hover{background:#3c5550}.menu-studio{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:10px;color:#ece3cc}.menu-studio img{width:74px;height:54px;object-fit:contain}.screen .primary{width:260px;max-width:100%}.screen .hint{max-width:260px;line-height:1.5}.lower{grid-template-columns:1fr}.lower>section{max-width:850px}.touch button{min-width:65px;flex-basis:65px;min-height:46px}dialog{border:1px solid #d6ae60;background:linear-gradient(145deg,#2a3b3a,#142324);color:#f2e9d4;max-width:min(760px,94vw);width:650px;padding:26px;box-shadow:0 25px 90px #000b;max-height:90dvh;overflow:auto}dialog::backdrop{background:#071112c9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}dialog h2{font:800 32px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:0;color:#f2c778}.close-dialog{background:#a9363a;border:1px solid #df8d7b;color:white;font-size:24px;width:34px;height:34px;line-height:1}dialog button.primary{background:#e5ae55;border:1px solid #f4d28f;color:#172323;font-weight:700;padding:14px 20px}dialog>.primary{width:100%;margin-top:20px}.dialog-note{font-size:12px;line-height:1.7;color:#bfcbc3}.volume-label{display:flex;justify-content:space-between;font-size:14px;font-weight:700}#sfx-volume{width:100%;accent-color:#e5ae55;margin:24px 0;height:28px}#settings-dialog,#pause-dialog{width:420px}#pause-dialog>button{width:100%;display:block;margin:10px 0;padding:14px;border:1px solid #8c9f91;background:#304c49;color:#f3ead7;font-weight:700}#pause-dialog>.primary{background:#e5ae55;color:#162322}#return-menu{font-size:11px}#fighter-slot .fighter-card{min-height:180px}#fighter-slot .portrait{width:115px;height:160px}.screen>div{max-width:420px}@media(max-width:850px){.screen h2{font-size:45px}.screen>div{max-width:58%}.menu-studio{display:none}.menu-actions{gap:5px;margin-top:6px}.menu-actions button,.menu-actions a{padding:7px 10px;font-size:10px}.screen .primary{padding:10px;min-width:0;margin-top:0;font-size:12px}.screen p{font-size:10px}.screen .hint{display:none}.intro{margin-bottom:12px}.intro h1{font-size:38px}.intro p{display:none}.header-note{display:none}.chapter{font-size:8px}#fighter-slot .roster{grid-template-columns:1fr 1fr}#fighter-slot .fighter-card{display:block;text-align:center;padding:8px}#fighter-slot .portrait{width:100%;height:150px}dialog{padding:18px}.dialog-heading{margin-bottom:12px}dialog h2{font-size:25px}}@media(max-width:540px){.stage:has(.screen:not(.hidden)){min-height:370px;background:#162323 url(assets/foundry-street.png) center/cover}#game{min-height:0;height:auto;object-fit:contain}.screen>div{max-width:65%}.screen h2{font-size:32px}.screen .primary{width:190px}.menu-actions{width:190px;max-width:100%}.screen p{font-size:10px}.studio-mark img{width:58px;height:42px}.wordmark{font-size:22px;margin-left:8px}.chapter{max-width:90px;text-align:right}.touch button{min-width:55px;flex-basis:55px}.intro h1{font-size:32px}.enemy-roster{grid-template-columns:repeat(2,1fr)}}

body:not(.run-active) .touch{display:none!important}

/* Approved poster and illustrated menu controls. */
body:not(.run-active) .intro,body:not(.run-active) .cabinet-top,body:not(.run-active) .rail,body:not(.run-active) .lower,body:not(.run-active) .enemy-section{display:none}
body:not(.run-active) main{max-width:1920px;padding:12px 0 0}
body:not(.run-active) .stage{aspect-ratio:16/9;min-height:0;background:#10262c}
body:not(.run-active) #overlay{background:#10262c url(assets/main-menu.webp) center/contain no-repeat;padding:0;display:block}
body:not(.run-active) #overlay>div{position:absolute;left:4%;top:44%;width:27%;max-width:none}
body:not(.run-active) #overlay .kicker,body:not(.run-active) #overlay h2,body:not(.run-active) #overlay p,body:not(.run-active) .menu-studio{display:none}
body:not(.run-active) .menu-actions{display:grid;gap:8px;margin:8px 0 0;max-width:none;width:100%}
body:not(.run-active) #start,body:not(.run-active) .menu-actions button,body:not(.run-active) .menu-actions a{display:block;width:100%;max-width:none;min-width:0;aspect-ratio:5.5;background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;border:0;box-shadow:none;padding:0;margin:0;font-size:0;color:transparent}
body:not(.run-active) #start{background-image:url(assets/menu-play.webp)}
body:not(.run-active) #load-game{background-image:url(assets/menu-load.webp)}
body:not(.run-active) #menu-settings{background-image:url(assets/menu-settings.webp)}
body:not(.run-active) .menu-actions a{background-image:url(assets/menu-website.webp);aspect-ratio:6.9}
body:not(.run-active) #start:hover,body:not(.run-active) .menu-actions>*:hover{filter:brightness(1.16);transform:translateX(3px)}
body:not(.run-active) #load-game:disabled{filter:grayscale(.8);opacity:.55;cursor:not-allowed}
@media(max-width:650px){body:not(.run-active) .menu-actions{gap:3px;margin-top:3px}body:not(.run-active) header{padding:4px 3%}}

#music-volume{width:100%;accent-color:#e5ae55;margin:24px 0;height:28px}

#fighter-slot .roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#fighter-slot .fighter-card{min-width:0}body.run-active #overlay{background:#0b1820df}body.run-active #overlay>div{max-width:480px}

/* Foundry steel and brass character selection, matching the approved menu. */
#fighter-dialog{width:900px;max-width:94vw;padding:28px;background:linear-gradient(125deg,#071d29ed,#173e49ed 50%,#241b16f5),url(assets/main-menu.webp) center/cover;border:3px solid #c88d3b;border-radius:8px;box-shadow:inset 0 0 0 3px #122d38,inset 0 0 35px #000a,0 20px 70px #000d}
#fighter-dialog .dialog-heading{border-bottom:2px solid #b7813e;padding-bottom:16px}
#fighter-dialog h2{color:#ffe3a1;text-shadow:2px 3px #080f16;font-style:italic;font-size:38px}
#fighter-slot .fighter-card{background:linear-gradient(145deg,#315364ee,#0b2434f5);border:2px solid #8b9e9f;border-radius:5px;box-shadow:inset 0 0 0 3px #112735,3px 4px #0007;overflow:visible;padding:12px;gap:10px}
#fighter-slot .fighter-card.active{border-color:#ffd277;background:linear-gradient(145deg,#665034,#233b42)}
#fighter-slot .fighter-card:hover,#fighter-slot .fighter-card:focus-visible{border-color:#ffe2a1;background:linear-gradient(145deg,#486d79,#183440)}
#fighter-slot .fighter-card::after{content:attr(data-style);position:absolute;left:5%;right:5%;bottom:8px;background:#081b29f5;color:#ffe5af;padding:9px;border:1px solid #ca974b;font-size:12px;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .15s,transform .15s;z-index:2}
#fighter-slot .fighter-card:hover::after,#fighter-slot .fighter-card:focus-visible::after{opacity:1;transform:none}
#fighter-dialog #begin-run{background:linear-gradient(#f5cb77,#b97829);color:#102330;border:2px solid #ffe0a0;box-shadow:inset 0 0 0 2px #9b692b,3px 4px #0008;font:900 25px 'Barlow Condensed',Impact,sans-serif;text-shadow:0 1px #ffe3a1}
body:not(.run-active) header{border:0;padding:5px 4%}body:not(.run-active) .studio-mark img{height:38px}
@media(max-width:540px){#fighter-dialog{padding:14px}#fighter-dialog h2{font-size:27px}#fighter-slot .fighter-card h3{font-size:21px}#fighter-slot .fighter-card::after{font-size:10px;padding:5px}}

.fighter-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:22px}.fighter-preview{background:linear-gradient(#1c3d4ac9,#091c29ed);border:1px solid #c49856;padding:12px;text-align:center;min-width:0}#fighter-large{display:block;width:100%;height:260px;object-fit:contain}.fighter-preview h3{font:800 30px 'Barlow Condensed',sans-serif;margin:4px;color:#ffe1a0}#preview-move{font-size:12px;color:#f2c778;margin:5px}#fighter-story{height:120px;overflow-y:auto;text-align:left;line-height:1.65;font-size:13px;padding:10px;color:#f0e8d6;scrollbar-color:#d5a24e #142f3b}#fighter-slot .roster{grid-template-columns:1fr;gap:9px}#fighter-slot .fighter-card{min-height:100px}#fighter-slot .portrait{width:90px;height:100px}#fighter-slot .fighter-card h3{font-size:26px}#fighter-slot .stats{display:none}#fighter-dialog{width:1000px}#fighter-slot .fighter-card::after{bottom:3px;font-size:11px;padding:5px}
@media(max-width:650px){.fighter-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:9px}#fighter-slot .roster{grid-template-columns:1fr}#fighter-slot .fighter-card{display:flex;min-height:85px;padding:4px}#fighter-slot .portrait{width:55px;height:80px}#fighter-slot .fighter-card h3{font-size:18px}#fighter-slot .fighter-card small{font-size:7px}#fighter-large{height:220px}#fighter-story{height:120px;font-size:11px}.fighter-preview{padding:5px}.fighter-preview h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){#fighter-slot .fighter-card::after{transition:none}}

/* Shared illustrated-menu lettering and foundry trim. */
#fighter-dialog,#settings-dialog,#pause-dialog{border:3px solid #c88d3b;border-radius:14px;background:linear-gradient(125deg,#071d29ed,#173e49ed 50%,#241b16f5),url(assets/main-menu.webp) center/cover;box-shadow:inset 0 0 0 3px #122d38,inset 0 0 35px #000a,0 20px 70px #000d}
#fighter-dialog h2,#fighter-dialog h3,#settings-dialog h2,#pause-dialog h2,#fighter-dialog button,#settings-dialog button,#pause-dialog button{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;letter-spacing:.6px;text-transform:uppercase;text-shadow:1px 2px 0 #09151f}
#fighter-dialog h2,#settings-dialog h2,#pause-dialog h2{color:#ffe3a1;font-size:36px}
#settings-dialog .dialog-heading,#pause-dialog .dialog-heading{border-bottom:2px solid #b7813e;padding-bottom:16px}
#settings-dialog .volume-label{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:20px;color:#ffe4aa}
#settings-dialog button.primary,#pause-dialog button.primary{background:linear-gradient(#f5cb77,#b97829);border:2px solid #ffe0a0;box-shadow:inset 0 0 0 2px #9b692b,3px 4px #0008;font-size:23px;color:#102330;text-shadow:0 1px #ffe3a1}
.fighter-preview{border-radius:16px;overflow:hidden}#fighter-story{border-radius:8px}#fighter-dialog .close-dialog{border-radius:8px;background:linear-gradient(#356379,#102d40);border:1px solid #e5b35b;font-style:normal;font-size:25px;text-shadow:none}
body.run-active .intro,body.run-active .lower,body.run-active .enemy-section,body.run-active .rail{display:none!important}body.run-active main{max-width:1920px;padding:8px 0;margin:auto}body.run-active .cabinet{border:2px solid #b38544;border-radius:10px;overflow:hidden}body.run-active .cabinet-top{background:linear-gradient(#284a58,#0d2635);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;color:#ffe1a0}body.run-active .menu-actions,body.run-active .menu-studio{display:none}body.run-active #overlay{align-items:center;justify-content:center;text-align:center;background:#071623df}body.run-active #overlay>div{max-width:580px;padding:28px;border:2px solid #c49651;border-radius:14px;background:linear-gradient(145deg,#264959,#0a202e);box-shadow:0 18px 60px #0009}body.run-active #overlay h2{font-style:italic}body.run-active #overlay .primary{background:linear-gradient(#f5cb77,#b97829);border:2px solid #ffe0a0;border-radius:6px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-style:italic}
/* Compact branded gameplay header. */
body>header{display:flex;align-items:center;justify-content:flex-start;gap:14px;max-width:1920px;padding:5px 14px;height:52px}.game-header-logo{font:900 italic 29px/1 'Barlow Condensed',Impact,sans-serif;color:#fff0cb;text-shadow:2px 3px #092630,-1px -1px #c58c34;letter-spacing:-1px}.game-header-logo b{color:#e5ae55}.header-controls{margin-left:auto;display:flex;gap:8px}.header-controls button{font:800 italic 15px 'Barlow Condensed',Impact,sans-serif;border:1px solid #a98b51;border-radius:5px;background:#173a4c;color:#fff0cb;padding:7px 13px}body:not(.run-active) .header-controls{visibility:hidden}body.run-active main{width:min(1920px,calc((100dvh - 64px)*16/9));max-width:100%;padding:0 8px;margin:auto}.cabinet-top{display:none!important}.cabinet{border-radius:8px;overflow:hidden}@media(max-width:600px){.game-header-logo{font-size:22px}.header-controls button{font-size:12px;padding:5px}.studio-mark img{max-width:45px}}
.game-header-logo{width:92px;height:44px;object-fit:contain;display:block}
/* Playtest ribbon stays clear of the illustrated title and menu buttons. */
.playtest-banner{display:none}body:not(.run-active) .playtest-banner{display:block;position:absolute;right:2.5%;top:3.5%;z-index:2;pointer-events:none;transform:rotate(5deg) skew(-6deg);padding:.12em .65em .2em;border:3px solid #ffe1a0;border-radius:5px;background:linear-gradient(135deg,#285d6c,#102f40);box-shadow:inset 0 0 0 2px #a77431,4px 5px 0 #07151d99;color:#ffe7ae;font:900 italic clamp(20px,4.2vw,76px)/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:.045em;text-shadow:2px 3px 0 #09151f,-1px -1px 0 #fff3cd}

#fighter-dialog .close-dialog{display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0;font-family:Arial,sans-serif;font-size:24px;letter-spacing:0}