.arcade-section{max-width:1192px;margin:0 auto 55px;padding:0 0 55px;border-bottom:1px solid #ffffff25}.arcade-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.arcade-heading h2{font-size:clamp(48px,6vw,82px);margin-top:20px}.arcade-heading h2>span{color:var(--pink)}.arcade-heading>p{font-size:13px;line-height:1.8;color:var(--muted)}.arcade-cabinet{border:1px solid #794560;background:#121015;box-shadow:0 0 70px #ff3e9e08}.arcade-toolbar{padding:15px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;font-family:var(--mono);font-size:10px;letter-spacing:.08em}.arcade-brand{color:var(--pink)}.arcade-toolbar>div{display:flex;gap:10px}.arcade-toolbar button{background:transparent;color:#e8d8e9;border:1px solid #66516c;min-height:36px;padding:0 12px;font-family:var(--mono);font-size:8px;cursor:pointer}.arcade-toolbar button[aria-pressed=true]{color:var(--lime);border-color:#d8fa3c77}.arcade-toolbar button:disabled{opacity:.4;cursor:default}.arcade-hud{display:grid;grid-template-columns:1fr 110px 1fr;gap:24px;padding:18px 22px;background:#170f1d;font-family:var(--mono)}.arcade-health>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:9px;margin-bottom:8px;color:#e9deec}.health-track{height:9px;background:#3b263d;overflow:hidden;border:1px solid #ffffff22}.health-track>span{display:block;height:100%;width:100%;background:var(--pink);transition:width .15s}.enemy-health .health-track>span{background:var(--lime);margin-left:auto}.arcade-score{text-align:center;font-size:8px;line-height:1.6;color:#c8b7d0}.arcade-score strong{display:block;font-size:16px;letter-spacing:.09em;color:var(--ink)}.arcade-screen{position:relative;overflow:hidden;isolation:isolate;background:#160f25}.arcade-screen canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;image-rendering:pixelated;object-fit:cover}.arcade-scanlines{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.15;background:repeating-linear-gradient(transparent 0 3px,#000 3px 4px)}.arcade-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0a0713d9,#0b071b9c 65%,#0a07133a);z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px 50px}.arcade-overlay[hidden]{display:none}.arcade-overlay-eyebrow{font-family:var(--mono);font-size:8px;color:var(--lime);letter-spacing:.08em;margin-bottom:15px}.arcade-overlay h3{font-family:var(--display);font-size:clamp(45px,6.5vw,88px);line-height:.87;letter-spacing:-.02em;max-width:90%;text-shadow:3px 3px #1e0935}.arcade-overlay h3 span{color:var(--pink)}.arcade-overlay>p:not(.arcade-overlay-eyebrow){font-family:var(--mono);font-size:10px;line-height:1.8;color:#e3cfea;margin-top:18px;max-width:420px}.arcade-overlay .button{margin-top:22px;min-height:48px;padding:12px 22px;font-size:10px}.arcade-practice{background:none;border:0;border-bottom:1px solid #ffffff45;color:#ddd0e5;font-family:var(--mono);font-size:8px;padding:8px 0;margin-top:10px;cursor:pointer}.arcade-practice[hidden]{display:none}.arcade-practice[aria-pressed=true]{color:var(--lime)}.arcade-stage-label{position:absolute;left:18px;bottom:15px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:#dacbe8;padding:5px 8px;background:#0b0816cc;z-index:2;pointer-events:none}.arcade-callout{position:absolute;left:50%;top:9%;transform:translateX(-50%);z-index:2;color:var(--lime);font-family:var(--mono);font-size:13px;line-height:1.4;font-weight:700;background:#110d1ee6;text-shadow:1px 1px #000;padding:9px 15px;white-space:nowrap;pointer-events:none;border:1px solid #d8fa3c55}.arcade-callout:empty{display:none}.arcade-callout.danger{color:#ffd38b;border-color:#ffad4a80}.arcade-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 22px;background:#1b1222}.arcade-controls button{position:relative;display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:14px;justify-content:center;align-content:center;text-align:left;min-height:78px;border:1px solid #9b4b77;border-bottom:4px solid #9b4b77;background:#302034;color:#ff80bf;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;overflow:hidden}.arcade-controls button:nth-child(2){border-color:#7f8640;background:#2a2d1b;color:var(--lime)}.arcade-controls button:nth-child(3){border-color:#63528b;background:#252036;color:#c7a8ff}.arcade-controls svg{width:32px;height:32px;grid-row:1/3;align-self:center;pointer-events:none}.arcade-controls span{font-family:var(--display);font-weight:700;font-size:25px;line-height:1.1;letter-spacing:.03em}.arcade-controls small{font-family:var(--mono);font-size:8px;margin-top:4px;letter-spacing:.1em;opacity:.8}.arcade-controls button:active,.arcade-controls button.held{background:#4d294b;border-bottom-width:1px;transform:translateY(2px)}.arcade-controls button:disabled{opacity:.5;cursor:default}.arcade-controls i{position:absolute;height:3px;left:0;bottom:0;width:100%;background:currentColor;transform-origin:left;pointer-events:none;opacity:.7}.arcade-help{padding:16px 22px 18px;background:#131016;border-top:1px solid #ffffff15;display:flex;gap:30px;justify-content:space-between;align-items:start}.arcade-help p{font-size:11px;line-height:1.8;color:#c1b4cb;max-width:650px}.arcade-help strong{color:#e5d5ec;font-family:var(--mono);font-size:8px;margin-right:8px}.arcade-help>span{font-family:var(--mono);font-size:8px;line-height:1.7;color:#ada0b9;max-width:200px}.arcade-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.arcade-bottom>span{font-family:var(--mono);font-size:8px;color:#a599ad;letter-spacing:.05em}
@media(max-width:650px){.arcade-section{padding-bottom:35px;margin-bottom:30px}.arcade-heading{display:block;margin-bottom:25px}.arcade-heading h2{font-size:clamp(44px,12.8vw,65px)}.arcade-heading>p{font-size:12px;margin-top:18px}.arcade-toolbar{padding:10px;gap:6px;font-size:7px;letter-spacing:.02em}.arcade-toolbar>div{gap:5px}.arcade-toolbar button{font-size:6px;padding:0 6px;min-height:32px}.arcade-hud{grid-template-columns:1fr 56px 1fr;gap:10px;padding:12px 10px}.arcade-health>div:first-child{font-size:6px;gap:2px}.health-track{height:7px}.arcade-score{font-size:6px}.arcade-score strong{font-size:12px}.arcade-screen canvas{aspect-ratio:4/3;height:auto;object-fit:cover}.arcade-overlay{padding:18px;justify-content:center}.arcade-overlay-eyebrow{font-size:5.5px;letter-spacing:0;margin-bottom:10px}.arcade-overlay h3{font-size:clamp(36px,10.5vw,52px)}.arcade-overlay>p:not(.arcade-overlay-eyebrow){font-size:7px;margin-top:10px;max-width:95%;line-height:1.6}.arcade-overlay .button{min-height:40px;margin-top:12px;padding:10px 15px;font-size:8px}.arcade-practice{font-size:6px;margin-top:3px;padding:6px 0}.arcade-stage-label{font-size:5px;left:8px;bottom:7px;padding:4px 5px}.arcade-callout{font-size:8px;padding:7px 10px;top:7%}.arcade-controls{gap:8px;padding:12px 10px}.arcade-controls button{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-bottom-width:3px}.arcade-controls svg{width:23px;height:23px}.arcade-controls span{font-size:20px}.arcade-controls small{font-size:6px;margin:0}.arcade-help{display:block;padding:12px}.arcade-help p{font-size:9px;line-height:1.7}.arcade-help>span{display:block;font-size:7px;margin-top:10px;max-width:none}.arcade-bottom{align-items:start;flex-direction:column;margin-top:15px;gap:12px}.arcade-bottom>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.arcade-scanlines{display:none}.health-track>span{transition:none}}

.arcade-run-info{display:flex;justify-content:space-between;gap:12px;padding:10px 22px;background:#100c16;border-top:1px solid #ffffff12;font-family:var(--mono);font-size:8px;letter-spacing:.04em;color:#cdb9d8}.arcade-run-info>span:last-child{color:var(--lime)}
@media(max-width:650px){.arcade-run-info{padding:8px 10px;font-size:6px;gap:6px}}

.arcade-keyboard-hint{display:block;color:#d1bedb;margin-top:4px}.arcade-cabinet:focus{outline:none}.arcade-cabinet:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
@media(max-width:650px){.arcade-keyboard-hint{display:none}}

/* Two-thumb side-scroller controls: movement left, combat right. */
.arcade-world-controls{display:flex;gap:26px}.arcade-dpad{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:2}.arcade-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:3}.arcade-world-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:88px;text-align:center}.arcade-world-controls button svg{width:28px;height:28px}.arcade-world-controls button span{font-size:22px}.arcade-world-controls button small{margin:0;font-size:7px}.arcade-dpad button{background:#252036;color:#c7a8ff;border-color:#63528b}.arcade-actions button[data-move=jump]{background:#252036;color:#c7a8ff;border-color:#63528b}.arcade-actions button[data-move=punch]{background:#302034;color:#ff80bf;border-color:#9b4b77}.arcade-actions button[data-move=kick]{background:#2a2d1b;color:var(--lime);border-color:#7f8640}.arcade-screen canvas{aspect-ratio:16/9}.arcade-travel-track{height:4px;background:#39213e}.arcade-travel-track>span{display:block;height:100%;width:0;background:var(--pink)}
@media(max-width:650px){.arcade-world-controls{gap:12px;padding:12px 8px}.arcade-dpad,.arcade-actions{gap:5px}.arcade-world-controls button{min-height:76px;padding:5px 1px;gap:5px}.arcade-world-controls button svg{width:21px;height:21px}.arcade-world-controls button span{font-size:15px;letter-spacing:0}.arcade-world-controls button small{font-size:5px;letter-spacing:0}.arcade-screen canvas{aspect-ratio:4/3}}

.arcade-world-controls .arcade-dpad button{background:#252036;color:#c7a8ff;border-color:#63528b}

.arcade-desktop-guide{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;padding:14px 18px 0;background:#1b1222;font-family:var(--mono);font-size:8px;color:#d5c4df}.arcade-desktop-guide>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.arcade-desktop-guide .guide-title{color:#ff80bf;letter-spacing:.09em;margin-right:5px}.arcade-desktop-guide kbd{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:28px;padding:0 7px;border:1px solid #705273;border-bottom:3px solid #705273;background:#2c1d34;font:inherit;color:#fff0fb;border-radius:3px}.arcade-desktop-guide kbd svg{width:15px;height:15px}
@media(max-width:650px),(hover:none),(pointer:coarse){.arcade-desktop-guide,.arcade-keyboard-hint{display:none}}

.arcade-desktop-guide{padding:14px 18px;background:#170f1d;border-bottom:1px solid #ffffff15}

.arcade-desktop-guide{font-size:10px}.arcade-desktop-guide .guide-title{font-size:9px}.arcade-desktop-guide kbd{font-size:11px;min-width:32px;height:30px}

/* Local active-play clocks. */
.arcade-clock{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:12px 22px;background:#100e14;border-top:1px solid #34273b;border-bottom:1px solid #34273b;font-family:'JetBrains Mono',monospace}.arcade-clock>div{display:grid;gap:3px}.arcade-clock span{font-size:8px;letter-spacing:1px;color:#b9a8c1}.arcade-clock strong{font-size:21px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;color:#d8fa3c}.arcade-clock .arcade-stage-clock strong{font-size:14px;color:#eee5f3}
@media(max-width:650px){.arcade-clock{gap:18px;padding:9px 12px}.arcade-clock strong{font-size:18px}.arcade-clock span{font-size:7px;letter-spacing:.6px}.arcade-clock .arcade-stage-clock strong{font-size:12px}}
.arcade-callout{max-width:90%;width:max-content;white-space:normal;text-align:center}

/* Boss styling shares the opponent HUD; activation never changes cabinet height. */
.enemy-health.is-boss>div:first-child{color:#ffb0d6}.enemy-health.is-boss .health-track{border-color:#ff8bc0;box-shadow:0 0 12px #ff3e9e33}.enemy-health.is-boss .health-track>span{background:linear-gradient(90deg,#ff3e9e,#ffc45e)}.enemy-health>div:first-child{min-height:1.2em;line-height:1.2}.enemy-health>div:first-child>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.enemy-health>div:first-child>span:last-child{flex-shrink:0}