:root{color-scheme:dark;--bg-primary: #16181d;--bg-surface: #232730;--text-main: #dcd7ba;--text-muted: #717c89;--accent-green: #98bb6c;--accent-blue: #7fb4ca;--accent-yellow: #e6c384;--accent-purple: #938aa9;--accent-red: #e46876;--bg: var(--bg-primary);--panel: var(--bg-surface);--text: var(--text-main);--muted: var(--text-muted)}html,body{height:100%;margin:0;background:radial-gradient(1200px 800px at 50% 30%,var(--bg-surface) 0%,var(--bg-primary) 55%,#0a0b0e 100%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text-main)}#app{min-height:100%;display:grid;justify-items:center;gap:14px;padding:24px}canvas{background:var(--bg-primary);box-shadow:0 20px 60px #00000073,inset 0 0 0 1px #dcd7ba14;outline:none}.arcade-root{display:grid;gap:14px}.stage{justify-items:center}.picker{width:100%;display:grid;justify-items:center}.picker-card{width:min(900px,96%);border-radius:22px;background:var(--bg-surface);box-shadow:0 20px 60px #00000059,inset 0 0 0 1px #dcd7ba14;padding:22px}.picker-title{font-size:22px;font-weight:900;margin-bottom:14px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.game-grid{grid-template-columns:1fr}}.game-tile{appearance:none;border:0;border-radius:16px;padding:16px;background:#232730cc;color:var(--text-main);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px #dcd7ba0f}.game-tile:hover{background:#7fb4ca26}.game-tile-title{font-weight:850;font-size:16px}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#16181dbf;border-radius:18px}.overlay-card{width:min(520px,92%);border-radius:22px;background:var(--bg-surface);box-shadow:0 25px 90px #00000080,inset 0 0 0 1px #dcd7ba14;padding:18px;text-align:center}.overlay-title{font-size:22px;font-weight:900;margin-bottom:14px}.overlay-actions{display:grid;gap:10px}.btn{appearance:none;border:0;border-radius:14px;padding:12px 14px;background:#232730e6;color:var(--text-main);font-weight:800;cursor:pointer}.btn:hover{background:#7fb4ca33}.btn.primary{background:#98bb6c40}.btn.primary:hover{background:#98bb6c59}.btn.danger{background:#e4687638}.btn.danger:hover{background:#e4687659}.overlay-hint{margin-top:12px;color:var(--text-muted);font-size:13px}