/* Arcade pages: scoped rules leave account and parent screens untouched. */
.arcade-page main{max-width:1200px}.arcade-page .section-head h1{font-size:clamp(2rem,5vw,3.7rem);margin-bottom:12px}.arcade-page .section-head p{max-width:660px;font-size:1.1rem;line-height:1.6}.arcade-page .game-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.arcade-page .game-item{position:relative;display:flex;flex-direction:column;padding:22px;background:linear-gradient(145deg,#173d73,#12274f);border:1px solid #70c7ff55;border-radius:26px;box-shadow:0 12px 30px #0003}.arcade-page .game-item h3{font-size:1.3rem;margin:18px 0 8px}.arcade-page .game-item p{line-height:1.6;flex:1;color:#dce9ff}.arcade-page .game-item .primary{width:100%;margin-top:14px;cursor:pointer}.arcade-page .game-art{height:130px;display:grid;place-items:center;font-size:4rem;background:radial-gradient(ellipse at center,#426bf7aa,transparent 70%),#101d42;border-radius:18px;letter-spacing:12px}.arcade-page .game-item:nth-child(2n) .game-art{background:radial-gradient(ellipse at center,#c05cf088,transparent 70%),#261b47}.arcade-page .game-item:nth-child(3n) .game-art{background:radial-gradient(ellipse at center,#25ad9588,transparent 70%),#103a40}.arcade-page [hidden],.arcade-page .hide{display:none!important}
.game-playground{scroll-margin-top:160px;margin:28px 0 60px;border:2px solid #74d9ff88;background:linear-gradient(150deg,#152e59,#0a1837);border-radius:28px;padding:clamp(16px,4vw,38px);box-shadow:0 24px 70px #0006}.game-playground h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:18px 0 10px}.arcade-toolbar,.arcade-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.arcade-kicker{color:#91e4ff;font-weight:900;letter-spacing:2px;font-size:.8rem}.arcade-instructions{max-width:720px;line-height:1.7;color:#e1ebff}.arcade-settings{justify-content:flex-start;margin:22px 0}.arcade-settings select{background:#213b67;color:#fff;border:1px solid #97c5ff;padding:12px;border-radius:12px;font:inherit}.arcade-stats{padding:14px 20px;border-radius:14px;background:#091832;color:#ffe48d;font-weight:800}.arcade-board{text-align:center;min-height:280px;padding:20px 0}.arcade-button,.arcade-back{font:inherit;font-weight:800;border:1px solid #8aadff80;border-radius:14px;cursor:pointer;background:#294b85;color:white;padding:14px 20px;min-height:48px;touch-action:manipulation}.arcade-button{margin:5px;box-shadow:0 4px 0 #081629}.arcade-back{background:transparent;font-size:.9rem}.arcade-button:hover:not(:disabled){background:#3563ad;transform:translateY(-2px)}.arcade-button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.arcade-button:disabled{opacity:.45;cursor:default}.arcade-page button:focus-visible,.arcade-page select:focus-visible,.arcade-page a:focus-visible{outline:3px solid #ffe582;outline-offset:4px}.arcade-status{min-height:32px;text-align:center;font-weight:800;color:#ffe48d;font-size:1.1rem}.language-note,.save-status{font-size:.85rem;color:#c4d4ef;line-height:1.6}.math-question{font-size:clamp(2rem,8vw,4rem);font-weight:900;margin:12px}.math-answer{display:block;background:#fff;color:#13244b;border-radius:18px;width:160px;margin:20px auto;padding:14px;font-size:2rem;font-weight:900}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);max-width:330px;margin:auto;direction:ltr}.number-pad button{font-size:1.4rem}.math-sky{font-size:2rem;color:#ffde75;letter-spacing:20px}.word-picture{font-size:5rem}.word-model{font-weight:900;letter-spacing:6px;font-size:1.4rem}.word-slots,.letter-tray{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:20px auto}.letter-slot{min-width:44px;padding:14px 8px;border-bottom:3px solid #77d8ff;background:#223a65;border-radius:8px;font-weight:900;font-size:1.4rem}.letter-tray button{font-size:1.3rem;background:#794fbb;min-width:48px}.maze-grid{display:grid;gap:2px;background:#09142a;padding:7px;border-radius:16px;width:min(100%,430px);margin:auto;aspect-ratio:1}.maze-9{grid-template-columns:repeat(9,1fr)}.maze-11{grid-template-columns:repeat(11,1fr)}.maze-13{grid-template-columns:repeat(13,1fr)}.maze-grid span{display:grid;place-items:center;min-width:0;border-radius:4px;font-size:clamp(.7rem,3vw,1.3rem)}.maze-wall{background:#315579;box-shadow:inset 0 2px #69b7b933}.maze-path{background:#101e35}.maze-grid .maze-player{background:#fbd36a;color:#121f3c;outline:2px solid #fff}.direction-pad{display:grid;grid-template-columns:repeat(3,64px);justify-content:center;margin:18px auto}.direction-pad button{font-size:1.4rem}.direction-pad button:first-child{grid-column:2}.direction-pad button:nth-child(2){grid-column:1}.orbit-track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0 30px}.sun{font-size:3rem}.orbit-slot{display:grid;place-items:center;min-width:62px;min-height:62px;padding:8px;border:2px dashed #9bb9df;border-radius:50%;font-size:.8rem;color:#d2e5ff}.orbit-slot.filled{background:#23576f;border-style:solid}.planet-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.planet-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 5px;font-size:.9rem}.planet-ball{font-size:3rem;line-height:1.3;color:#c5a69b}.planet-1 .planet-ball{color:#ffd07f}.planet-3 .planet-ball{color:#ef856b}.planet-4 .planet-ball{color:#dcad87}.planet-6 .planet-ball{color:#83e1df}.planet-7 .planet-ball{color:#6d96ff}.memory-pad{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:370px;margin:10px auto 25px}.memory-key{min-height:115px;font-size:2.5rem;margin:0;border:3px solid transparent;position:relative}.memory-key small{position:absolute;bottom:7px;right:12px;font-size:.8rem}.memory-0{background:#a14635}.memory-1{background:#285aa1}.memory-2{background:#726017}.memory-3{background:#5c3a9b}.memory-key:disabled{opacity:1}.memory-key.lit{background:#fff;color:#112247;border-color:#ffe680;box-shadow:0 0 0 5px #fff6,0 0 25px #ffdc7788}.victory-stars{font-size:3rem;padding:20px}.final-score{font-size:2.5rem;font-weight:900;color:#ffe58c}
@media(max-width:800px){.arcade-page .game-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-playground{scroll-margin-top:150px}}@media(max-width:520px){.arcade-page .game-list{grid-template-columns:1fr}.arcade-page .game-art{height:110px}.planet-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-toolbar{align-items:flex-start}.arcade-button{padding:12px}.arcade-page .filters{flex-wrap:wrap}.game-playground{border-radius:18px}.word-slots{gap:4px}.letter-slot{min-width:34px;padding:12px 5px}.arcade-stats{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.arcade-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.arcade-page.playing main > .section,.arcade-page.playing main > .quiz{display:none}.arcade-page.playing .game-playground{margin-top:20px}.maze-grid .maze-player{background:#fbd36a url(assets/taupe.webp) center/contain no-repeat;font-size:0}

.modern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.modern-game{background:linear-gradient(155deg,#233f73,#122448);border:1px solid #6ce3ff66;border-radius:24px;padding:18px;display:flex;flex-direction:column;box-shadow:0 15px 35px #0004}.modern-game h3{margin:12px 0 4px;font-size:1.3rem}.modern-game p{color:#d3e7ff;line-height:1.6;flex:1}.modern-game .primary{display:block;text-align:center;padding:14px;border-radius:16px}.modern-art{display:grid;place-items:center;min-height:140px;border-radius:16px;font-size:3rem;background:radial-gradient(ellipse,#6270f0,#152651);letter-spacing:12px}.modern-memory{background:radial-gradient(ellipse,#a45fe0,#382459);color:#ffe68c}.modern-whac-a-mole{background:radial-gradient(ellipse,#26bba5,#123e45)}.modern-labyrinth{background:radial-gradient(ellipse,#e9965a,#562656)}.modern-badge{display:block;font-size:.7rem;letter-spacing:1px;font-weight:900;color:#9aefff;margin-top:14px}.modern-arcade h2{font-size:clamp(2rem,4vw,3.2rem);margin:12px 0}.modern-arcade{scroll-margin-top:160px}@media(max-width:1000px){.modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.modern-grid{grid-template-columns:1fr}.modern-art{min-height:120px}}