:root{--felt:#10131c;--felt-2:#1a2030;--neon:#ff5d8f;--neon-2:#36e0c5;--amber:#ffb454;--ink:#1d2230;--paper:#f6f4ef;--card:#ffffff;--line:#e3e0d7;--dim:#5e6472}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16.5px/1.72 "Trebuchet MS","Segoe UI",Verdana,sans-serif}
a{color:#c23c68;text-underline-offset:3px;font-weight:600}a:hover{color:var(--neon-2);color:#0a8f7c}
.coinslot-bar{background:linear-gradient(90deg,var(--felt),var(--felt-2));color:#fff}
.coinslot-bar .arcade-floor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;padding:14px 18px}
.arcade-floor{max-width:1020px;margin:0 auto;padding:0 18px}
.pixel-wordmark{font:900 20px/1 "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--felt);background:var(--neon-2);padding:8px 13px;border-radius:5px;text-decoration:none;box-shadow:0 3px 0 #15a08c}
.pixel-wordmark span{color:var(--felt)}
.dpad-nav{display:flex;flex-wrap:wrap;gap:4px 18px;font:700 13.5px/1.6 "Courier New",monospace;text-transform:uppercase;letter-spacing:.07em}
.dpad-nav a{color:#cdd6e8;text-decoration:none}.dpad-nav a:hover{color:var(--neon-2);color:#36e0c5}
.attract-screen{padding:48px 0 22px;display:flex;flex-wrap:wrap;gap:16px 42px;align-items:flex-end;justify-content:space-between}
.attract-screen h1{font:900 clamp(30px,5.6vw,52px)/1.03 "Trebuchet MS",Verdana,sans-serif;margin:0;max-width:16ch;color:var(--felt)}
.attract-screen p{max-width:40ch;margin:0;color:var(--dim);font-size:17px}
.cartridge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:12px 0 78px}
.cartridge{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--neon);border-radius:8px;padding:20px 22px;text-decoration:none;color:var(--ink);display:block}
.cartridge:hover{border-left-color:var(--neon-2);box-shadow:0 6px 18px rgba(16,19,28,.08)}
.cartridge h2{font-size:19.5px;line-height:1.3;margin:10px 0 7px}.cartridge p{margin:0;color:var(--dim);font-size:14.5px;line-height:1.58}
.genre-chip{display:inline-block;font:800 11px/1.5 "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--felt);background:var(--amber);border-radius:4px;padding:3px 9px}
.highscore-sum{font-size:17px;color:var(--dim);max-width:46ch}
.cabinet-sheet{max-width:720px;margin:36px auto 80px;background:var(--card);border:1px solid var(--line);border-top:7px solid var(--neon);border-radius:9px;padding:30px 34px}
.cabinet-sheet h1{font-size:clamp(26px,4.6vw,38px);line-height:1.1;color:var(--felt);margin:10px 0 14px}
.cabinet-sheet .highscore-sum{font-size:18px;margin:0 0 24px;padding-bottom:18px;border-bottom:2px dotted var(--line);max-width:none}
.cabinet-sheet h2{font-size:21px;line-height:1.3;margin:30px 0 8px;color:var(--felt)}
.cabinet-sheet p{margin:0 0 15px}.cabinet-sheet ul,.cabinet-sheet ol{margin:0 0 16px;padding-left:22px}.cabinet-sheet li{margin:6px 0}
.spendnote{background:#fff3f6;border:1px solid #ffc9d9;border-left:4px solid var(--neon);border-radius:6px;padding:13px 16px;font-size:15px;color:#7a2440}
.playstamp{margin-top:32px;font:12.5px/1.5 "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.arcade-foot{background:var(--felt);color:#aeb6c7;font-size:13.5px}.arcade-foot .arcade-floor{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 22px;padding:22px 18px 28px}.arcade-foot a{color:#fff}
@media(max-width:680px){.cartridge-grid{grid-template-columns:1fr}.cabinet-sheet{padding:22px 16px;margin-top:20px}.attract-screen{padding-top:30px}}