:root{color:#213547;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--shadow:0 18px 50px #2b364321;background:#f7f3e8;font-family:Nunito,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 10% 10%,#ffda7d57,#0000 24rem),radial-gradient(circle at 90% 20%,#74caf938,#0000 28rem),#f7f3e8;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{border:0}button:focus-visible{outline-offset:3px;outline:4px solid #2684ff73}.page-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:36px 0 42px}.eyebrow,.section-kicker{color:#667382;letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:13px;font-weight:900}.home-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.home-header h1,.parent-header h1{color:#213547;letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,56px);line-height:1.03}.home-subtitle{color:#667382;margin:12px 0 0;font-size:18px}.gem-counter{background:#ffffffdb;border:3px solid #21354717;border-radius:999px;align-items:center;gap:10px;min-width:118px;padding:13px 20px;font-size:25px;display:flex;box-shadow:0 8px 24px #2b364314}.gem-counter span{color:#f0b72d}.daily-card{box-shadow:var(--shadow);background:#ffffffeb;border:3px solid #21354714;border-radius:30px;justify-content:space-between;align-items:center;gap:28px;padding:24px 30px;display:flex}.daily-copy strong{margin-bottom:4px;font-size:30px;display:block}.daily-copy p{color:#667382;margin:0;font-size:16px}.progress-ring{--progress:0deg;background:conic-gradient(#f0b72d var(--progress), #edf0f3 0);border-radius:50%;flex:none;place-items:center;width:102px;height:102px;display:grid}.progress-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:76px;height:76px}.progress-ring div{z-index:1;grid-area:1/1;font-weight:900}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.game-card{text-align:left;cursor:pointer;min-height:300px;box-shadow:var(--shadow);border:4px solid #21354714;border-radius:34px;grid-template-rows:1fr auto;padding:28px;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.game-card:active{transform:scale(.985)}.game-card:hover{transform:translateY(-4px);box-shadow:0 22px 58px #2b36432e}.cat-card{background:linear-gradient(145deg,#dff4ff,#a8ddfa)}.treasure-card{background:linear-gradient(145deg,#fff3cc,#f4cf72)}.game-card h2{color:#213547;margin:4px 0 8px;font-size:33px}.game-card p{color:#4e6070;max-width:360px;margin:0;font-size:17px;line-height:1.6}.card-art{opacity:.95;border-radius:50%;place-items:center;width:180px;height:145px;display:grid;position:absolute;top:24px;right:28px}.cat-art{color:#e8852b;background:#ffffff7a}.cat-face{font-size:25px;font-weight:900;transform:rotate(-4deg)}.mouse-tail{color:#7b8794;font-size:45px;position:absolute;bottom:22px;right:8px}.treasure-art{color:#f0b72d;background:#ffffff73;font-size:40px}.mini-chest{color:#915427;font-size:58px;position:absolute;bottom:25px;transform:scaleX(1.25)}.play-pill{color:#fff;background:#213547;border-radius:999px;justify-self:end;padding:12px 26px;font-size:18px;font-weight:900}.home-footer{color:#667382;justify-content:space-between;align-items:center;padding:20px 6px 0;display:flex}.text-button{color:#213547;cursor:pointer;background:0 0;padding:12px 16px;font-weight:900}.game-screen{background:#213547;min-height:100vh;padding:18px}.game-topbar{color:#fff;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;width:min(1280px,100%);margin:0 auto 14px;display:grid}.game-topbar>div:nth-child(2){flex-direction:column;min-width:170px;display:flex}.game-topbar span{opacity:.76;font-size:14px}.game-topbar strong{font-size:20px}.back-button{color:#fff;cursor:pointer;background:#ffffff26;border-radius:18px;place-items:center;width:56px;height:56px;font-size:42px;line-height:1;display:grid}.back-button.dark{background:#213547;flex:none}.mini-progress{background:#ffffff1f;border:3px solid #ffffff38;border-radius:999px;height:16px;overflow:hidden}.mini-progress i{border-radius:inherit;background:#f0c84e;height:100%;transition:width .42s;display:block}.game-stage{background:#eaf5fb;border:4px solid #ffffff26;border-radius:30px;width:min(1280px,100%);min-height:min(780px,100vh - 100px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000004d}.game-canvas{aspect-ratio:16/9;width:100%}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.question-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:4px solid #21354717;border-radius:30px;padding:18px 26px 22px;position:absolute;bottom:3.5%;left:3.5%;right:3.5%;box-shadow:0 16px 45px #2b364333}.question-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.skill-chip{color:#52616e;background:#edf4f7;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:900}.feedback-copy{color:#667382;min-height:24px;font-weight:900}.feedback-copy.correct{color:#2f9b63}.feedback-copy.wrong{color:#c36b32}.expression{color:#213547;text-align:center;letter-spacing:.02em;margin:8px 0 12px;font-size:clamp(42px,6vw,68px);font-weight:1000;line-height:1.1}.answer-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.answer-button{color:#213547;cursor:pointer;background:#fff;border:4px solid #d8e0e5;border-radius:24px;min-height:76px;font-size:36px;font-weight:1000;transition:transform 90ms,box-shadow 90ms;box-shadow:0 8px #c8d2d9}.answer-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #c8d2d9}.answer-button.wrong-choice{color:#a9673f;opacity:.65;background:#fff3ea;border-color:#e8c5ad;box-shadow:0 4px #e1c1aa}.answer-button:disabled{cursor:default}.hint-panel{color:#674f35;background:#fff7e9;border-radius:20px;grid-template-columns:minmax(180px,.75fr) minmax(280px,1.4fr) minmax(180px,1fr);align-items:center;gap:16px;margin-top:16px;padding:12px 16px;display:grid}.hint-panel>strong{font-size:16px}.hint-steps{flex-wrap:wrap;gap:4px 10px;font-size:14px;display:flex}.hint-steps span:before{content:"•";margin-right:5px}.dot-model{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.dot-model i{background:#f0b72d;border-radius:50%;width:17px;height:17px;position:relative}.dot-model i.crossed{background:#b9c1c7}.dot-model i.crossed:after{content:"";background:#9b5a44;width:21px;height:3px;position:absolute;top:7px;left:-2px;transform:rotate(-35deg)}.completion-card{text-align:center;background:#fffffffa;border:5px solid #21354714;border-radius:34px;width:min(520px,100% - 40px);padding:35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #2b364347}.completion-stars{color:#f0b72d;letter-spacing:12px;font-size:32px}.completion-card h2{margin:10px 0;font-size:36px}.completion-card p{color:#667382;font-size:17px}.completion-stats{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.completion-stats span{color:#667382;background:#f2f5f7;border-radius:18px;padding:14px}.completion-stats strong{color:#213547;font-size:26px;display:block}.primary-button{color:#fff;cursor:pointer;background:#213547;border-radius:20px;min-width:220px;padding:16px 28px;font-weight:900}.parent-header{align-items:center;gap:18px;margin-bottom:24px;display:flex}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-grid article{background:#ffffffeb;border:3px solid #21354712;border-radius:24px;padding:22px;box-shadow:0 10px 28px #2b364314}.summary-grid span{color:#667382;margin-bottom:9px;font-size:14px;font-weight:800;display:block}.summary-grid strong{font-size:35px}.summary-grid small{color:#667382;margin-left:5px}.parent-card{background:#fffffff0;border:3px solid #21354712;border-radius:28px;margin-top:20px;padding:25px;box-shadow:0 10px 32px #2b364314}.section-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.section-title-row h2,.data-card h2{margin:0;font-size:25px}.section-title-row small,.data-card p{color:#7b8793}.mastery-list{gap:13px;display:grid}.mastery-row{grid-template-columns:minmax(210px,1.1fr) minmax(260px,2fr) 44px;align-items:center;gap:18px;display:grid}.mastery-row>div:first-child{flex-direction:column;display:flex}.mastery-row span{color:#8a949d;font-size:13px}.mastery-bar{background:#edf0f2;border-radius:999px;height:13px;overflow:hidden}.mastery-bar i{border-radius:inherit;background:linear-gradient(90deg,#77c98b,#f0c84e);height:100%;display:block}.mastery-row b{text-align:right}.error-chip-list{flex-wrap:wrap;gap:10px;display:flex}.error-chip-list span{color:#8a5b39;background:#fff3e9;border-radius:14px;padding:11px 15px;font-size:18px;font-weight:900}.empty-copy{color:#7b8793;margin:0}.data-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.data-card p{margin:7px 0 0}.data-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.data-actions button{color:#213547;cursor:pointer;background:#edf2f4;border-radius:14px;padding:12px 17px;font-weight:900}.data-actions .danger-button{color:#a44b3e;background:#fff0ed}.toast{color:#fff;box-shadow:var(--shadow);background:#213547;border-radius:16px;padding:14px 20px;position:fixed;bottom:24px;right:24px}@media (max-width:860px){.page-shell{width:min(100% - 28px,760px);padding-top:22px}.game-grid,.summary-grid{grid-template-columns:1fr 1fr}.card-art{width:125px;height:110px}.game-card{min-height:280px;padding:22px}.question-panel{padding:13px 18px 17px;bottom:2.2%;left:2.2%;right:2.2%}.answer-button{min-height:66px}.hint-panel{grid-template-columns:1fr 2fr}.dot-model{display:none}.mastery-row{grid-template-columns:minmax(180px,1fr) 1.4fr 38px}}@media (max-width:620px),(orientation:portrait) and (max-width:900px){.home-header,.daily-card,.data-card{flex-direction:column;align-items:stretch}.gem-counter{align-self:flex-start}.game-grid,.summary-grid{grid-template-columns:1fr}.game-stage{min-height:720px}.question-panel{margin:-80px 10px 10px;position:relative;bottom:auto;left:auto;right:auto}.hint-panel{grid-template-columns:1fr}.mastery-row{grid-template-columns:1fr 42px}.mastery-row>div:first-child{grid-column:1/-1}.data-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.celebration-status{color:#fff;background:#213547db;border:4px solid #ffffffbf;border-radius:999px;align-items:center;gap:12px;padding:13px 24px;animation:.7s ease-in-out infinite alternate celebrationPulse;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #0000003d}.celebration-status span{font-size:27px}.celebration-status strong{font-size:22px}@keyframes celebrationPulse{0%{transform:translate(-50%)scale(.96)}to{transform:translate(-50%)scale(1.04)}}.completion-card{animation:.52s cubic-bezier(.2,.9,.2,1.25) both completionArrival;overflow:hidden}.completion-card:before{z-index:-1;content:"";background:conic-gradient(#ffd74f2e,#0000 16%,#63d1ff29 32%,#0000 48%,#ff87ad26 66%,#0000 82%);animation:7s linear infinite completionGlow;position:absolute;inset:-80px}.completion-card.cat{border-color:#f7bd55}.completion-card.treasure{border-color:#69cde8}.completion-badge{background:#fff5c8;border-radius:50%;place-items:center;width:74px;height:74px;margin:-8px auto 4px;font-size:40px;display:grid;box-shadow:0 9px #f0b72d40}.reward-banner{color:#72520d;background:linear-gradient(135deg,#fff5c7,#ffdf75);border-radius:18px;justify-content:center;align-items:center;gap:10px;max-width:320px;margin:18px auto 4px;padding:13px 20px;display:flex;box-shadow:inset 0 0 0 3px #ffffffb3,0 8px 20px #c7911729}.reward-banner strong{font-size:26px}@keyframes completionArrival{0%{opacity:0;transform:translate(-50%,-46%)scale(.72)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes completionGlow{to{transform:rotate(360deg)}}