:root{--paper: #f6fbf5;--surface: #fffefa;--ink: #172033;--soft-ink: #667085;--line: #dfe9ef;--shadow: rgba(31, 42, 68, .12);--green: #3da414;--green-dark: #257204;--green-soft: #eaf7e4;--sky: #1d9fe3;--sky-soft: #e7f6ff;--violet: #6428d7;--violet-soft: #f2ecff;--gold: #f4b942;--gold-soft: #fff2c7;--pink: #df4a8f;--danger-soft: #fff0f2;--focus-ring: rgba(100, 40, 215, .32);--screen-max: 480px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 14px;--space-5: 16px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--touch-min: 44px;--bottom-nav-reserve: calc(96px + env(safe-area-inset-bottom)) ;--bottom-nav-gap: 8px;--z-nav: 20;--motion-fast: .16s;color:var(--ink);background:var(--paper);font-family:Nunito,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% -120px,rgba(242,236,255,.95),transparent 380px),linear-gradient(180deg,#fbfef8 0,var(--paper) 420px),var(--paper);overscroll-behavior:contain}button{font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,transform var(--motion-fast) ease}button:disabled{cursor:default}button:focus-visible,.match-card:focus-visible{outline:4px solid var(--focus-ring);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(100%,var(--screen-max));min-height:100vh;margin:0 auto}.dashboard-shell{padding:calc(14px + env(safe-area-inset-top)) var(--space-4) var(--bottom-nav-reserve)}.dashboard-shell.without-bottom-nav{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.app-shell.dashboard-shell.with-bottom-nav:after{content:"";position:fixed;left:50%;right:auto;bottom:0;z-index:calc(var(--z-nav) - 1);width:min(100%,var(--screen-max));height:calc(var(--bottom-nav-reserve) + 54px);pointer-events:none;background:linear-gradient(180deg,#f6fbf500,#f6fbf5f0 24%,#f6fbf5 44%);transform:translate(-50%)}.lesson-shell{background:#fff;color:#4b4b4b}.home-panel,.result-panel{min-height:calc(100dvh - var(--bottom-nav-reserve) - 28px);display:grid;align-content:start;gap:7px}.home-header{display:grid;grid-template-columns:minmax(118px,.48fr) minmax(0,1fr);align-items:center;gap:8px;padding-top:0}.home-logo{width:min(100%,154px);height:clamp(42px,12vw,52px);object-fit:contain;justify-self:start}.scene-art{position:relative;min-width:0;margin:0;overflow:hidden;background:#fff}.scene-art img{width:100%;height:100%;display:block;object-fit:cover}.character-pose{display:block;min-width:0;overflow:hidden;background:transparent}.character-pose img{width:100%;height:100%;display:block;object-fit:contain}.friend-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;border:1px solid rgba(227,233,242,.95);border-radius:22px;background:#fffffff0;box-shadow:0 10px 24px #1f2a4413}.friend-strip.compact{width:min(100%,260px);justify-self:center;padding:7px;gap:7px;border-radius:18px;background:#ffffffe0}.friend-avatar{position:relative;width:100%;max-width:66px;aspect-ratio:1;justify-self:center;display:grid;place-items:center;border-radius:50%;border:3px solid rgba(218,226,236,.95);background:linear-gradient(145deg,#f8fafc,#eef7f1);box-shadow:0 6px 14px #1f2a441a}.friend-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.friend-strip.compact .friend-avatar{max-width:42px;border-width:2px}.friend-avatar.active{border-color:#8d5dff;box-shadow:0 0 0 4px #8d5dff1f,0 8px 16px #1f2a441f}.friend-badge{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;display:grid;place-items:center;border:3px solid #ffffff;border-radius:50%;background:#8d5dff;color:#fff}.friend-strip.compact .friend-badge{width:18px;height:18px;border-width:2px}.friend-badge:before,.friend-badge:after{content:"";position:absolute}.friend-badge.sparkle:before{width:12px;height:12px;background:currentColor;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%)}.friend-badge.heart{background:#ef6aa5}.friend-badge.heart:before{width:13px;height:12px;background:currentColor;transform:rotate(-45deg);clip-path:polygon(50% 0,100% 35%,100% 75%,50% 100%,0 75%,0 35%)}.friend-badge.bolt{background:#34c7be}.friend-badge.bolt:before{width:13px;height:15px;background:currentColor;clip-path:polygon(48% 0,100% 0,62% 42%,88% 42%,32% 100%,45% 56%,13% 56%)}.friend-badge.question:before{content:"?";position:static;font-size:1rem;font-weight:1000;line-height:1}.friend-badge.smile{background:#7cc35f}.friend-badge.smile:before{width:13px;height:13px;border:2px solid currentColor;border-radius:50%}.friend-badge.smile:after{width:7px;height:4px;border-bottom:2px solid currentColor;border-radius:0 0 999px 999px}.friend-avatar.vicky{background:linear-gradient(145deg,#f4edff,#fff)}.friend-avatar.lucky{background:linear-gradient(145deg,#e7fffb,#fff)}.friend-avatar.voki{background:linear-gradient(145deg,#f3edff,#fff)}.friend-avatar.good{background:linear-gradient(145deg,#f1ffe9,#fff)}.wallet-row,.lesson-metrics{display:grid;gap:5px}.wallet-row{grid-template-columns:repeat(4,minmax(0,1fr));justify-self:stretch}.metric-pill{min-width:0;min-height:38px;display:grid;place-items:center;grid-template-columns:auto auto;gap:4px;border:1px solid rgba(227,233,242,.92);border-radius:14px;background:#fffefaf5;box-shadow:0 5px 14px #1f2a440e}.metric-pill small{color:var(--soft-ink);font-size:.66rem;font-weight:900;line-height:1;text-transform:uppercase}.metric-pill strong{color:var(--ink);font-size:.78rem;font-weight:1000;line-height:1;font-variant-numeric:tabular-nums}.metric-icon,.visual-icon,.reward-icon,.result-icon,.panel-icon,.icon-action,.empty-icon{width:26px;height:26px;display:inline-grid;place-items:center;position:relative;color:currentColor}.metric-icon:before,.metric-icon:after,.visual-icon:before,.visual-icon:after,.reward-icon:before,.reward-icon:after,.result-icon:before,.result-icon:after,.panel-icon:before,.panel-icon:after,.icon-action:before,.icon-action:after,.empty-icon:before,.empty-icon:after,.quest-icon:before,.quest-icon:after,.clock-icon:before,.clock-icon:after,.cards-stack-icon:before,.cards-stack-icon:after,.gold-icon:before,.gold-icon:after,.gem-icon:before,.streak-icon:before,.course-core-icon:before,.course-core-icon:after,.course-global-icon:before,.course-global-icon:after,.course-locked-main-icon:before,.course-locked-main-icon:after,.unlock-lock-icon:before,.unlock-lock-icon:after,.unlock-forever-icon:before,.unlock-forever-icon:after,.unlock-ad-icon:before,.course-ready-dot:before{content:"";position:absolute}.metric-icon{width:19px;height:19px;color:var(--violet)}.level-icon:before{width:16px;height:16px;border-radius:7px;background:currentColor;clip-path:polygon(50% 0,62% 34%,98% 34%,68% 55%,80% 92%,50% 68%,20% 92%,32% 55%,2% 34%,38% 34%)}.gold-icon:before{width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:inset 0 -3px #a16b0038}.gem-icon:before{width:16px;height:16px;background:linear-gradient(135deg,#24d6ff,#8e5cff 65%,#ff6bd6);clip-path:polygon(50% 0,100% 35%,78% 100%,22% 100%,0 35%)}.streak-icon:before{width:14px;height:18px;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,#ff6ba8,#ffbf3d);clip-path:polygon(53% 0,85% 35%,71% 35%,96% 100%,43% 70%,12% 100%,24% 48%,0 48%)}.eyebrow{color:var(--green-dark);font-size:.68rem;font-weight:1000;letter-spacing:0;text-transform:uppercase}.quest-card{display:grid;gap:14px;padding:16px;border:1px solid rgba(223,233,239,.88);border-radius:24px 22px 26px;background:radial-gradient(circle at 16% 10%,rgba(234,247,228,.96),transparent 38%),linear-gradient(145deg,#fffefafa,#e7f6ffb8),var(--surface);box-shadow:0 16px 36px #1f2a441a}.character-home-card{position:relative;padding:0;overflow:hidden;gap:0;border:0;background:transparent;box-shadow:none}.home-scene-button{position:relative;width:100%;display:block;overflow:hidden;border:0;border-radius:24px;padding:0;background:#fff;box-shadow:0 14px 34px #2d23501c,0 3px #6428d714}.home-scene-button:active{transform:translateY(2px) scale(.992)}.first-run-coachmarks{position:absolute;left:14px;top:14px;z-index:2;width:min(222px,calc(100% - 28px));display:grid;grid-template-columns:42px minmax(0,1fr) 42px minmax(0,1fr) 42px;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(227,233,242,.9);border-radius:18px;background:#ffffffe0;box-shadow:0 8px 18px #1f2a4417;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coachmark-step{min-width:0;min-height:36px;display:grid;grid-template-columns:20px auto;place-content:center;align-items:center;gap:3px;border-radius:999px;background:#f7f2ff;color:var(--violet);font-size:.74rem;font-weight:1000;font-variant-numeric:tabular-nums}.coachmark-step .play-icon,.coachmark-step .pairs-icon,.coachmark-step .cards-stack-icon{width:18px;height:18px;position:relative}.coachmark-line{height:4px;border-radius:999px;background:linear-gradient(90deg,#84e55ecc,#8d5dff61)}.home-scene-art{height:clamp(286px,calc(100dvh - var(--bottom-nav-reserve) - 374px),370px);border-radius:inherit;background:#fffdf8}.home-scene-art img{object-position:center}.play-episode-art.theme-vicky img{filter:hue-rotate(10deg) saturate(1.04)}.play-episode-art.theme-lucky img{filter:hue-rotate(118deg) saturate(1.06)}.play-episode-art.theme-voki img{filter:hue-rotate(246deg) saturate(1.04)}.play-episode-art.theme-good img{filter:hue-rotate(52deg) saturate(.98)}.home-character-selector{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px;border:1px solid rgba(227,233,242,.95);border-radius:18px;background:#fffffff0;box-shadow:0 8px 18px #1f2a440e}.character-theme-option{min-width:0;min-height:58px;display:grid;justify-items:center;align-content:center;gap:3px;padding:4px 2px 3px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--soft-ink)}.character-theme-option .friend-avatar{width:clamp(34px,9vw,44px);max-width:44px;border-width:2px;box-shadow:0 5px 12px #1f2a441a}.character-theme-option .friend-badge{display:none}.character-theme-option strong{max-width:100%;overflow:hidden;color:var(--ink);font-size:.58rem;font-weight:1000;line-height:1;text-overflow:ellipsis;white-space:nowrap}.character-theme-option.active{border-color:#6428d757;background:linear-gradient(180deg,#fff,#f3edff);color:var(--violet);box-shadow:0 0 0 3px #8d5dff1a,inset 0 -3px #6428d714}.character-theme-option.active .friend-avatar{border-color:var(--violet);transform:translateY(-1px)}.home-course-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.course-option{min-width:0;min-height:52px;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 6px;padding:6px 7px;border:1px solid rgba(227,233,242,.95);border-radius:17px;background:linear-gradient(180deg,#fffffffa,#f8fcfff0);color:var(--soft-ink);box-shadow:0 8px 18px #1f2a440e,inset 0 -3px #1f2a440a}.course-option.active{border-color:#6428d76b;background:radial-gradient(circle at 12% 0,rgba(242,236,255,.95),transparent 48%),linear-gradient(180deg,#fff,#f6f0ff);color:var(--violet);box-shadow:0 0 0 3px #8d5dff1a,0 9px 18px #6428d71a,inset 0 -3px #6428d714}.course-option.locked{color:#7a8293;background:linear-gradient(180deg,#fffffff5,#f6f9fceb)}.course-option.core{--course-accent: var(--gold)}.course-option.global{--course-accent: #34c7be}.course-icon,.unlock-lock-icon,.unlock-forever-icon,.unlock-ad-icon,.course-ready-dot{position:relative;display:inline-grid;place-items:center}.course-icon{grid-row:1 / span 2;width:24px;height:24px;color:currentColor}.course-copy{min-width:0;display:grid;gap:1px;text-align:left}.course-copy strong{overflow:hidden;color:var(--ink);font-size:.74rem;font-weight:1000;line-height:1;text-overflow:ellipsis;white-space:nowrap}.course-copy small{color:currentColor;font-size:.72rem;font-weight:1000;line-height:1;font-variant-numeric:tabular-nums}.course-unlock-row{grid-column:2;min-width:0;display:flex;align-items:center;gap:4px;min-height:18px;color:var(--course-accent, var(--violet))}.course-lock-badge{position:relative;flex:0 0 auto;width:19px;height:19px;display:inline-grid;place-items:center;border:2px solid #ffffff;border-radius:50%;background:var(--course-accent, var(--violet));color:#fff;box-shadow:0 4px 9px #1f2a4421,inset 0 -2px #1f2a4424}.course-lock-badge .unlock-lock-icon{transform:scale(.78)}.course-ready-dot{grid-column:2;justify-self:start;width:min(100%,44px);height:6px;overflow:hidden;border-radius:999px;background:#3da41429}.course-ready-dot:before{inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--green),#43d6c7)}.course-core-icon:before{width:19px;height:19px;border:3px solid currentColor;border-radius:50%}.course-core-icon:after{width:7px;height:7px;border-radius:3px;background:currentColor;box-shadow:-9px 7px 0 -2px currentColor,9px -7px 0 -2px currentColor;transform:rotate(12deg)}.course-global-icon:before{width:20px;height:20px;border:3px solid currentColor;border-radius:50%}.course-global-icon:after{width:8px;height:20px;border-right:2px solid currentColor;border-left:2px solid currentColor;border-radius:50%}.course-locked-main-icon{color:var(--course-accent, var(--violet))}.course-locked-main-icon:before{left:2px;bottom:2px;width:20px;height:15px;border-radius:5px;background:radial-gradient(circle at 50% 52%,#ffffff 0 2px,transparent 2.4px),linear-gradient(#fff,#fff) 50% 74% / 2px 5px no-repeat,currentColor;box-shadow:inset 0 -3px #1f2a441f,0 4px 8px #1f2a441f}.course-locked-main-icon:after{left:6px;top:1px;width:12px;height:12px;border:3px solid currentColor;border-bottom:0;border-radius:999px 999px 0 0}.unlock-lock-icon{width:12px;height:14px}.unlock-lock-icon:before{left:1px;bottom:0;width:10px;height:8px;border-radius:3px;background:currentColor}.unlock-lock-icon:after{left:3px;top:0;width:6px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:999px 999px 0 0}.unlock-forever-icon{width:16px;height:12px}.unlock-forever-icon:before,.unlock-forever-icon:after{top:2px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}.unlock-forever-icon:before{left:1px;transform:rotate(35deg)}.unlock-forever-icon:after{right:1px;transform:rotate(-35deg)}.unlock-ad-icon{width:13px;height:14px}.unlock-ad-icon:before{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;transform:translate(2px)}.home-collection-meter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.collection-course-card{min-width:0;min-height:64px;display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:4px 7px;padding:8px;border:1px solid rgba(227,233,242,.95);border-radius:17px;background:#fff;box-shadow:0 8px 18px #1f2a440e,inset 0 -3px #1f2a440a}.collection-course-card.basic{border-color:#6428d747;background:linear-gradient(180deg,#fff,#f8f3ff)}.collection-course-card.locked{opacity:.82}.collection-course-icon{grid-row:1 / span 2;width:25px;height:25px;position:relative;color:var(--violet)}.collection-course-card.core .collection-course-icon{color:var(--gold)}.collection-course-card.global .collection-course-icon{color:#34c7be}.collection-copy{min-width:0;display:grid;gap:2px}.collection-copy strong{overflow:hidden;color:var(--ink);font-size:.7rem;font-weight:1000;line-height:1;text-overflow:ellipsis;white-space:nowrap}.collection-copy small{color:var(--soft-ink);font-size:.68rem;font-weight:1000;line-height:1;font-variant-numeric:tabular-nums}.collection-progress{grid-column:2;height:6px;overflow:hidden;border-radius:999px;background:#66708524}.collection-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),#43d6c7)}.pixel-sparkles{position:absolute;inset:0;pointer-events:none;z-index:4}.pixel-sparkles i{position:absolute;width:13px;height:13px;color:#8d5dff}.pixel-sparkles i:before,.pixel-sparkles i:after{content:"";position:absolute;inset:5px 0;background:currentColor}.pixel-sparkles i:after{inset:0 5px}.pixel-sparkles i:nth-child(1){left:14%;top:22%}.pixel-sparkles i:nth-child(2){right:18%;top:28%;color:#34c7be;transform:scale(.72)}.pixel-sparkles i:nth-child(3){right:31%;bottom:22%;color:#f4b942;transform:scale(.58)}.island-vista{position:relative;isolation:isolate;width:100%;min-height:330px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 48% 12%,rgba(255,255,255,.94),transparent 25%),linear-gradient(180deg,#eefbff 0,#f8fffb 58%,#ddf8ff)}.island-vista.compact{min-height:262px;border-radius:22px}.island-land{position:absolute;left:50%;bottom:22px;z-index:1;width:min(86%,330px);height:158px;border-radius:48% 52% 42% 45%;background:radial-gradient(circle at 24% 48%,#fff7d9 0 5%,transparent 6%),radial-gradient(circle at 62% 36%,#fff7d9 0 4%,transparent 5%),linear-gradient(180deg,#8be676 0 62%,#66c355 63% 100%);box-shadow:0 18px #68c6e8,0 28px #55bbdb75,inset 0 -14px #40773c1f;transform:translate(-50%)}.island-path-line{position:absolute;left:40%;bottom:8px;width:88px;height:124px;border-radius:999px 999px 18px 18px;background:#ffe6a6;transform:rotate(16deg);box-shadow:inset 0 -5px #a16b001f}.vista-tree{position:absolute;z-index:2;width:52px;height:72px}.vista-tree:before,.vista-tree:after{content:"";position:absolute}.vista-tree:before{left:23px;bottom:5px;width:8px;height:42px;border-radius:999px;background:#9b5b1f}.vista-tree:after{left:5px;top:0;width:43px;height:43px;border-radius:50% 50% 48% 48%;background:#35a64a;box-shadow:-10px 14px #55bd5e,10px 14px #55bd5e}.tree-one{left:16px;bottom:42px}.tree-two{right:18px;bottom:36px;transform:scale(.78)}.vista-flower{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffffff 0 22%,transparent 23%),conic-gradient(#c781ff 0 25%,#ff7fb4 0 50%,#c781ff 0 75%,#ff7fb4 0)}.flower-one{left:88px;bottom:24px}.flower-two{right:90px;bottom:30px;transform:scale(.8)}.waterfall{position:absolute;left:50%;bottom:-22px;width:34px;height:48px;border-radius:0 0 999px 999px;background:linear-gradient(180deg,#fff,#77d9f5);opacity:.9;transform:translate(-50%)}.travel-pin{position:absolute;z-index:2;width:34px;height:42px;border:3px solid currentColor;border-radius:50% 50% 50% 0;color:#34c7be;transform:rotate(-45deg)}.travel-pin:before{content:"";position:absolute;inset:8px;border-radius:50%;background:currentColor}.pin-left{left:20px;top:28px}.pin-right{right:22px;top:28px;color:#f4b942;transform:rotate(-45deg) scale(.82)}.plane-trail{position:absolute;left:23%;top:56px;z-index:1;width:54%;height:42px;border-bottom:3px dashed rgba(52,199,190,.76);border-radius:50%}.plane-trail:after{content:"";position:absolute;right:-8px;bottom:-4px;width:22px;height:18px;background:#6428d7;clip-path:polygon(0 44%,100% 0,72% 48%,100% 100%);transform:rotate(12deg)}.cloud{position:absolute;z-index:0;width:58px;height:20px;border:3px solid #aee7ff;border-top:0;border-radius:0 0 999px 999px;opacity:.75}.cloud:before,.cloud:after{content:"";position:absolute;bottom:6px;border:3px solid #aee7ff;border-bottom:0;border-radius:999px 999px 0 0}.cloud:before{left:8px;width:22px;height:18px}.cloud:after{right:7px;width:28px;height:24px}.cloud-one{left:18%;top:106px}.cloud-two{right:20%;top:88px;transform:scale(.74)}.island-visitors{position:absolute;left:50%;bottom:92px;z-index:3;display:flex;align-items:flex-end;justify-content:center;gap:8px;width:min(92%,360px);transform:translate(-50%)}.island-visitors .friend-avatar{flex:0 0 auto;width:clamp(50px,14vw,68px);max-width:68px}.island-vista.compact .island-visitors{bottom:82px}.island-vista.compact .island-visitors .friend-avatar:first-child{width:clamp(68px,20vw,88px);max-width:88px;transform:translateY(-8px)}.quest-topline,.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.quest-icon{width:44px;height:44px;display:inline-grid;place-items:center;position:relative;color:var(--green-dark)}.time-chip,.session-chips span,.trophy,.codex-card small{display:inline-grid;place-items:center;border-radius:999px;font-weight:1000}.time-chip{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;background:var(--violet-soft);color:var(--violet);font-size:.92rem}.time-chip strong{font-size:1rem;line-height:1}.quest-main{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center}.progress-orb{width:92px;aspect-ratio:1;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at center,#ffffff 0 58%,transparent 59%),conic-gradient(var(--green) var(--progress),#e7edf5 0);box-shadow:inset 0 -4px #2a37520d}.progress-orb strong{color:var(--green-dark);font-size:1.7rem;line-height:.95;font-variant-numeric:tabular-nums}.progress-orb span{color:var(--soft-ink);font-size:.7rem;font-weight:900}.hero-copy{display:grid;gap:5px;min-width:0}.hero-copy h1,.result-hero h1{margin:0;color:var(--ink);font-size:1.72rem;line-height:.98}.hero-copy p,.result-hero p{margin:0;color:var(--soft-ink);font-size:.9rem;font-weight:900}.visual-stat-grid{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.visual-stat{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(227,233,242,.92);border-radius:16px 15px 18px;background:#ffffffe0;color:var(--soft-ink)}.visual-stat.primary{grid-column:1 / -1;color:var(--green-dark)}.visual-stat strong{color:var(--ink);font-size:1.08rem;line-height:1;font-variant-numeric:tabular-nums}.cards-stack-icon:before,.cards-stack-icon:after{width:18px;height:23px;border:3px solid currentColor;border-radius:6px}.cards-stack-icon:before{transform:rotate(-9deg) translate(-4px);opacity:.55}.cards-stack-icon:after{background:currentColor;transform:rotate(7deg) translate(4px)}.pairs-icon:before,.pairs-icon:after{width:10px;height:10px;border-radius:50%;background:currentColor}.pairs-icon:before{transform:translate(-6px,-4px)}.pairs-icon:after{transform:translate(6px,4px);box-shadow:-12px 0 0 currentColor}.rounds-icon:before{width:22px;height:22px;border:4px solid currentColor;border-right-color:transparent;border-radius:50%}.rounds-icon:after{width:8px;height:8px;right:1px;top:2px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.clock-icon{width:18px;height:18px;display:inline-block;position:relative;color:currentColor}.clock-icon:before{width:16px;height:16px;border:3px solid currentColor;border-radius:50%}.clock-icon:after{width:7px;height:3px;left:8px;top:8px;border-radius:999px;background:currentColor;transform-origin:left center;transform:rotate(-40deg)}.session-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.session-chips span{min-height:30px;background:#ffffffdb;color:var(--soft-ink);font-size:.7rem}.home-start-btn,.primary-btn{width:100%;border:0;border-radius:18px;background:var(--green);color:#fff;font-weight:1000;box-shadow:0 5px 0 var(--green-dark)}.home-start-btn{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:1.08rem}.home-start-btn:active,.primary-btn:active,.icon-action:active,.bottom-nav button:active,.match-card:active:not(:disabled),.owned-item-button:active{transform:translateY(2px) scale(.985)}.play-symbol{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #ffffff}.reward-grid,.home-stat-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px}.reward-card,.home-stat-card{min-height:76px;display:grid;align-content:center;gap:5px;padding:12px;border:1px solid var(--line);border-radius:18px 16px 20px;background:var(--surface);box-shadow:0 7px 20px #1f2a440f;justify-items:center;text-align:center}.reward-card.primary,.home-stat-card.primary{border-color:#f7dd87;background:linear-gradient(180deg,#fff,#f7efff)}.reward-card span,.home-stat-card span,.home-word-card span:not(.trophy),.owned-row,.codex-card span,.review-row span,.review-row em{color:var(--soft-ink);font-size:.72rem;font-weight:900}.reward-card strong,.home-stat-card strong{color:var(--ink);font-size:1rem;line-height:1.05;font-variant-numeric:tabular-nums}.home-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.home-stat-card{min-height:76px;padding:7px 6px;border-radius:16px;background:#fff}.home-stat-card .reward-icon{width:26px;height:26px;color:var(--violet)}.home-stat-card strong{color:var(--violet);font-size:clamp(.98rem,4vw,1.22rem)}.home-stat-card small{color:#555c6b;font-size:.64rem;font-weight:900;line-height:1.1}.home-stat-card.streak strong{color:#ff8a2a}.home-stat-card.island strong{color:#48b98e}.daily-trail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;padding:4px 2px 0}.daily-trail span{height:7px;border-radius:999px;background:#dce8ee;box-shadow:inset 0 -1px #1f2a440f}.daily-trail span.active{background:linear-gradient(90deg,var(--green),#7bd84a)}.daily-challenge-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;border:1px solid rgba(227,233,242,.95);border-radius:18px;background:#fffffff0;box-shadow:0 10px 24px #1f2a4412}.challenge-tile{min-height:46px;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;grid-template-rows:auto auto;align-items:center;gap:4px 6px;padding:7px 8px;border:1px solid rgba(223,233,239,.95);border-radius:15px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:inset 0 -3px #1f2a440b}.challenge-tile.very-easy{color:var(--green-dark);background:linear-gradient(180deg,#fff,#effbe7)}.challenge-tile.easy{color:var(--violet);background:linear-gradient(180deg,#fff,#f5efff)}.challenge-tile.normal{color:#1977b5;background:linear-gradient(180deg,#fff,#eaf8ff)}.challenge-tile.completed{border-color:#f4b942cc;background:linear-gradient(180deg,#fffdf5,#fff2c7)}.challenge-icon{grid-row:1 / span 2;grid-column:1;justify-self:center;width:24px;height:24px;display:inline-grid;place-items:center;position:relative;color:currentColor}.challenge-icon:before,.challenge-icon:after,.challenge-gacha-icon:before,.challenge-gacha-icon:after,.play-icon:before,.star-icon:before{content:"";position:absolute}.play-icon:before{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid currentColor;transform:translate(2px)}.star-icon:before{width:26px;height:26px;background:currentColor;clip-path:polygon(50% 0,62% 35%,98% 35%,68% 56%,80% 100%,50% 74%,20% 100%,32% 56%,2% 35%,38% 35%)}.challenge-progress{grid-column:2;grid-row:1;align-self:end;width:100%;height:6px;display:block;overflow:hidden;border-radius:999px;background:#66708529}.challenge-progress i{height:100%;display:block;border-radius:inherit;background:currentColor}.challenge-tile strong{grid-column:2;grid-row:2;justify-self:start;color:var(--ink);font-size:.72rem;line-height:1;font-variant-numeric:tabular-nums}.challenge-gacha-icon{grid-column:3;grid-row:1 / span 2;justify-self:center;width:20px;height:18px;display:block;position:relative;color:var(--violet)}.challenge-gacha-icon:before{left:2px;top:3px;width:18px;height:14px;border-radius:6px;background:linear-gradient(135deg,#40d8e2,#8e5cff 58%,#ff60c8)}.challenge-gacha-icon:after{left:8px;top:0;width:6px;height:20px;border-radius:999px;background:#ffffffb8;box-shadow:-5px 7px 0 -2px #fffc,5px 7px 0 -2px #fffc}.home-loop-strip{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:5px;padding:8px;border:1px solid rgba(227,233,242,.95);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f9fcfff2);box-shadow:0 10px 24px #1f2a4412}.loop-step{min-width:0;min-height:54px;display:grid;place-items:center;gap:3px;border:1px solid rgba(227,233,242,.95);border-radius:15px;background:#fff;box-shadow:inset 0 -3px #1f2a440b}.loop-step strong{color:var(--ink);font-size:.72rem;line-height:1;font-variant-numeric:tabular-nums}.loop-step.play{color:var(--green-dark);background:linear-gradient(180deg,#fff,#effbe7)}.loop-step.reward{color:var(--violet);background:linear-gradient(180deg,#fff,#f5efff)}.loop-step.island{color:#1977b5;background:linear-gradient(180deg,#fff,#eaf8ff)}.loop-icon,.focus-icon{width:24px;height:24px;position:relative;display:grid;place-items:center}.loop-connector{height:3px;border-radius:999px;background:linear-gradient(90deg,#8d5dff2e,#43d6c7cc);position:relative}.loop-connector:after{content:"";position:absolute;right:-2px;top:50%;width:7px;height:7px;border-top:3px solid #43d6c7;border-right:3px solid #43d6c7;transform:translateY(-50%) rotate(45deg)}.island-growth-preview{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:13px;background:radial-gradient(circle at 70% 24%,rgba(255,255,255,.9),transparent 28%),linear-gradient(145deg,#c9f5b9,#8ee6f6);box-shadow:inset 0 -4px #1f2a4414}.island-growth-preview .owned-count{position:absolute;right:-7px;bottom:-7px;min-width:19px;min-height:19px;font-size:.58rem;border:2px solid #ffffff}.xp-icon:before{width:22px;height:22px;border-radius:8px;background:var(--violet);clip-path:polygon(50% 0,62% 35%,98% 35%,68% 55%,80% 100%,50% 73%,20% 100%,32% 55%,2% 35%,38% 35%)}.garden-card,.home-collection,.panel,.result-hero{border:1px solid var(--line);border-radius:22px 20px 24px;background:#fffffff5;box-shadow:0 10px 26px #1f2a4413}.garden-card,.home-collection,.panel{display:grid;gap:12px;padding:14px}.section-heading h2,.panel-heading h2{margin:2px 0 0;color:var(--ink);font-size:1.08rem;line-height:1}.visual-heading{display:flex;align-items:center;gap:10px}.island-status-strip{display:inline-flex;align-items:center;gap:7px}.island-status-chip{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;border:1px solid rgba(227,233,242,.95);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f8fcfbeb);box-shadow:0 7px 16px #1f2a440f,inset 0 -2px #1f2a4409}.island-status-chip .item-sprite{width:24px;height:24px}.island-status-chip strong{min-width:12px;color:var(--ink);font-size:.82rem;font-weight:1000;line-height:1;font-variant-numeric:tabular-nums}.status-friend-dots{display:inline-flex;align-items:center;gap:3px}.status-friend-dots span{width:7px;height:7px;border-radius:50%;background:#d9dee8;box-shadow:inset 0 -1px #1f2a4414}.status-friend-dots span.active{background:linear-gradient(135deg,var(--violet),var(--sky));box-shadow:0 2px 5px #6428d72e}.panel-icon{width:34px;height:34px;border-radius:13px;background:var(--violet-soft);color:var(--violet)}.section-heading button,.panel-heading button,.result-actions button:not(.home-start-btn),.owned-row button{min-height:44px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--violet);padding:0 12px;font-size:.74rem;font-weight:1000}.icon-action{min-width:46px;min-height:46px;border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--violet);padding:0}.icon-action:hover,.owned-item-button:hover{border-color:#6428d747;background:var(--violet-soft)}.mini-island{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:8px;border-radius:18px;background:#dff4d7}.mini-cell,.island-cell{display:grid;place-items:center;color:#237a45;font-weight:1000;box-shadow:inset 0 -2px #2a375217}.mini-cell{aspect-ratio:1;border-radius:10px;font-size:.62rem}.mini-cell.grass,.island-cell.grass{background:#b9eb9e}.mini-cell.path,.island-cell.path{background:#f8e6a9;color:#9a6b08}.mini-cell.flower,.island-cell.flower{background:#ffd4e3;color:#b43f73}.mini-cell.filled,.island-cell.filled{background:var(--gold-soft);color:#a16b00}.home-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-word-card{min-width:0;min-height:100px;display:grid;align-content:space-between;gap:5px;padding:11px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff)}.home-word-card strong{min-width:0;color:var(--ink);font-size:1rem;line-height:1;overflow-wrap:anywhere}.bottom-nav{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:var(--z-nav);width:min(calc(100% - 28px),452px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bottom-nav-gap);padding:var(--space-2);border:1px solid rgba(227,233,242,.95);border-radius:24px;background:#fffefaf0;box-shadow:0 14px 34px #1f2a4424;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}.bottom-nav button{min-width:0;min-height:58px;display:grid;place-items:center;gap:3px;border:0;border-radius:18px 16px 20px;background:transparent;color:var(--soft-ink);font-size:.68rem;font-weight:1000}.nav-label{display:block;max-width:100%;color:currentColor;font-size:.75rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{background:var(--violet-soft);color:var(--violet);box-shadow:inset 0 -2px #6428d714}.nav-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:#6570841f;position:relative}.bottom-nav button.active .nav-mark{background:var(--violet);color:#fff}.nav-mark:before,.nav-mark:after{content:"";position:absolute}.home-icon:before{width:13px;height:11px;bottom:5px;border-radius:3px;background:currentColor}.home-icon:after{width:14px;height:14px;top:4px;background:currentColor;transform:rotate(45deg);clip-path:polygon(50% 0,100% 50%,78% 50%,78% 100%,22% 100%,22% 50%,0 50%)}.cards-icon:before,.cards-icon:after{width:13px;height:16px;border:2px solid currentColor;border-radius:4px}.cards-icon:before{transform:rotate(-8deg) translate(-3px)}.cards-icon:after{background:currentColor;transform:rotate(7deg) translate(3px)}.garden-icon:before{width:15px;height:15px;border-radius:50% 50% 50% 0;background:currentColor;transform:rotate(-45deg)}.garden-icon:after{width:4px;height:10px;bottom:3px;border-radius:999px;background:currentColor}.shop-icon:before{width:16px;height:12px;bottom:4px;border:2px solid currentColor;border-radius:3px}.shop-icon:after{width:10px;height:7px;top:4px;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}.play-panel{height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;padding:calc(14px + env(safe-area-inset-top)) var(--space-3) 0;background:radial-gradient(circle at 50% -140px,rgba(242,236,255,.82),transparent 360px),linear-gradient(180deg,#fffefa 0,#fff 62%,#fafbff)}.lesson-topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto 48px;align-items:center;gap:8px;min-height:58px}.lesson-close{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;padding:0}.lesson-close span,.lesson-close span:before{content:"";grid-area:1 / 1;width:30px;height:5px;border-radius:999px;background:#a6a6a6}.lesson-close span{display:grid;transform:rotate(45deg)}.lesson-close span:before{transform:rotate(90deg)}.lesson-progress-rail{height:24px;overflow:hidden;border-radius:999px;background:#e7e7e7;box-shadow:inset 0 2px 4px #1f2a440f}.lesson-progress-rail span{display:block;height:100%;min-width:28px;border-radius:inherit;background:linear-gradient(180deg,#67da18,#42be00);box-shadow:inset 0 4px #ffffff38}.round-count{color:#5b6070;font-size:1.02rem;font-weight:1000;white-space:nowrap;font-variant-numeric:tabular-nums}.lesson-title{min-width:0;display:grid;justify-items:center;gap:1px}.lesson-logo{width:min(100%,148px);height:50px;object-fit:contain}.lesson-title span{color:var(--soft-ink);font-size:.64rem;font-weight:1000;text-transform:uppercase}.result-logo{justify-self:center}.sound-toggle{height:44px;display:grid;place-items:center;font-weight:1000}.sound-toggle{min-width:44px;min-height:44px;border:1px solid rgba(227,233,242,.95);border-radius:16px;background:#fff;color:var(--violet);box-shadow:0 4px 14px #1f2a440e}.sound-toggle span{position:relative;width:20px;height:18px;display:block}.sound-toggle span:before{content:"";position:absolute;left:1px;top:4px;width:8px;height:10px;border-radius:3px 1px 1px 3px;background:currentColor;box-shadow:7px -3px 0 -3px currentColor,7px 3px 0 -3px currentColor}.sound-toggle span:after{content:"";position:absolute;right:0;top:3px;width:8px;height:12px;border:2px solid currentColor;border-left:0;border-radius:0 999px 999px 0}.sound-toggle.off{color:#9aa3b2}.sound-toggle.off span:after{right:1px;top:8px;width:18px;height:3px;border:0;border-radius:999px;background:currentColor;transform:rotate(-38deg)}.lesson-metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px}.lesson-metrics .metric-pill{min-height:42px;background:#f6fbf1;box-shadow:inset 0 -2px #58cc021f}.lesson-metrics .metric-pill small{color:#6c944c;font-size:.52rem}.lesson-metrics .metric-pill strong{color:var(--green-dark);font-size:.78rem}.play-character-stage{position:relative;isolation:isolate;min-height:clamp(112px,28vw,136px);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:10px;overflow:hidden;padding:13px 14px;margin-top:10px;border:1px solid rgba(227,233,242,.94);border-radius:22px;background:radial-gradient(circle at 14% 18%,rgba(255,199,65,.15),transparent 24%),radial-gradient(circle at 86% 24%,rgba(141,93,255,.13),transparent 25%),linear-gradient(180deg,#fff,#f5fbff);box-shadow:0 12px 26px #1f2a4417}.play-character-stage .friend-avatar{z-index:2;width:64px;max-width:64px}.stage-match-prop{position:relative;z-index:2;min-height:78px;display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:8px;padding:12px;border-radius:20px;background:#ffffffb8;box-shadow:inset 0 -3px #2a37520d}.stage-card{min-height:52px;border:2px solid #e3e7ec;border-radius:15px;background:#fff;box-shadow:0 4px #d9e0e8}.card-left{background:linear-gradient(90deg,transparent 0 24%,#6428d7 24% 76%,transparent 76%) center 48% / 44px 7px no-repeat,#fff}.card-right{background:linear-gradient(90deg,transparent 0 18%,#34c7be 18% 82%,transparent 82%) center 40% / 52px 6px no-repeat,linear-gradient(90deg,transparent 0 26%,#34c7be 26% 74%,transparent 74%) center 60% / 42px 6px no-repeat,#fff}.stage-link{height:18px;border-top:4px dotted #8d5dff}.play-character-stage .pixel-sparkles i:nth-child(1){left:23%;top:18%}.play-character-stage .pixel-sparkles i:nth-child(2){right:24%;top:16%}.play-episode-art{height:clamp(150px,43vw,208px);margin-top:8px;isolation:isolate;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgba(227,233,242,.95);box-shadow:0 14px 30px #1f2a441a,inset 0 -3px #6428d70d}.play-episode-art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 32%),linear-gradient(0deg,rgba(255,255,255,.1),transparent 34%)}.play-episode-art img{animation:episode-soft-enter .38s ease-out both;object-position:center center}@keyframes episode-soft-enter{0%{opacity:0;transform:scale(1.018);filter:saturate(.92)}to{opacity:1;transform:scale(1);filter:saturate(1)}}.episode-signal{position:absolute;right:12px;bottom:12px;z-index:2;width:42px;height:18px;display:block;border:2px solid rgba(255,255,255,.88);border-radius:999px;background:#ffffffc7;box-shadow:0 5px 14px #1f2a441f;color:var(--violet)}.episode-signal:before,.episode-signal:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:currentColor;transform:translateY(-50%)}.episode-signal:before{left:9px}.episode-signal:after{right:9px;opacity:.46}.episode-signal.thinking-hint,.episode-signal.challenge-clear{color:#34c7be}.episode-signal.correct-highfive,.episode-signal.combo-celebration,.episode-signal.reward-box{color:#f4b942}.episode-signal.wrong-soft{color:#7aa4c8}.round-growth-preview{min-height:42px;display:grid;grid-template-columns:34px auto minmax(0,1fr);align-items:center;gap:9px;margin-top:10px;padding:7px 10px;border:1px solid rgba(227,233,242,.95);border-radius:18px;background:#ffffffe6;box-shadow:0 8px 18px #1f2a440e}.round-growth-preview strong{color:var(--ink);font-size:.86rem;font-variant-numeric:tabular-nums}.growth-token{width:30px;height:30px;border-radius:12px;background:var(--violet-soft);color:var(--violet);position:relative}.growth-dots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.growth-dots i{height:7px;border-radius:999px;background:#edf2f7}.growth-dots i.filled{background:linear-gradient(90deg,var(--green),#43d6c7)}.lesson-board-wrap{min-height:0;overflow:hidden;overscroll-behavior:contain;display:block;padding:8px 0 10px}.match-board{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px}.match-column{min-width:0;min-height:0;display:grid;grid-template-rows:24px repeat(5,minmax(var(--touch-min),1fr));gap:clamp(8px,1.15dvh,12px)}.match-column-label{min-height:24px;display:grid;place-items:center;color:var(--soft-ink);font-size:.72rem;font-weight:1000;text-transform:uppercase}.match-card{width:100%;min-height:clamp(54px,6.8dvh,72px);border:2px solid #e3e7ec;border-radius:22px;background:#fff;color:#4b4b4b;padding:10px 12px;text-align:center;line-height:1.08;overflow-wrap:anywhere;box-shadow:0 4px #d9e0e8,0 10px 20px #1f2a4409}.word-card{font-size:clamp(1.05rem,5vw,1.5rem);font-weight:900}.meaning-card{font-size:clamp(.9rem,3.7vw,1.05rem);font-weight:800;line-height:1.22}.match-card.selected{border-color:#9b72ff;background:linear-gradient(180deg,#f7f0ff,#fff);color:var(--violet);box-shadow:0 4px #9b72ff,0 0 0 4px #9b72ff21;transform:translateY(-1px)}.match-card.hinted:not(.matched){border-color:#f4c453eb;background:linear-gradient(180deg,#fffefa,#fff4d0);box-shadow:0 4px #f4c453,0 0 0 4px #f4c4532e,0 12px 22px #b579001a}.match-card.matched{color:#aeb4be;border-color:#edf0f4;background:#f8fafc;box-shadow:0 4px #edf0f4}.message-row{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px;padding:10px 0 calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(227,233,242,.72);background:#fff}.round-progress-dots{min-height:60px;display:grid;grid-template-columns:repeat(5,13px);place-content:center;gap:9px;border:1px solid rgba(227,233,242,.92);border-radius:22px;background:#f8fafc;box-shadow:inset 0 -3px #1f2a440b}.round-progress-dots i{width:13px;height:13px;border-radius:50%;background:#dfe5ed;box-shadow:inset 0 -2px #1f2a4414}.round-progress-dots i.filled{background:linear-gradient(180deg,#8ee65e,#43c517);box-shadow:inset 0 -2px #1f2a441f,0 0 0 4px #43c5171f}.primary-btn{min-height:60px;font-size:1.14rem;letter-spacing:0}.primary-btn:disabled{background:#e9edf3;color:#677386;box-shadow:none}.lesson-feedback{grid-column:1 / -1;min-height:18px;color:var(--soft-ink);text-align:center;font-size:.78rem;font-weight:900}.hint-btn{position:relative;min-height:68px;display:grid;place-items:center;border:1px solid rgba(227,233,242,.95);border-radius:20px;background:#fff;color:var(--violet);box-shadow:0 6px 16px #1f2a4412}.hint-btn:disabled{opacity:.42;filter:grayscale(.25)}.hint-btn strong{position:absolute;right:7px;top:7px;min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:50%;background:#8e5cff;color:#fff;font-size:.82rem;font-variant-numeric:tabular-nums}.hint-icon{width:34px;height:34px;display:block;position:relative}.hint-icon:before{content:"";position:absolute;inset:5px 8px 9px;border:3px solid #f4c453;border-radius:50% 50% 46% 46%;box-shadow:inset 0 -5px #f4c45347}.hint-icon:after{content:"";position:absolute;left:13px;bottom:4px;width:10px;height:8px;border-radius:4px;background:#8e5cff}.result-panel{padding-top:4px}.result-hero{min-height:0;display:grid;place-items:center;gap:12px;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(240,234,255,.95),transparent 58%),#fff}.result-scene-art{width:100%;height:clamp(280px,72vw,360px);border-radius:22px}.result-scene-art img{object-position:center 42%}.result-character-stage{position:relative;isolation:isolate;width:100%;min-height:246px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(227,233,242,.94);border-radius:22px;background:radial-gradient(circle at 50% 32%,rgba(141,93,255,.17),transparent 32%),linear-gradient(180deg,#fff,#f7fbff);box-shadow:inset 0 -4px #2a37520a}.result-icon{width:64px;height:64px;color:var(--violet)}.result-icon:before,.result-icon:after{width:28px;height:38px;border-width:4px;border-radius:9px}.result-orb{position:relative;z-index:3;width:112px;aspect-ratio:1;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at center,#ffffff 0 58%,transparent 59%),conic-gradient(var(--green) 0deg,var(--sky) 130deg,var(--violet) 220deg,#e7edf5 0);box-shadow:inset 0 -5px #2a375214}.result-orb strong{color:var(--green-dark);font-size:2rem;line-height:.95}.result-orb span{color:var(--soft-ink);font-size:.78rem;font-weight:1000}.result-friend-ring{position:absolute;left:12px;right:12px;bottom:16px;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:8px}.result-friend-ring .friend-avatar{width:clamp(45px,13vw,60px);max-width:60px;flex:0 0 auto}.result-friend-ring .friend-avatar.active{transform:translateY(-12px)}.top-hud{display:grid;gap:8px}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.result-reward-strip{display:flex;justify-content:center;gap:9px;min-height:58px;padding:9px;border:1px solid rgba(227,233,242,.95);border-radius:22px;background:#fffffff0;box-shadow:0 10px 24px #1f2a4412}.reward-chip{min-width:54px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid rgba(227,233,242,.95);border-radius:16px;background:#fff;color:var(--soft-ink);box-shadow:inset 0 -3px #1f2a440b}.reward-chip.common{background:linear-gradient(180deg,#fff,#effbe7)}.reward-chip.rare,.reward-chip.diamonds{background:linear-gradient(180deg,#fff,#f1eaff);color:var(--violet)}.reward-chip.epic{background:linear-gradient(135deg,#fff7dc,#f1eaff);color:#c06d00}.reward-chip.gold{background:#fff8df;color:#a16b00}.reward-chip.empty{opacity:.62}.reward-chip strong{color:var(--ink);font-size:.9rem;font-variant-numeric:tabular-nums}.top-hud{grid-template-columns:repeat(3,1fr);margin-bottom:10px}.compact-hud .metric-pill{min-height:46px;border-radius:18px 16px 20px}.compact-hud .metric-icon{color:var(--violet)}.stat{min-height:54px;display:grid;align-content:center;gap:4px;padding:9px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.stat span{color:var(--soft-ink);font-size:.68rem;font-weight:1000;text-transform:uppercase}.stat strong{color:var(--ink);font-size:1rem;line-height:1}.result-actions{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:10px}.result-actions .home-start-btn{width:58px;min-width:0;padding:0}.result-actions .home-start-btn .nav-mark{width:30px;height:30px;background:transparent;color:#fff}.result-actions .icon-action{width:58px;height:58px;border-radius:18px}.result-play-again{width:64px;height:58px;justify-self:center;display:grid;place-items:center;padding:0;border:0;border-radius:20px;background:linear-gradient(145deg,#b47cff,#6d35ee);color:#fff;box-shadow:0 7px #582cb438,0 14px 28px #6c3acd30}.result-play-again .play-icon{width:27px;height:27px;position:relative;transform:translate(2px)}.collection-meter{height:10px;overflow:hidden;border-radius:999px;background:#edf2f7}.codex-overview{display:grid;gap:9px;padding:12px;border:1px solid rgba(227,233,242,.95);border-radius:22px;background:radial-gradient(circle at 10% 0,rgba(242,236,255,.9),transparent 48%),#fff;box-shadow:0 10px 24px #1f2a4412}.codex-total{min-height:54px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px}.codex-total .panel-icon{width:42px;height:42px;border-radius:16px;background:var(--violet-soft);color:var(--violet)}.codex-total strong{color:var(--ink);font-size:clamp(1.5rem,8vw,2.2rem);line-height:1;font-variant-numeric:tabular-nums}.codex-trophy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trophy-count{min-width:0;min-height:58px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:7px;padding:7px;border:1px solid rgba(227,233,242,.95);border-radius:18px;background:#fff;box-shadow:inset 0 -3px #1f2a440a}.trophy-count strong{color:var(--ink);font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums}.codex-character-stage{position:relative;isolation:isolate;min-height:clamp(360px,88vw,470px);display:grid;grid-template-columns:minmax(0,1fr) minmax(128px,42%);align-items:end;gap:0;overflow:hidden;padding:18px 8px 0 18px;border:1px solid rgba(227,233,242,.94);border-radius:28px;background:radial-gradient(circle at 82% 18%,rgba(52,199,190,.18),transparent 28%),radial-gradient(circle at 18% 24%,rgba(141,93,255,.17),transparent 32%),linear-gradient(145deg,#fff,#fbf7ff);box-shadow:0 16px 36px #1f2a441a}.codex-feature-card{z-index:3;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;gap:9px;min-height:284px;padding:18px 14px;border:1px solid rgba(141,93,255,.2);border-radius:28px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 20px #1f2a4414}.codex-shield-icon{width:56px;height:56px;display:grid;place-items:center;position:relative;color:var(--violet);background:var(--violet-soft);border-radius:18px}.codex-shield-icon:before{content:"";width:36px;height:42px;border-radius:12px 12px 16px 16px;background:currentColor;clip-path:polygon(50% 0,92% 14%,82% 78%,50% 100%,18% 78%,8% 14%)}.codex-shield-icon:after{content:"";position:absolute;width:18px;height:18px;background:#fff;clip-path:polygon(50% 0,62% 35%,100% 35%,68% 57%,80% 100%,50% 74%,20% 100%,32% 57%,0 35%,38% 35%)}.codex-feature-card strong{color:var(--violet);font-size:clamp(2rem,9vw,3rem);line-height:1}.codex-pos{min-height:30px;display:inline-grid;place-items:center;padding:0 16px;border-radius:999px;background:var(--violet-soft);color:var(--violet);font-size:.88rem;font-weight:1000}.codex-dot-row{display:flex;justify-content:center;gap:8px}.codex-dot-row i{width:12px;height:12px;border-radius:50%;background:#e6e2ec}.codex-dot-row i.filled{background:var(--violet)}.codex-feature-card small{color:var(--soft-ink);font-size:1rem;font-weight:1000;font-variant-numeric:tabular-nums}.codex-trophy-row{display:flex;justify-content:center;gap:6px}.codex-guide-pose{z-index:2;align-self:end;width:min(210px,50vw);height:min(340px,74vw);margin-left:-48px;filter:drop-shadow(0 12px 16px rgba(31,42,68,.1))}.codex-guide-pose img,.shop-character-pose img{mix-blend-mode:multiply}.codex-shelf{z-index:2;display:grid;gap:6px}.shelf-card{width:42px;height:52px;border:2px solid rgba(100,40,215,.22);border-radius:10px;background:linear-gradient(90deg,transparent 0 28%,#8d5dff 28% 72%,transparent 72%) center 52% / 22px 5px no-repeat,#fff;box-shadow:0 4px #6428d71f}.shelf-card:nth-child(2){transform:translate(9px) rotate(5deg)}.shelf-card:nth-child(3){transform:translate(-2px) rotate(-4deg)}.collection-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--sky))}.codex-focus-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-focus-tile{min-width:0;min-height:116px;display:grid;align-content:center;justify-items:center;gap:8px;padding:10px 8px;border:1px solid rgba(227,233,242,.95);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(242,236,255,.88),transparent 54%),#fff;box-shadow:0 8px 18px #1f2a440e}.codex-focus-tile strong{max-width:100%;color:var(--ink);font-size:.92rem;line-height:1;overflow-wrap:anywhere}.focus-icon{border-radius:12px;color:var(--violet);background:var(--violet-soft)}.spark-icon:before,.spark-icon:after{content:"";position:absolute;background:currentColor}.spark-icon:before{width:20px;height:20px;clip-path:polygon(50% 0,62% 35%,100% 35%,68% 56%,80% 100%,50% 74%,20% 100%,32% 56%,0 35%,38% 35%)}.spark-icon:after{right:3px;top:3px;width:6px;height:6px;border-radius:50%;opacity:.42}.focus-ring{width:min(100%,78px);display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.focus-ring i{height:6px;border-radius:999px;background:#e6e2ec}.focus-ring i.filled{background:linear-gradient(90deg,var(--violet),#43d6c7)}.codex-browser{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:start;gap:8px}.codex-filter-rail{position:sticky;top:10px;display:grid;gap:6px;padding:7px;border:1px solid rgba(227,233,242,.95);border-radius:20px;background:#fffffff5;box-shadow:0 8px 18px #1f2a440e}.codex-filter-rail button{min-width:0;min-height:var(--touch-min);display:grid;justify-items:center;gap:3px;padding:5px 2px;border:0;border-radius:15px;background:transparent;color:var(--soft-ink);font-size:.64rem;font-weight:1000;line-height:1}.codex-filter-rail button.active{background:var(--violet-soft);color:var(--violet);box-shadow:inset 0 -2px #6428d71a}.codex-filter-rail .trophy{min-width:32px;min-height:30px;padding:0;border:0;background:transparent}.filter-dot{width:24px;height:24px;display:block;border-radius:10px;background:linear-gradient(90deg,transparent 0 24%,currentColor 24% 76%,transparent 76%) center / 20px 4px no-repeat,var(--violet-soft);opacity:.82}.filter-divider{height:1px;border-radius:999px;background:#e6edf4}.sort-arrow{width:24px;height:24px;display:block;position:relative;border-radius:10px;background:#f1f5f9}.sort-arrow:before,.sort-arrow:after{content:"";position:absolute;left:50%;background:currentColor;transform:translate(-50%)}.sort-arrow:before{top:6px;width:4px;height:12px;border-radius:999px}.sort-arrow:after{bottom:5px;width:12px;height:8px;clip-path:polygon(50% 100%,0 0,100% 0)}.sort-arrow.low{transform:rotate(180deg)}.codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:66vh;overflow:auto;padding-right:2px}.codex-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;min-height:128px;padding:13px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 18px #1f2a440b}.codex-more-card{min-height:128px;display:grid;align-content:center;justify-items:center;gap:8px;padding:13px;border:1px dashed rgba(141,93,255,.35);border-radius:22px;color:var(--violet);background:linear-gradient(180deg,#fff,#f7f0ff);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation}.codex-more-card:active{transform:translateY(1px) scale(.99)}.codex-more-card .cards-stack-icon{width:34px;height:34px;position:relative;border-radius:13px;background:var(--violet-soft)}.codex-more-card strong{color:var(--violet);font-size:1.05rem;font-variant-numeric:tabular-nums}.codex-card div{min-width:0;display:grid;gap:2px}.codex-card strong{min-width:0;color:var(--ink);font-size:1rem;overflow-wrap:anywhere}.codex-card small{min-height:28px;min-width:46px;width:fit-content;background:#f8fafc;color:var(--soft-ink);font-size:.68rem}.mini-progress{width:min(100%,96px);height:7px;overflow:hidden;display:block;border-radius:999px;background:#edf2f7}.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--sky))}.trophy{min-width:46px;min-height:36px;border:1px solid var(--line);display:inline-grid;place-items:center;padding:2px 6px;background:#fff;color:var(--soft-ink);font-size:.68rem}.trophy-image{width:34px;height:34px;display:block;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(31,42,68,.14))}.trophy-gem{width:18px;height:18px;display:block;border-radius:50%;background:#c9d2df;box-shadow:inset 0 -3px #2a375226}.trophy-1 .trophy-gem{background:#c19064}.trophy-2 .trophy-gem{background:#9aa9bb}.trophy-3 .trophy-gem{background:#f6c453}.trophy-1{border-color:#c19064;color:#9b5b1f;background:#fff4e9}.trophy-2{border-color:#9aa9bb;color:#607185;background:#f3f6fa}.trophy-3{border-color:#f6c453;color:#a56b00;background:#fff7da}.shop-panel{display:grid;gap:10px;border:0;background:transparent;box-shadow:none;padding:0}.shop-page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.shop-page-heading .visual-heading{min-width:0;grid-template-columns:auto minmax(0,1fr)}.shop-page-heading h2{margin:0;color:var(--ink);font-size:1.22rem;line-height:1}.shop-heading-note{max-width:160px;color:var(--soft-ink);font-size:.72rem;font-weight:900;line-height:1.12;text-align:right}.shop-list,.review-table{display:grid;gap:9px}.shop-character-card{position:relative;min-height:156px;display:grid;grid-template-columns:118px minmax(0,1fr) 38px;align-items:center;gap:12px;overflow:hidden;padding:10px 12px;border:1px solid rgba(67,214,199,.32);border-radius:22px;background:radial-gradient(circle at 12% 24%,rgba(67,214,199,.25),transparent 36%),radial-gradient(circle at 88% 0,rgba(244,185,66,.2),transparent 38%),linear-gradient(145deg,#fff,#f1fffb);box-shadow:0 10px 24px #1f2a4412}.shop-character-pose{width:124px;height:140px;margin-left:-12px;align-self:end}.shop-character-pose img{object-fit:cover;object-position:34% 24%;transform:scale(1.1)}.shop-hero-copy{min-width:0;display:grid;align-content:center;gap:6px}.shop-hero-copy h3{margin:0;color:var(--ink);font-size:1.18rem;line-height:1.02}.shop-hero-copy p{margin:0;color:var(--soft-ink);font-size:.78rem;font-weight:900;line-height:1.2}.shop-hero-chip{width:fit-content;min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;background:#fff8df;color:#9a6400;font-weight:1000}.shop-hero-chip .gold-icon{width:18px;height:18px;display:inline-block;position:relative}.shop-pass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shop-pass-card{min-width:0;min-height:88px;display:grid;align-content:center;justify-items:start;gap:5px;padding:10px 8px;border:1px solid rgba(227,233,242,.95);border-radius:18px;background:#fff;box-shadow:0 8px 18px #1f2a440e,inset 0 -3px #1f2a440a}.shop-pass-card.core{--course-accent: var(--gold)}.shop-pass-card.global{--course-accent: #34c7be}.shop-pass-card.locked{background:linear-gradient(180deg,#fffffffa,#f7fbfcf0)}.shop-pass-icon{position:relative;width:24px;height:24px;display:inline-grid;place-items:center;color:var(--course-accent, var(--violet))}.shop-pass-copy{min-width:0;display:grid;gap:2px}.shop-pass-copy strong{overflow:hidden;color:var(--ink);font-size:.78rem;font-weight:1000;line-height:1.02;text-overflow:ellipsis;white-space:nowrap}.shop-pass-copy small{color:var(--soft-ink);font-size:.62rem;font-weight:900;line-height:1}.shop-pass-status{min-height:18px;display:inline-grid;place-items:center;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--course-accent, var(--violet)) 14%,#ffffff);color:var(--course-accent, var(--violet));font-size:.62rem;font-weight:1000;line-height:1;white-space:nowrap}.shop-boost-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto 66px;align-items:center;gap:10px;min-height:82px;padding:11px;border:1px solid rgba(141,93,255,.18);border-radius:22px;background:radial-gradient(circle at 14% 12%,rgba(255,255,255,.92),transparent 30%),linear-gradient(145deg,#fff,#f4eeff);box-shadow:0 10px 24px #1f2a4412,inset 0 -4px #6c3acd0e}.shop-boost-visual{width:62px;height:62px;display:grid;place-items:center;position:relative;border-radius:20px;background:linear-gradient(145deg,#fbf8ff,#e8dcff);color:var(--violet);box-shadow:inset 0 -4px #6c3acd14}.shop-boost-visual .hint-icon{width:34px;height:34px;position:relative}.shop-boost-visual .spark-icon{position:absolute;right:7px;top:7px;width:16px;height:16px;color:var(--gold)}.shop-boost-copy{min-width:0;display:grid;gap:3px}.shop-boost-copy strong{color:var(--ink);font-size:1rem;line-height:1}.shop-boost-copy span{color:var(--violet);font-size:.82rem;font-weight:1000}.shop-boost-action{min-width:0;min-height:44px;display:grid;place-items:center;border:0;border-radius:16px;background:#e9edf3;color:#677386;font-size:.82rem;font-weight:1000;letter-spacing:0;box-shadow:inset 0 -3px #1f2a440f}.shop-boost-action.can-buy{background:linear-gradient(180deg,#8ee65e,#43c517);color:#fff;box-shadow:0 5px #36a915,0 10px 18px #3da4142e}.pixel-item{width:48px;height:48px;display:grid;place-items:center;border:2px solid #f6c453;background:var(--gold-soft);color:#a16b00;border-radius:14px;box-shadow:inset 0 -3px #a16b001f}.cost-chip{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;background:#fff8df}.cost-chip .gold-icon{width:18px;height:18px;display:inline-block;position:relative}.cost-chip strong{font-size:.9rem;font-variant-numeric:tabular-nums}.buy-icon,.lock-icon{width:18px;height:18px;display:block;position:relative}.buy-icon:before,.buy-icon:after,.lock-icon:before,.lock-icon:after{content:"";position:absolute}.buy-icon:before{width:18px;height:18px;border-radius:50%;background:var(--green)}.buy-icon:after{left:5px;top:4px;width:7px;height:4px;border-left:3px solid #ffffff;border-bottom:3px solid #ffffff;transform:rotate(-45deg)}.lock-icon:before{left:3px;bottom:1px;width:12px;height:10px;border-radius:3px;background:currentColor}.lock-icon:after{left:5px;top:0;width:8px;height:10px;border:3px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0}.item-sprite{width:30px;height:30px;display:block;position:relative}.grass-item{overflow:hidden;border-radius:42% 46% 34% 38%;background:radial-gradient(circle at 22% 28%,#fff6ad 0 6%,transparent 7%),radial-gradient(circle at 70% 34%,#ffffff 0 5%,transparent 6%),linear-gradient(145deg,#a8f46e,#5fcf5d 72%);box-shadow:inset 0 -5px #2a744129,inset 0 3px #ffffff47}.grass-item:before,.grass-item:after{content:"";position:absolute}.grass-item:before{left:5px;right:4px;bottom:7px;height:14px;background:linear-gradient(74deg,transparent 0 15%,#2f8f29 16% 26%,transparent 27% 41%,#3ca935 42% 52%,transparent 53% 68%,#2f8f29 69% 80%,transparent 81%),linear-gradient(105deg,transparent 0 20%,#48bd42 21% 30%,transparent 31% 56%,#48bd42 57% 68%,transparent 69%)}.grass-item:after{left:6px;bottom:5px;width:19px;height:4px;border-radius:999px;background:#2a744138}.tree-item:before{content:"";position:absolute;left:7px;top:1px;width:17px;height:17px;border-radius:50% 50% 44% 44%;background:#2d7f00;box-shadow:-5px 5px #48a629,5px 5px #48a629}.tree-item:after{content:"";position:absolute;left:13px;bottom:2px;width:5px;height:13px;border-radius:999px;background:#9b5b1f}.path-item{overflow:hidden;border-radius:36% 42% 34% 40%;background:radial-gradient(circle at 32% 32%,rgba(255,255,255,.52) 0 5%,transparent 6%),linear-gradient(135deg,#cb9741 0 20%,transparent 21% 38%,#d7aa52 39% 58%,transparent 59% 74%,#bd8434 75%),#f7db8c;box-shadow:inset 0 -5px #a16b001f}.roof-item{border:3px solid #6a38f0;background:linear-gradient(180deg,#8e5cff 0 43%,#fff 44% 70%,#c9f5ff 71%);box-shadow:inset 0 -4px #6428d72e;clip-path:polygon(50% 4%,96% 42%,84% 42%,84% 94%,16% 94%,16% 42%,4% 42%)}.flower-item:before{content:"";position:absolute;left:7px;top:4px;width:16px;height:16px;border-radius:50%;background:#ff68b6;box-shadow:-6px 4px #ffc34d,6px 4px #8e5cff,0 8px #43d6c7}.flower-item:after{content:"";position:absolute;left:10px;bottom:2px;width:12px;height:9px;border-radius:4px;background:#9d6a35}.lamp-item:before{content:"";position:absolute;left:8px;top:2px;width:14px;height:13px;border-radius:9px 9px 3px 3px;background:#ffd35c;box-shadow:0 0 0 3px #8e5cff}.lamp-item:after{content:"";position:absolute;left:13px;bottom:2px;width:5px;height:14px;border-radius:999px;background:#6a38f0}.flag-item:before{content:"";position:absolute;left:7px;top:2px;width:4px;height:26px;border-radius:999px;background:#6a38f0}.flag-item:after{content:"";position:absolute;left:11px;top:3px;width:17px;height:13px;border-radius:2px 8px 8px 2px;background:linear-gradient(135deg,#43d6c7,#8e5cff)}.fountain-item:before{content:"";position:absolute;left:5px;bottom:2px;width:21px;height:13px;border-radius:50% 50% 8px 8px;background:#43d6c7;box-shadow:inset 0 -5px #1d9fe3}.fountain-item:after{content:"";position:absolute;left:13px;top:2px;width:5px;height:17px;border-radius:999px;background:#8be8ff;box-shadow:-6px 6px 0 -1px #8be8ff,6px 6px 0 -1px #8be8ff}.island-character-stage{position:relative;overflow:hidden;border:1px solid rgba(176,226,234,.9);box-shadow:0 18px 42px #28546f21,inset 0 1px #ffffffe0;border-radius:30px;background:linear-gradient(180deg,#ffffffeb 0 12%,#fff0 34%),linear-gradient(180deg,#dff7ff 0,#ecfff6 52%,#c7f1eb)}.island-canvas{min-height:clamp(380px,90vw,438px);border-radius:inherit;background:linear-gradient(180deg,#ffffffe0 0,#fff0 34%),linear-gradient(180deg,#dbf7ff 0,#e9fff5 51%,#c7efe9)}.island-canvas.empty-island{background:linear-gradient(180deg,#ffffffeb 0,#fff0 34%),linear-gradient(180deg,#dff8ff 0,#f1fff7 52%,#cbf2ea)}.island-sky-arc{position:absolute;left:-8%;right:-8%;top:-54px;z-index:0;height:178px;border-radius:0 0 52% 52%;background:linear-gradient(180deg,#fffffffa,#fff9db70 56%,#fff0);opacity:.95}.island-distant-hills{position:absolute;left:7%;right:7%;bottom:142px;z-index:0;height:82px;border-radius:48% 52% 18px 18px;background:linear-gradient(135deg,transparent 0 13%,rgba(119,219,183,.26) 14% 35%,transparent 36% 44%,rgba(96,192,204,.2) 45% 70%,transparent 71%),linear-gradient(180deg,#fff0,#6bccb524);opacity:.38}.island-coast-light{position:absolute;left:50%;bottom:32px;z-index:2;width:min(88%,382px);height:142px;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.36) 0 36%,rgba(255,255,255,.16) 37% 55%,transparent 57%);transform:translate(-50%) rotate(-1deg);pointer-events:none}.island-water-ring{position:absolute;left:50%;bottom:20px;z-index:0;width:min(98%,414px);height:204px;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,rgba(255,255,255,.74) 0 29%,rgba(171,242,244,.42) 30% 48%,transparent 49%),radial-gradient(ellipse at 50% 55%,rgba(57,195,220,.68),rgba(88,211,224,.22) 62%,transparent 66%);filter:drop-shadow(0 18px 18px rgba(37,146,174,.16));transform:translate(-50%) rotate(-1.2deg);opacity:.54}.island-base-art{position:absolute;left:50%;bottom:10px;z-index:3;width:min(118%,508px);height:auto;display:block;pointer-events:none;filter:drop-shadow(0 20px 18px rgba(38,121,143,.21)) saturate(1.2) contrast(1.05);transform:translate(-50%)}.island-art-glaze{position:absolute;left:50%;bottom:18px;z-index:4;width:min(110%,468px);height:220px;border-radius:49%;background:linear-gradient(180deg,transparent 0 52%,rgba(255,255,255,.12) 69%,rgba(63,200,210,.08) 100%),linear-gradient(90deg,transparent 0 14%,rgba(255,255,255,.1) 37% 58%,transparent 82%);mix-blend-mode:screen;opacity:.66;pointer-events:none;transform:translate(-50%) rotate(-1.5deg)}.island-canvas .buildable-land{display:none;bottom:58px;width:min(92%,392px);height:196px;z-index:2;border-radius:50% 50% 43% 45%;background:radial-gradient(circle at 20% 35%,rgba(255,247,217,.95) 0 4%,transparent 5%),radial-gradient(circle at 74% 42%,rgba(255,247,217,.82) 0 3.5%,transparent 4.6%),linear-gradient(90deg,rgba(85,192,74,.18),transparent 18% 82%,rgba(42,145,74,.14)),linear-gradient(180deg,#9ff076 0 54%,#74d760 55% 76%,#4fb271 77% 100%);box-shadow:0 17px #59b8d3,0 29px #2d99b961,0 38px 28px #2c849d33,inset 0 -18px #2a744129,inset 0 8px #ffffff2e}.island-grass-sheen{position:absolute;inset:12px 18px auto;height:76px;border-radius:50%;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.22) 9% 18%,transparent 19% 30%,rgba(255,255,255,.16) 31% 42%,transparent 43%),linear-gradient(180deg,#ffffff42,#fff0);transform:rotate(-3deg);pointer-events:none}.island-canvas .island-path-line{left:44%;bottom:0;width:90px;height:136px;opacity:.88;background:radial-gradient(circle at 44% 19%,rgba(255,255,255,.46) 0 5%,transparent 6%),linear-gradient(180deg,#ffeeb7,#ffd784);box-shadow:inset 0 -7px #a16b001f,0 4px #57974c14}.island-empty-pulse{position:absolute;left:50%;bottom:140px;z-index:7;width:92px;height:48px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.72),rgba(220,255,224,.18) 58%,transparent 70%);box-shadow:0 8px 20px #44aa6a14,inset 0 0 18px #ffffffa8;transform:translate(-50%) rotate(-5deg);animation:emptyPulse 2.6s ease-in-out infinite}.island-placement-grid{position:absolute;left:50%;bottom:72px;z-index:8;width:min(calc(100% - 20px),360px);height:202px;display:grid;grid-template-columns:repeat(6,minmax(var(--touch-min),1fr));grid-template-rows:repeat(4,minmax(var(--touch-min),1fr));gap:0 2px;transform:translate(-50%) rotate(-1.8deg)}.island-slot{position:relative;min-width:var(--touch-min);min-height:var(--touch-min);display:grid;place-items:center;border:0;border-radius:18px;background:transparent;color:var(--green-dark);box-shadow:none}.island-slot:before{content:"";position:absolute;inset:18px 12px 12px;border-radius:50%;background:#357f3e1a;opacity:.08;transform:rotate(2deg)}.quiet-placement-grid .island-slot:before{opacity:0}.island-slot.empty.selected-target:before{inset:16px 12px 12px;border:2px dashed rgba(100,40,215,.12);background:radial-gradient(ellipse at 50% 50%,#ffffff9e,#f2ecff42);opacity:.28}.quiet-placement-grid .island-slot.empty.selected-target:before{inset:22px 17px 14px;border:1px solid rgba(255,255,255,.42);background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.5),rgba(195,255,209,.16) 58%,transparent 72%);box-shadow:0 6px 12px #39975c0d;opacity:.18}.quiet-placement-grid .island-slot.empty.selected-target:nth-child(8):before,.quiet-placement-grid .island-slot.empty.selected-target:nth-child(9):before,.quiet-placement-grid .island-slot.empty.selected-target:nth-child(14):before,.quiet-placement-grid .island-slot.empty.selected-target:nth-child(15):before,.quiet-placement-grid .island-slot.empty.selected-target:nth-child(20):before{background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.58),rgba(229,255,215,.22) 56%,transparent 72%);opacity:.24}.island-slot.empty.selected-target:active{transform:scale(.96)}.island-slot:disabled{opacity:1}.island-slot.filled{cursor:pointer}.island-slot.filled:before{inset:27px 8px 4px;background:#1f503533;filter:blur(1.5px);opacity:1}.quiet-placement-grid .island-slot.filled:before{opacity:.72}.placed-item{position:relative;z-index:2;display:grid;place-items:center;animation:placedPop .24s cubic-bezier(.2,.9,.2,1.15)}.placed-item .item-sprite{width:clamp(40px,10.5vw,58px);height:clamp(40px,10.5vw,58px);filter:drop-shadow(0 8px 4px rgba(42,55,82,.2)) saturate(1.05)}.placed-item.depth-0{transform:scale(.76) translateY(6px)}.placed-item.depth-1{transform:scale(.9) translateY(2px)}.placed-item.depth-2{transform:scale(1)}.placed-item.depth-3{transform:scale(1.1) translateY(-2px)}.visitor-row.island-scene-visitors{left:50%;right:auto;bottom:clamp(86px,28vw,124px);z-index:11;width:min(84%,330px);transform:translate(-50%)}.island-scene-visitors .visitor-avatar{position:relative;width:auto;aspect-ratio:auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.island-scene-visitors .scene-visitor:after{content:"";position:absolute;left:50%;bottom:-2px;z-index:-1;width:54px;height:14px;border-radius:50%;background:#205c3638;filter:blur(3px);transform:translate(-50%)}.island-scene-visitors .visitor-avatar img{width:auto;height:clamp(58px,17vw,86px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 6px rgba(42,55,82,.17)) saturate(1.06)}.island-scene-visitors .scene-visitor.center img{height:clamp(72px,21vw,104px)}.island-scene-visitors .scene-visitor.left{transform:translate(6px,18px) scale(.78)}.island-scene-visitors .scene-visitor.right{transform:translate(-4px,13px) scale(.82)}.island-scene-visitors .scene-visitor.center{transform:translateY(4px)}.island-scene-visitors .scene-visitor.back-left,.island-scene-visitors .scene-visitor.back-right{opacity:.88;transform:translateY(18px) scale(.68)}.island-foreground-sparkle{position:absolute;right:12%;bottom:164px;z-index:6;width:16px;height:16px;color:#8d5dff94}.island-foreground-sparkle:before,.island-foreground-sparkle:after{content:"";position:absolute;background:currentColor}.island-foreground-sparkle:before{inset:7px 0}.island-foreground-sparkle:after{inset:0 7px}@keyframes placedPop{0%{opacity:0;transform:translateY(10px) scale(.72)}to{opacity:1}}@keyframes emptyPulse{0%,to{opacity:.55;transform:translate(-50%) rotate(-5deg) scale(.96)}50%{opacity:1;transform:translate(-50%) rotate(-5deg) scale(1.05)}}.visitor-row{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:center;gap:8px;pointer-events:none}.visitor-unlock-path{position:absolute;left:14px;right:14px;top:16px;display:flex;justify-content:center;gap:7px;pointer-events:none}.visitor-unlock{width:44px;height:44px;display:grid;place-items:center;opacity:.5;filter:grayscale(.45)}.visitor-unlock.active{opacity:1;filter:none;transform:translateY(-2px)}.visitor-unlock .friend-avatar{width:40px;max-width:40px;border-width:2px;box-shadow:0 6px 14px #1f2a4426}.visitor-unlock .friend-badge{display:none}.visitor-avatar{width:clamp(46px,15vw,70px);aspect-ratio:1;display:block;overflow:hidden;border:3px solid rgba(255,255,255,.95);border-radius:50%;background:#fffc;box-shadow:0 8px 18px #1f2a4429}.visitor-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%}.visitor-avatar.vkki{transform:translateY(-10px)}.visitor-avatar.good{transform:translateY(-5px)}.island-cell{flex:0 0 74px;height:74px;border-radius:18px;font-size:.68rem}.owned-row{display:flex;flex-wrap:wrap;gap:8px}.island-build-tray{margin-top:-4px;padding:10px;border:1px solid rgba(197,221,224,.78);border-radius:24px;background:linear-gradient(180deg,#fffffff2,#f6fcfbe0),linear-gradient(90deg,#56cdc017,#8b5dff0f);box-shadow:0 10px 22px #1f2a4413,inset 0 1px #fffffff2}.owned-item-button{position:relative;overflow:hidden;min-width:74px;min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border-radius:18px;box-shadow:inset 0 -3px #1f2a440b,0 5px 12px #1f2a440a}.placement-preview{position:absolute;inset:6px;z-index:0;border-radius:16px;background:linear-gradient(180deg,#ffffffd6,#fff0 42%),linear-gradient(135deg,#d8f9bf,#96ebee 58%,#d8ccff)}.owned-item-button .item-sprite,.owned-item-button .owned-count{position:relative;z-index:1}.owned-item-button.selected{border-color:#6428d794;background:linear-gradient(180deg,#fff,#f3edff);box-shadow:0 0 0 4px #8d5dff24,0 10px 20px #6428d724,inset 0 -4px #6428d71a;transform:translateY(-2px)}.owned-item-button.depleted{opacity:.48}.owned-count{min-width:24px;min-height:24px;display:inline-grid;place-items:center;border-radius:999px;background:var(--violet-soft);color:var(--violet);font-size:.78rem;font-weight:1000;font-variant-numeric:tabular-nums}.review-table{max-height:68vh;overflow:auto}.review-panel{gap:14px}.readiness-badge{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border-radius:999px;background:#fff8df;color:#a16b00;font-size:.72rem;font-weight:1000;white-space:nowrap}.readiness-badge.ready{background:var(--green-soft);color:var(--green-dark)}.readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.readiness-card{min-width:0;min-height:82px;display:grid;align-content:center;gap:7px;padding:12px 10px;border:1px solid rgba(227,233,242,.95);border-radius:18px;background:radial-gradient(circle at 18% 0,rgba(242,236,255,.82),transparent 52%),#fff;box-shadow:0 8px 18px #1f2a440e}.readiness-card small{color:var(--soft-ink);font-size:.62rem;font-weight:1000;line-height:1;text-transform:uppercase}.readiness-card strong{color:var(--ink);font-size:clamp(.96rem,4.8vw,1.35rem);line-height:1;font-variant-numeric:tabular-nums}.readiness-alert{display:grid;gap:6px;padding:12px;border:1px solid rgba(246,196,83,.58);border-radius:18px;background:#fff8df;color:#7a4f00;font-size:.76rem;font-weight:900;line-height:1.28}.readiness-alert.ready{border-color:#3da41459;background:var(--green-soft);color:var(--green-dark)}.review-row{align-items:start;padding:8px;display:grid;grid-template-columns:70px 58px 1fr;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff}.review-row em{grid-column:1 / -1}@media(max-height:640px){.play-panel{padding-top:calc(8px + env(safe-area-inset-top))}.lesson-topbar{min-height:48px;grid-template-columns:40px minmax(0,1fr) auto 44px;gap:5px}.lesson-progress-rail{height:20px}.play-episode-art{height:clamp(84px,18dvh,110px);margin-top:5px;border-radius:18px}.round-growth-preview{min-height:34px;margin-top:6px;padding:4px 8px}.growth-token{width:26px;height:26px}.lesson-board-wrap{padding:4px 0 6px}.match-column{grid-template-rows:20px repeat(5,minmax(var(--touch-min),1fr));gap:5px}.match-column-label{min-height:20px;font-size:.64rem}.message-row{padding:7px 0 calc(10px + env(safe-area-inset-bottom))}.primary-btn,.hint-btn{min-height:52px}.lesson-feedback{min-height:14px;font-size:.72rem}}@media(max-width:400px){.dashboard-shell{padding-inline:var(--space-3)}.home-header{grid-template-columns:minmax(118px,.48fr) minmax(0,1fr);justify-items:stretch;gap:7px}.home-logo{width:min(100%,140px);height:clamp(40px,11vw,48px);justify-self:start}.home-scene-art{height:clamp(286px,calc(100dvh - var(--bottom-nav-reserve) - 374px),370px)}.home-character-selector{gap:5px;padding:6px;border-radius:17px}.character-theme-option{min-height:54px}.character-theme-option .friend-avatar{width:34px;max-width:34px}.character-theme-option strong{font-size:.52rem}.home-course-selector{gap:6px}.course-option{min-height:54px;grid-template-columns:22px minmax(0,1fr);gap:2px 5px;padding:6px;border-radius:16px}.course-icon{width:22px;height:22px}.course-copy strong,.course-copy small{font-size:.68rem}.course-unlock-row{gap:4px}.home-collection-meter{gap:6px}.collection-course-card{min-height:60px;grid-template-columns:22px minmax(0,1fr);gap:4px 5px;padding:7px 6px;border-radius:16px}.collection-course-icon{width:22px;height:22px}.collection-copy strong{font-size:.64rem}.collection-copy small{font-size:.62rem}.home-stat-grid{gap:6px}.home-stat-card{min-height:72px;padding:6px;border-radius:16px}.home-stat-card .reward-icon{width:24px;height:24px}.home-stat-card strong{font-size:.94rem}.home-stat-card small{font-size:.64rem}.home-loop-strip{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);gap:4px;padding:7px}.loop-step{min-height:50px;border-radius:14px}.play-episode-art{height:clamp(118px,34vw,156px)}.lesson-topbar{grid-template-columns:40px minmax(0,1fr) auto 44px;gap:5px}.codex-character-stage{grid-template-columns:1fr;min-height:0;padding:12px}.codex-feature-card{width:100%;min-height:0;padding:12px;border-radius:22px}.codex-guide-pose{display:none}.codex-dot-row{width:100%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.codex-dot-row i{width:100%;height:8px;border-radius:999px}.codex-trophy-row{gap:6px;justify-content:center}.shop-character-card{position:relative;grid-template-columns:100px minmax(0,1fr) 32px;justify-items:stretch;min-height:142px;gap:8px;padding:10px;overflow:hidden}.shop-character-pose{width:106px;height:128px;margin-left:-10px}.shop-hero-copy h3{font-size:1rem}.shop-hero-copy p{font-size:.7rem}.shop-character-card>.panel-icon{position:static;width:30px;height:30px;justify-self:end;align-self:start}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-browser{grid-template-columns:62px minmax(0,1fr);gap:6px}.codex-filter-rail{padding:5px;gap:5px}.codex-filter-rail button{min-height:40px;font-size:.62rem}.codex-filter-rail .trophy{min-width:28px;min-height:26px}.codex-filter-rail .trophy-image{width:28px;height:28px}.codex-focus-row{gap:6px}.codex-focus-tile{min-height:104px;padding-inline:6px}.island-character-stage{min-height:0}.island-panel{padding-inline:var(--space-2)}.island-canvas{min-height:406px}.island-placement-grid{bottom:78px;width:min(calc(100% - 12px),338px);gap:0;transform:translate(-50%)}.result-scene-art{height:286px}.result-character-stage{min-height:232px}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.play-panel{padding-inline:var(--space-3)}.lesson-board-wrap{padding:6px 0 8px}.match-board{gap:8px 12px}.match-column{gap:7px;grid-template-rows:22px repeat(5,minmax(var(--touch-min),1fr))}.match-card{min-height:var(--touch-min);padding:8px 9px;border-radius:17px}.message-row{padding-top:8px}.primary-btn{min-height:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.home-start-btn:active,.primary-btn:active,.icon-action:active,.bottom-nav button:active,.match-card:active:not(:disabled),.owned-item-button:active{transform:none}}