/* Original game art and a tactile, responsive play surface. */
:root{--ink:#243349;--muted:#6e7888;--cream:#fffcf5;--green:#466f58;--focus:#7652d4;--purple:#7860ba;--purple-dark:#60499a;--line:#e8e4db}
body{background:radial-gradient(ellipse at 8% 10%,#e9e5ff66,transparent 24%),var(--cream)}
.header{height:105px}.brand{color:#354e40}.brand-mark{width:50px;height:50px;background:url('./assets/animals.webp') 0% 100%/400% 200%;transform:rotate(-6deg)}.brand-mark i,.brand-mark:after{display:none}.header nav{font-weight:bold;font-size:13px;color:#61697b}.parent-link{border-color:#e2deed;background:#fff;box-shadow:0 3px 0 #eeeaf5}.stars-pill{background:#fff1c6;border:1px solid #efdca0}.hero{gap:25px;grid-template-columns:.92fr 1.08fr;min-height:590px;padding-top:35px;padding-bottom:70px}.hero h1{font-size:clamp(43px,4.8vw,65px);line-height:1.15;letter-spacing:-2.6px}.hero-copy>p{font-size:17px;color:#71798a}.highlight{color:#7657ae}.highlight svg{stroke:#e6bf61;z-index:auto;bottom:-14px}.eyebrow{background:#f1ecfa;border:1px solid #e7def4;padding:7px 13px;border-radius:20px;display:inline-flex;font-size:11px;color:#7a6898;margin-bottom:23px}.eyebrow>span{background:#ad98d3}.primary{background:linear-gradient(150deg,#8d72ce,#6b53a5);box-shadow:0 5px 0 #503982,0 10px 20px #7657ad21;border:1px solid #7760af}.primary:hover{background:linear-gradient(150deg,#9478d4,#7559b2)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #503982}.hero-notes{color:#778277;font-size:11px}.hero-world{height:460px;min-height:460px;background:none;transform:none;margin:0;position:relative;display:block}.hero-world:before{display:none}.hero-scene{position:absolute;inset:0 -6px 42px 0;border-radius:34px 70px 34px 70px;overflow:hidden;background:#e8ecd9;box-shadow:0 15px 45px #4f694618,0 0 0 7px #fff9}.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:sceneReveal .7s ease-out}.scene-chip{position:absolute;top:17px;right:17px;display:flex;align-items:center;gap:8px;border:1px solid #fff9;background:#ffffffed;box-shadow:0 4px 15px #33442d0d;border-radius:30px;padding:8px 14px;font-size:10px;color:#5d6f57;font-weight:bold;backdrop-filter:blur(8px)}.chip-spark{font-size:19px;color:#b89747}.mini-game{position:absolute;left:-15px;bottom:-2px;width:252px;border-radius:18px;padding:12px 15px 9px;background:#fffefb;transform:rotate(-4deg);border:2px solid #fff;box-shadow:0 9px 30px #39422520,0 3px 0 #e5dfd5;z-index:2}.mini-top{padding-bottom:7px;font-size:9px;gap:5px}.mini-index{font-size:8px;background:#f4eddb;border-radius:5px;padding:1px 5px;color:#ab8a47}.shape-row{height:59px;gap:10px}.shape{width:25px;height:25px}.circle{background:radial-gradient(circle at 30% 25%,#d6efc8,#85b37b 75%);box-shadow:0 3px 0 #749469,0 5px 7px #67885920}.square{background:linear-gradient(145deg,#d5c5f5,#a28bc6);box-shadow:0 3px 0 #8e77b7;border-radius:6px}.triangle{background:linear-gradient(130deg,#f6ddb0,#d5a470)}.missing{width:32px;height:35px;font-size:21px;border-radius:9px;border-color:#d9d1bc}.mini-answers{gap:9px;margin-top:0}.mini-answers button{min-height:43px;border-radius:10px;box-shadow:0 3px 0 #e6dfd3;background:#faf8f1}.mini-answers button .shape{height:22px;width:22px}.mini-feedback{font-size:9px;min-height:24px;padding-top:7px;color:#7e8a6d}.scene-sticker{position:absolute;right:8px;bottom:0;transform:rotate(7deg);color:#838365;font-size:12px;line-height:1.4}.scene-sticker span,.scene-sticker strong{display:block}.scene-sticker strong{font-size:16px;font-weight:500}.scene-sticker svg{position:absolute;width:43px;left:-47px;top:9px;transform:rotate(-15deg)}
.stage-section{padding-top:5px}.section-kicker{color:#8b7ba1}.section-top h2{font-size:31px}.stage-picker{gap:13px}.stage-button{min-height:99px;background:#fff;border:1px solid #e9e3d6;box-shadow:0 3px 0 #ece7dd;gap:8px;padding:15px 11px}.stage-button .stage-icon{background:none!important;flex-shrink:0;height:54px;width:54px;display:block;transform:rotate(-7deg)}.stage-button .stage-icon .animal-sprite{height:100%;width:100%;display:block}.stage-button.active{background:#f1edfa;border-color:#a68bc9;box-shadow:0 4px 0 #b9a4d4}.stage-button.active:after{color:#8d71b0;background:#e9ddf6;width:17px;height:17px;text-align:center;line-height:17px;border-radius:50%}.stage-button strong{font-size:14px;color:#574d68}.stage-button small{font-size:9px;color:#958b9e}.stage-button:hover{border-color:#bda9d4}.game-grid{gap:24px 18px}.game-card{border-radius:19px;border:1px solid #eee7dc;box-shadow:0 4px 0 #eee9df;background:#fff;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-6px);box-shadow:0 8px 0 #e9e1d2,0 15px 35px #514a6715}.game-card .art-button{height:176px;position:relative;background:#eee9de}.game-card img.game-art{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.game-card:hover img.game-art{transform:scale(1.045)}.cover-play{position:absolute;right:13px;bottom:13px;height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:#fffcf4ed;color:#8064b4;box-shadow:0 3px 10px #3d4f3c1c;backdrop-filter:blur(6px);font-size:13px;padding-left:2px}.favorite{width:33px;height:33px;border:1px solid #fff9;box-shadow:0 2px 8px #23392612;background:#fffaf0e6;backdrop-filter:blur(8px)}.card-info{padding:17px 18px 13px}.card-info h3{font-size:19px;color:#34435b}.card-info p{color:#7f8791;font-size:11px}.card-tag{color:#9b8ba7;font-size:9px}.card-bottom{color:#99a08e}.play-button{color:#8566b8;font-size:12px}.filters button.active{background:#7a62a7}.filters button{font-size:11px}.catalog-top h2{color:#374558}.how{border-top-color:#eae4d6}.how-icon{box-shadow:0 4px 0 #283a4010}.membership{background:linear-gradient(115deg,#e5ebd8,#f0eee1);border-color:#d6ddc7;box-shadow:0 6px 0 #e7e8d9;position:relative}.membership:after{content:"";position:absolute;width:270px;height:230px;left:220px;bottom:-18px;opacity:.09;background:url('./assets/book.webp') center/cover;border-radius:50%;mix-blend-mode:multiply;pointer-events:none}.membership .dark{background:linear-gradient(145deg,#8a71bc,#6e589c);box-shadow:0 4px 0 #58437f}.membership-doodle{display:none}.membership h2{color:#42543e}.footer{margin-top:5px}.count-tag{background:#ece7f3;color:#8a739e}.animal-sprite{display:inline-block;background-image:url('./assets/animals.webp');background-position:var(--sx,0%) var(--sy,0%);background-size:400% 200%;background-repeat:no-repeat;aspect-ratio:1.05}.vocab-sprite{display:block;background-image:url('./assets/vocab.webp');background-position:var(--sx,0%) var(--sy,0%);background-size:400% 300%;background-repeat:no-repeat;aspect-ratio:1;margin:auto;width:100%;height:100%}
/* The games themselves share the same illustrated world. */
.ribbon-character[title]{padding:0;transition:transform .18s}.ribbon-character[title]:hover{transform:rotate(3deg) translateY(-3px)}.ribbon-character[title]:focus-visible{outline-offset:1px;border-radius:50%}.game-status.hint{background:#efe9f7;color:#8b729e;border-top:1px dashed #d7c8e8;font-weight:normal;line-height:1.7;padding:10px 22px;font-size:12px}.memory-tile.revealed{background:transparent;border:0}
.game-dialog{width:min(870px,calc(100% - 24px));border:5px solid #fff9;border-radius:27px;background:#f7f6ed;box-shadow:0 30px 120px #12232d50;max-height:94dvh}.game-dialog::backdrop{background:#243040aa;backdrop-filter:blur(9px)}.game-header{background:#fffcf7;border-bottom:0;padding:17px 23px;gap:17px}.game-header h2{color:#374359;line-height:1.25;font-size:25px}.game-header .section-kicker{font-size:10px;color:#a28bad}.game-header .icon-button{background:white;box-shadow:0 3px 0 #e5e0ed;color:#81738e;border-color:#e7e0ef;font-size:24px}.game-ribbon{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;background:linear-gradient(90deg,#ece5d5e0,#eef3e9dc),url('./assets/world.webp') center 52%/cover;min-height:79px;border-top:1px solid #eee7d7;border-bottom:1px solid #dbddcf;padding:7px 27px}.ribbon-character{width:66px;height:62px;flex-shrink:0;transform:rotate(-8deg);filter:drop-shadow(0 4px 2px #4d6d3b15)}.game-ribbon>div>span{display:block;font-size:17px;font-weight:bold;color:#5e6c54}.game-ribbon small{font-size:10px;color:#8b937c}.ribbon-stars{margin-right:auto;color:#d2b160;font-size:24px;letter-spacing:4px;text-shadow:0 2px 0 #f9eab0}.game-meta{padding:14px 25px 9px;background:#f7f6ed}.game-meta p{font-size:12px;line-height:1.7;color:#7b8274;max-width:540px}.small-button{background:#fffef8;box-shadow:0 2px 0 #e3dfd0;border-color:#ded9c6;color:#7e816c;padding:7px 12px;font-size:11px}.game-body{position:relative;padding:16px 28px 14px;min-height:335px;isolation:isolate;background:radial-gradient(ellipse at 50% 100%,#ececd7a0,transparent 75%)}.game-body:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.045;background:url('./assets/world.webp') center/cover;mask-image:linear-gradient(transparent,#000);pointer-events:none}.game-status{font-size:14px;background:#f7f6ed;color:#5b8a64;padding:6px 20px 12px;min-height:42px}.game-status.error{color:#b17661}.game-bottom{background:#fffcf5;border-color:#e8e1d5;color:#9a9b84;font-size:10px;padding:13px 24px}.board-caption{display:flex;justify-content:space-between;align-items:center;width:min(470px,100%);margin-bottom:16px;font-size:11px;color:#92977e}.board-caption strong{font-size:13px;background:#e7edda;border:1px solid #d4dec4;border-radius:30px;padding:3px 13px;color:#73946a;direction:ltr}
.memory-grid{width:min(470px,100%);gap:11px;perspective:1000px}.memory-tile,.memory-tile:not(.revealed){padding:0;height:103px;background:transparent;border:0;border-radius:15px;perspective:900px;font-size:inherit;transition:transform .15s}.memory-tile:hover:not(:disabled){transform:translateY(-3px)}.flip-card{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.3,.7,.3,1)}.memory-tile.revealed .flip-card{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:15px;overflow:hidden}.card-back{background:radial-gradient(ellipse at 35% 20%,#bdace0,#9983c4 80%);border:2px solid #c9b7e7;box-shadow:inset 0 0 0 5px #ffffff15,inset 0 2px 0 #e6d9fc,0 5px 0 #806aab,0 7px 12px #6f629220}.card-back:before{content:"";position:absolute;inset:10px;border:1px dashed #e1d0f277;border-radius:8px}.card-back-emblem{font-size:43px;color:#e9dba8;text-shadow:0 3px 0 #79608e40;line-height:1}.card-back i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d8c7ee}.card-back i:nth-of-type(1){left:17px;top:17px}.card-back i:nth-of-type(2){left:19px;bottom:19px}.card-back i:nth-of-type(3){right:17px;top:17px}.card-front{transform:rotateY(180deg);background:linear-gradient(135deg,#fffdf1,#faf0d7);border:2px solid #e9dcb9;box-shadow:0 4px 0 #d3c7a3,inset 0 2px 0 white}.card-front .animal-sprite{width:92%;height:92%;filter:drop-shadow(0 4px 2px #c9aa7d20)}.matched-tick{display:none;position:absolute;left:5px;top:5px;background:#91bc83;color:white;border-radius:50%;height:20px;width:20px;font-size:12px;line-height:20px;box-shadow:0 2px 0 #719b64}.memory-tile.matched{background:none;border:0}.memory-tile.matched .card-front{background:linear-gradient(135deg,#eff9e4,#d5eac4);border-color:#b8d69f;box-shadow:0 4px 0 #a0bd8d}.memory-tile.matched .matched-tick{display:block}
.puzzle-tools{width:min(365px,100%);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#96977e;margin-bottom:13px}.picture-puzzle{position:relative;width:min(365px,100%);padding:9px;background:#c9b58a;border:2px solid #e5d5ae;border-radius:18px;box-shadow:0 6px 0 #a18d65,0 10px 20px #98876826,inset 0 2px 0 #f8eaca}.tile-grid{width:100%;gap:5px;aspect-ratio:1;position:relative;background:#b3a27e;border-radius:9px;overflow:hidden}.slide-tile,.slide-tile:nth-child(3n+1),.slide-tile:nth-child(3n+2){position:relative;background-image:url('./assets/world.webp');background-position:var(--piece-x) var(--piece-y);background-size:300% 300%;border-radius:6px;border:1px solid #fff6;box-shadow:inset 0 1px 0 #fff6,0 3px 0 #6a714f66;color:#fff;font-size:13px;transition:transform .12s}.slide-tile:hover:not(:disabled){transform:scale(.965)}.piece-number{position:absolute;left:5px;top:5px;display:grid;place-items:center;height:20px;width:20px;border-radius:6px;background:#ffffffde;box-shadow:0 1px 3px #263b3d12;color:#68715c;font-size:11px;line-height:1;font-weight:bold}.slide-tile.blank{background:#a99c78aa;box-shadow:inset 0 2px 6px #75674455;border:0}.slide-tile.solved .piece-number{opacity:0}.slide-tile.blank.solved{background-image:url('./assets/world.webp');background-size:300% 300%;background-position:100% 100%;box-shadow:none}.puzzle-preview{display:none;position:absolute;inset:9px;background:url('./assets/world.webp') center/100% 100%;border-radius:8px;pointer-events:none}.show-preview .puzzle-preview{display:block}
.sudoku-grid{width:min(335px,100%);padding:8px;background:linear-gradient(140deg,#cec0e2,#b6a2d1);border:2px solid #ddcfee;box-shadow:0 6px 0 #9581b2,0 10px 20px #6e60791c;border-radius:16px;gap:4px}.sudoku-cell{border:0;border-radius:8px;background:#fffdf5;box-shadow:inset 0 1px 0 white,0 2px 0 #aa96c6;color:#7e6b9b;transition:background .13s;font-size:28px}.sudoku-cell:nth-child(4n+2){border-right:0;margin-right:4px}.sudoku-cell:nth-child(n+5):nth-child(-n+8){border-bottom:0;margin-bottom:4px}.sudoku-cell.given{background:#e3eed9;color:#7b9871;box-shadow:0 2px 0 #a8be99;font-weight:bold}.sudoku-cell.selected{background:#f9e9b9;box-shadow:inset 0 0 0 2px #e1be61,0 2px 0 #bb9b51;color:#a88844}.sudoku-numbers{gap:10px;margin-top:18px}.sudoku-numbers button{height:45px;min-width:46px;border:1px solid #dcd0e9;background:linear-gradient(145deg,#f5effc,#e5daf2);color:#8a70a5;box-shadow:0 3px 0 #bba5cf;border-radius:10px}.sudoku-numbers button:hover{background:#ecdfc4;box-shadow:0 3px 0 #baa175;color:#937445}
.game-dialog[data-game="maze"] .game-body{background:linear-gradient(#eef4e4aa,#f3f2ddcc),url('./assets/world.webp') center/cover}.maze-wrap{width:min(352px,100%);padding:13px;border-radius:23px;background:linear-gradient(145deg,#d4dfaa,#c0cd98);border:3px solid #e3e8c0;box-shadow:0 6px 0 #99ab71,0 12px 25px #68784b20}.maze-grid{background:#e2d1a4;border:0;padding:3px;border-radius:11px;gap:1px}.maze-cell{position:relative;overflow:visible}.maze-cell.wall{background:linear-gradient(140deg,#95b478,#698e59);box-shadow:inset 0 2px 0 #bed29b80,0 2px 0 #587643;border-radius:8px}.maze-cell.wall.bush-1{background:linear-gradient(140deg,#a0be7e,#7d9b5e);border-radius:11px 6px 8px 5px}.maze-cell.wall.bush-2{background:linear-gradient(140deg,#9fb483,#6c8b62);border-radius:6px 9px 6px 10px}.maze-cell.wall:after{content:"";width:4px;height:4px;position:absolute;top:28%;left:30%;border-radius:50%;background:#c5d39c88}.maze-cell.visited{background:#f2e0a9;border-radius:7px;box-shadow:inset 0 0 0 1px #e6cc83}.maze-cell.visited:before{content:"";position:absolute;height:4px;width:4px;border-radius:50%;background:#c9ac65;left:calc(50% - 2px);top:calc(50% - 2px)}.maze-cell.player{background:#ead598}.maze-player{position:absolute;inset:-25%;width:150%;height:150%;z-index:2;filter:drop-shadow(0 3px 1px #8b794440)}.treasure-star{font-size:30px;line-height:1;z-index:1;color:#d7a632;text-shadow:0 2px 0 #a77c28,0 0 8px #fff2b8;filter:drop-shadow(0 1px 2px #beab77)}.dpad{gap:7px;margin-top:15px;grid-template-columns:repeat(3,47px)}.dpad button{background:linear-gradient(#fffef3,#ece7cd);color:#8a9675;border:1px solid #d4cfb3;box-shadow:0 3px 0 #b7b08a;border-radius:12px;height:41px}.dpad button:active{transform:translateY(2px);box-shadow:0 1px 0 #b7b08a}
.game-dialog[data-game="math"] .game-body:before{background-image:url('./assets/numbers.webp');opacity:.06}.game-dialog[data-game="words"] .game-body:before,.game-dialog[data-game="letters"] .game-body:before{background-image:url('./assets/book.webp');opacity:.06}.quiz-progress{gap:9px;margin-bottom:17px}.quiz-progress span{width:12px;height:12px;border:2px solid #e0d5ef;background:#f0ebf5;box-shadow:0 2px 0 #c9bdd6}.quiz-progress span.done{background:#aa90cc;border-color:#bca5d7;box-shadow:0 2px 0 #8e74af}.quiz-prompt{font-size:13px;color:#8b8497;margin-bottom:8px}.quiz-question{font-size:44px;color:#736085;margin-bottom:20px;text-shadow:0 2px 0 #fff;letter-spacing:1px}.quiz-question.word-question{font-size:42px;letter-spacing:2px}.quiz-answers{gap:14px;width:min(420px,100%)}.quiz-answers button{background:linear-gradient(145deg,#f1eafa,#e3d5f2);border:2px solid #eadff4;color:#9272ad;border-radius:16px;min-height:75px;font-size:32px;box-shadow:0 5px 0 #b9a0ce,0 8px 10px #8d73991a;transition:transform .14s,background .14s}.quiz-answers button:nth-child(2){background:linear-gradient(145deg,#e9f1df,#d7e7c6);color:#87a178;border-color:#e1ebd7;box-shadow:0 5px 0 #a5bd91,0 8px 10px #80917313}.quiz-answers button:nth-child(3){background:linear-gradient(145deg,#faead6,#f1d5b8);color:#be946d;border-color:#f7e1ca;box-shadow:0 5px 0 #d0ad8a,0 8px 10px #ae8e6d15}.quiz-answers button:nth-child(4){background:linear-gradient(145deg,#e4eff4,#cbe0e8);color:#7b9faa;border-color:#dbe8ed;box-shadow:0 5px 0 #9dbac5,0 8px 10px #7695a013}.quiz-answers button:hover:not(:disabled){transform:translateY(-3px)}.quiz-answers button:active:not(:disabled){transform:translateY(3px)}.quiz-answers button.right{background:linear-gradient(#d9efcb,#b9dda6);border-color:#afd49d;color:#668c52;box-shadow:0 5px 0 #8bb476,0 0 0 4px #d5edc755}.quiz-answers button.wrong{background:#f3e7df;border-color:#d9b7a4;color:#b18b76;box-shadow:0 3px 0 #c5a28b;opacity:.6}.quiz-picture{width:118px;height:118px;margin:0 0 10px;padding:0;border-radius:50%;background:radial-gradient(circle,#f5ebd6,transparent 70%);filter:drop-shadow(0 5px 3px #947a4f15)}.quiz-count{gap:15px;max-width:360px;margin:7px 0 16px}.quiz-count .count-star{font-size:47px;line-height:1.2;color:#e2b84d;text-shadow:0 3px 0 #b99a4c,1px 0 0 #d4a84a;filter:drop-shadow(0 4px 3px #d1b36125)}.quiz-next{background:linear-gradient(#9d82c9,#8267b0);box-shadow:0 4px 0 #68508e;color:#fffdf5;border-radius:12px;padding:10px 27px;font-size:13px;margin-top:19px}.finish-icon{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:0 auto 13px;border-radius:50%;background:radial-gradient(circle,#f4e6b2,transparent 72%)}.trophy-star{font-size:87px;line-height:1;display:block;color:#e3bc55;text-shadow:0 5px 0 #ba913b,0 -2px 0 #fff1b7;transform:rotate(-8deg);filter:drop-shadow(0 7px 3px #b5984930)}.finish h3{font-size:29px;color:#7d6599}.finish p{font-size:13px;color:#93869a}.finish .primary{font-size:13px;padding:11px 22px}.info-dialog{border:3px solid #fff7;box-shadow:0 25px 80px #26314730}.info-dialog h2{color:#64527d}.info-dialog .progress-stats div{background:#eeebf4}.info-dialog .progress-stats strong{color:#9278ac}.toast{background:#746092;border:1px solid #c1acd8;box-shadow:0 5px 0 #5c4678;z-index:50}
@keyframes sceneReveal{from{opacity:.3;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}
@media(min-width:1450px){.hero{padding-top:50px;padding-bottom:90px}}
@media(max-width:1050px){.hero{grid-template-columns:.93fr 1.07fr;gap:15px;min-height:525px}.hero-world{height:405px;min-height:405px;transform:none;margin:0}.hero-scene{inset:0 0 40px -4px;border-radius:25px 55px 25px 55px}.mini-game{width:232px;left:-4px}.scene-sticker{right:10px;bottom:3px;font-size:10px}.scene-sticker strong{font-size:14px}.hero h1{font-size:51px}.hero-copy>p{font-size:14px}.hero-notes{font-size:10px;gap:12px}.stage-button .stage-icon{height:43px;width:43px}.stage-button{gap:5px;padding:15px 8px}.stage-button strong{font-size:12px}.stage-button small{font-size:8px}.game-card .art-button{height:180px}}
@media(max-width:760px){.header{height:88px}.brand-mark{width:42px;height:42px}.hero{grid-template-columns:1fr 1fr;gap:13px;min-height:445px;padding-top:21px;padding-bottom:50px}.hero-world{height:350px;min-height:350px;transform:none;margin:0}.hero h1{font-size:40px;letter-spacing:-1.8px}.hero-copy>p{font-size:12px}.hero-actions{gap:16px}.hero-notes{font-size:9px;gap:8px}.hero-scene{inset:0 -2px 38px -3px;border-radius:20px 40px 20px 40px}.scene-chip{top:12px;right:10px;font-size:8px;padding:5px 9px;gap:5px}.chip-spark{font-size:14px}.mini-game{width:195px;padding:10px 11px 6px;left:0;bottom:0;border-radius:13px}.mini-top{font-size:8px}.mini-index{font-size:7px;padding:1px 4px}.shape-row{height:46px;gap:8px}.shape-row .shape{width:20px;height:20px}.shape-row .missing{height:28px;width:25px;font-size:17px}.mini-answers{gap:7px}.mini-answers button{min-height:34px;border-radius:7px}.mini-answers button .shape{width:18px;height:18px}.mini-feedback{font-size:8px;min-height:23px;padding-top:5px}.scene-sticker{right:-2px;bottom:-4px;font-size:8px}.scene-sticker strong{font-size:10px}.scene-sticker svg{display:none}.stage-button{min-height:118px;gap:3px;padding:10px 4px}.stage-button .stage-icon{width:48px;height:48px;transform:none}.stage-button strong{font-size:12px}.stage-button small{font-size:8px}.game-card .art-button{height:178px}.game-body{min-height:315px;padding:15px 21px 12px}.game-ribbon{padding:5px 21px;min-height:68px;gap:9px}.ribbon-character{width:55px;height:55px}.game-ribbon>div>span{font-size:15px}.game-ribbon small{font-size:9px}.ribbon-stars{font-size:20px}.game-header{padding:15px 18px}.game-header h2{font-size:23px}.memory-tile,.memory-tile:not(.revealed){height:95px}.game-dialog{width:calc(100% - 20px);border-width:4px}.membership:after{display:none}}
@media(max-width:480px){.hero{display:flex;flex-direction:column;padding-top:20px;padding-bottom:33px;gap:28px}.hero h1{font-size:51px;letter-spacing:-2px}.hero-copy>p{font-size:14px;margin-top:27px;line-height:1.8}.eyebrow{font-size:10px;padding:6px 12px;margin-bottom:20px}.hero-actions{gap:20px}.hero-notes{font-size:10px;justify-content:center;margin-top:23px}.hero-world{width:100%;height:365px;min-height:365px;margin:0;transform:none}.hero-scene{inset:0 0 37px;border-radius:22px 45px 22px 45px;box-shadow:0 10px 30px #4f694615,0 0 0 5px #fff}.scene-chip{font-size:9px;padding:6px 11px;top:13px;right:13px}.mini-game{width:229px;left:0;bottom:-2px;border-radius:16px;padding:11px 13px 8px}.mini-top{font-size:9px}.mini-index{font-size:8px}.shape-row{height:53px;gap:10px}.shape-row .shape{width:24px;height:24px}.shape-row .missing{height:31px;width:29px;font-size:19px}.mini-answers button{min-height:39px}.mini-answers button .shape{height:20px;width:20px}.mini-feedback{font-size:9px;min-height:25px;padding-top:6px}.scene-sticker{bottom:5px;right:4px;font-size:9px;line-height:1.6}.scene-sticker strong{font-size:12px}.section-top h2{font-size:28px}.section-top>p{font-size:11px}.stage-picker{gap:6px}.stage-button{min-height:107px;border-radius:12px;padding:9px 2px 10px;gap:3px}.stage-button .stage-icon{width:41px;height:41px}.stage-button strong{font-size:10px}.stage-button small{font-size:7px}.stage-button.active:after{width:13px;height:13px;line-height:13px;font-size:9px;left:4px;top:4px}.game-card{border-radius:15px}.game-card .art-button{height:133px}.card-info{padding:13px 11px 11px}.card-info h3{font-size:16px;letter-spacing:-.4px}.card-info p{font-size:10px;line-height:1.6;min-height:32px}.card-tag{font-size:8px}.cover-play{height:27px;width:27px;right:9px;bottom:9px;font-size:10px}.favorite{height:27px;width:27px;font-size:18px}.card-bottom{font-size:8px;gap:4px}.play-button{font-size:10px}.game-grid{gap:17px 11px}.catalog-top h2{font-size:25px}.games-section{padding-bottom:35px}.how{padding-top:30px}.game-dialog{width:calc(100% - 12px);max-height:96dvh;border:3px solid #fff9;border-radius:19px}.game-header{padding:12px 13px;gap:11px}.game-header h2{font-size:21px}.game-header .section-kicker{font-size:9px}.game-header .icon-button{width:33px;height:33px;min-width:33px;font-size:21px}.game-ribbon{padding:3px 14px;min-height:59px;gap:9px}.ribbon-character{width:47px;height:47px}.game-ribbon>div>span{font-size:14px}.game-ribbon small{font-size:8px}.ribbon-stars{font-size:17px;letter-spacing:2px}.game-meta{padding:11px 14px 6px;gap:12px}.game-meta p{font-size:10px;max-width:225px;line-height:1.7}.small-button{font-size:9px;padding:6px 9px}.game-body{padding:12px 16px;min-height:292px}.board-caption{font-size:10px;margin-bottom:12px}.board-caption strong{font-size:11px;padding:2px 11px}.memory-grid{gap:9px}.memory-tile,.memory-tile:not(.revealed){height:auto;aspect-ratio:.95}.card-front,.card-back{border-radius:11px}.card-back:before{inset:7px;border-radius:6px}.card-back-emblem{font-size:33px}.card-back i{height:4px;width:4px}.card-back i:nth-of-type(1){left:12px;top:12px}.card-back i:nth-of-type(2){left:14px;bottom:14px}.card-back i:nth-of-type(3){right:12px;top:12px}.matched-tick{width:16px;height:16px;line-height:16px;font-size:10px;left:3px;top:3px}.game-status{font-size:12px;min-height:38px;padding:6px 15px 10px}.game-bottom{font-size:9px;padding:10px 14px}.game-body:has(.memory-grid){min-height:270px}.puzzle-tools{font-size:9px;margin-bottom:11px}.picture-puzzle{width:min(310px,100%);padding:7px;border-radius:15px}.puzzle-preview{inset:7px}.tile-grid{gap:4px}.piece-number{font-size:10px;width:18px;height:18px;left:4px;top:4px}.sudoku-grid{width:min(290px,100%);padding:7px;border-radius:14px}.sudoku-cell{font-size:25px}.sudoku-numbers{margin-top:15px;gap:8px}.sudoku-numbers button{height:41px;min-width:41px;font-size:21px}.maze-wrap{width:min(300px,100%);padding:10px;border-width:2px;border-radius:19px}.maze-cell.wall{border-radius:5px}.maze-cell.wall:after{width:3px;height:3px}.treasure-star{font-size:23px}.dpad{margin-top:14px;grid-template-columns:repeat(3,45px);gap:7px}.dpad button{height:38px;font-size:19px;min-height:38px}.quiz-progress{margin-bottom:15px}.quiz-progress span{width:10px;height:10px}.quiz-prompt{font-size:12px}.quiz-question{font-size:34px;margin-bottom:19px}.quiz-question.word-question{font-size:35px}.quiz-answers{gap:12px;max-width:330px}.quiz-answers button{min-height:65px;font-size:27px;border-radius:13px}.quiz-picture{height:101px;width:101px;margin-bottom:6px}.quiz-count{gap:13px;margin-bottom:13px}.quiz-count .count-star{font-size:39px}.quiz-next{margin-top:18px;font-size:12px;padding:10px 23px}.finish-icon{width:95px;height:95px}.trophy-star{font-size:72px}.finish h3{font-size:25px}.finish p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-scene>img,.game-card img.game-art,.flip-card{transition:none!important;animation:none!important}.memory-tile.revealed .flip-card{transform:none}.memory-tile .card-front{transform:none;visibility:hidden}.memory-tile.revealed .card-front{visibility:visible}.memory-tile.revealed .card-back{visibility:hidden}}
