.fight-arcade{background:#171326;color:#faf1db}.fight-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#18152d}.fight-screen canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline-offset:-4px}.fight-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#161124ed;text-align:center;gap:12px}.fight-overlay[hidden],.fight-paused[hidden]{display:none}.fight-overlay h2{font-size:clamp(20px,3vw,40px);margin:0;color:#ffe09a}.fight-overlay p{margin:0;max-width:620px;font-size:14px}.fighter-select{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(650px,100%)}.fighter-choice{background:#28243d;border:2px solid #524a6f;color:#fff;padding:8px;cursor:pointer}.fighter-choice[aria-pressed=true]{border-color:#ffd779;background:#40344a;box-shadow:0 0 0 2px #ffd77955}.fighter-choice canvas{height:115px;width:115px;max-width:100%;margin:auto;image-rendering:pixelated}.fighter-choice strong,.fighter-choice small{display:block}.fighter-choice small{font-size:11px;margin-top:4px;color:#d9cde7}.choose-button{background:none;border:0;color:#e7d4ff;text-decoration:underline;cursor:pointer;padding:8px}.fight-paused{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#161124cc;font-size:36px;font-weight:900}.fight-paused small{font-size:14px;margin-top:12px}.fight-touch{display:flex;justify-content:space-between;gap:15px;padding:14px;flex-wrap:wrap}.fight-touch button{background:#302844;border:1px solid #796591;color:#fff;padding:12px;touch-action:none;font-weight:700;cursor:pointer}.direction-pad{display:flex;gap:4px;align-items:center}.attack-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.special-pad{display:grid;gap:4px}.special-pad button{padding:6px 12px;color:#ffe09a}.fight-guide{padding:25px 30px;line-height:1.65}.fight-guide h2{font-size:19px}.move-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.move-guide div{background:#e8e1d6;padding:15px;border-left:3px solid #2f4ec9}.move-guide strong,.move-guide span{display:block}.move-guide span{font-size:13px}.gauntlet{margin:55px 0}.gauntlet h2{font-size:clamp(30px,5vw,60px);margin:12px 0 25px}.enemy-roster{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.enemy-card{border:1px solid #c5bdaf;padding:15px;background:#eee8dd}.enemy-card canvas{display:block;width:100%;max-width:140px;margin:auto;image-rendering:pixelated}.enemy-card h3{margin:10px 0 6px}.enemy-card p{font-size:12px;line-height:1.5;margin:5px 0}.enemy-card:last-child{background:#292039;color:#ffe09a;border-color:#796591}.fight-arcade .hud{flex-wrap:wrap;gap:10px}.fight-arcade .hud span{margin-right:auto}@media(max-width:700px){.enemy-roster{grid-template-columns:repeat(2,1fr)}.fight-overlay{padding:8px;gap:6px}.fighter-select{gap:5px}.fighter-choice{padding:4px}.fighter-choice canvas{height:65px;width:65px}.fighter-choice strong{font-size:11px}.fighter-choice small{font-size:9px}.fight-overlay p{font-size:10px}.fight-overlay h2{font-size:18px}.fight-overlay .primary{padding:9px;font-size:11px}.fight-overlay .eyebrow{font-size:9px}.fight-guide{padding:18px}.move-guide{grid-template-columns:1fr}.fight-touch{gap:7px;padding:8px}.fight-touch button{font-size:10px;padding:10px 8px}.special-pad{grid-template-columns:repeat(3,1fr);width:100%}.fight-arcade .hud{font-size:10px}.fight-arcade .hud button{font-size:10px}.choose-button{font-size:10px;padding:2px}}

.fight-overlay [hidden]{display:none!important}
@media(max-width:700px){.fight-screen:has(.fight-overlay:not([hidden])){min-height:285px;aspect-ratio:auto}.fight-screen:has(.fight-overlay:not([hidden])) canvas{height:auto}.fighter-choice canvas{height:70px;width:70px}.fight-overlay p{max-width:330px}.fight-overlay .primary{min-height:40px}}
@media(max-width:850px){.fight-screen:has(.fight-overlay:not([hidden])){min-height:400px;aspect-ratio:auto}.fight-screen:has(.fight-overlay:not([hidden])) canvas{height:auto}.fighter-choice strong,.fighter-choice small{line-height:1.4}.fight-overlay p{line-height:1.5}.fight-overlay>*{flex-shrink:0}}
@media(max-width:700px){body:has(.fight-arcade) .game-heading{display:block}body:has(.fight-arcade) .game-heading .tag{display:inline-block;margin-top:14px}body:has(.fight-arcade) .game-heading .eyebrow{line-height:1.5}}