@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--mint:#7affc8;--gold:#ffcd69;--muted:#99a9ad}*{box-sizing:border-box}body{margin:0;background:#080f16;color:#edf4f3;font:14px Inter,system-ui,sans-serif;background-image:radial-gradient(ellipse at 20% 0%,#17303577,transparent 55%)}a{color:inherit;text-decoration:none}header{height:86px;max-width:1256px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #ffffff12}.brand{font-weight:900;letter-spacing:1px}.brand span{color:var(--mint)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:6px}#profile{display:flex;align-items:center;gap:10px;font-size:12px;color:#b8c7c8}#avatar img{width:30px;height:30px;border-radius:50%}main{max-width:1200px;margin:auto;padding:34px 28px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:var(--mint)}h1{font:900 italic 64px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:12px 0}h1 em{color:var(--mint)}h1 sup{font:700 9px Inter,sans-serif;font-style:normal;letter-spacing:1px;color:var(--gold);border:1px solid #ffcd6944;padding:5px 7px;vertical-align:middle;margin-left:17px}p{color:var(--muted);line-height:1.7;margin:8px 0}.mode{text-align:right;display:grid;gap:7px;font-size:11px;letter-spacing:1px}.mode>span:first-child{color:var(--mint);font-weight:800}.mode>span:last-child{font-size:10px;letter-spacing:0;color:var(--muted)}.cabinet{position:relative;overflow:hidden;isolation:isolate;background:#121b30;border:1px solid #69888066;border-radius:14px;box-shadow:0 24px 80px #0007}canvas{display:block;width:100%;height:auto;outline:none;touch-action:none}.hud{position:absolute;top:0;left:0;width:100%;display:flex;gap:20px;padding:20px 25px 50px;background:linear-gradient(#06101bea,transparent);z-index:1;pointer-events:none}.fighter-hud{flex:1;min-width:0}.fighter-hud>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:5px}.fighter-hud strong{font:800 26px 'Barlow Condensed',Impact,sans-serif;font-style:italic;letter-spacing:1px}.fighter-hud small{color:#d0d8dc;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.health{height:18px;transform:skew(-12deg);background:#391b37;border:2px solid #d5eeeaaa;padding:2px;margin-top:6px;box-shadow:0 3px #0009}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#27aa93,#9affcd);transition:width .08s}.right .health i{background:linear-gradient(90deg,#ffd579,#ff7b87);margin-left:auto}.right>div:first-child{flex-direction:row-reverse}.under{display:flex;justify-content:space-between;color:var(--gold);font-size:19px;font-weight:900;margin-top:7px}.under span+span{font-size:8px;color:#f0f3f3aa;letter-spacing:1px;padding-top:6px}.right .under{flex-direction:row-reverse}.clock{text-align:center;min-width:58px}.clock strong{display:block;font:900 46px/.95 'Barlow Condensed',Impact,sans-serif;color:#ffe5a9}.clock span{font-size:8px;letter-spacing:1px}.arena-tag{position:absolute;bottom:15px;left:20px;font-size:8px;letter-spacing:2px;font-weight:700;text-shadow:0 2px 5px black}.arena-tag span{color:#ffffff70;margin-left:15px}#fullscreen{position:absolute;right:12px;bottom:10px;padding:3px 10px;font-size:24px;background:#07101b88}.cabinet:fullscreen{border:0;border-radius:0;display:flex;align-items:center;background:#03090d}.cabinet:fullscreen canvas{max-height:100vh;object-fit:contain}#announcement{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;text-shadow:0 4px 0 #1c1837,0 0 30px #000;gap:8px;padding-top:35px}#announcement strong{font:900 italic clamp(24px,5vw,68px) 'Barlow Condensed',Impact,sans-serif;color:#ffdb7b}#announcement span{font-size:12px;text-align:center;background:#070e1bb0;padding:7px 14px;border-radius:4px}#announcement:empty{display:none}button,select{font:700 11px Inter,system-ui,sans-serif;letter-spacing:.6px;color:#eef6f3;background:#14232c;border:1px solid #3b535b;border-radius:6px;padding:15px 20px;cursor:pointer;min-height:44px}button:hover{border-color:var(--mint);background:#213b40}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--mint);border-color:var(--mint);color:#092520}.primary:hover{background:#b4ffdf;color:#092520}.actions{display:flex;gap:10px;margin-top:20px;align-items:center;flex-wrap:wrap}#sound{margin-left:auto;font-size:9px;padding:15px 12px}.fighter-select{font-size:8px;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:8px}.fighter-select select{padding:10px;font-size:10px}#status{font-size:11px;margin:15px 0 28px}.bottom{border-top:1px solid #ffffff15;padding:27px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.bottom h2{font:700 26px 'Barlow Condensed',sans-serif;margin:10px 0}.bottom p{font-size:12px}.keys{display:flex;flex-wrap:wrap;align-content:center;gap:17px 23px;font-size:9px;color:#adbdc0}.keys span{display:flex;align-items:center;gap:6px}kbd{font:600 11px Inter,sans-serif;display:inline-grid;place-items:center;min-width:25px;height:28px;border:1px solid #415259;border-bottom-width:3px;border-radius:4px;color:white}footer{border-top:1px solid #ffffff15;padding:22px 0 30px;font-size:9px;color:#7c8f94}footer a{margin-left:15px}footer span{float:right}.touch{display:flex;justify-content:space-between;margin-top:12px;gap:8px}.touch>div{display:flex;gap:6px}.touch button{touch-action:none;user-select:none;-webkit-user-select:none;min-width:54px;padding:13px 10px;font-size:9px}.touch button[data-key=punch]{border-color:#58ad92;color:var(--mint)}.touch button[data-key=kick]{border-color:#b89956;color:var(--gold)}.touch button.pressed{background:#578171}.invite{padding:15px;border:1px solid #46705d;border-radius:7px;margin-top:15px;background:#11271f;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.invite label{flex:1;font-size:10px}.invite input{display:block;width:100%;margin-top:7px;background:#061912;color:#b8e8d0;border:1px solid #355448;padding:8px}.invite small{width:100%;font-size:10px;color:#9eb8ab}[hidden]{display:none!important}@media(min-width:900px) and (pointer:fine){.touch{display:none}}@media(max-width:700px){header{height:64px;padding:0 15px}main{padding:24px 12px 0}h1{font-size:45px}h1 sup{font-size:7px;margin-left:10px}.intro{margin-bottom:17px}.intro p{font-size:11px}.eyebrow{font-size:8px}.mode{display:none}.hud{padding:10px 12px 24px;gap:12px}.fighter-hud strong{font-size:19px}.fighter-hud small{font-size:8px}.health{height:12px;margin-top:3px;padding:1px;border-width:1px}.under{font-size:12px;margin-top:4px}.under span+span{font-size:6px;padding-top:3px}.clock{min-width:33px}.clock strong{font-size:30px}.clock span{font-size:6px}.cabinet{border-radius:8px}.arena-tag{bottom:9px;left:10px;font-size:6px}.actions{gap:7px;margin-top:15px}.actions button{font-size:9px;padding:12px}#sound{margin-left:0}.bottom{grid-template-columns:1fr;gap:15px;padding:20px 0}.keys{gap:12px}.touch button{min-width:43px;padding:13px 8px;font-size:8px}.touch>div{gap:4px}footer span{display:block;float:none;margin-top:10px}#announcement span{font-size:9px}#profile{font-size:10px;max-width:180px}.fighter-select{margin-left:auto}.fighter-select select{padding:7px;min-height:36px}.fighter-select{font-size:7px}}
@media(prefers-reduced-motion:reduce){.health i{transition:none}}

main:fullscreen{max-width:none;width:100%;height:100%;background:#060c14;padding:8px;display:flex;flex-direction:column;justify-content:center}main:fullscreen .intro,main:fullscreen .actions,main:fullscreen .bottom,main:fullscreen footer,main:fullscreen #status,main:fullscreen .invite{display:none!important}main:fullscreen .cabinet{width:min(100%,calc((100dvh - 90px) * 16 / 9));margin:0 auto}main:fullscreen .touch{display:flex;width:min(100%,960px);margin:10px auto 0}.sz-player-button{bottom:8px!important;font-size:11px!important;padding:8px 12px!important}

/* Easy-play flow: visible choices, readable controls, thumb-sized targets. */
.intro{margin-bottom:18px}.intro p{max-width:690px}.start-panel{border:1px solid #365257;background:#0f2029;border-radius:12px;padding:20px;margin-bottom:18px}.start-panel h2{font:800 27px 'Barlow Condensed',Impact,sans-serif;margin:8px 0}.start-panel p{font-size:12px;max-width:760px}.start-panel .actions{margin-top:16px}.start-panel #status{margin:12px 0 0;color:#c1d9d0}.start-panel.invited{border-color:#8ddab4;background:linear-gradient(120deg,#143b30,#12202d)}.invite{background:#092018}.invite small{line-height:1.6}.control-deck{padding:14px 0 22px}.control-caption{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.control-caption strong{font-size:10px;color:var(--mint);letter-spacing:1px}.control-caption span{font-size:12px;color:#c6d5d7}.control-caption button{margin-left:auto;background:transparent;font-size:10px;padding:9px 12px}.quick-keys{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}.quick-keys>span{display:flex;align-items:center;gap:6px;font-size:11px}.touch{margin-top:14px}.touch button{min-width:64px;min-height:64px;font-size:21px;padding:8px;touch-action:none;-webkit-touch-callout:none}.touch small{display:block;font-size:9px;letter-spacing:.3px;margin-top:4px}.directions{display:grid!important;grid-template-columns:64px 64px;gap:7px!important}.directions [data-key=jump]{grid-column:1/3;justify-self:center;width:64px}.attacks{align-items:flex-end}.attacks [data-key=punch],.attacks [data-key=kick]{width:76px;height:76px;border-radius:50%;font-size:24px}.attacks [data-key=punch]{background:#143d35}.attacks [data-key=kick]{background:#3a2c22}.attacks [data-key=block]{align-self:flex-start;margin-top:18px}.touch .pressed{transform:translateY(2px);box-shadow:inset 0 0 0 2px #d5ffe8;background:#476b5d!important}.touch button{box-shadow:0 3px 0 #0006}.control-deck #control-details{margin-top:14px;padding:12px 18px;background:#12212a;border-radius:8px}.control-deck #control-details p{font-size:12px}.keep-player{display:flex;align-items:center;gap:18px;background:#11291f;border:1px solid #39634e;padding:16px;border-radius:10px;margin:0 0 20px}.keep-player p{font-size:11px;max-width:680px}.keep-player a{white-space:nowrap;color:var(--mint);font-size:12px;font-weight:700}.keep-player button{border:0;background:none;font-size:22px;padding:8px}.fighter-pitch{display:flex;align-items:center;gap:22px;padding:26px;border:1px solid #5b4f71;border-radius:12px;background:linear-gradient(110deg,#211c32,#12232b);margin:0 0 26px}.pitch-icon{flex-shrink:0;font:900 italic 64px 'Barlow Condensed';width:86px;height:100px;text-align:center;line-height:95px;color:#cfb5ff;border:2px dashed #786b94;border-radius:14px}.fighter-pitch h2{font:800 italic 34px 'Barlow Condensed';margin:8px 0}.fighter-pitch p{font-size:12px;max-width:650px}.fighter-pitch small{font-size:10px;color:#9faeb9;line-height:1.6;display:block}.fighter-pitch a{margin-left:auto;flex-shrink:0;background:#dbc2ff;color:#241632;border-radius:7px;padding:15px 18px;font-size:11px;font-weight:800}.bottom{padding-top:20px}.bottom .keys{display:none}.bottom{grid-template-columns:1fr}.sz-entry .bb-invite-context{border:1px solid #426455;border-radius:8px;padding:12px;color:#c9e7da!important;font-size:13px!important;line-height:1.5}.sz-entry .sz-entry-guest{background:#7affc8!important;color:#092520!important}.sz-entry .sz-entry-wallet{background:transparent!important;color:#bbd3c9!important}.sz-entry .sz-entry-proof{font-size:11px!important}.sz-entry .sz-entry-brand img{display:none}.sz-player-button{display:none!important}
main:fullscreen .start-panel,main:fullscreen .keep-player,main:fullscreen .fighter-pitch{display:none!important}main:fullscreen .control-deck{width:min(100%,960px);margin:auto;padding:5px 8px}main:fullscreen .control-caption,main:fullscreen .quick-keys,main:fullscreen #control-details{display:none!important}main:fullscreen .touch{margin:0}main:fullscreen .directions{display:flex!important}main:fullscreen .attacks [data-key=block]{margin:0;align-self:auto}main:fullscreen .touch button{width:60px;min-width:60px;height:60px;min-height:60px;border-radius:10px;font-size:17px}main:fullscreen .cabinet{width:min(100%,calc((100dvh - 90px) * 16 / 9))}
@media(max-width:700px){main{padding-top:16px}.intro h1{font-size:42px}.intro p{font-size:12px}.start-panel{padding:15px}.start-panel h2{font-size:23px}.actions #practice,.actions #online{flex:1 1 42%;min-height:50px;font-size:11px}.actions #rematch{min-height:50px}.quick-keys{display:none}.control-caption{gap:8px}.control-caption span{font-size:11px}.control-caption button{font-size:9px;min-height:40px;padding:8px}.touch>div{gap:6px}.touch button{min-width:56px;min-height:56px;font-size:22px}.directions{grid-template-columns:56px 56px}.directions [data-key=jump]{width:56px}.attacks{gap:5px!important}.attacks [data-key=punch],.attacks [data-key=kick]{width:62px;height:62px;min-width:62px}.attacks [data-key=block]{width:62px;min-width:62px}.touch small{font-size:8px}.keep-player{flex-wrap:wrap;position:relative;padding-right:32px}.keep-player button{position:absolute;right:2px;top:2px}.fighter-pitch{padding:18px;gap:14px;flex-wrap:wrap}.pitch-icon{width:60px;height:72px;font-size:47px;line-height:66px}.fighter-pitch>div:nth-child(2){flex:1;min-width:210px}.fighter-pitch a{width:100%;text-align:center}.fighter-pitch h2{font-size:30px}.invite{padding:12px}.invite label{flex-basis:100%}.invite button{flex:1;padding:12px}.control-deck{padding-bottom:20px}}
@media(max-height:520px) and (orientation:landscape){body.is-playing header,body.is-playing .intro,body.is-playing .start-panel,body.is-playing .bottom,body.is-playing .fighter-pitch,body.is-playing footer,body.is-playing .keep-player{display:none}body.is-playing main{padding:4px 10px;max-width:none}.cabinet{max-width:calc((100dvh - 102px) * 16 / 9);margin:auto}.control-deck{padding:5px 0;max-width:960px;margin:auto}.control-caption,.quick-keys{display:none}.touch{display:flex;margin:3px 0 0}.directions{display:flex!important}.touch button,.attacks [data-key=punch],.attacks [data-key=kick]{min-height:56px;height:56px;min-width:58px;width:58px;font-size:17px;border-radius:10px}.attacks [data-key=block]{margin:0;align-self:auto}}

.touch b{font-size:12px;letter-spacing:.3px}.play-tools{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.play-tools button{font-size:10px;padding:8px 12px;min-height:40px}main:fullscreen .cabinet{width:min(100%,calc((100dvh - 140px) * 16 / 9))}main:fullscreen .control-deck{margin:0 auto}.sz-entry .sz-entry-divider{margin-top:16px}@media(max-width:360px){.directions{grid-template-columns:48px 48px;gap:4px!important}.directions [data-key=jump]{width:48px}.touch button{min-width:48px;min-height:52px}.attacks [data-key=punch],.attacks [data-key=kick],.attacks [data-key=block]{min-width:53px;width:53px;height:58px}.touch small{font-size:7px}.touch b{font-size:10px}}@media(max-height:520px) and (orientation:landscape){body.is-playing .cabinet{max-width:calc((100dvh - 145px) * 16 / 9)}.play-tools{margin-top:3px}.play-tools button{min-height:32px;padding:5px 10px}}

.creator-mini{display:inline-block;font-size:10px;color:#d7bcff;margin:2px 0 5px}.first-key-guide{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;margin:14px 0;color:#d9e6e4}.first-key-guide strong{font-size:9px;letter-spacing:1px;color:var(--mint);margin-right:6px}.first-key-guide span{font-size:10px;color:var(--muted);margin-left:auto}body.is-playing .cabinet{max-width:min(100%,calc((100dvh - 160px) * 16 / 9));margin-inline:auto}main:fullscreen .first-key-guide{display:none}@media(max-width:700px){.first-key-guide{font-size:10px}.first-key-guide kbd{min-width:20px;height:24px;font-size:10px}.first-key-guide span{width:100%;margin-left:0}.intro p{line-height:1.55}.intro{margin-bottom:12px}.start-panel{padding:12px}.start-panel p{line-height:1.5}.control-caption button{margin-left:0}.creator-mini{font-size:9px}}@media(max-height:520px) and (orientation:landscape){body.is-playing .first-key-guide{display:none}body.is-playing .cabinet{max-width:calc((100dvh - 145px) * 16 / 9)}}

/* Match entry is focused on every screen size, not only landscape phones. */
.match-context{display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.match-context strong{font-size:11px;color:var(--mint);letter-spacing:1px}.match-context p{font-size:12px;margin:4px 0}.match-context button{white-space:nowrap;min-height:44px;padding:10px 15px}
body.is-playing header,body.is-playing .intro,body.is-playing .start-panel,body.is-playing .bottom,body.is-playing .fighter-pitch,body.is-playing footer,body.is-playing .keep-player,body.is-playing .first-key-guide{display:none!important}
body.is-playing main{padding:4px 14px;max-width:1200px}body.is-playing .match-context{display:flex}body.is-playing .cabinet{max-width:min(100%,calc((100dvh - 230px) * 16 / 9))}body.is-playing #announcement span{white-space:pre-line;line-height:1.7;max-width:95%;font-size:12px;background:#07101be8}body.is-playing #announcement strong{font-size:clamp(23px,4vw,52px)}body.is-playing .control-deck{max-width:960px;margin:0 auto}body.is-playing .control-caption{display:flex}body.is-playing .control-caption span{font-size:11px}
@media(max-width:700px){body.is-playing #announcement span{font-size:10px;padding:5px 8px}.match-context strong{font-size:9px}.match-context p{font-size:10px}.match-context button{font-size:10px;padding:10px}.match-context{padding:7px 0}body.is-playing .cabinet{max-width:100%}}
@media(max-height:520px) and (orientation:landscape){body.is-playing .match-context{padding:2px 0}.match-context p{display:inline;margin-left:10px}.match-context button{min-height:34px;padding:5px 10px}body.is-playing .cabinet{max-width:calc((100dvh - 185px) * 16 / 9)}body.is-playing .control-caption{display:none}body.is-playing #announcement{padding-top:25px}body.is-playing #announcement span{font-size:10px;line-height:1.4}body.is-playing #announcement strong{font-size:24px}}
main:fullscreen .match-context{display:flex}main:fullscreen .cabinet{max-width:calc((100dvh - 210px) * 16 / 9)}

#ready-panel{display:flex;align-items:center;gap:12px;margin-left:auto}#ready-status{max-width:260px;color:#c7dfd4}.match-context:has(#ready-panel:not([hidden])){flex-wrap:wrap}#ready-button{min-width:110px}#ready-button:disabled{opacity:1;background:#244a3a;color:#b8f5d6;cursor:default}@media(max-width:700px){#ready-panel{order:3;width:100%;margin:0;justify-content:space-between}#ready-status{font-size:11px;max-width:220px}.match-context{gap:6px}}@media(max-height:520px) and (orientation:landscape){#ready-panel{order:initial;width:auto}#ready-status{display:block;font-size:10px;max-width:180px}body.is-playing:has(#ready-panel:not([hidden])) .cabinet{max-width:calc((100dvh - 210px) * 16 / 9)}}

body.choosing main{display:none}#fighter-picker{max-width:1200px;margin:auto;padding:35px 24px}.picker-heading h1{font-size:clamp(34px,6vw,66px)}.picker-heading p{max-width:720px}#roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.fighter-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px;background:radial-gradient(ellipse at 50% 30%,#34444d,#10202b 75%);border:2px solid #33464d;min-width:0;overflow:hidden}.fighter-card canvas{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.fighter-card[aria-pressed=true]{border-color:var(--mint);background:radial-gradient(ellipse at 50% 30%,#376353,#10282a 75%);box-shadow:0 0 0 2px #7affc822}.fighter-card strong{font:800 28px 'Barlow Condensed';margin:5px 0}.fighter-theme{color:var(--mint);font-size:9px;text-transform:uppercase;letter-spacing:1px}.fighter-card small{font-size:10px;line-height:1.5;color:#b6c7c9;font-weight:400;min-height:30px}.picker-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;background:#0b171ff5;border:1px solid #365851;border-radius:10px;z-index:5}.picker-footer p{font-size:11px}.roster-note{display:block;font-size:10px;color:#8da1a6;margin:16px 0}.fighter-card:focus-visible{outline:3px solid var(--gold)}@media(max-width:700px){#fighter-picker{padding:20px 12px}#roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fighter-card{padding:8px}.fighter-card strong{font-size:24px}.picker-footer{padding:12px;flex-wrap:wrap}.picker-footer button{width:100%}.picker-footer p{margin:4px 0}.fighter-card small{font-size:9px}}@media(min-width:701px) and (max-width:950px){#roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.fighter-special{display:block;margin-top:10px;color:#a5ffd7;font-size:12px;letter-spacing:.04em}.special-meter{max-width:960px;margin:10px auto;padding:9px 14px;border:1px solid #40564f;border-radius:12px;background:#101d24;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.special-meter small{color:#b9cac5;margin-left:auto}.special-meter>div{width:100%;height:4px;background:#30403f;border-radius:3px;overflow:hidden}.special-meter i{display:block;height:100%;background:#a5ffd7}.special-button{border-color:#a5ffd7!important;background:#184237!important}.attacks{grid-template-columns:repeat(2,minmax(0,1fr))!important}.is-playing .special-meter{margin:6px auto}.special-meter kbd{font-size:12px}@media(max-width:600px){.special-meter{gap:4px;margin:6px 0;padding:7px 10px}.special-meter strong{font-size:12px}.special-meter small{font-size:10px}.attacks button{min-width:0!important}}@media(orientation:landscape) and (max-height:600px){.is-playing .special-meter{position:fixed;top:4px;left:30%;right:30%;z-index:4;padding:3px 8px;font-size:10px;pointer-events:none}.is-playing .special-meter small{display:none}}
.touch>.attacks{display:grid;grid-template-columns:repeat(2,72px)!important;align-items:center;gap:7px!important}.touch>.attacks button{margin:0;align-self:auto;width:72px;min-width:0;height:64px;min-height:64px;border-radius:12px}.touch>.attacks small{font-size:8px}.touch{align-items:center}@media(max-width:360px){.touch>.attacks{grid-template-columns:repeat(2,64px)!important}.touch>.attacks button{width:64px;height:58px;min-height:58px}}@media(orientation:landscape) and (max-height:600px){.touch>.attacks{display:flex}.touch>.attacks button{width:58px;height:56px;min-height:56px}}

#arena-picker{margin-top:38px}#arena-picker h2{font:800 italic 30px 'Barlow Condensed',Impact,sans-serif}#arena-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.arena-card{text-align:left;padding:8px;background:#14212b;overflow:hidden;border:2px solid #32434b}.arena-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px;margin-bottom:10px}.arena-card strong{display:block;font-size:16px}.arena-card small{display:block;font-size:10px;line-height:1.5;color:#b6c6c9;margin-top:5px}.arena-card[aria-pressed=true]{border-color:#a3ffd5;box-shadow:0 0 0 1px #a3ffd5}#arena-note{font-size:11px;max-width:800px;margin:15px 0 24px}@media(max-width:700px){#arena-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-card strong{font-size:14px}#arena-picker{margin-top:24px}}

.arcade-sound-row{max-width:960px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px auto;color:#b5cac4}.arcade-sound-row button{padding:8px 12px;min-height:40px;font-size:10px}.arcade-sound-row details{margin-left:auto;font-size:11px;position:relative}.arcade-sound-row summary{cursor:pointer;padding:10px}.arcade-sound-row details[open]{background:#14262c;border:1px solid #4c655f;border-radius:8px;padding:10px;z-index:5}.arcade-sound-row label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px}.arcade-sound-row input{accent-color:#a4ffd5;width:130px}#set-score{font-size:10px;color:#a4ffd5;font-weight:700;letter-spacing:1px}#post-match{max-width:960px;margin:14px auto 24px;padding:22px;border:1px solid #5d856d;border-radius:14px;background:linear-gradient(120deg,#19382c,#152433)}#post-match h2{font:800 italic 34px 'Barlow Condensed',Impact,sans-serif;margin:8px 0}#post-match small{color:#afc5c0;font-size:11px}.rematch-picks{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 8px}.rematch-picks label{display:grid;gap:7px;flex:1;min-width:150px;color:#b7cdc5;font-size:11px}.rematch-picks select{width:100%;font-size:13px}#rematch-status{font-size:12px}#next-bout{min-width:200px}.is-playing .arcade-sound-row{margin:5px auto}.is-playing #post-match{scroll-margin-top:12px}@media(max-width:600px){.arcade-sound-row{gap:5px}#set-score{font-size:9px}.arcade-sound-row details{font-size:10px}.rematch-picks{gap:9px}#post-match{padding:15px}#post-match h2{font-size:28px}#next-bout{width:100%}}@media(max-height:600px) and (orientation:landscape){.is-playing .arcade-sound-row{position:fixed;top:2px;right:8px;z-index:8;margin:0;gap:4px}.is-playing .arcade-sound-row #set-score{display:none}.is-playing .arcade-sound-row button{padding:5px;min-height:32px}.is-playing #post-match{position:fixed;inset:6% 15%;z-index:12;overflow:auto;background:#12252bf5;box-shadow:0 0 0 100vmax #0009}}

.audio-credit{text-align:center;font-size:11px;color:#a3b3be;padding:16px}.audio-credit a{color:inherit}
@media(max-height:600px) and (orientation:landscape){.is-playing .arcade-sound-row{top:auto;right:auto;left:14px;bottom:6px}.is-playing .arcade-sound-row details[open]{position:absolute;bottom:38px;left:0;width:230px}.is-playing .special-meter{top:auto;bottom:4px;margin:0;left:32%;right:32%}.is-playing .special-meter>div{height:3px}.is-playing .special-meter strong{font-size:10px}}
/* Landscape cabinet: wide stage, compact HUD, thumb controls in the corners. */
@media(orientation:landscape) and (max-height:600px){
 body.is-playing{overflow:hidden}
 body.is-playing main,body.is-playing main:fullscreen{position:relative;width:100%;max-width:none;height:100dvh;padding:0;display:block;overflow:hidden}
 body.is-playing .match-context{position:absolute;inset:0 12px auto;min-height:32px;height:32px;margin:0;padding:0;gap:8px;z-index:6}
 body.is-playing .match-context strong{font-size:9px;letter-spacing:1px}
 body.is-playing .match-context p{font-size:9px;margin-left:8px;white-space:nowrap}
 body.is-playing .match-context button{min-height:27px;padding:4px 10px;font-size:9px}
 body.is-playing .cabinet,body.is-playing main:fullscreen .cabinet,body.is-playing:has(#ready-panel:not([hidden])) .cabinet{position:absolute;top:34px;bottom:40px;left:10px;right:10px;width:auto;height:auto;max-width:none;margin:0;border-radius:12px}
 body.is-playing .cabinet canvas{width:100%;height:100%;object-fit:cover;object-position:center 72%;max-height:none}
 body.is-playing .hud{padding:9px 16px 28px;gap:25px}
 body.is-playing .fighter-hud strong{font-size:22px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.is-playing .fighter-hud small{font-size:9px;max-width:40%}
 body.is-playing .health{height:12px;margin-top:5px;padding:1px;border-width:1px}
 body.is-playing .under{font-size:13px;margin-top:3px}
 body.is-playing .under span+span{font-size:7px;padding-top:3px}
 body.is-playing .clock{min-width:46px}
 body.is-playing .clock strong{font-size:35px}
 body.is-playing .clock span{font-size:7px}
 body.is-playing .arena-tag{bottom:10px;left:50%;transform:translateX(-50%);font-size:7px;white-space:nowrap}
 body.is-playing #fullscreen{display:none}
 body.is-playing .control-deck{position:absolute;inset:0;max-width:none;margin:0;padding:0;border:0;background:none;pointer-events:none}
 body.is-playing .touch{margin:0;pointer-events:none}
 body.is-playing .touch>.directions{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:52px;display:grid!important;grid-template-columns:58px 58px;gap:6px!important}
 body.is-playing .directions [data-key=jump]{grid-column:1/3;justify-self:center}
 body.is-playing .touch>.attacks{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:52px;display:grid!important;grid-template-columns:58px 58px!important;gap:6px!important}
 body.is-playing .touch button{width:58px!important;min-width:58px!important;height:50px!important;min-height:50px!important;padding:4px;font-size:17px;border-radius:12px;background:#10232bba;box-shadow:0 3px 14px #0004;backdrop-filter:blur(4px);pointer-events:auto}
 body.is-playing .touch button.pressed{background:#5b9478e8}
 body.is-playing .touch b{font-size:10px}.touch small{font-size:7px}
 body.is-playing .touch [data-key=punch]{background:#143c31c9}
 body.is-playing .touch [data-key=kick]{background:#44371bc9}
 body.is-playing .play-tools{position:absolute;right:12px;bottom:5px;margin:0;pointer-events:auto}
 body.is-playing .play-tools button{min-height:29px;padding:5px 10px;font-size:9px}
 body.is-playing .arcade-sound-row{position:absolute;left:12px;bottom:5px;top:auto;right:auto;z-index:8;gap:4px}
 body.is-playing .arcade-sound-row button{min-height:29px;font-size:9px;padding:5px 8px}
 body.is-playing .arcade-sound-row summary{font-size:9px;padding:7px}
 body.is-playing .special-meter{position:absolute;left:35%;right:35%;top:auto;bottom:5px;min-height:28px;padding:3px 8px;gap:2px;border-radius:8px;background:#10232b;z-index:5}
 body.is-playing .special-meter kbd{display:none}
 body.is-playing .special-meter strong{font-size:9px}
 body.is-playing #ready-panel:not([hidden]){position:fixed;top:46%;left:25%;right:25%;width:auto;transform:translateY(-50%);margin:0;padding:14px;background:#0b1b24f5;border:1px solid #7affc888;border-radius:12px;z-index:10;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:8px}
 body.is-playing #ready-status{max-width:none;width:100%;font-size:11px;margin:0;white-space:normal}
 body.is-playing #ready-button{min-height:40px;padding:8px 20px}
 body.is-playing #announcement{padding:22px 140px 0}
 body.is-playing #announcement span{font-size:10px;line-height:1.5}
 body.is-playing:has(#ready-panel:not([hidden])) #announcement{visibility:hidden}
 body.is-playing #post-match{inset:8% 20%;z-index:12;padding:16px}
}
@media(orientation:landscape) and (max-height:600px){body.is-playing #post-match h2{font-size:24px;line-height:1.1;margin:5px 0}body.is-playing #post-match .eyebrow{font-size:8px}body.is-playing #post-match p{font-size:10px;line-height:1.4;margin:5px 0}body.is-playing #post-match .rematch-picks{margin:8px 0;gap:10px}body.is-playing #post-match select{padding:7px 10px;min-height:36px}body.is-playing #post-match small{font-size:9px}body.is-playing #next-bout{min-height:38px;padding:8px 16px;margin-top:5px}}
/* Visible arcade controls on keyboard, mouse and touch. */
body .control-deck .touch{display:flex!important;align-items:end;justify-content:space-between;gap:20px;touch-action:none}
body .touch .directions,body .touch>.attacks{display:grid!important;grid-template-columns:repeat(3,64px)!important;grid-template-rows:repeat(2,60px);gap:7px!important;position:static;}
body .touch .directions [data-key=jump]{grid-column:2;grid-row:1;justify-self:stretch}
body .touch .directions [data-key=left]{grid-column:1;grid-row:2}
body .touch .directions [data-key=block]{grid-column:2;grid-row:2}
body .touch .directions [data-key=right]{grid-column:3;grid-row:2}
body .touch .attacks [data-key=special]{grid-column:2;grid-row:1}
body .touch .attacks [data-key=punch]{grid-column:1;grid-row:2}
body .touch .attacks [data-key=kick]{grid-column:2;grid-row:2}
body .touch .attacks [data-key=block]{grid-column:3;grid-row:2}
body .touch button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:64px!important;min-width:0!important;height:60px!important;min-height:60px!important;padding:15px 3px 4px!important;border-radius:12px!important;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}
body .touch button kbd{position:absolute;left:6px;top:3px;border:0;min-width:0;height:auto;font-size:11px;color:#b9d7d0;pointer-events:none}
body .touch button b{font-size:10px;letter-spacing:.2px;pointer-events:none}body .touch button small{font-size:7px;pointer-events:none}
body .touch button.pressed{background:#487f68!important;box-shadow:inset 0 0 0 2px #a7ffce,0 0 15px #76ffc344;transform:translateY(2px)}
#move-stick{display:none;position:relative;width:138px;height:138px;border:2px solid #89bca579;border-radius:50%;background:radial-gradient(circle,#26463cdd,#10232bd9);box-shadow:inset 0 0 30px #0007,0 8px 20px #0005;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}
#move-stick span{position:absolute;font-size:9px;font-weight:800;letter-spacing:.5px;color:#c6e8d8;pointer-events:none}.stick-up{top:9px;left:0;width:100%;text-align:center}.stick-down{bottom:9px;left:0;width:100%;text-align:center}.stick-left{left:9px;top:60px}.stick-right{right:9px;top:60px}
#stick-nub{position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;background:linear-gradient(#6d9b8a,#294f42);border:2px solid #b6e6d3;border-radius:50%;box-shadow:0 4px 12px #0009;pointer-events:none}
@media(max-width:900px),(pointer:coarse){#move-stick{display:block}body .touch .directions{display:none!important}body .control-deck .touch{gap:8px}body .touch>.attacks{grid-template-columns:repeat(3,56px)!important;grid-template-rows:repeat(2,60px)}body .touch button{width:56px!important}}
@media(max-width:360px){#move-stick{width:118px;height:118px}.stick-left,.stick-right{top:50px}body .touch>.attacks{grid-template-columns:repeat(3,51px)!important;gap:5px!important}body .touch button{width:51px!important}}
@media(orientation:landscape) and (max-height:600px){body.is-playing .touch .movement-zone{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:50px;pointer-events:none}body.is-playing .touch .directions{position:static!important}body.is-playing .touch>.attacks{position:absolute;right:max(18px,env(safe-area-inset-right));left:auto;bottom:50px;grid-template-columns:repeat(3,64px)!important;grid-template-rows:repeat(2,60px);gap:7px!important}body.is-playing .touch button{width:64px!important;height:60px!important;min-height:60px!important}body.is-playing .special-meter{left:36%;right:36%}body.is-playing .touch button{background:#10232bd9}body.is-playing #move-stick{backdrop-filter:blur(3px)}}
@media(min-width:901px) and (min-height:601px){body.is-playing .cabinet{max-width:min(100%,calc((100dvh - 270px)*16/9))}body.is-playing .control-deck{width:min(100%,960px)}body.is-playing .touch{margin-top:6px}.quick-keys{display:none!important}}
@media(min-width:901px) and (min-height:601px){body.is-playing .match-context{min-height:44px;height:44px;padding:2px 0;margin:0}body.is-playing .cabinet{max-width:min(100%,calc((100dvh - 340px)*16/9))}body.is-playing .special-meter{margin:4px auto;padding:4px 10px;gap:2px;min-height:30px}body.is-playing .special-meter kbd{height:20px}body.is-playing .special-meter>div{height:3px}body.is-playing .arcade-sound-row{margin:3px auto;min-height:30px}body.is-playing .arcade-sound-row button{min-height:28px;padding:5px 10px}body.is-playing .control-deck{padding:0}body.is-playing .control-caption{min-height:32px;padding:0;margin:0}body.is-playing .control-caption button{min-height:28px;padding:5px 10px}body.is-playing .play-tools{margin:3px 0}body.is-playing .play-tools button{min-height:28px;padding:5px 10px}}

/* Account-owned Pinball fighter reward. */
.unlock-panel{border:1px solid #ffac5677;background:#201a25;padding:18px;border-radius:14px;margin:16px 0;max-width:850px}.unlock-panel strong{font-size:22px;color:#ffd29d}.unlock-panel p{line-height:1.5}.unlock-panel a,.unlock-panel button{display:inline-block;margin:8px 14px 0 0;color:#b7ffdb}.unlock-panel button{padding:10px 14px;border:1px solid #92c3af;background:#18312b;border-radius:8px;cursor:pointer}.unlock-panel #hege-account{font-size:13px}.fighter-card.is-locked canvas{filter:saturate(.35)}.fighter-card.is-locked .fighter-special{color:#ffc88a}.fighter-card.is-locked{border-style:dashed}.unlock-panel[hidden]{display:none!important}