:root{color-scheme:dark;--ink:#0c1423;--panel:#142239;--blue:#73caff;--gold:#ffd274;--muted:#adbcd0;--line:#ffffff25;--white:#f7f5ee;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);overflow:hidden}button,select,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#ffffff0a;border-radius:6px;min-height:48px;padding:12px 20px;font-weight:700;transition:background .15s,transform .15s}button:hover{background:#ffffff20}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{cursor:default;opacity:.45}.primary{color:#102237;background:var(--gold);border-color:var(--gold)}.primary:hover{background:#ffe3a4}.secondary{background:#172b44}.quiet{border:none;background:none;padding:10px 0;color:var(--muted)}a{color:var(--blue)}#game{position:relative;height:100dvh;min-height:320px;overflow:hidden}#world{position:absolute;width:100%;height:100%;inset:0;display:block}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b1729e0,transparent 80%),linear-gradient(0deg,#07111d99,transparent 45%)}body.playing .shade{background:linear-gradient(0deg,#07111d90,transparent 26%)}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;pointer-events:none;overflow:auto}#overlay>*{pointer-events:auto}.hero{width:min(1100px,100%);display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:center}.eyebrow{color:var(--blue);text-transform:uppercase;font-size:12px;letter-spacing:.2em;font-weight:800;line-height:1.8}.title{font-size:clamp(54px,7vw,108px);line-height:.86;letter-spacing:-.045em;margin:24px 0;font-weight:900;max-width:660px}.title span{display:block;color:var(--gold)}.intro{color:#d1dce9;max-width:470px;font-size:17px;line-height:1.6;margin:24px 0}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0;color:var(--muted);font-size:12px}.tags span{border:1px solid var(--line);border-radius:20px;padding:7px 11px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.panel{background:#0e1c30f2;border:1px solid #7abce039;box-shadow:0 20px 80px #0006;border-radius:12px;padding:32px;width:min(680px,100%);max-height:calc(100dvh - 48px);overflow:auto}.panel.wide{width:min(950px,100%)}h1,h2,h3{margin:0 0 15px}h2{font-size:30px;letter-spacing:-.035em}p{line-height:1.6;color:#c2cfdf}.muted{color:var(--muted);font-size:12px;line-height:1.6}.rule{height:1px;background:var(--line);margin:24px 0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.mode-card{padding:24px;border:1px solid var(--line);border-radius:9px;background:#1d3048}.mode-card h3{font-size:22px}.mode-card p{font-size:14px;min-height:80px}.mode-card button{width:100%}.status{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.1em}.selector{display:flex;align-items:center;gap:28px;background:#1b2e47;padding:24px;border-radius:8px;margin:24px 0}.lester-head{display:grid;place-items:center;min-width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#81c5ff,#2672d5 55%,#153f86);box-shadow:inset -10px -6px 20px #0003,0 0 50px #3eabff30;font-size:62px;color:white;font-weight:800;transform:rotate(-8deg)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control{background:#203049;padding:14px;border-radius:6px;font-size:13px}.control b{display:block;margin-bottom:8px;color:var(--gold)}kbd{display:inline-block;padding:3px 6px;border:1px solid #65768c;border-bottom-width:3px;border-radius:3px;font-family:inherit;font-size:12px;margin:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stat{background:#1b2c44;padding:17px;border-radius:7px}.stat strong{display:block;font-size:29px;color:var(--gold);line-height:1.2}.stat span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.upgrade{text-align:left;min-height:205px;padding:22px;background:#1c304a}.upgrade .symbol{font-size:30px;color:var(--blue);display:block;margin-bottom:24px}.upgrade strong{font-size:20px;display:block}.upgrade small{display:block;color:var(--muted);line-height:1.5;margin-top:10px}.settings{display:grid;gap:18px;margin:24px 0}.setting{display:flex;justify-content:space-between;align-items:center;gap:15px}.setting input[type=checkbox]{width:24px;height:24px;accent-color:var(--blue)}input[type=range]{max-width:160px;accent-color:var(--blue)}select{background:#21344e;color:white;border:1px solid var(--line);border-radius:5px;padding:10px;max-width:280px;min-height:44px}.music-row{display:flex;gap:8px}.music-row button{min-width:48px;padding:10px}.loading{height:4px;background:#1c3950;border-radius:6px;overflow:hidden;margin-top:25px}.loading div{height:100%;width:50%;background:var(--blue);animation:load 1s infinite alternate ease-in-out}@keyframes load{to{transform:translateX(100%)}}#hud{position:absolute;inset:0 0 auto 0;padding:22px 26px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;font-variant-numeric:tabular-nums}#hud[hidden],#touch[hidden]{display:none}.hud-player{width:240px;max-width:35vw}.hud-top{display:flex;justify-content:space-between;font-weight:800;font-size:13px;margin-bottom:9px}.health{height:9px;background:#071021a0;border-radius:2px;border:1px solid #ffffff30;overflow:hidden}.health i{display:block;height:100%;background:var(--blue);transition:width .1s}.guardbar{height:3px;margin-top:4px;background:#ffffff20}.guardbar i{display:block;height:100%;background:var(--gold)}.hud-center{text-align:center}.floor-no{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.floor-theme{color:#d3dde8;font-size:11px;margin-top:7px}.hud-score{text-align:right}.hud-score strong{font-size:24px;display:block;line-height:1}.hud-score button{pointer-events:auto;min-height:38px;padding:6px 13px;margin-top:8px;background:#0c192cb0}.combo{position:absolute;right:28px;top:140px;text-align:right;color:var(--gold);font-size:42px;font-weight:900;line-height:1}.combo small{display:block;font-size:12px;letter-spacing:.13em;margin-top:7px}.enemy-hud{position:absolute;pointer-events:none;max-width:100%;font-size:10px;color:#ffffff;background:#182538c9;border:1px solid #ffffff33;border-radius:3px;padding:3px 6px}.enemy-hud.danger{border-color:#ffb670;color:#ffd281}.enemy-hud i{height:3px;background:#ff9a79;display:block;margin-top:4px}#callout{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);pointer-events:none;text-align:center;width:max-content;max-width:85%;background:#10243ce8;border:1px solid #7cbfe656;border-radius:6px;padding:10px 20px;font-size:13px;transition:opacity .2s}#callout:empty{display:none}#touch{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));inset-inline:16px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;user-select:none}#touch button{pointer-events:auto;touch-action:none;background:#142944cf;border:1px solid #d0e6ff80;box-shadow:0 2px 8px #0003;padding:0;font-size:12px}.dpad{display:grid;grid-template-columns:54px 54px 54px;grid-template-rows:54px 54px;gap:5px}.dpad button{font-size:22px}button[data-input=high]{grid-column:2}.dpad button[data-input=left]{grid-row:2;grid-column:1}.dpad button[data-input=low]{grid-row:2;grid-column:2}.dpad button[data-input=right]{grid-row:2;grid-column:3}.actions{display:flex;gap:8px;align-items:end}.actions button{width:62px;height:62px;border-radius:50%;font-size:10px}.actions button.kick{background:#7f652ccf;border-color:var(--gold)}.actions button.block{width:56px;height:56px;line-height:1.4}.actions small{font-size:8px}.actions button:active,.dpad button:active{background:#4193c4}body.touch #callout{bottom:145px}.footer-note{margin-top:30px;color:#93a6bc;font-size:11px}.cabinet-wrap{perspective:1000px;display:flex;justify-content:center;padding:25px}.cabinet{width:180px;height:315px;position:relative;transform-style:preserve-3d;animation:turn 12s ease-in-out infinite alternate;transform:rotateY(-20deg)}.cabinet .front{position:absolute;width:180px;height:315px;transform:translateZ(50px);border:8px solid #28405a;background:#121e31;box-shadow:0 0 40px #79c7ff24}.cabinet .back{position:absolute;width:180px;height:315px;transform:translateZ(-50px);background:#172538}.cabinet .side{position:absolute;width:100px;height:315px;left:40px;background:linear-gradient(#1b4678,#10253e);transform:rotateY(90deg) translateZ(90px);border:3px solid #376590}.cabinet .side.left{transform:rotateY(-90deg) translateZ(90px)}.marquee{height:47px;text-align:center;background:#236091;font-weight:900;font-size:15px;line-height:1.1;padding:8px;border-bottom:4px solid var(--gold);color:var(--gold)}.cabinet-screen{height:112px;margin:14px 12px;background:linear-gradient(#122949,#4787ac);border:7px solid #08121e;position:relative;display:grid;place-items:center}.cabinet-screen .lester-head{min-width:39px;width:39px;height:39px;font-size:30px;position:absolute;top:12px}.stick{width:7px;height:40px;background:#10131b;position:absolute;top:46px}.stick:before,.stick:after{content:'';position:absolute;background:#10131b;width:6px;height:28px;bottom:-20px;transform:rotate(25deg);left:8px}.stick:after{left:-8px;transform:rotate(-25deg)}.deck{height:40px;background:#49637a;margin:0 -3px;transform:rotateX(18deg);border-bottom:4px solid var(--gold);display:flex;justify-content:center;align-items:center;gap:12px}.deck i{width:13px;height:13px;border-radius:50%;background:var(--gold)}.deck i:first-child{background:var(--blue)}.coin-slot{width:33px;height:18px;border:3px solid #6a7d93;background:#09121c;margin:25px auto}.cabinet-label{text-align:center;color:#83acda;font-size:11px;letter-spacing:.14em}@keyframes turn{to{transform:rotateY(25deg)}}#error{position:absolute;bottom:15px;left:15px;right:15px;background:#572632;padding:15px;border:1px solid #ff9eae;border-radius:6px}.enemy-markers{position:absolute;inset:0;overflow:hidden;pointer-events:none}#toast{color:var(--blue);font-size:13px;min-height:20px;margin-top:12px}
@media (max-width:700px){#overlay{padding:18px}.hero{display:block}.hero>.cabinet-wrap{display:none}.title{font-size:68px;max-width:450px}.intro{font-size:15px}.panel{padding:23px;max-height:calc(100dvh - 30px)}.mode-grid{gap:10px}.mode-card{padding:16px}.mode-card p{min-height:100px;font-size:12px}.mode-card h3{font-size:19px}.stats{gap:7px}.stat{padding:12px}.stat strong{font-size:24px}.cards{gap:8px}.upgrade{padding:14px;min-height:195px}.upgrade strong{font-size:15px}.upgrade small{font-size:11px}.control-grid{gap:8px}.control{font-size:11px;padding:12px}#hud{padding:15px 14px}.hud-score strong{font-size:20px}.hud-player{width:145px}.hud-top{font-size:11px}.floor-no{font-size:10px;letter-spacing:.08em}.floor-theme{font-size:9px}.combo{top:105px;right:16px;font-size:33px}.setting{font-size:13px}select{max-width:190px}.selector{padding:16px;gap:20px}.lester-head{min-width:75px;width:75px;height:75px;font-size:54px}.footer-note{font-size:10px;margin-top:18px}}
@media (max-width:410px){.actions{gap:5px}.actions button{width:48px;height:48px;font-size:9px}.actions button.block{width:46px;height:46px}.dpad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px}.mode-grid{grid-template-columns:1fr}.mode-card p{min-height:0}.cards{grid-template-columns:1fr}.upgrade{min-height:95px}.upgrade .symbol{float:left;margin:5px 15px 0 0;font-size:25px}.upgrade small{margin-top:6px}.stats{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:1fr 1fr}.title{font-size:58px}}
@media (max-height:530px) and (orientation:landscape){#overlay{padding:14px}.title{font-size:55px;margin:15px 0}.intro{font-size:13px;margin:12px 0}.hero{gap:25px;grid-template-columns:1fr .6fr}.cabinet-wrap{transform:scale(.7);padding:0}.tags{margin:12px 0}.panel{max-height:calc(100dvh - 20px);padding:22px}.dpad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px}.actions button{height:51px;width:51px}body.touch #callout{bottom:28px;max-width:40%}.combo{top:95px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body.title-art #world{opacity:0}body.title-art #game{background:url('art/title.png') center/cover no-repeat}body.title-art .shade{background:linear-gradient(0deg,#061223f5 0%,#06122360 45%,transparent 70%)}body.title-art .hero{align-self:end;padding-bottom:10px;grid-template-columns:1fr .25fr}body.title-art .title{font-size:1px;opacity:0;height:1px;margin:0}body.title-art .eyebrow{font-size:13px}body.title-art .intro{font-size:20px;color:white;text-shadow:0 2px 6px black}body.title-art .cabinet-wrap{display:none}.mode-card{position:relative;overflow:hidden;padding-top:125px;background-size:auto 125px;background-repeat:no-repeat;background-position:center top}.mode-card.free-art{background-image:url('art/free.png')}.mode-card.ranked-art{background-image:url('art/ranked.png')}.character-image{height:190px;width:130px;object-fit:cover;object-position:center;border-radius:8px}.cabinet-screen{background:url('art/title.png') 68% center/cover no-repeat}.cabinet-screen .lester-head,.cabinet-screen .stick{display:none}.title-art .footer-note{color:#bed0e5}@media(max-width:700px){body.title-art #game{background-position:62% center}body.title-art .shade{background:linear-gradient(0deg,#061223 0%,#061223bc 38%,#06122320 75%)}body.title-art .hero{padding-bottom:8px}.character-image{height:160px;width:105px}.mode-card{padding-top:115px}}@media(max-height:530px) and (orientation:landscape){body.title-art .hero{display:block}.intro{margin:8px 0}body.title-art .tags{display:none}.mode-card{padding-top:90px;background-size:auto 85px}.character-image{height:130px;width:90px}}
@media(max-width:410px){#touch{inset-inline:10px}.setting select{max-width:150px}.selector{align-items:start}.character-image{width:90px;height:145px}.selector h3{font-size:15px}.selector p{font-size:12px}.selector .status{font-size:9px}}
@media(max-width:700px){body.title-art .title{font-size:clamp(40px,10vw,64px);height:auto;opacity:1;margin:10px 0;text-shadow:0 3px 15px #000}body.title-art #game{background-position:77% center}.hud-score .muted{font-size:9px;white-space:nowrap}}

/* The Flash-style fighting plane reserves colour for Lester's head and blood. */
body.playing .shade{background:linear-gradient(0deg,#00000040,transparent 26%)}
#hud{color:#111;text-shadow:0 1px 2px #fff;background:linear-gradient(#fffffff0,transparent)}
#hud .muted,.floor-theme{color:#333}.health{background:#fff9;border-color:#333}.health i{background:#222}.guardbar{background:#888}.guardbar i{background:#ddd}.combo{color:#111}.hud-score button{color:#111;background:#fffc;border-color:#333}
.enemy-hud{color:#111;background:#fffd;border-color:#222}.enemy-hud.danger{color:#111;border-color:#111;font-weight:900}.enemy-hud i{background:#222}
.move-name{position:fixed;left:26px;top:122px;max-width:calc(100vw - 52px);font-size:12px;font-weight:800;letter-spacing:.06em;color:#111;text-shadow:0 1px 2px #fff;pointer-events:none}@media(max-width:700px){.move-name{left:14px;top:104px;font-size:10px}}
.enemy-markers{position:fixed;inset:0}body:not(.playing) .enemy-markers{display:none}
#callout{color:#111;background:#fffffff0;border-color:#333}#touch button,#touch button.kick{color:#111;background:#ffffffe0;border-color:#222}#touch button:active,.dpad button:active{background:#aaa}

.exit-guide{position:fixed;top:120px;left:50%;transform:translateX(-50%);background:#fffffff0;color:#111;border:2px solid #111;border-radius:5px;padding:12px 18px;text-align:center;max-width:70vw;pointer-events:auto;box-shadow:0 4px 14px #0002}.exit-guide:empty{display:none}.exit-guide strong,.exit-guide span{display:block}.exit-guide strong{font-size:19px;letter-spacing:.15em}.exit-guide span{font-size:12px;margin:7px 0}.exit-guide button{min-height:44px;margin:3px;padding:8px 12px;background:#222;color:white;border-color:#111}.exit-guide button.secondary{background:#eee;color:#111}
.fighter-preview{position:relative;min-width:120px;height:190px;background:#f3f3f3;border:1px solid #555;border-radius:6px;overflow:hidden}.preview-head{position:absolute;left:41px;top:12px;width:40px;height:40px;background:#2372d3;color:white;display:grid;place-items:center;border-radius:50%;font-size:30px;font-weight:800;z-index:2}.fighter-preview i{display:block;position:absolute;background:#111;border-radius:10px;width:6px;transform-origin:top}.preview-body{left:58px;top:49px;height:55px}.preview-arm{left:60px;top:58px;height:48px;transform:rotate(-65deg)}.preview-arm.rear{transform:rotate(60deg)}.preview-leg{left:60px;top:101px;height:67px;transform:rotate(-25deg)}.preview-leg.rear{transform:rotate(25deg)}
.floor-blueprint{height:135px;position:relative;overflow:hidden;background:linear-gradient(#eeeeee,#cccccc);border:1px solid #777;border-bottom:4px solid #222;margin:18px 0}.blueprint-door{position:absolute;right:20px;bottom:0;width:52px;height:94px;border:3px solid #222;background:#999;color:#222;font-size:32px;text-align:center;padding-top:18px}.blueprint-table{position:absolute;left:45%;bottom:32px;width:110px;height:6px;background:#222}.blueprint-table:before,.blueprint-table:after{content:'';position:absolute;top:0;width:4px;height:32px;background:#222;left:8px}.blueprint-table:after{left:auto;right:8px}.blueprint-figure{position:absolute;left:40px;bottom:63px;background:#2372d3;color:white;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:22px}.blueprint-figure:after{content:'';position:absolute;top:27px;width:4px;height:58px;background:#111;box-shadow:-9px 20px #111,9px 20px #111}
body:not(.playing) .exit-guide{display:none}
@media(max-width:700px){.exit-guide{top:136px;max-width:87vw;width:max-content;padding:8px 12px}.exit-guide strong{font-size:15px}.exit-guide span{font-size:10px}.exit-guide button{font-size:11px;padding:8px}.fighter-preview{min-width:100px}.preview-head{left:31px}.fighter-preview i{margin-left:-10px}}@media(max-height:530px){.floor-blueprint{height:90px}.exit-guide{top:90px;padding:5px 10px}}

.floor-journey{--aperture:1;--travel:0;position:relative;isolation:isolate;overflow:hidden;height:210px;max-width:380px;margin:20px auto;border:9px solid #333;border-bottom-width:5px;background:#171717;box-shadow:inset 0 0 0 2px #eee}
.journey-shaft{position:absolute;inset:-100% 0;background:repeating-linear-gradient(0deg,#aaa 0,#aaa 3px,#303030 3px,#303030 65px);transform:translateY(calc(var(--travel) * 100px))}
.journey-door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#aaa,#eee 40%,#b6b6b6);border:1px solid #444;z-index:2;will-change:transform}
.journey-door.left{left:0;transform:translateX(calc(var(--aperture) * -100%))}.journey-door.right{right:0;transform:translateX(calc(var(--aperture) * 100%))}
.journey-number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#111;color:#fff;border:2px solid #ddd;padding:10px 24px;font:700 36px monospace;white-space:nowrap;z-index:1}
.via-stairs .journey-door{display:none}.via-stairs .journey-shaft{background:repeating-linear-gradient(145deg,#eee 0,#eee 13px,#555 13px,#555 16px,#222 16px,#222 45px)}
@media(max-height:530px){.floor-journey{height:110px;margin:8px auto}}@media(prefers-reduced-motion:reduce){.journey-shaft{transform:none}.journey-door{will-change:auto}}

/* Shared arcade typography and gold/blue entry chrome. Combat keeps its ink style. */
:root{font-family:var(--font-ui,system-ui,sans-serif);--ink:#0a0e14;--gold:#f8d65a;--white:#f6f3e9;--muted:#bac3ce;--line:#343c47}
body[data-screen=mode] #game,body[data-screen=character] #game,body[data-screen=controls] #game,body[data-screen=loading] #game{background:linear-gradient(90deg,#0a0e14f5,#0a0e14a8),url('art/title.png') center/cover}
.entry-panel{border-radius:8px;background:#101720f5;border-color:#59687c;box-shadow:0 24px 80px #0009;border-top:3px solid var(--gold)}
.entry-panel h1{font:800 clamp(28px,4vw,42px)/1.1 var(--font-display);letter-spacing:-.03em;margin:18px 0 12px}
.entry-panel h2{font:800 25px/1.2 var(--font-display);margin:12px 0}.entry-intro{margin:0;color:var(--muted)}
.entry-steps{display:flex;list-style:none;padding:0 0 18px;margin:0 0 24px;gap:24px;border-bottom:1px solid var(--line);color:var(--muted);font:600 11px/1.4 var(--font-mono)}
.entry-steps span{opacity:.6}.entry-steps [aria-current]{color:var(--gold)}.entry-panel .eyebrow{font:600 11px/1.5 var(--font-mono);letter-spacing:.12em;color:var(--blue)}
.entry-panel .mode-card{background-color:#151f2c;border-radius:5px;padding:155px 24px 24px;background-size:100% 135px;border-color:var(--line);display:flex;flex-direction:column}
.entry-panel .mode-card p{min-height:0;flex:1}.entry-panel .mode-card small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:12px}
.entry-panel .mode-card .status{font:600 10px var(--font-mono);color:var(--gold)}.entry-panel button:disabled{opacity:1;background:#1b2534;color:#aab4c1;border-color:#43516a}
.fighter-card{width:100%;display:flex;gap:28px;align-items:center;text-align:left;background:#192638;border:2px solid var(--gold);padding:24px;margin:24px 0 0}
.fighter-copy{display:grid;gap:14px;font-weight:400;line-height:1.5}.fighter-copy strong{font:800 32px var(--font-display)}.fighter-copy .status{font:600 10px var(--font-mono)}
.fighter-card .fighter-preview{display:block;flex-shrink:0;background:radial-gradient(ellipse at bottom,#adc0d4,#e9eef4);border-color:#899aaa}
.loading-label{font:600 12px var(--font-mono);color:var(--gold)}.level-entry .loading{margin-top:12px}.level-entry h2{color:var(--blue)}
@media(max-width:600px){.entry-panel .mode-grid{grid-template-columns:1fr}.entry-panel .mode-card{padding:22px 18px 20px 125px;background-size:110px 100%;background-position:left center}.entry-panel .mode-card h2{font-size:21px}.entry-panel .mode-card p{font-size:13px;margin:6px 0 14px}.entry-steps{gap:18px}.fighter-card{gap:16px;padding:16px}.fighter-copy strong{font-size:26px}.fighter-copy{font-size:13px}.entry-panel .button-row{gap:10px}.entry-panel .button-row>.primary{flex:1 0 100%}}
@media(max-width:360px){.entry-panel{padding:20px 16px}.entry-panel .mode-card{padding-left:18px;padding-top:85px;background-size:100% 70px;background-position:center top}.entry-steps{gap:12px;font-size:10px}.fighter-card{gap:12px;padding:12px}.fighter-card .fighter-preview{min-width:84px}.fighter-copy .status{font-size:9px}}

/* Crop the cover art into its window instead of stretching the characters. */
.entry-panel .mode-card.free-art{--mode-art:url('art/free.png');background-image:none}
.entry-panel .mode-card.ranked-art{--mode-art:url('art/ranked.png');background-image:none}
.entry-panel .mode-card::before{content:'';position:absolute;inset:0 0 auto;height:135px;background:var(--mode-art) center/cover;pointer-events:none}
@media(max-width:600px) and (min-width:361px){.entry-panel .mode-card::before{inset:0 auto 0 0;width:110px;height:auto;background-position:60% center}}
@media(max-width:360px){.entry-panel .mode-card::before{height:70px}}
@media(max-height:530px) and (orientation:landscape){
 .entry-panel{padding:14px 22px}.entry-steps{padding-bottom:8px;margin-bottom:10px}.entry-panel h1{font-size:26px;margin:8px 0}.entry-panel .eyebrow{font-size:10px}
 .fighter-card{padding:10px 16px;margin:10px 0;gap:20px}.fighter-copy{gap:7px;font-size:12px}.fighter-copy strong{font-size:23px}.fighter-card .fighter-preview{height:100px;min-width:68px;width:68px}
 .fighter-card .preview-head{width:24px;height:24px;left:22px;top:6px;font-size:20px}.fighter-card .fighter-preview i{width:4px;left:32px;margin:0}.fighter-card .preview-body{top:29px;height:30px}.fighter-card .preview-arm{top:35px;height:27px}.fighter-card .preview-leg{top:58px;height:35px}
 .entry-panel>.muted{display:none}.entry-panel .button-row{margin-top:10px}.entry-panel .button-row button{min-height:44px;padding:9px 16px}
 .entry-panel .mode-grid{margin:12px 0}.entry-panel .mode-card{padding:12px 14px 12px 86px}.entry-panel .mode-card::before{inset:0 auto 0 0;width:72px;height:auto;background-position:60% center}.entry-panel .mode-card p{display:none}.entry-panel .mode-card h2{font-size:21px;margin:8px 0}.entry-panel .mode-card small{margin-top:8px}
}
.encounter-progress{display:flex;justify-content:center;gap:5px;margin-top:7px}.encounter-progress i{width:24px;height:4px;background:#ffffff36;border-radius:2px}.encounter-progress .active{background:#fff;box-shadow:0 0 0 1px #555}.encounter-progress .clear{background:#b5b5b5}.encounter-progress .clear::after{content:'✓';display:block;font-size:9px;line-height:4px;color:#111;text-align:center}