/* The three restored cabinets share chrome; each keeps its own game engine. */
body.ch-game.arcade-renewal { --ch-ink:#f5f3e9; --ch-ink2:#b8c8cb; --ch-ink3:#94adb1; --ch-brass:#91e4cf; --ch-line:rgba(160,211,216,.18); --ch-amber:#e8c78c; --ch-ember:#73dac5; --ch-bg:#0c171b; --ch-panel:#15272d; background:radial-gradient(ellipse at 15% 0%,#213b41,transparent 60%),#0c171b; color:var(--ch-ink); }
body.arcade-renewal::before { opacity:.25; }
.arcade-renewal .ch-stage { width:100%; max-width:1120px; margin:28px auto 10px; padding:0 28px; gap:18px; }
.arcade-renewal .ch-topbar { grid-template-columns:auto 1fr auto; background:none; border:0; border-bottom:1px solid var(--ch-line); border-radius:0; padding:0 0 22px; gap:24px; }
.arcade-renewal .ch-title { text-align:left; }
.arcade-renewal .ch-title h1 { font-size:clamp(30px,4.2vw,52px); color:var(--ch-ink); line-height:1.08; letter-spacing:-.05em; margin:8px 0 0; }
.arcade-renewal .ch-eyebrow { color:var(--ch-brass); font-size:9px; letter-spacing:.18em; }
.arcade-renewal .ch-dot { background:var(--ch-brass); box-shadow:none; }
.arcade-renewal .ch-back { grid-column:1; }
.arcade-renewal .ch-controls { grid-column:3; grid-row:1; }
.arcade-renewal .ch-btn { color:#d7e4e4; }
.arcade-renewal .ch-scores { gap:0; padding:14px 0; border-top:1px solid var(--ch-line); border-bottom:1px solid var(--ch-line); flex-wrap:wrap; justify-content:space-between; }
.arcade-renewal .ch-score { padding:0 12px 0 0; min-width:48px; text-align:left; align-items:flex-start; }
.arcade-renewal .ch-score b { font-size:26px; color:#f5f3e9; }
.arcade-renewal .ch-l { color:#a4bbbf; font-size:9px; letter-spacing:.13em; }
.renewal-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:start; gap:28px; }
.arcade-renewal .ch-bezel { padding:12px; border:1px solid #375057; border-radius:16px; background:#14262c; box-shadow:0 20px 60px #0005,inset 0 1px #fff1; width:fit-content; max-width:100%; margin:auto; }
.arcade-renewal .ch-bezel::after { display:none; }
.arcade-renewal .ch-bezel #gameCanvas { width:auto !important; height:auto !important; max-width:100%; max-height:min(70vh,650px); margin:0 auto; image-rendering:auto; background:#09151c; border-radius:7px; }
.arcade-renewal .ch-start { inset:12px; border-radius:7px; background:linear-gradient(180deg,#08181b15,#08181bc9); }
.arcade-renewal .ch-start-btn { background:#9ae6cd; color:#122c2a; box-shadow:0 8px 28px #0005; font-size:20px; border-radius:9px; padding:15px 24px; }
.arcade-renewal .ch-start-sub { color:#d4ece2; letter-spacing:.07em; font-size:9px; }
.renewal-aside { display:flex; flex-direction:column; gap:24px; padding:12px 0; }
.renewal-kicker { font:10px var(--ch-mono); letter-spacing:.17em; text-transform:uppercase; color:#8de0c9; }
.renewal-aside h2 { color:#f4efdf; font:600 30px/1.12 var(--ch-display); margin:8px 0 12px; letter-spacing:-.03em; }
.renewal-aside p { font:13px/1.7 var(--ch-font); color:#b4c6c8; margin:0; }
.renewal-tip { border-top:1px solid var(--ch-line); padding-top:18px; }
.renewal-tip strong { display:block; color:#e7d2a9; font-size:13px; margin-bottom:8px; }
.arcade-renewal .ch-hint { color:#bbccd0; padding:12px 0; gap:18px; font-size:10px; }
.arcade-renewal .ch-touch { margin:0; }
.arcade-renewal .game-overview { color:#bcced0; }
.arcade-renewal .game-overview h2,.arcade-renewal .game-overview h3 { color:#f5f3e9; }
body[data-title="Block Puzzle"].arcade-renewal .ch-stage { max-width:830px; }
body[data-title="Block Puzzle"] .renewal-layout { grid-template-columns:minmax(0,340px) minmax(180px,260px); justify-content:center; }
body[data-title="Block Puzzle"].arcade-renewal .ch-bezel #gameCanvas { max-height:min(72vh,650px); }
.arcade-renewal .ch-score-canvas { margin-top:14px; width:100%; display:flex; flex-direction:row; align-items:center; gap:20px; }
.arcade-renewal .ch-score-canvas canvas { width:96px; height:96px; max-height:none; background:#102027; border:1px solid var(--ch-line); border-radius:10px; margin:0; }
body[data-title="Space Invaders"].arcade-renewal { --ch-brass:#a8c5ff; --ch-ember:#a8c5ff; background:radial-gradient(ellipse at 15% 0%,#24324f,transparent 60%),#0b1322; }
body[data-title="Space Invaders"] .renewal-kicker { color:#a8c5ff; }
body[data-title="Space Invaders"] .ch-start-btn { background:#afc6ff; }
@media(max-width:760px) {
 .arcade-renewal .ch-stage { margin:16px auto; padding:0 14px; gap:14px; }
 .arcade-renewal .ch-topbar { display:grid; grid-template-columns:1fr auto; grid-template-areas:'back controls' 'title title'; gap:14px; padding-bottom:16px; }
 .arcade-renewal .ch-back { grid-area:back; justify-self:start; }
 .arcade-renewal .ch-title { grid-area:title; }
 .arcade-renewal .ch-controls { grid-area:controls; }
 .arcade-renewal .ch-title h1 { font-size:36px; }
 .renewal-layout { display:flex; flex-direction:column; gap:12px; }
 .renewal-aside { display:contents; }
 .renewal-aside > .renewal-intro,.renewal-tip { display:none; }
 .arcade-renewal .ch-scores { order:-1; width:100%; padding:10px 0; }
 .arcade-renewal .ch-score b { font-size:21px; }
 .arcade-renewal .ch-bezel { padding:8px; }
 .arcade-renewal .ch-bezel #gameCanvas { max-height:58vh; }
 .arcade-renewal .ch-start { inset:8px; }
 body[data-title="Block Puzzle"].arcade-renewal .ch-bezel #gameCanvas { max-height:52vh; }
 .arcade-renewal .ch-score-canvas { margin:0; width:auto; gap:8px; flex-direction:column; }
 .arcade-renewal .ch-score-canvas canvas { width:40px; height:40px; border:0; }
 .arcade-renewal .ch-hint { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .arcade-renewal * { scroll-behavior:auto; animation:none !important; transition:none !important; } }
.renewal-aside { text-align:left; }
.arcade-renewal .ch-touch-btn { background:#213b41; color:#e6f5ef; border-color:#46666a; border-radius:12px; }
@media(max-width:760px) {
 .arcade-renewal .ch-touch-group { flex-wrap:nowrap; gap:7px; }
 .arcade-renewal .ch-touch-btn { min-width:48px; height:48px; padding:0 13px; font-size:18px; }
 body[data-title="Block Puzzle"].arcade-renewal .ch-bezel #gameCanvas { max-height:calc(100svh - 375px); min-height:200px; }
 body[data-title="Block Puzzle"] .ch-touch { justify-content:center; gap:24px; }
}
