/* J Arcade — play the existing Retro Arcade within /games/.
   Only presentation changes: original app.js, game state and controls untouched. */
.j-arcade-page-hero{padding-top:52px;padding-bottom:42px}
.j-arcade-page-hero h1{font-size:clamp(42px,5.7vw,78px);letter-spacing:-.052em;margin:13px 0 18px}
.j-arcade-page-hero .inner-lead{max-width:800px;font-size:14px;line-height:1.75}
.j-arcade-page-hero .inner-actions{align-items:center;margin-top:23px}
.j-arcade-mode{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--olive)}
.j-arcade-play-area{scroll-margin-top:110px;padding:46px 0 82px;background:var(--warm);border-top:1px solid var(--border)}
.j-arcade-play-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 22px}
.j-arcade-play-heading h2{font:400 clamp(34px,4vw,54px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:8px 0 0}
.j-arcade-play-heading h2 em{color:var(--olive)}
.j-arcade-play-heading p{font-size:13px;max-width:320px;color:var(--muted);line-height:1.65;margin:0 0 2px}
.j-arcade-shell{width:min(100%,760px);margin:0 auto;border-radius:23px;overflow:hidden;border:1px solid color-mix(in srgb,var(--olive) 26%,var(--border));background:#e7ecf2;box-shadow:0 20px 58px rgba(24,37,33,.17)}
.j-arcade-shell-bar{height:49px;padding:0 18px;display:flex;align-items:center;gap:12px;background:#202b31;color:#d8ecf0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.07)}
.j-arcade-shell-bar strong{font-size:11px;letter-spacing:.16em}
.j-arcade-shell-status{margin-left:auto;border:1px solid rgba(129,223,173,.27);color:#b2f0cb;padding:5px 10px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.1em}
.j-arcade-lights{display:flex;gap:6px}
.j-arcade-lights i{display:block;width:9px;height:9px;border-radius:50%;background:#e78d85}
.j-arcade-lights i:nth-child(2){background:#e8bc75}
.j-arcade-lights i:nth-child(3){background:#94bf94}
.j-arcade-player{display:block;width:100%;height:clamp(680px,85dvh,930px);border:0;background:#e7ecf2}
.j-arcade-helper{max-width:760px;margin:18px auto 0;padding:0 5px;text-align:center;font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:700px){
 .j-arcade-page-hero{padding-top:35px;padding-bottom:31px}
 .j-arcade-page-hero h1{font-size:clamp(42px,8vw,60px)}
 .j-arcade-page-hero .inner-lead{font-size:13px}
 .j-arcade-play-area{scroll-margin-top:78px;padding-top:24px;padding-bottom:54px}
 .j-arcade-play-heading{display:block}
 .j-arcade-play-heading p{margin-top:10px}
 .j-arcade-shell{border-radius:14px}
 .j-arcade-shell-bar{height:43px;padding:0 12px}
 .j-arcade-shell-bar strong{font-size:9px;letter-spacing:.1em}
 .j-arcade-shell-status{font-size:8px;padding:4px 6px}
 .j-arcade-player{height:max(690px,84dvh)}
 .j-arcade-helper{text-align:left}
}
@media(prefers-reduced-motion:reduce){.j-arcade-shell,.j-arcade-player{scroll-behavior:auto}}