/* The console is a launcher. Each cartridge has its own visual identity. */
body{--game-font:"Trebuchet MS",sans-serif;--surface:#17252c;--line:#455c61;--paper:#e8e2d2;--ink:#e8e2d2;--muted:#9cadab;--accent:#e5ae75;--mint:#b4d6bc;background:var(--bg);color:var(--ink);font-family:var(--game-font)}.play-shell{max-width:1280px;padding:24px}.play-header{border-color:var(--line)}.play-brand{font-size:10px;letter-spacing:1px;color:var(--muted)}.play-brand:hover{color:var(--accent)}.play-heading h1{font-family:var(--game-font);font-weight:bold;font-size:40px;color:var(--ink)}.eyebrow{color:var(--accent)}.small-button,.game-options button{background:var(--surface);color:var(--ink);border-color:var(--line)}.small-button:hover,.game-options button:hover{background:var(--surface);color:var(--accent);border-color:var(--accent)}.game-hud b{color:var(--accent);font-weight:bold}.game-hud small{color:var(--muted)}.game-layout{grid-template-columns:minmax(0,1fr) 190px}.screen{border:1px solid var(--line);box-shadow:0 18px 45px #0002;border-radius:2px}.game-sidebar{background:var(--surface);border-color:var(--line);border-radius:2px;padding:15px}.game-sidebar h2{color:var(--ink);font-family:var(--game-font);font-size:14px;font-weight:bold}.game-sidebar p{color:var(--muted)}.instructions{color:var(--muted);border-color:var(--line);font-size:10px}.game-options label{color:var(--muted)}.game-options input,.game-options select,.game-options textarea{background:var(--bg);color:var(--ink);border-color:var(--line)}.game-overlay{background:var(--bg);backdrop-filter:none;opacity:.97}.game-overlay h2{color:var(--ink);font-family:var(--game-font);font-size:58px;font-weight:bold;letter-spacing:-2px}.game-overlay p{color:var(--muted);font-family:var(--game-font)}.game-overlay .eyebrow{color:var(--accent);font:10px "Courier New",monospace;letter-spacing:3px}.big-button{background:var(--accent);color:var(--bg);border:0;box-shadow:0 3px var(--line);border-radius:2px;font-family:var(--game-font);padding:13px 24px}.big-button:hover{background:var(--ink);color:var(--bg)}.play-message,.play-footer{color:var(--muted)}.touch-actions button{background:var(--surface);color:var(--accent);border-color:var(--accent)}.touch-actions button:last-child,.dpad button{background:var(--surface);color:var(--ink);border-color:var(--line)}.dom-game{background:var(--bg);color:var(--ink)}.dom-game h2{color:var(--ink)}.dom-game button{background:var(--surface);color:var(--ink);border-color:var(--line)}.dom-game input,.dom-game textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}
body[data-game="breakout"]{--bg:#182b2d;--surface:#203b3c;--line:#5f7665;--ink:#f0e2bc;--muted:#a7b8a0;--accent:#efa64f;--mint:#adcbb4;--game-font:"Arial Black","Trebuchet MS",sans-serif;background:repeating-linear-gradient(115deg,#172c2d 0 160px,#1b3131 160px 320px)}body[data-game="breakout"] .play-heading h1{font-size:43px;letter-spacing:-2px;text-transform:uppercase}body[data-game="breakout"] .game-overlay{background:linear-gradient(150deg,#182d2e,#223b37)}body[data-game="breakout"] .game-overlay:before{content:"";position:absolute;inset:10% 5%;border-block:2px solid #62786144;transform:rotate(-12deg);pointer-events:none}body[data-game="breakout"] .game-overlay h2{text-transform:uppercase;font-size:70px;line-height:.95;max-width:400px;color:#f0e2bc;text-shadow:4px 4px #d56734}body[data-game="breakout"] .game-overlay .overlay-inner{position:relative}body[data-game="breakout"] .big-button{background:#eb9b46;min-width:180px;letter-spacing:1px;text-transform:uppercase}
body[data-game="2048"]{color-scheme:light;--bg:#f4f0e5;--surface:#eae4d6;--line:#c3b79d;--ink:#695b46;--muted:#9d8c70;--accent:#a77445;--game-font:Georgia,serif;background:#f4f0e5}body[data-game="2048"] .play-heading h1{font-weight:normal;font-size:46px;letter-spacing:-2px}body[data-game="2048"] .game-overlay{background:#f4f0e5}body[data-game="2048"] .game-overlay h2{font-size:70px;font-weight:normal;color:#8e744e}body[data-game="2048"] .game-overlay .overlay-inner:before{content:"2  4  8";display:block;word-spacing:12px;font:36px Georgia,serif;color:#c4b99b;border:1px solid #c4b99b;padding:15px;width:200px;margin:0 auto 25px}body[data-game="2048"] .game-hud>div:nth-child(2),body[data-game="2048"] .game-hud>div:nth-child(3){display:none}body[data-game="2048"] .screen{box-shadow:0 10px 35px #715c2b0b}body[data-game="2048"] .big-button{color:#fff5e0;border-radius:3px;font-weight:normal}
body[data-game="snake"]{--bg:#11261b;--surface:#1a3425;--line:#416342;--ink:#dde9b8;--muted:#809c71;--accent:#d2cf63;--game-font:"Courier New",monospace;background:radial-gradient(ellipse at 70% 0,#2b4627,#11261b)}body[data-game="snake"] .play-heading h1{font-size:38px;letter-spacing:5px;text-transform:uppercase}body[data-game="snake"] .game-overlay h2{font-size:70px;font-weight:normal;letter-spacing:8px;color:#dce4a9}body[data-game="snake"] .game-overlay{background:radial-gradient(ellipse at 50% 100%,#33502a,#11261b)}
body[data-game="Snake2"]{--bg:#10282a;--surface:#17393a;--line:#4b7470;--ink:#c0e4d0;--muted:#779e9b;--accent:#f1b857;--game-font:"Courier New",monospace}
body[data-game="pong"]{--bg:#0b1115;--surface:#111b20;--line:#455354;--ink:#e4ead8;--muted:#81918a;--accent:#e4ead8;--game-font:"Courier New",monospace}body[data-game="pong"] .game-overlay h2{font-size:90px;letter-spacing:15px;text-transform:uppercase}body[data-game="pong"] .play-heading h1{letter-spacing:8px;text-transform:uppercase}
body[data-game="hangman"]{color-scheme:light;--bg:#eee6d2;--surface:#e6dcc4;--line:#bdb093;--ink:#343e42;--muted:#7b7a6b;--accent:#a34f35;--game-font:Georgia,serif}body[data-game="solitaire"]{--bg:#102e25;--surface:#184135;--line:#4f7460;--ink:#f0e3ba;--muted:#9db29b;--accent:#dcc378;--game-font:Georgia,serif}body[data-game="memorymatch"]{color-scheme:light;--bg:#e8efe8;--surface:#d7e4dc;--line:#9bb3a8;--ink:#31574f;--muted:#708d7f;--accent:#ac6c4e;--game-font:Georgia,serif}
body[data-game="Blockstacker"]{--bg:#101f28;--surface:#162e38;--line:#467584;--ink:#d2e4dd;--muted:#7b9ea4;--accent:#eab24e;--game-font:"Arial Black",sans-serif}body[data-game="swapnmatch"]{--bg:#2d3333;--surface:#3c4943;--line:#71816c;--ink:#f1e5ba;--muted:#b0b79a;--accent:#e9b977;--game-font:Georgia,serif}body[data-game="chainreaction"]{--bg:#101e25;--surface:#1c3036;--line:#4a6e72;--ink:#dbe7d9;--muted:#83a3a1;--accent:#e8b560;--game-font:"Trebuchet MS",sans-serif}body[data-game="Rubics"]{color-scheme:light;--bg:#e4e3dc;--surface:#d8d8d1;--line:#a4aba2;--ink:#253a39;--muted:#6f8176;--accent:#ce6539;--game-font:"Arial Black",sans-serif}
body[data-game="fruitcatcher"]{color-scheme:light;--bg:#f2d9ac;--surface:#e6c48b;--line:#b29062;--ink:#605532;--muted:#8f8258;--accent:#a65c32;--game-font:Georgia,serif}body[data-game="Balloonpop"]{color-scheme:light;--bg:#dbeae6;--surface:#c7ded8;--line:#8db8b1;--ink:#365b5a;--muted:#6f9690;--accent:#be6b51;--game-font:Georgia,serif}body[data-game="targetclicker"]{--bg:#131b1e;--surface:#1f2a2c;--line:#4c6264;--ink:#dbe5d9;--muted:#8a9f94;--accent:#db9c51;--game-font:"Courier New",monospace}body[data-game="clickthebox"]{--bg:#142631;--surface:#1b3541;--line:#52758a;--ink:#deebee;--muted:#8ba9b5;--accent:#e1ac57;--game-font:"Arial Black",sans-serif}
body[data-game="dodge"]{--bg:#181c20;--surface:#292e31;--line:#646964;--ink:#efdfbe;--muted:#a7a590;--accent:#e19347;--game-font:"Arial Black",sans-serif}body[data-game="gravitywelldodge"]{--bg:#0d1728;--surface:#17273b;--line:#415c7b;--ink:#dfdfd6;--muted:#7792ab;--accent:#e4bd67;--game-font:"Courier New",monospace}body[data-game="neonroadrampage"]{--bg:#081d24;--surface:#10343c;--line:#276c75;--ink:#d5ecde;--muted:#70a5a2;--accent:#f3b64c;--game-font:"Arial Black",sans-serif}body[data-game="galacticdefender"]{--bg:#0b1824;--surface:#132b3b;--line:#3c6175;--ink:#dcece4;--muted:#87a6b5;--accent:#d4b779;--game-font:"Courier New",monospace}
body[data-game="skillcheck"]{--bg:#181c19;--surface:#2a322b;--line:#55664e;--ink:#e4e5bd;--muted:#9ba785;--accent:#d7c855;--game-font:"Courier New",monospace}body[data-game="numberguessing"]{color-scheme:light;--bg:#f0e9d8;--surface:#e5dbc5;--line:#c1ad8d;--ink:#594d40;--muted:#948367;--accent:#b7673f;--game-font:Georgia,serif}body[data-game="rps"]{color-scheme:light;--bg:#eee9df;--surface:#e1d8c9;--line:#b4a88f;--ink:#373e3d;--muted:#827e6d;--accent:#ba5c3b;--game-font:"Arial Black",sans-serif}body[data-game="roulettetextbasedapp"]{--bg:#191c18;--surface:#282d23;--line:#666b4e;--ink:#e7dfbe;--muted:#a19f80;--accent:#c8864c;--game-font:Georgia,serif}
body[data-game="18game"]{color-scheme:light;--bg:#e7e5db;--surface:#dad8cc;--line:#a5a69a;--ink:#273b3c;--muted:#727d72;--accent:#b24b34;--game-font:"Courier New",monospace}body[data-game="18game"] .play-heading h1{font:40px Georgia,serif;letter-spacing:-1px}body[data-game="18game"] .game-overlay h2{font:54px Georgia,serif;letter-spacing:-1px}body[data-game="18game"] .dom-game{background:repeating-linear-gradient(#e7e5db 0 27px,#cfcfc2 27px 28px);border-left:10px solid #b24b34}body[data-game="18game"] .dom-game h2{font-family:Georgia,serif}body[data-game="18game"] .dom-game button{padding:12px 20px;background:#e0dbcb;color:#253937;border:1px solid #7f8b7c;box-shadow:2px 2px #c2c2b0;margin:5px}body[data-game="18game"] .big-button{text-transform:uppercase;letter-spacing:1px}
body[data-game="monsterfight"]{--bg:#14271f;--surface:#263c2b;--line:#587851;--ink:#e1dfb4;--muted:#91aa7a;--accent:#d3b36c;--game-font:Georgia,serif}body[data-game="towerrush"]{--bg:#192c29;--surface:#28453c;--line:#648875;--ink:#e5e0b6;--muted:#9cbaa3;--accent:#dfb66c;--game-font:Georgia,serif}body[data-game="rythmgame"]{--bg:#071f24;--surface:#0c3940;--line:#2c7b7b;--ink:#c4eecc;--muted:#69aaa0;--accent:#f0c85c;--game-font:"Arial Black",sans-serif}body[data-game="testyourtyping"]{color-scheme:light;--bg:#ede8dc;--surface:#e1d9c8;--line:#b6ab94;--ink:#4f5144;--muted:#8c8976;--accent:#a36542;--game-font:Georgia,serif}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.game-sidebar{display:grid;grid-template-columns:1fr 1fr}.game-sidebar>h2{grid-column:1/-1}}@media(max-width:550px){.play-shell{padding:13px}.play-heading h1,body[data-game="breakout"] .play-heading h1{font-size:30px}.play-heading{gap:12px}.game-overlay h2,body[data-game="breakout"] .game-overlay h2{font-size:38px}.game-sidebar{display:block}.play-header{gap:8px}.play-brand{font-size:8px}.game-overlay p{font-size:11px}.game-overlay .overlay-inner{max-width:85%}body[data-game="2048"] .game-overlay h2{font-size:45px}body[data-game="2048"] .game-overlay .overlay-inner:before{display:none}body[data-game="snake"] .game-overlay h2{font-size:39px;letter-spacing:3px}body[data-game="pong"] .game-overlay h2{font-size:55px;letter-spacing:9px}body[data-game="18game"] .game-overlay h2{font-size:30px}}