:root{font-family:Inter,ui-rounded,system-ui,sans-serif;color:#f8f7ff;background:#111637;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:radial-gradient(circle at 20% 10%,#39307f 0,#171b4b 40%,#101633 100%);touch-action:manipulation}button,a,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}button:disabled{opacity:.48;cursor:default}a{color:inherit;text-decoration:none}#arcade{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:18px;height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));max-width:1500px;margin:auto;user-select:none}.cabinet{min-height:0;display:flex;flex-direction:column;border:7px solid #8171dd;border-radius:25px;background:#242357;box-shadow:0 16px 0 #0b1031,0 30px 60px #0008;overflow:hidden}.cabinet header{min-height:47px;display:flex;align-items:center;justify-content:space-between;padding:5px 16px;background:#171a42;gap:10px}.cabinet header button,#home{background:#ffffff1c;padding:8px 13px;border-radius:12px;font-size:13px;font-weight:900}.brand{font-size:13px;letter-spacing:.16em;font-weight:900;color:#8dfff2}.marquee{text-align:center;background:linear-gradient(110deg,#e467c3,#7057d5 50%,#36b8d3);padding:10px 8px;box-shadow:inset 0 -4px #0003}.marquee small{font-size:10px;font-weight:900;letter-spacing:.25em}.marquee h1{margin:0;font-size:clamp(24px,3vw,45px);letter-spacing:.08em;line-height:1.1;text-shadow:0 3px #4b397d}.glass{position:relative;flex:1;min-height:0;border:12px solid #303368;border-radius:0 0 22px 22px;background:#181e51;box-shadow:inset 0 0 0 3px #a9f0ff55;overflow:hidden}.glass canvas{width:100%;height:100%;display:block}.glass:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#fff2,transparent 25%,transparent 75%,#fff1);border-radius:12px}.cabinet footer{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;font-weight:800;letter-spacing:.08em}.lamp{width:10px;height:10px;background:#8affbb;border-radius:50%;box-shadow:0 0 12px #8affbb}.controls{min-height:0;display:flex;flex-direction:column;gap:13px;border-radius:24px;padding:18px;background:linear-gradient(#2c2e6d,#202255);box-shadow:inset 0 0 0 3px #7169c0,0 16px 40px #0005}.profile{background:#161c48;border:2px solid #7d79bf;border-radius:16px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;text-align:start}.profile small{display:block;font-size:10px;letter-spacing:.1em;color:#a8f5ec}.profile strong{display:block;font-size:23px;overflow:hidden;text-overflow:ellipsis}.control-middle{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:space-evenly}.instruction{font-weight:900;letter-spacing:.15em;font-size:13px;margin:0}.dpad{display:grid;grid-template-columns:repeat(3,clamp(54px,5.4vw,78px));grid-template-rows:repeat(3,clamp(48px,5vw,66px));gap:5px}.dpad button{background:linear-gradient(#777fd9,#4f5bba);border-radius:13px;box-shadow:0 5px #303578;font-size:22px;touch-action:none}.dpad button:active{transform:translateY(3px);box-shadow:0 2px #303578}.dpad [data-dir=back]{grid-column:2;grid-row:1}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}.dpad [data-dir=front]{grid-column:2;grid-row:3}.dpad-center{grid-column:2;grid-row:2;display:grid;place-items:center;color:#8affed;font-size:25px}#grab{width:100%;min-height:75px;border-radius:18px;background:linear-gradient(#ffda69,#f39738);color:#3b275a;font-weight:1000;font-size:clamp(22px,3vw,36px);box-shadow:0 7px #b95d35;letter-spacing:.08em}#grab:active{transform:translateY(4px);box-shadow:0 3px #b95d35}.counter{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:13px;font-weight:900}.counter strong{font-size:22px;color:#92fff0}.collection-button,#parents{min-height:44px;border-radius:11px;background:#5557a0;font-weight:900;letter-spacing:.05em}.collection-button{min-height:54px;background:#6570bc}#parents{font-size:12px;background:transparent;color:#c5c9e9}#result,#limit{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#111a53c9;pointer-events:none}#result:empty{display:none}#result h2,#limit h2{font-size:clamp(28px,5vw,62px);margin:0;color:#ffdf70;text-shadow:0 4px #2a2a6b}#result p,#limit p{font-weight:900;font-size:clamp(14px,2vw,22px)}#result.win{background:#1c5471b8}#limit{pointer-events:auto}#limit[hidden]{display:none}#limit button{background:#ffe078;color:#242255;padding:12px 22px;border-radius:14px;font-weight:900}dialog{border:3px solid #9b94eb;border-radius:24px;background:#23255d;color:#fff;box-shadow:0 30px 100px #000b;max-width:min(94vw,650px);max-height:88dvh;overflow:auto;padding:25px;min-width:min(92vw,370px)}dialog::backdrop{background:#080d2acb}dialog h2{margin:0 0 20px;color:#9dfff0;line-height:1.1}dialog h3{margin:18px 0 8px}dialog button{background:#6267b5;border-radius:12px;padding:12px 18px;min-height:44px;font-weight:850}dialog button:hover{background:#747bce}dialog input,dialog select{display:block;width:100%;background:#141a48;border:2px solid #8586cb;border-radius:12px;color:#fff;padding:12px;font-size:18px;margin:8px 0 18px}dialog label{display:block;font-weight:850;margin:12px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.choices{display:grid;gap:9px;margin:15px 0}.choices button{display:flex;justify-content:space-between;align-items:center;text-align:start}.choices strong{font-size:20px}.choices small{color:#baf8ed}.math{font-size:34px;text-align:center;font-weight:900}.prize-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;max-height:55dvh;overflow:auto;margin-bottom:16px}.prize-card{background:#171d4d;border:1px solid #777ac7;border-radius:14px;padding:8px;text-align:center;display:grid;justify-items:center}.prize-card img{width:75px;height:75px}.prize-card span{font-size:12px;font-weight:800}.prize-card strong{color:#ffe17f}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:15px}.home{min-height:100dvh}.home-head{display:flex;justify-content:space-between;padding:24px;max-width:1200px;margin:auto}.home-head button{background:#ffffff22;border-radius:12px;padding:8px 14px}.logo{font-weight:900;color:#9cfff2}.home-main{max-width:700px;margin:6vh auto;padding:20px}.kicker{color:#9cfff2;font-weight:900;letter-spacing:.18em}.home-main h1{font-size:clamp(48px,10vw,90px);line-height:.95;margin:15px 0;background:linear-gradient(110deg,#fff,#86fff0);background-clip:text;color:transparent}.tagline{font-size:22px;color:#d2d3f9}.game-tile{display:flex;align-items:center;gap:20px;background:linear-gradient(115deg,#6853ba,#3f80b7);border:3px solid #aaa4e9;border-radius:24px;padding:18px;box-shadow:0 14px 30px #0004;margin:35px 0}.game-tile img{width:130px;height:130px}.game-tile span{display:grid;gap:8px}.game-tile small{letter-spacing:.2em}.game-tile strong{font-size:32px}.game-tile em{font-style:normal;color:#fff1aa;font-weight:900}.promise{color:#adb7df;font-size:13px;text-align:center}@media(max-width:750px){#arcade{height:auto;min-height:100dvh;display:flex;flex-direction:column;padding:8px;gap:10px}.cabinet{height:min(62dvh,550px);min-height:340px;flex:none;border-width:5px}.cabinet header{min-height:40px}.marquee{padding:7px}.glass{border-width:7px}.cabinet footer{height:32px;font-size:9px}.controls{padding:10px;gap:8px}.control-middle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.instruction{grid-column:1/-1;text-align:center}.dpad{grid-column:1;grid-row:2/4;justify-self:center;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,46px)}#grab{grid-column:2;grid-row:2;align-self:stretch}.counter{grid-column:2;grid-row:3;display:grid;text-align:center}.collection-button{min-height:46px}.profile{padding:8px 12px}.profile strong{font-size:18px}}@media(max-width:430px){.cabinet{height:52dvh;min-height:300px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,42px)}.dpad button{font-size:18px}.controls{border-radius:16px}.counter strong{font-size:18px}.game-tile img{width:95px;height:95px}.game-tile strong{font-size:24px}}
:root{--cabinet:#8171dd;--cabinet-bg:#242357;--control-bg:#2c2e6d;--grab-top:#ffda69;--grab-bottom:#f39738}
body[data-game=dino]{--cabinet:#8ba66d;--cabinet-bg:#2d493f;--control-bg:#315349;--grab-top:#f1d883;--grab-bottom:#c88a50;background:radial-gradient(circle at 20% 10%,#58745b,#193a39 50%,#102728)}
body[data-game=alien]{--cabinet:#8171dd;--cabinet-bg:#242357;--control-bg:#2c2e6d;--grab-top:#ffda69;--grab-bottom:#f39738}
body[data-game=gems]{--cabinet:#b99d62;--cabinet-bg:#22283c;--control-bg:#20283d;--grab-top:#f3da95;--grab-bottom:#bd9456;background:radial-gradient(circle at 20% 10%,#344056,#0d172a 55%,#0b1020)}
body[data-game] .cabinet{border-color:var(--cabinet);background:var(--cabinet-bg)}
body[data-game] .controls{background:linear-gradient(var(--control-bg),#151b34)}
body[data-game] #grab{background:linear-gradient(var(--grab-top),var(--grab-bottom))}
body[data-game=dino] .marquee{background:linear-gradient(110deg,#766844,#819464,#385c54)}
body[data-game=alien] .marquee{background:linear-gradient(110deg,#e467c3,#7057d5 50%,#36b8d3)}
body[data-game=gems] .marquee{background:linear-gradient(110deg,#735a39,#b7985b 50%,#4f6280)}
.difficulty{background:#ffffff2a;border:1px solid #ffffff6b;border-radius:12px;padding:6px 10px;font-size:12px;font-weight:900;letter-spacing:.1em}
.home-main{max-width:900px;margin:3vh auto}.game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.game-list .game-tile{display:grid;justify-items:center;align-content:center;min-height:270px;margin:0;text-align:center;padding:14px}.game-list .game-tile img{width:128px;height:116px}.game-list .game-tile span{justify-items:center}.game-list .game-tile small{font-size:11px}.game-list .game-tile strong{font-size:22px}.game-list .dino{background:linear-gradient(140deg,#486f5b,#8d9b66)}.game-list .alien{background:linear-gradient(140deg,#6350b0,#a057ad)}.game-list .gems{background:linear-gradient(140deg,#333d53,#9a7c4a)}
@media(max-width:720px){.game-list{grid-template-columns:1fr}.game-list .game-tile{display:flex;justify-content:flex-start;min-height:140px;text-align:left}.game-list .game-tile img{width:100px;height:100px}.game-list .game-tile span{justify-items:start}}

/* v8: names and restored artwork remain readable on compact screens. */
.brand{letter-spacing:.04em;text-transform:none}.marquee h1{font-size:clamp(20px,2.6vw,36px);letter-spacing:.025em;line-height:1.15}.prize-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.prize-card img{width:110px;height:110px;object-fit:contain}.prize-card span{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.prize-card{gap:5px;padding:12px}.prize-card strong{font-size:18px}
