:root{color:#25332a;background:#f7faf6;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--green-950: #17472f;--green-900: #24583c;--green-800: #316748;--green-700: #3f7753;--green-600: #568e64;--green-500: #6da974;--green-100: #dff0df;--green-50: #eef6ee;--yellow: #f4c451;--coral: #e8795b;--brown: #8b572f;--blue: #4d91b5;--paper: #f7faf6;--surface: #ffffff;--line: #dbe3d9;--text: #25332a;--muted: #6e7b71;--danger: #c94b3d;--font-scale: 1;--touch-safe-left: max(24px, calc(env(safe-area-inset-left, 0px) + 12px) );--touch-safe-right: max(24px, calc(env(safe-area-inset-right, 0px) + 12px) )}:root[data-font-scale=small]{--font-scale: .92}:root[data-font-scale=large]{--font-scale: 1.1}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html{touch-action:pan-x pan-y}html,body{width:100%;min-width:320px;height:100%;margin:0;padding:0;border:0;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;min-width:320px;height:100dvh;margin:0;padding:0;border:0;overflow:hidden}body{font-size:calc(16px * var(--font-scale));-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text}button,input,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(77,145,181,.4);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.portrait-blocker{display:none}.primary-button,.secondary-button{min-height:54px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 28px;font-weight:700;cursor:pointer}.primary-button{background:var(--green-900);color:#fff}.primary-button:hover:not(:disabled){background:var(--green-950)}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--green-900)}.primary-button.compact,.secondary-button.compact{min-height:46px;padding-inline:22px}.text-command{border:0;background:none;color:var(--green-700);font-weight:700;cursor:pointer}.game-input{width:100%;height:66px;border:1px solid transparent;border-radius:8px;background:#eff4ef;color:var(--text);padding:0 24px;font-size:1.08em}.game-input:focus{background:#fff;border-color:var(--green-500)}.form-error{color:var(--danger);font-size:.92em;min-height:22px}.section-kicker{color:var(--green-700);font-weight:700}.auth-page{width:100%;height:100%;display:grid;grid-template-columns:minmax(270px,34%) 1fr;background:var(--paper)}.auth-brand{position:relative;background:var(--green-900);color:#fff;padding:max(36px,env(safe-area-inset-top)) 48px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.brand-main{margin:auto 0;display:flex;flex-direction:column;align-items:flex-start}.brand-main>img{width:58px;height:58px;margin-bottom:28px}.auth-brand h1{font-size:2.6em}.auth-brand p{color:#d7e7dc;margin-top:18px;font-size:1.1em}.brand-marks{display:flex;gap:10px;margin-top:22px}.brand-marks i{display:block;width:64px;height:8px;border-radius:4px;background:var(--yellow)}.brand-marks i:nth-child(2){width:34px;background:var(--blue)}.brand-marks i:nth-child(3){width:20px;background:var(--coral)}.brand-footer{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.support-link{border:0;background:transparent;color:#fff;display:flex;gap:9px;align-items:center;cursor:pointer;padding:0}.brand-step{color:var(--yellow);font-size:1.2em;font-weight:800}.brand-step em{color:#a9c6b4;font-style:normal;font-weight:500}.app-version{display:inline-flex;align-items:center;white-space:nowrap;font-size:.78em;font-weight:700;letter-spacing:.04em}.auth-version{position:fixed;right:max(28px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));color:#809086}.auth-workspace{display:flex;align-items:center;justify-content:center;padding:32px max(58px,env(safe-area-inset-right))}.auth-form{position:relative;width:min(680px,85%);display:grid;gap:20px}.auth-form .game-input:focus,.auth-form .game-input:focus-visible{outline:none;border-color:#568e646b;background:#f9fcf9;box-shadow:0 0 0 2px #568e6412}.auth-heading{margin-bottom:4px;text-align:center}.auth-heading h2{font-size:2.35em;line-height:1.15}.auth-heading p{color:var(--muted);margin-top:8px}.back-button{position:absolute;left:-72px;top:0;width:48px;height:48px;border:0;border-radius:50%;background:#eaf2eb;color:var(--green-700);cursor:pointer;display:grid;place-items:center}.auth-form .primary-button{width:100%;justify-content:space-between;font-size:1.1em}.auth-divider{height:1px;background:var(--line);position:relative;margin:10px 0;text-align:center}.auth-divider span{position:relative;top:-12px;padding:0 16px;background:var(--paper);color:var(--muted);font-size:.9em}.login-methods{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.login-methods button{height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.login-methods button.active{color:var(--green-900);border-color:var(--yellow)}.password-input{position:relative}.password-input>button{position:absolute;right:12px;top:9px;width:48px;height:48px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.password-input .game-input{padding-right:68px}.agreement{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.88em;cursor:pointer}.agreement input{width:20px;height:20px;accent-color:var(--green-700)}.code-input{width:100%;border:0;background:transparent;display:grid;grid-template-columns:repeat(6,minmax(45px,1fr));gap:12px;padding:0;cursor:text}.code-input>span{height:66px;display:grid;place-items:center;border:2px solid var(--line);border-radius:8px;background:#fff;font-size:1.55em;font-weight:700}.code-input>span.active{border-color:var(--green-500);box-shadow:0 0 0 3px #6da97421}.auth-form .code-input:focus-visible{outline:none}.auth-form .code-input>span.active{border-color:#568e647a;box-shadow:0 0 0 2px #568e6412}.code-input input{position:fixed;opacity:0;pointer-events:none;width:1px;height:1px}dialog{color:var(--text)}.support-dialog{--support-qr-size: clamp(200px, min(65vw, calc(100dvh - 210px) ), 300px);width:fit-content;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;border:0;background:transparent;padding:0;box-shadow:none;overflow:visible;outline:none}dialog::backdrop{background:#17472fa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.support-dialog-card{background:#fff;border-radius:16px;padding:10px;box-shadow:0 16px 40px #00000047,0 2px 8px #0000001f;display:flex;flex-direction:column;align-items:center;justify-content:center}.support-dialog-card>img{width:var(--support-qr-size);height:var(--support-qr-size);aspect-ratio:1;object-fit:contain;border-radius:10px;display:block}.support-qr-error{width:var(--support-qr-size);height:var(--support-qr-size);aspect-ratio:1;border:1px dashed #e1b2aa;border-radius:10px;background:#fff5f3;color:var(--danger);display:grid;place-items:center;padding:24px;text-align:center}.support-dialog-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:14px;gap:6px}.support-download{background:transparent;border:0;box-shadow:none;color:#fff;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;margin:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.support-download:hover:not(:disabled){transform:scale(1.15);color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.55))}.support-download:active:not(:disabled){transform:scale(.95)}.support-download:disabled{opacity:.5;cursor:not-allowed}.support-download-notice{display:block;min-height:20px;color:#fffffff2;font-size:.85rem;font-weight:500;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6)}.onboarding-page{height:100%;display:grid;place-items:center;background:var(--paper)}.app-logo{position:fixed;left:max(34px,var(--touch-safe-left));top:max(28px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;color:var(--green-900)}.app-logo img{width:42px;height:42px}.app-logo strong{font-size:1.25em}.onboarding-form{width:min(620px,72vw);display:grid;gap:20px}.onboarding-form h1{font-size:2em}.grade-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;color:var(--muted)}.grade-field select{height:58px;border:1px solid var(--line);border-radius:8px;padding:0 18px;background:#fff;color:var(--text)}.app-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--paper)}.app-content{width:100%;min-width:0;height:100%;overflow-x:hidden;overflow-y:auto;padding-left:max(150px,calc(var(--touch-safe-left) + 126px));scrollbar-width:none;-ms-overflow-style:none}.app-content::-webkit-scrollbar{display:none;width:0;height:0}.app-content.full-bleed{overflow:hidden;padding-left:0}.page{min-height:100%;padding:24px max(54px,calc(var(--touch-safe-right) + 30px)) 30px 28px}.page-header{position:relative;z-index:12;min-height:54px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:none}.page-title-pill{min-height:44px;padding:5px 14px 6px;border:1px solid rgba(207,224,207,.72);border-radius:14px;background:#ffffffc7;box-shadow:0 8px 22px #18402e1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;align-content:center}.page-header small{color:var(--muted);font-size:.68em;line-height:1.1}.page-header h1{margin-top:2px;font-size:1.15em;line-height:1.15}.resource-bar{margin-right:var(--touch-safe-right);min-height:44px;display:flex;align-items:center;gap:16px;padding:0 10px;border:1px solid rgba(207,224,207,.72);border-radius:22px;background:#ffffffc7;box-shadow:0 8px 22px #18402e1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.resource-bar>span,.resource-bar>button{border:0;background:transparent;display:inline-flex;align-items:center;gap:5px;padding:6px 2px;font-weight:700;white-space:nowrap}.resource-bar>button{cursor:pointer}.resource-bar .sun{color:#eeae00}.resource-bar .leaf{color:var(--green-500)}.resource-bar .seed{color:#a35f37}.resource-bar .settings-button{margin-left:5px;width:40px;height:40px;justify-content:center;border-radius:50%;background:#edf4ed}.floating-nav{position:fixed;z-index:20;left:var(--touch-safe-left);top:50%;transform:translateY(-50%);width:96px;display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-entry{position:relative;width:78px;height:78px;display:grid;place-items:center}.avatar-rings{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--yellow) var(--seed-progress),#e7eee7 0);box-shadow:0 4px 12px #17472f2e,0 0 12px #f4c45140}.avatar-rings:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:conic-gradient(#47c6a2 var(--ability-progress),#edf2ed 0)}.avatar{position:relative;z-index:1;width:60px;height:60px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--green-950);font-size:1.65em;font-weight:900;overflow:hidden}.vip-badge{position:absolute;z-index:4;left:-3px;top:0;min-width:32px;height:23px;display:grid;place-items:center;padding:0 6px;border-radius:12px;background:#fff;border:2px solid var(--yellow);color:var(--green-950);font-size:.72em;font-weight:800}.floating-nav nav{width:96px;padding:10px 8px;display:grid;gap:6px;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:#24583ce0;box-shadow:0 8px 20px #17472f3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-nav nav a{height:70px;border-radius:8px;color:#e9f3eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:.86em}.floating-nav nav a.active{background:var(--yellow);color:var(--green-950);font-weight:800}.floating-support{width:78px;min-height:44px;border:1px solid rgba(207,224,207,.86);border-radius:22px;background:#fffffff0;color:var(--green-800);box-shadow:0 7px 18px #17472f2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.82em;font-weight:800;cursor:pointer}.floating-support:hover{border-color:var(--yellow);background:#fff8dc}.loading-state{position:fixed;z-index:5000;top:0;right:0;bottom:0;left:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:transparent;color:var(--muted);pointer-events:all;touch-action:none;transition:background-color .14s ease,backdrop-filter .14s ease}.loading-state.visible{background:#17472f12;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-card{min-width:0;padding:8px;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(4px);filter:drop-shadow(0 2px 8px rgba(255,255,255,.9));transition:opacity .14s ease,transform .14s ease}.loading-state.visible .loading-card{opacity:1;transform:translateY(0)}.loading-card strong{color:var(--green-900);font-size:.88em;line-height:1;white-space:nowrap}.loading-mark{position:relative;width:38px;height:38px;display:grid;place-items:center}.loading-mark img{width:24px;height:24px;animation:loading-pulse 1s ease-in-out infinite alternate}.loading-mark i{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(207,224,207,.8);border-top-color:var(--green-700);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-pulse{to{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.loading-mark img{animation:none}.loading-mark i{animation-duration:1.6s}}.error-state{min-height:240px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--danger)}.icon-command{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer}.empty-state{min-height:350px;display:grid;place-content:center;text-align:center;gap:10px;color:var(--muted)}.empty-state strong{color:var(--text);font-size:1.25em}.focus-band{position:relative;background:var(--green-100);border:1px solid #cde2cd;padding:42px 32px 24px}.focus-label{position:absolute;top:15px;left:32px;color:var(--green-700);font-weight:700;display:flex;align-items:center;gap:7px}.game-card{min-height:260px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;display:grid;grid-template-columns:42% 1fr}.game-card.featured{min-height:300px;border:0;border-radius:0;background:transparent;grid-template-columns:40% 1fr}.game-card>img{width:100%;height:100%;object-fit:cover;min-height:240px}.game-card-copy{padding:26px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.game-card-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.game-card-copy small{color:var(--green-700);font-weight:700}.favorite-button{width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);display:grid;place-items:center;cursor:pointer}.favorite-button:hover,.favorite-button.active{border-color:#dc7182;background:#fff1f3;color:#c6435a}.favorite-button:disabled{cursor:wait;opacity:.55}.game-card-copy h2{font-size:1.75em;margin-top:6px}.game-card-copy p{color:var(--muted);margin-top:10px;max-width:620px;line-height:1.6}.ability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.ability-tags span{background:var(--green-50);color:var(--green-700);border-radius:4px;padding:5px 11px;font-size:.82em}.game-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:20px}.not-ready{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.progress-note{color:var(--muted);font-size:.84em}.growth-prompt{min-height:96px;border:1px solid var(--line);margin-top:18px;padding:16px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:#fff}.prompt-icon{width:54px;height:54px;border-radius:8px;display:grid;place-items:center;background:var(--green-100);color:var(--green-900)}.growth-prompt p{color:var(--muted);margin-top:4px;font-size:.88em}.growth-prompt a{display:flex;align-items:center;gap:6px;color:var(--green-700);font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(360px,1fr));gap:18px}.favorite-error{margin:-4px 0 14px;color:var(--danger)}.subject-empty{grid-column:1 / -1}.page.games-page{position:relative;height:100%;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.games-page>.page-header{position:absolute;z-index:12;top:max(14px,env(safe-area-inset-top));right:max(54px,calc(var(--touch-safe-right) + 30px));left:28px}.game-launchpad-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:max(78px,calc(env(safe-area-inset-top) + 64px)) max(124px,calc(var(--touch-safe-right) + 100px)) calc(146px + env(safe-area-inset-bottom)) max(132px,calc(var(--touch-safe-left) + 108px));scrollbar-width:none;-ms-overflow-style:none}.game-launchpad-scroll::-webkit-scrollbar{display:none;width:0;height:0}.vertical-wheel-filter{position:absolute;z-index:8;right:var(--touch-safe-right);top:50%;width:92px;max-height:calc(100% - 210px);padding:8px 7px 10px;transform:translateY(-50%);border:0;background:transparent;display:grid;gap:5px}.wheel-reset{height:34px;padding:0;border:0;border-radius:17px;background:transparent;color:var(--green-700);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-size:.72em;font-weight:800}.wheel-reset.active{color:var(--green-950);background:#f4c4511a}.wheel-filter-viewport{height:min(276px,calc(100vh - 300px));min-height:144px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding-block:112px;outline:0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.wheel-filter-viewport::-webkit-scrollbar{display:none}.wheel-filter-viewport>button{width:100%;min-height:48px;padding:4px 2px;border:0;scroll-snap-align:center;background:transparent;color:var(--muted);cursor:pointer;font-size:.78em;font-weight:700;transition:transform .16s ease,opacity .16s ease,color .16s ease,background .16s ease}.wheel-filter-viewport>button.active{border-radius:18px;background:#23603f1a;color:var(--green-950);transform:scale(1.08);font-weight:900}.wheel-filter-viewport:focus-visible{border-radius:18px;box-shadow:0 0 0 3px #f4c45180}.launcher-section+.launcher-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.launcher-section>header{min-height:34px;margin-bottom:10px;display:flex;align-items:center;gap:7px;color:var(--green-800)}.launcher-section>header h2{font-size:.94em}.popular-launchers>header svg{color:var(--coral)}.game-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,124px));align-items:start;gap:18px clamp(18px,3vw,42px)}.game-icon-grid.popular-row{grid-template-columns:repeat(6,minmax(88px,124px))}.game-launcher-icon{position:relative;width:100%;min-width:0;text-align:center}.game-launcher-link{min-width:0;display:grid;justify-items:center;gap:8px}.game-icon-art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid rgba(207,224,207,.9);border-radius:23%;background:#fff;box-shadow:0 8px 18px #18402e24,inset 0 0 0 1px #ffffff8a;transition:transform .16s ease,box-shadow .16s ease}.game-launcher-link:hover .game-icon-art{transform:translateY(-3px) scale(1.025);box-shadow:0 12px 23px #18402e33}.game-icon-art img{width:100%;height:100%;display:block;object-fit:cover}.game-icon-art>small{position:absolute;right:6px;bottom:6px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#17472fe0;color:#fff;display:grid;place-items:center;font-size:.67em;font-weight:800}.game-icon-art>svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}.game-launcher-link>strong{width:100%;min-height:2.4em;overflow:hidden;color:var(--green-950);font-size:.82em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-launcher-link.unavailable{opacity:.55}.game-icon-art.draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.game-icon-art.draggable.drag-vertical{touch-action:pan-x}.game-icon-art.draggable:active{cursor:grabbing}.game-launcher-icon.dragging{opacity:.42}.game-icon-drag-ghost{position:fixed;z-index:500;overflow:hidden;border-radius:23%;background:#fff;box-shadow:0 18px 38px #18402e47;pointer-events:none;transform:scale(1.04) rotate(-2deg)}.game-icon-drag-ghost img{width:100%;height:100%;display:block;object-fit:cover}.game-icon-drag-ghost small{position:absolute;right:6px;bottom:6px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#17472fe0;color:#fff;display:grid;place-items:center;font-size:.67em;font-weight:800}.favorite-game-dock{position:absolute;z-index:11;left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));width:fit-content;max-width:min(960px,calc(100% - var(--touch-safe-left) - var(--touch-safe-right) - 16px));min-height:96px;margin:0;padding:10px 18px;translate:-50% 0;border:1px solid rgba(207,224,207,.82);border-radius:26px;background:#ffffffc7;box-shadow:0 12px 30px #18402e29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:18px;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.favorite-game-dock.drag-target{box-shadow:0 15px 36px #18402e3b}.favorite-game-dock.drag-over{background:#fff5c8e6;box-shadow:0 0 0 4px #f4c45159,0 15px 36px #18402e3b;transform:translateY(-3px)}.favorite-game-dock.drag-remove{box-shadow:0 0 0 4px #da675633,0 15px 36px #18402e33}.dock-drop-hint{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffffd1;color:var(--green-900);display:grid;place-items:center;font-weight:900;pointer-events:none}.favorite-game-dock.drag-over .dock-drop-hint{background:#f4c451c7}.favorite-game-dock.drag-remove .dock-drop-hint{background:#ffe2dbdb;color:#8d3c31}.favorite-dock-list{width:max-content;max-width:472px;min-width:0;flex:0 1 auto;display:flex;align-items:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:5px;touch-action:pan-x;padding:1px 5px;outline:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.favorite-dock-list::-webkit-scrollbar{display:none}.favorite-dock-list:focus-visible{border-radius:14px;box-shadow:0 0 0 3px #f4c4516b}.favorite-game-dock>p{color:var(--muted);font-size:.78em}.game-launcher-icon.compact{flex:0 0 62px;width:62px;scroll-snap-align:start}.game-launcher-icon.compact .game-launcher-link{gap:4px}.game-launcher-icon.compact .game-icon-art{width:58px}.game-launcher-icon.compact .game-launcher-link>strong{min-height:1.2em;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:.68em}.game-launcher-icon.compact .game-icon-art>small{right:3px;bottom:3px;min-width:19px;height:19px;font-size:.58em}.guide-toolbar{min-height:58px;display:flex;align-items:center;gap:18px;margin-bottom:18px}.guide-toolbar label{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted)}.guide-toolbar select,.community-dialog select{min-height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 14px}.guide-back{display:inline-flex;align-items:center;gap:7px}.community-message{padding:12px 16px;margin-bottom:14px;border:1px solid #cde2cd;background:var(--green-50);color:var(--green-800)}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:16px}.guide-list article{min-height:230px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.guide-list article header{width:100%;display:flex;justify-content:space-between;gap:12px;color:var(--green-700)}.guide-list article header small{color:var(--muted)}.guide-list article h2{margin-top:13px;font-size:1.22em}.guide-list article p{margin-top:10px;color:var(--muted);white-space:pre-line;line-height:1.65}.guide-list article>button{margin-top:auto;min-width:70px;height:38px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.guide-list article>button.active{border-color:#dc7182;background:#fff1f3;color:#c6435a}.guide-list .empty-state{grid-column:1 / -1}.community-dialog{width:min(650px,84vw);border:1px solid var(--line);border-radius:12px;padding:30px}.community-dialog>p{margin-top:7px;color:var(--muted)}.community-dialog>label{display:grid;gap:7px;margin-top:18px;color:var(--muted)}.community-dialog>.primary-button{width:100%;margin-top:20px}.community-textarea{height:170px;padding-block:16px;resize:vertical;line-height:1.55}.feedback-screenshot-preview{margin-top:18px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--green-50)}.feedback-screenshot-preview header{min-height:54px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.feedback-screenshot-preview header div{display:grid;gap:2px}.feedback-screenshot-preview header small{color:var(--muted)}.feedback-screenshot-preview header button{border:0;background:transparent;color:var(--danger);cursor:pointer}.feedback-screenshot-preview img{display:block;width:100%;max-height:230px;object-fit:contain;border-top:1px solid var(--line);background:#e8eee8}.community-dialog>.feedback-screenshot-error{padding:11px 13px;border:1px solid #ecc9c9;border-radius:7px;background:#fff5f5;color:var(--danger)}.my-community{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.my-community>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.my-community>header h2{margin-top:3px}.my-community>nav{display:flex;gap:8px;margin:18px 0 14px;border-bottom:1px solid var(--line)}.my-community>nav button{min-height:42px;border:0;border-bottom:3px solid transparent;padding:0 16px;background:transparent;color:var(--muted);cursor:pointer}.my-community>nav button.active{border-color:var(--green-700);color:var(--green-900);font-weight:700}.feedback-composer{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;margin-bottom:14px;background:var(--green-50)}.feedback-composer label{display:grid;gap:7px;color:var(--muted)}.feedback-composer select{height:48px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 14px}.feedback-composer .feedback-content{grid-column:1 / -1}.feedback-composer>div{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.community-records article{min-height:86px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;border-top:1px solid var(--line)}.community-records article>svg{color:var(--green-700)}.community-records article div{min-width:0}.community-records article p{margin-top:5px;color:var(--muted);white-space:pre-line}.community-records article small{display:block;margin-top:4px;color:#98a39b}.community-records article>span{padding:5px 10px;border-radius:12px;background:#eef1ee;color:var(--muted);font-size:.82em}.community-records article>span.status-2{background:var(--green-100);color:var(--green-800)}.community-records article>span.status-3{background:#fff0ed;color:var(--danger)}.community-records article>b{color:#d49a00;display:flex;align-items:center;gap:5px;white-space:nowrap}.growth-page{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.growth-page:has(.growth-view-own){grid-template-rows:auto auto auto minmax(0,1fr)}.growth-view-own{justify-self:start;margin:-8px 0 10px}.growth-summary{min-height:220px;background:var(--green-900);color:#fff;padding:26px 30px;display:grid;grid-template-columns:repeat(3,minmax(120px,auto)) minmax(260px,1fr);gap:26px;align-items:center}.growth-summary>div:not(.week-chart){display:flex;align-items:center;gap:12px;color:#dcebe0}.growth-summary span{display:grid;gap:3px}.growth-summary b{color:#fff;font-size:1.45em}.week-chart{height:130px;display:flex;align-items:flex-end;justify-content:flex-end;gap:12px}.week-chart>button{height:100%;width:34px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:inherit;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;cursor:pointer}.week-chart>button:hover,.week-chart>button.active{background:#ffffff1a}.week-chart>button.active{box-shadow:inset 0 0 0 2px #f4c451b3}.week-chart i{width:14px;max-height:105px;min-height:8px;background:var(--yellow);border-radius:3px 3px 0 0}.week-chart small{color:#bed4c4}.archive-list{min-height:0;margin-top:18px;border-top:1px solid var(--line);display:grid;grid-template-rows:auto minmax(0,1fr)}.archive-list>header{min-height:66px;display:flex;align-items:center;gap:18px}.archive-heading{flex:0 0 auto;display:flex;align-items:baseline;gap:10px}.archive-heading span{color:var(--muted);font-size:.82em}.archive-game-filters{min-width:0;flex:1;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:7px 2px;scrollbar-width:none}.archive-game-filters::-webkit-scrollbar{display:none}.archive-game-filters button{flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--muted);cursor:pointer}.archive-game-filters button small{margin-left:6px;color:inherit;opacity:.72}.archive-game-filters button.active{border-color:var(--green-700);background:var(--green-700);color:#fff;font-weight:700}.archive-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.archive-scroll::-webkit-scrollbar{display:none;width:0;height:0}.archive-list article{min-height:76px;border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px}.archive-list time{color:var(--muted)}.archive-list article>div{display:grid;gap:5px}.archive-list article span{color:var(--muted);font-size:.86em}.record-result{text-align:right}.record-result span{color:#dda800!important}.archive-load-more,.archive-list-end{min-height:54px;display:grid;place-items:center;color:var(--muted);font-size:.82em;border-top:1px solid var(--line)}.empty-inline{padding:70px 20px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.profile-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--green-950);font-size:1.55em;font-weight:900}.account-dashboard{display:grid;grid-template-columns:245px minmax(560px,1fr) 235px;gap:14px;align-items:stretch}.account-player-panel,.account-family-panel,.personal-island{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 25px #254b3312}.account-player-panel,.account-family-panel{padding:20px}.account-panel-label{display:block;margin-bottom:15px;color:var(--muted);font-size:.78em;font-weight:700;letter-spacing:.08em}.account-player-identity{display:grid;justify-items:center;gap:10px;padding-bottom:18px;text-align:center;border-bottom:1px solid var(--line)}.account-player-identity .profile-avatar{width:74px;height:74px;font-size:1.8em;box-shadow:0 6px 16px #265a3b24}.account-player-identity p,.family-title p{margin-top:4px;color:var(--muted);font-size:.82em}.personal-island{position:relative;min-height:520px;overflow:hidden;padding:18px}.island-heading{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 4px 12px}.island-heading h2{margin-top:3px;font-size:1.55em;color:var(--green-950)}.island-heading-actions{display:grid;justify-items:end;gap:7px}.island-facts{display:flex;gap:7px}.island-facts span{padding:6px 9px;border-radius:7px;background:var(--green-50);color:var(--green-700);font-size:.74em}.island-facts b{margin-right:3px;color:var(--green-950)}.island-pager{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.74em}.island-pager button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--green-50);cursor:pointer}.island-scene{position:relative;min-height:420px}.island-map{display:block;width:100%;height:100%;min-height:420px}.subject-zone-button{position:absolute;z-index:4;min-width:102px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 6px;padding:6px 9px;border:1px solid rgba(210,226,214,.88);border-radius:10px;background:#ffffffeb;color:var(--green-950);box-shadow:0 4px 11px #1f4e3224;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .16s ease,box-shadow .16s ease}.subject-zone-button:after{content:"";position:absolute;left:50%;bottom:-9px;width:2px;height:9px;border-radius:2px;background:#26583a57;transform:translate(-50%)}.subject-zone-button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #1f4e3233}.subject-zone-button>span{grid-row:1 / 3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#edf3ed;color:var(--green-700)}.subject-zone-button>span svg{width:16px;height:16px}.subject-zone-button b{font-size:.82em}.subject-zone-button small{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:.61em}.subject-zone-button.opened>span{background:var(--yellow);color:var(--green-950)}.subject-slot-1{left:13%;top:17%}.subject-slot-2{right:11%;top:17%}.subject-slot-3{left:12%;top:50%}.subject-slot-4{right:9%;top:50%}.subject-slot-5{left:50%;top:42%;transform:translate(-50%,-50%)}.subject-slot-5:hover{transform:translate(-50%,calc(-50% - 2px))}.family-title{display:flex;align-items:center;gap:11px;padding:4px 0 18px}.family-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--green-100);color:var(--green-800)}.account-membership-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;background:#fff7dc;color:var(--green-950)}.account-membership-card span{display:grid;gap:3px}.account-membership-card small{color:var(--muted);font-size:.72em}.account-vip-summary{margin-top:14px;padding:17px;border-radius:12px;background:var(--green-900);color:#fff}.account-vip-summary small{display:block;color:#cfe3d4}.account-vip-summary strong{display:block;margin-top:8px;color:var(--yellow);font-size:2.1em}.account-vip-summary b{display:block;margin-top:-4px}.account-vip-summary button{width:100%;margin-top:18px;padding:9px 0 0;border:0;border-top:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;display:flex;justify-content:space-between;cursor:pointer}.account-vip-summary button svg{transition:transform .18s ease}.account-vip-summary button svg.rotated{transform:rotate(180deg)}.learner-manager{margin-top:16px}.learner-manager>header{display:grid;gap:9px;margin-bottom:10px}.learner-manager>header h2{margin-top:3px;font-size:1.05em}.learner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.compact-button{min-height:42px;padding:0 16px}.learner-list{display:grid;gap:7px}.learner-list article{min-height:58px;display:grid;grid-template-columns:auto minmax(70px,1fr) auto auto;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.learner-list article.active{border-color:var(--green-500);background:var(--green-50)}.learner-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--green-950);font-weight:900}.learner-list article>div{display:grid;gap:4px}.learner-list small,.learner-empty{color:var(--muted);font-size:.7em}.learner-switch,.icon-button{border:0;background:transparent;color:var(--green-700);font-weight:700;cursor:pointer}.learner-current{display:flex;align-items:center;gap:3px;color:var(--green-700);font-size:.7em}.icon-button{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff}.learner-empty{padding:12px 0 4px}.modal-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:26px;background:#10322085;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.learner-editor{width:min(570px,82vw);max-height:90vh;overflow:auto;display:grid;gap:14px;padding:24px;border-radius:14px;background:#fff;box-shadow:0 24px 70px #0e2d1d4d}.learner-editor>header{display:flex;align-items:center;justify-content:space-between}.learner-editor>header span{display:flex;align-items:center;gap:10px;font-size:1.2em}.learner-editor>header button{width:40px;height:40px;border:0;border-radius:50%;background:var(--green-50);cursor:pointer}.learner-editor>label:not(.guardian-confirm){display:grid;gap:7px;color:var(--muted);font-size:.9em}.learner-editor .game-input{height:52px;font-size:1em}.learner-editor select{height:50px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:#fff}.guardian-confirm{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.86em}.guardian-confirm input{width:19px;height:19px;accent-color:var(--green-700)}.vip-progress-band{min-height:130px;background:var(--green-900);color:#fff;padding:20px 32px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:30px}.vip-title{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px}.vip-title b{color:var(--yellow);font-size:2.4em}.vip-title span{grid-column:1 / -1;color:#d8e8dc}.dual-progress{display:grid;gap:16px}.dual-progress label{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px;color:#dcebe0}.dual-progress i{grid-column:1 / -1;height:9px;background:#174e33;border-radius:5px;overflow:hidden}.dual-progress em{display:block;height:100%;background:var(--yellow);border-radius:5px}.dual-progress label:last-child em{background:#35d6a7}.vip-carousel{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;margin-top:16px}.vip-carousel>button{width:44px;height:60px;border:0;background:transparent;cursor:pointer}.vip-card{min-height:265px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:44% 1fr;background:#fff}.vip-benefits{padding:28px 32px;border-right:1px solid var(--line)}.vip-benefits>small{float:left;color:var(--green-700);font-size:1.8em;font-weight:900;margin-right:16px}.vip-benefits p{color:var(--muted);margin:5px 0 22px}.vip-benefits h3{margin-bottom:10px}.vip-benefits>span{display:flex;align-items:center;gap:8px;color:var(--green-700);margin-top:8px}.reward-list{padding:28px 32px}.reward-list h3{margin-bottom:12px}.reward-list>div{min-height:58px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.reward-list>div>span{display:grid;gap:4px}.reward-list small{color:var(--muted)}.reward-list button{min-width:92px;height:38px;border:0;border-radius:6px;background:var(--green-900);color:#fff;font-weight:700}.carousel-dots{display:flex;justify-content:center;gap:9px;margin-top:13px}.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--line);cursor:pointer}.carousel-dots button.active{width:26px;border-radius:4px;background:var(--green-700)}.settings-list{border-top:1px solid var(--line)}.setting-row{min-height:98px;padding:18px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.setting-row>span{display:grid;gap:5px}.setting-row small{color:var(--muted)}.segmented-control{display:flex;background:#eaf1ea;padding:4px;border-radius:8px}.segmented-control button{width:86px;height:40px;border:0;border-radius:6px;background:transparent;cursor:pointer}.segmented-control button.active{background:#fff;color:var(--green-900);font-weight:700;box-shadow:0 2px 7px #17472f1f}.toggle-button{position:relative;width:78px;height:38px;border:0;border-radius:20px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;background:#dce3dc;cursor:pointer}.toggle-button i{position:absolute;left:5px;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .18s ease}.toggle-button.active{background:var(--green-700);color:#fff}.toggle-button.active i{transform:translate(40px)}.setting-actions{display:flex;align-items:center;gap:10px}.muted-setting{color:var(--muted)}.version-value{display:inline-flex!important;grid-auto-flow:column;align-items:center;gap:8px!important;padding:9px 13px;border-radius:8px;background:var(--green-50);color:var(--green-800)}.version-value .app-version{font-size:.88em}.danger-command{border:1px solid #efc5bd;border-radius:8px;background:#fff;color:var(--danger);min-height:44px;padding:0 18px;display:flex;align-items:center;gap:8px;cursor:pointer}.membership-status{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 26px;background:#edf3ef;border-radius:12px;color:var(--green-900)}.membership-status.active{background:var(--green-900);color:#fff}.membership-emblem{width:58px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--green-900)}.membership-status small{opacity:.72}.membership-status h2{margin:4px 0}.membership-status p{opacity:.76}.membership-status>strong{color:var(--yellow);font-size:1.2em}.membership-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.membership-plans article{position:relative;min-height:230px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:#fff}.membership-plans article.recommended{border:2px solid var(--yellow)}.membership-plans small{color:var(--green-600);font-weight:700}.membership-plans h2{margin:7px 0 3px}.membership-plans p{color:var(--muted)}.membership-plans strong{display:block;margin:10px 0;color:var(--brown);font-size:1.85em}.membership-plans ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;padding:0;list-style:none;color:var(--green-800);font-size:.88em}.membership-plans li{display:flex;align-items:center;gap:5px}.recommend-tag{position:absolute;top:0;right:18px;padding:5px 13px;border-radius:0 0 9px 9px;background:var(--yellow);color:var(--green-900);font-weight:800}.membership-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.7fr);align-items:center;gap:30px;margin-top:16px;padding:22px 26px;border:1px solid var(--line);border-radius:12px;background:#fff}.membership-action h2{margin:5px 0}.membership-action p{color:var(--muted);line-height:1.55}.redeem-form{display:grid;grid-template-columns:1fr auto;gap:9px}.redeem-input{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:9px;background:var(--green-100)}.redeem-input input{width:100%;border:0;outline:0;background:transparent;color:var(--green-900);font:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.support-action{grid-column:1 / -1;justify-self:end;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--green-600)}.family-shared{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:var(--green-600);font-weight:700}.form-success{margin-top:10px;color:var(--green-600);font-weight:700}.play-page{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;overflow:hidden;background:var(--paper)}.play-header{position:absolute;z-index:60;top:max(10px,env(safe-area-inset-top));right:var(--touch-safe-right);left:var(--touch-safe-left);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;pointer-events:none}.play-identity,.play-controls{display:flex;align-items:center;gap:9px;pointer-events:auto}.play-icon-button{width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(207,224,207,.78);border-radius:50%;background:#ffffffd1;color:var(--green-900);box-shadow:0 8px 22px #18402e1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;cursor:pointer}.play-icon-button:disabled{opacity:.42;cursor:default}.feedback-entry-button{border-color:#ead28b;background:#fff8dc}.feedback-entry-button:hover{background:var(--yellow)}.play-title{min-height:44px;padding:5px 14px 6px;border:1px solid rgba(207,224,207,.72);border-radius:14px;background:#ffffffc7;box-shadow:0 8px 22px #18402e1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-title small{display:block;color:var(--muted);font-size:.68em;line-height:1.1}.play-title h1{margin-top:2px;font-size:1em;line-height:1.15}.play-level{min-height:42px;padding:0 15px;border:1px solid rgba(207,224,207,.72);border-radius:21px;background:#ffffffc7;box-shadow:0 8px 22px #18402e1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--green-700);font-weight:800;display:inline-flex;align-items:center}.play-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.play-stage>*{width:100%;height:100%!important;min-height:0!important}.play-page>.error-state{min-height:100dvh}.level-select{box-sizing:border-box;width:min(1180px,100%);height:100dvh;min-height:0;margin:0 auto;padding:max(70px,calc(env(safe-area-inset-top) + 58px)) var(--touch-safe-right) max(18px,env(safe-area-inset-bottom)) var(--touch-safe-left);overflow:hidden auto;display:grid;grid-template-columns:minmax(200px,.82fr) minmax(0,1.18fr);align-items:center;justify-content:center;gap:clamp(22px,4vw,54px)}.level-select-cover{display:block;width:100%;max-height:min(55dvh,520px);object-fit:contain}.level-select-content{min-width:0;display:grid;gap:clamp(10px,1.8dvh,16px)}.level-select h2{font-size:clamp(1.65em,4.2dvh,2.1em)}.level-select p{overflow-wrap:anywhere;color:var(--muted);line-height:1.55}.level-buttons{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.level-buttons::-webkit-scrollbar{display:none}.level-buttons button{min-width:96px;height:44px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}.level-buttons button.active{border-color:var(--green-700);background:var(--green-50);color:var(--green-900);font-weight:700}.memory-game{height:calc(100vh - 104px);min-height:0;overflow:hidden;display:grid;grid-template-rows:44px minmax(0,1fr);position:relative}.memory-game>header{display:flex;align-items:center;justify-content:center;gap:40px;color:var(--muted)}.memory-game>header b{color:var(--green-900)}.memory-board{min-height:0;width:min(880px,90vw,var(--memory-board-fit-width));margin:0 auto;align-self:center;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:12px;align-content:center}.memory-board>button{position:relative;min-width:0;aspect-ratio:1.1;border:0;padding:0;background:transparent;perspective:700px;cursor:pointer}.memory-board>button>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;display:grid;place-items:center;backface-visibility:hidden;transition:transform .32s ease;border:2px solid #cfe0cf}.card-back{background:var(--green-700);transform:rotateY(0)}.card-back img{width:38%;height:38%}.card-face{background:#fff;transform:rotateY(180deg)}.card-face img{width:62%;height:62%;object-fit:contain}.memory-board>button.showing .card-back{transform:rotateY(-180deg)}.memory-board>button.showing .card-face{transform:rotateY(0)}.memory-board>button.matched .card-face{border-color:var(--yellow);background:#fff9e8}.preview-notice{position:absolute;left:50%;bottom:8px;transform:translate(-50%);background:var(--green-950);color:#fff;padding:10px 18px;border-radius:8px}.result-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#f7faf6f0;display:grid;place-items:center}.result-overlay>div{width:min(520px,80vw);text-align:center;display:grid;justify-items:center;gap:14px}.result-panel>svg{color:var(--green-700)}.result-stars{color:#e5aa00;font-size:2em}.result-score{font-size:2.8em}.reward-row{display:flex;gap:22px;color:var(--green-700)}.reward-row span{display:flex;align-items:center;gap:7px}.result-actions{display:flex;gap:12px;margin-top:8px}.result-community-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.result-community-actions button,.result-community-actions a{min-height:38px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:0 14px;color:var(--green-700);display:inline-flex;align-items:center;gap:7px;cursor:pointer}.result-panel .community-message{margin:0}.compact-game{min-height:calc(100vh - 104px);position:relative;display:grid;grid-template-rows:44px 1fr}.game-hud{display:flex;align-items:center;justify-content:center;gap:42px;color:var(--muted)}.game-hud b{color:var(--green-900)}.game-intro{width:min(760px,78vw);margin:auto;display:grid;justify-items:center;gap:14px;text-align:center}.game-intro h2{font-size:2em}.game-intro p{color:var(--muted)}.mode-cards{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0}.mode-cards button{min-height:92px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-content:center;gap:5px;cursor:pointer}.mode-cards button.active{border:2px solid var(--green-700);background:var(--green-50)}.mode-cards small{color:var(--muted)}.question-stage{width:min(820px,82vw);margin:auto;display:grid;justify-items:center;gap:14px}.question-stage>small{color:var(--muted)}.chain-current{width:100%;min-height:148px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-content:center;justify-items:center;gap:7px}.chain-current span,.chain-current p{color:var(--muted)}.chain-current b{font-size:2.2em}.answer-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-grid button{min-height:62px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700;cursor:pointer}.answer-grid button:hover:not(:disabled){border-color:var(--green-500);background:var(--green-50)}.answer-feedback{min-height:25px;color:var(--green-700);font-weight:700;text-align:center}.answer-feedback.error{color:var(--danger)}.word-match-board{width:min(980px,88vw);margin:auto;display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:10px;align-content:center}.word-match-board>button{position:relative;min-height:92px;border:0;padding:0;background:transparent;perspective:700px;cursor:pointer}.word-match-board>button>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;display:grid;place-items:center;backface-visibility:hidden;transition:transform .28s ease;border:2px solid #cfe0cf}.word-card-back{background:var(--green-700);color:var(--yellow);font-size:1.65em;font-weight:900;transform:rotateY(0)}.word-card-face{background:#fff;transform:rotateY(180deg);padding:8px}.word-card-face small{position:absolute;left:7px;top:5px;color:var(--muted);font-size:.65em}.word-card-face b{font-size:1.05em}.word-match-board>button.visible .word-card-back{transform:rotateY(-180deg)}.word-match-board>button.visible .word-card-face{transform:rotateY(0)}.word-match-board>button.matched .word-card-face{border-color:var(--yellow);background:#fff9e8}.spelling-stage{width:min(920px,86vw);margin:auto;display:grid;grid-template-columns:34% 1fr;gap:42px;align-items:center}.spelling-clue{display:grid;justify-items:center;gap:9px;text-align:center}.spelling-clue img{width:min(210px,24vh);aspect-ratio:1;object-fit:contain}.spelling-clue h2{font-size:1.8em}.spelling-clue p{color:var(--muted)}.spelling-workspace{display:grid;justify-items:center;gap:16px}.letter-answer{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.letter-answer span{width:46px;height:54px;border-bottom:3px solid var(--green-700);display:grid;place-items:center;font-size:1.45em;font-weight:800;text-transform:uppercase}.letter-answer>button{width:46px;height:46px;margin-left:5px;border:0;border-radius:50%;background:var(--green-50);display:grid;place-items:center;cursor:pointer}.letter-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.letter-pool button{width:54px;height:54px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:800;cursor:pointer}.go24-stage{width:min(760px,80vw);margin:auto;display:grid;justify-items:center;gap:14px}.number-cards{display:flex;gap:14px}.number-cards button{width:92px;height:118px;border:2px solid #d7c18c;border-radius:12px;background:#fff9e8;color:var(--brown);font-size:2.2em;font-weight:900;box-shadow:0 6px 14px #8b572f1f;cursor:pointer}.expression-display{width:100%;min-height:64px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;font-size:1.45em;font-weight:700;color:var(--green-900)}.operator-pad{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.operator-pad button{min-width:50px;height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer}.hint-box{min-height:38px;display:flex;align-items:center;gap:14px;color:var(--muted)}.hint-box button{border:0;background:var(--green-50);color:var(--green-700);border-radius:7px;height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;cursor:pointer}.typing-stage{width:min(1020px,88vw);margin:auto;display:grid;justify-items:center;gap:16px;padding:22px 30px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,background .15s}.typing-stage.error{border-color:var(--danger);background:#fff7f5}.typing-stage>small,.typing-stage>p{color:var(--muted)}.typing-text{max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2em;letter-spacing:.04em;white-space:pre-wrap;overflow-wrap:anywhere}.typing-text .done{color:var(--green-500)}.typing-text b{color:var(--green-950);background:var(--yellow);border-radius:3px;padding:0 2px}.typing-capture{position:absolute;width:2px;height:2px;opacity:.01}.virtual-keyboard{width:min(760px,100%);display:grid;justify-items:center;gap:6px}.virtual-keyboard>div{display:flex;gap:6px}.virtual-keyboard button{width:50px;height:42px;border:1px solid var(--line);border-radius:6px;background:#f7faf6;font-weight:700;cursor:pointer}.virtual-keyboard button.active{border-color:var(--green-700);background:var(--yellow);box-shadow:0 0 0 3px #f4c45133}.virtual-keyboard .space-key{width:260px}.map-stage{width:min(1080px,90vw);margin:auto;display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:center}.map-stage aside{display:grid;align-content:center;gap:13px}.map-stage aside h2{font-size:2.1em}.map-stage aside p,.map-stage aside small{color:var(--muted);line-height:1.5}.province-map{min-height:440px;padding:24px;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:7px;align-items:center;background:#e5f1e5;border-radius:44% 30% 38% 32%/28% 40% 34% 42%}.province-map button{min-width:0;height:48px;transform:translateY(var(--offset));border:1px solid #b8d4bc;border-radius:38% 55% 40% 48%;background:#fff;color:var(--green-900);font-size:.76em;font-weight:700;cursor:pointer}.province-map button.placed{background:var(--green-700);color:#fff}.province-map button.hint{background:var(--yellow);box-shadow:0 0 0 5px #f4c4514d;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{to{transform:translateY(var(--offset)) scale(1.08)}}.sudoku-stage{width:min(920px,88vw);margin:auto;display:grid;grid-template-columns:minmax(390px,520px) 270px;gap:42px;justify-content:center;align-items:center}.sudoku-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);border:3px solid var(--green-950);background:var(--green-950);gap:1px}.sudoku-board button{position:relative;min-width:0;border:0;background:#fff;font-size:1.05em;cursor:pointer}.sudoku-board button:nth-child(3n){border-right:2px solid var(--green-950)}.sudoku-board button:nth-child(9n){border-right:0}.sudoku-board button:nth-child(n+19):nth-child(-n+27),.sudoku-board button:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--green-950)}.sudoku-board button.fixed{background:#edf4ed;color:var(--green-950)}.sudoku-board button.selected{background:#fff0bb}.sudoku-board small{font-size:.55em;line-height:1.1;color:var(--green-700)}.sudoku-stage aside{display:grid;gap:16px}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.number-pad button{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:1.25em;font-weight:800;cursor:pointer}.sudoku-tools{display:grid;gap:7px}.sudoku-tools button{min-height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.sudoku-tools button.active{background:var(--green-100);border-color:var(--green-700)}.pwa-status{position:fixed;z-index:200;right:max(28px,calc(env(safe-area-inset-right) + 20px));bottom:max(22px,calc(env(safe-area-inset-bottom) + 16px));min-width:330px;max-width:480px;min-height:64px;padding:11px 14px;border:1px solid rgba(255,255,255,.32);border-radius:10px;background:#17472ff0;color:#fff;box-shadow:0 9px 24px #17472f40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px}.pwa-status span{display:grid;gap:3px;flex:1}.pwa-status small{color:#d6e7db}.pwa-status>button{border:0;border-radius:6px;background:var(--yellow);color:var(--green-950);min-height:36px;padding:0 12px;font-weight:700;cursor:pointer;display:grid;place-items:center}.pwa-status>button.dismiss{width:36px;padding:0;background:transparent;color:#fff}.pwa-status.offline{background:#6b442ef2}@media(max-width:1020px){.page{padding-right:max(44px,calc(var(--touch-safe-right) + 20px))}.game-grid{grid-template-columns:1fr}.game-card{min-height:220px}.game-icon-grid,.game-icon-grid.popular-row{grid-template-columns:repeat(auto-fill,minmax(64px,92px));gap:14px clamp(12px,2.2vw,22px)}.growth-summary{min-height:168px;padding:18px 20px;grid-template-columns:repeat(3,minmax(92px,1fr)) minmax(230px,1.5fr);gap:16px}.growth-summary>div:not(.week-chart){gap:8px}.week-chart{grid-column:auto;height:104px;justify-content:flex-end;gap:6px}.week-chart>button{width:27px;gap:5px}.week-chart i{width:11px;max-height:80px}.vip-card{grid-template-columns:40% 1fr}.membership-plans article{min-height:190px}}@media(max-width:1180px)and (orientation:landscape){.account-dashboard{min-width:0;grid-template-columns:minmax(180px,215px) minmax(0,1fr)}.account-player-panel,.account-family-panel,.personal-island{min-width:0}.account-family-panel{grid-column:1 / -1}}@media(max-height:620px)and (orientation:landscape){body{font-size:calc(14px * var(--font-scale))}.auth-brand{padding-block:20px}.brand-main>img{width:45px;height:45px;margin-bottom:12px}.brand-footer{gap:10px}.auth-form{gap:12px}.auth-heading h2{font-size:2em}.game-input,.code-input>span{height:54px}.primary-button,.secondary-button{min-height:48px}.page{padding-top:14px}.page-header{min-height:50px}.page-title-pill,.resource-bar{min-height:40px}.page-header h1{font-size:1.05em}.floating-nav{gap:8px}.avatar-entry{width:66px;height:66px}.avatar-rings{width:64px;height:64px}.avatar{width:50px;height:50px}.floating-nav nav a{height:58px}.focus-band{padding:32px 24px 14px}.game-card.featured{min-height:235px}.launcher-section>header{min-height:28px;margin-bottom:7px}.vertical-wheel-filter{width:82px;max-height:calc(100% - 170px);padding-inline:5px}.wheel-filter-viewport{height:min(228px,calc(100vh - 250px));min-height:132px;padding-block:90px}.wheel-filter-viewport>button{min-height:42px}.games-page>.page-header{top:max(8px,env(safe-area-inset-top))}.game-launchpad-scroll{padding-top:max(60px,calc(env(safe-area-inset-top) + 52px));padding-right:max(114px,calc(var(--touch-safe-right) + 90px));padding-left:max(108px,calc(var(--touch-safe-left) + 84px))}.game-icon-grid,.game-icon-grid.popular-row{grid-template-columns:repeat(auto-fill,minmax(58px,80px));gap:10px clamp(11px,2vw,20px)}.game-launcher-link{gap:6px}.game-launchpad-scroll{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.favorite-game-dock{min-height:78px;margin:0;padding:7px 12px;gap:12px}.favorite-dock-list{max-width:382px;gap:12px}.game-launcher-icon.compact{flex-basis:52px;width:52px}.game-launcher-icon.compact .game-icon-art{width:48px}.growth-prompt{min-height:76px}.game-card>img{min-height:200px}.game-card-copy{padding:18px 22px}.game-card-copy p{margin-top:6px}.game-card-actions{margin-top:12px}.growth-summary{min-height:128px;padding:12px 16px;grid-template-columns:repeat(3,minmax(76px,1fr)) minmax(180px,1.45fr);gap:10px}.growth-summary>div:not(.week-chart){gap:7px}.growth-summary>div:not(.week-chart)>svg{width:20px;height:20px}.growth-summary span{gap:1px;font-size:.84em;white-space:nowrap}.growth-summary b{font-size:1.25em}.week-chart{height:88px;gap:4px}.week-chart>button{width:23px;padding-inline:2px;gap:4px}.week-chart i{width:9px;max-height:64px}.archive-list{margin-top:6px}.archive-list>header{min-height:50px}.archive-list article{min-height:64px}.account-dashboard{grid-template-columns:minmax(180px,205px) minmax(0,1fr);gap:10px}.account-player-panel,.account-family-panel{padding:14px}.account-player-identity .profile-avatar{width:58px;height:58px}.personal-island{min-height:430px;padding:12px}.island-heading{min-height:50px}.island-heading h2{font-size:1.35em}.island-scene,.island-map{min-height:345px}.subject-zone-button{min-width:94px;padding:5px 7px}.learner-manager{margin-top:10px}.learner-list article{min-height:52px}.vip-progress-band{min-height:105px;padding-block:14px}.vip-card{min-height:220px}.vip-benefits,.reward-list{padding:18px 24px}.setting-row{min-height:70px}.membership-status{min-height:92px;padding:14px 18px}.membership-plans{gap:12px}.membership-plans article{min-height:170px;padding:16px 18px}.membership-plans ul{display:none}.membership-action{grid-template-columns:1fr 1fr;padding:16px 18px}.play-page.running .play-title{display:none}.play-header{top:max(8px,env(safe-area-inset-top));right:var(--touch-safe-right);left:var(--touch-safe-left)}.play-icon-button{width:40px;height:40px;flex-basis:40px}.play-level{min-height:38px;padding-inline:13px}.level-select{padding-top:max(58px,calc(env(safe-area-inset-top) + 50px));padding-bottom:max(10px,env(safe-area-inset-bottom));grid-template-columns:minmax(160px,.72fr) minmax(280px,1.28fr);gap:clamp(16px,3vw,32px)}.level-select-cover{max-height:calc(100dvh - max(78px,calc(env(safe-area-inset-top) + 68px)) - max(14px,env(safe-area-inset-bottom)))}.level-select-content{gap:clamp(7px,1.6dvh,12px)}.level-select h2{font-size:clamp(1.5em,6dvh,2em)}.level-select p{line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.level-buttons button{height:42px}.level-select .primary-button{min-height:46px}.memory-game{height:calc(100vh - 88px)}.memory-board{width:min(760px,82vw,var(--memory-board-fit-width));gap:8px}.compact-game{min-height:calc(100vh - 88px)}.word-match-board{width:min(850px,86vw);gap:7px}.word-match-board>button{min-height:68px}.chain-current{min-height:105px}.answer-grid button{min-height:48px}.spelling-clue img{width:118px}.letter-answer span{width:38px;height:43px}.letter-pool button{width:45px;height:42px}.number-cards button{width:72px;height:82px}.go24-stage{gap:9px}.typing-stage{gap:9px;padding:12px 20px}.typing-text{font-size:1.55em}.virtual-keyboard button{width:42px;height:34px}.province-map{min-height:330px}.sudoku-stage{grid-template-columns:390px 240px;gap:28px}}@media(max-height:520px)and (orientation:landscape){.support-dialog{--support-qr-size: clamp(140px, calc(100dvh - 120px) , 210px)}.app-content{padding-left:max(112px,calc(var(--touch-safe-left) + 84px))}.floating-nav{width:72px;gap:7px}.avatar-entry{width:58px;height:58px}.avatar-rings{width:56px;height:56px}.avatar-rings:before{top:4px;right:4px;bottom:4px;left:4px}.avatar{width:44px;height:44px;border-width:2px;font-size:1.3em}.vip-badge{min-width:28px;height:20px;padding-inline:5px;font-size:.66em}.floating-nav nav{width:72px;padding:6px 5px;gap:4px}.floating-nav nav a{height:52px;gap:3px;font-size:.74em}.floating-nav nav a svg{width:21px;height:21px}.floating-support{width:66px;min-height:40px;gap:4px;font-size:.74em}.floating-support svg{width:18px;height:18px}.game-icon-grid,.game-icon-grid.popular-row{grid-template-columns:repeat(auto-fill,minmax(52px,68px));gap:8px clamp(10px,1.7vw,16px)}.game-launcher-link>strong{font-size:.76em}.game-icon-art>small{right:4px;bottom:4px;min-width:20px;height:20px;padding-inline:5px}.growth-page{padding-bottom:max(10px,env(safe-area-inset-bottom))}.growth-page .page-header{min-height:44px}.growth-page .page-title-pill,.growth-page .resource-bar{min-height:36px}.growth-summary{min-height:104px;padding:8px 12px;grid-template-columns:repeat(3,minmax(65px,1fr)) minmax(158px,1.4fr);gap:8px}.growth-summary>div:not(.week-chart){gap:5px}.growth-summary>div:not(.week-chart)>svg{width:18px;height:18px}.growth-summary span{font-size:.78em}.growth-summary b{font-size:1.18em}.week-chart{height:70px;gap:3px}.week-chart>button{width:20px;gap:2px;font-size:.78em}.week-chart i{width:8px;max-height:50px}.archive-list{margin-top:4px}.archive-list>header{min-height:42px;gap:10px}.archive-heading{gap:7px}.archive-heading h2{font-size:1.15em}.archive-game-filters{padding-block:4px}.archive-game-filters button{min-height:30px;padding-inline:10px}.archive-list article{min-height:56px;grid-template-columns:72px 1fr auto;gap:12px}.level-select{grid-template-columns:minmax(150px,.68fr) minmax(260px,1.32fr);gap:clamp(14px,2.6vw,24px)}.level-select-content{gap:7px}.level-select .section-kicker{font-size:.9em}.level-select h2{font-size:clamp(1.4em,6.5dvh,1.9em)}.level-select p{font-size:.9em;line-height:1.35}.level-buttons button{height:38px}.level-select .primary-button{min-height:42px}}@media(orientation:portrait){html,body,#app{min-height:100dvh;background:var(--green-900)}body>#app>:not(.portrait-blocker){display:none!important}.portrait-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100%;min-height:100dvh;padding:env(safe-area-inset-top) var(--touch-safe-right) env(safe-area-inset-bottom) var(--touch-safe-left);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--green-900);color:#fff;text-align:center}.portrait-blocker img{width:76px;height:76px;margin-bottom:10px}.portrait-blocker span{color:#cee1d4}}