.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;font-size:var(--t-body);letter-spacing:.01em;white-space:nowrap;transition:transform var(--d-fast) var(--ease-spring), box-shadow var(--d-fast) var(--ease-out), background var(--d-fast) var(--ease-out), opacity var(--d-fast) var(--ease-out);will-change:transform;display:inline-flex}.btn:active:not(:disabled){transform:translateY(2px)scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(180deg, var(--wg-sky) 0%, var(--wg-sky-deep) 100%);box-shadow:var(--e-2), var(--e-inset)}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--leaf{color:#04291c;background:linear-gradient(180deg, #6ee7b7 0%, var(--wg-leaf) 100%);box-shadow:var(--e-2), var(--e-inset)}.btn--sun{color:#43290a;background:linear-gradient(180deg, #fcd34d 0%, var(--wg-sun-deep) 100%);box-shadow:var(--e-2), var(--e-inset)}.btn--soft{color:var(--ink);background:var(--paper);box-shadow:var(--e-1);border:1.5px solid var(--paper-border)}.btn--soft:hover:not(:disabled){background:var(--paper-soft)}.btn--ghost{color:var(--ink-soft);background:0 0}.btn--ghost:hover:not(:disabled){background:#0f20360f}.btn--glass{color:#eaf4ff;background:var(--space-glass);border:1.5px solid var(--space-glass-border);-webkit-backdrop-filter:blur(14px)}.btn--glass:hover:not(:disabled){background:#142d54d9}.btn--danger{color:#fff;box-shadow:var(--e-2), var(--e-inset);background:linear-gradient(#f87171,#dc2626)}.btn--sm{min-height:38px;padding:0 var(--s-4);font-size:var(--t-small)}.btn--lg{min-height:60px;padding:0 var(--s-7);font-size:var(--t-sub)}.btn--block{width:100%}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-pill);color:var(--ink);background:var(--paper);box-shadow:var(--e-1);border:1.5px solid var(--paper-border);transition:transform var(--d-fast) var(--ease-spring), background var(--d-fast);justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.icon-btn:active{transform:scale(.92)}.icon-btn--glass{color:#eaf4ff;background:var(--space-glass);border-color:var(--space-glass-border);-webkit-backdrop-filter:blur(14px)}.icon-btn--plain{box-shadow:none;background:0 0;border-color:#0000}.card{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--e-1);border:1.5px solid var(--paper-border);overflow:hidden}.card--pad{padding:var(--s-5)}.card--flat{box-shadow:none}.card--tap{cursor:pointer;transition:transform var(--d-fast) var(--ease-spring), box-shadow var(--d-base) var(--ease-out);text-align:left;width:100%;display:block}.card--tap:hover{box-shadow:var(--e-2);transform:translateY(-2px)}.card--tap:active{transform:translateY(0)scale(.985)}.tile{align-items:flex-start;gap:var(--s-1);padding:var(--s-4) var(--s-3) var(--s-3);border-radius:var(--r-md);background:var(--paper);border:1.5px solid var(--paper-border);box-shadow:var(--e-1);cursor:pointer;min-height:118px;transition:transform var(--d-fast) var(--ease-spring), box-shadow var(--d-base) var(--ease-out);text-align:left;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.tile:before{content:"";background:linear-gradient(160deg, var(--tile-a,#38bdf8), var(--tile-b,#1d4ed8));opacity:.16;height:46%;position:absolute;top:0;bottom:auto;left:0;right:0}.tile:hover{box-shadow:var(--e-2);transform:translateY(-3px)}.tile:active{transform:scale(.98)}.tile__emoji{filter:drop-shadow(0 3px 5px #0f203638);font-size:34px;line-height:1.1;position:relative}.tile__name{font-family:var(--font-display);font-weight:800;font-size:var(--t-small);color:var(--ink);line-height:1.2;position:relative}.tile__meta{font-size:var(--t-micro);color:var(--ink-faint);font-weight:700;position:relative}.tile--locked .tile__emoji{filter:grayscale()opacity(.35)}.tile--locked .tile__name{color:var(--ink-faint)}.tile__new{top:var(--s-2);right:var(--s-2);background:var(--wg-coral);color:#fff;letter-spacing:.06em;border-radius:var(--r-pill);text-transform:uppercase;padding:3px 7px;font-size:10px;font-weight:900;position:absolute}.chip{border-radius:var(--r-pill);font-size:var(--t-small);background:var(--paper-sunk);color:var(--ink-soft);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.chip--tap{cursor:pointer;transition:transform var(--d-fast) var(--ease-spring)}.chip--tap:active{transform:scale(.94)}.chip--active{background:var(--wg-sky);color:#fff;box-shadow:var(--e-1)}.chip--tone{background:color-mix(in srgb, var(--chip-color,var(--wg-sky)) 16%, white);color:color-mix(in srgb, var(--chip-color,var(--wg-sky)) 72%, black)}.progress{border-radius:var(--r-pill);background:var(--paper-sunk);height:12px;position:relative;overflow:hidden}.progress__fill{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--bar-a,var(--wg-leaf)), var(--bar-b,var(--wg-sky)));height:100%;transition:width var(--d-slow) var(--ease-out)}.progress--lg{height:18px}.facts{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.fact{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--paper-soft);border:1.5px solid var(--paper-border)}.fact__label{font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:6px;margin-bottom:3px;font-weight:800;display:flex}.fact__value{font-family:var(--font-display);font-weight:800;font-size:var(--t-body);color:var(--ink);line-height:1.25}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);z-index:60;animation:wg-fade var(--d-base) var(--ease-out) both;background:#050d1c8c;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{z-index:61;background:var(--paper-soft);animation:sheet-in var(--d-slow) var(--ease-out) both;box-shadow:var(--e-3);flex-direction:column;display:flex;position:fixed}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (min-width:860px){@keyframes sheet-in{0%{transform:translate(100%)}to{transform:none}}}.sheet--bottom{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92dvh;bottom:0;left:0;right:0}@media (min-width:860px){.sheet--bottom{border-radius:var(--r-xl) 0 0 var(--r-xl);width:min(560px,46vw);max-height:none;top:0;bottom:0;left:auto}}.sheet--full{border-radius:0;top:0;bottom:0;left:0;right:0}.sheet__grab{border-radius:var(--r-pill);background:var(--paper-border);width:44px;height:5px;margin:var(--s-3) auto var(--s-1);flex:none}@media (min-width:860px){.sheet__grab{display:none}}.sheet__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(var(--s-8) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.sheet__close{top:var(--s-4);right:var(--s-4);z-index:3;position:absolute}.toasts{left:50%;top:calc(var(--s-4) + env(safe-area-inset-top));z-index:90;gap:var(--s-2);pointer-events:none;flex-direction:column;width:min(420px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--e-3);border:1.5px solid var(--paper-border);animation:wg-fade-up var(--d-base) var(--ease-spring) both;pointer-events:auto;display:flex}.toast__emoji{font-size:28px;line-height:1}.toast__title{font-family:var(--font-display);font-weight:800;font-size:var(--t-body)}.toast__sub{font-size:var(--t-small);color:var(--ink-soft)}.toast--badge{border-color:var(--wg-sun);background:linear-gradient(120deg,#fffbeb,#fff)}.toast--level{border-color:var(--wg-berry);background:linear-gradient(120deg,#faf5ff,#fff)}.tabbar{padding:6px 6px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);border-top:1.5px solid var(--paper-border);z-index:40;background:#ffffffeb;flex:none;justify-content:space-around;align-items:stretch;gap:2px;display:flex}.tab{border-radius:var(--r-md);min-height:60px;color:var(--ink-faint);transition:color var(--d-fast), background var(--d-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:800;display:flex}.tab__icon{transition:transform var(--d-base) var(--ease-spring);font-size:22px;line-height:1}.tab--active{color:var(--wg-ocean);background:#38bdf821}.tab--active .tab__icon{transform:translateY(-2px)scale(1.14)}.tab:active .tab__icon{transform:scale(.9)}.topbar{align-items:center;gap:var(--s-2);padding:calc(var(--s-2) + env(safe-area-inset-top)) var(--s-4) var(--s-2);min-height:var(--topbar-h);-webkit-backdrop-filter:blur(18px);border-bottom:1.5px solid var(--paper-border);z-index:30;background:#ffffffe6;flex:none;display:flex}.topbar--dark{color:#eaf4ff;background:0 0;border-bottom-color:#0000;position:absolute;top:0;left:0;right:0}.topbar__title{font-family:var(--font-display);font-weight:800;font-size:var(--t-head);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.xp-pill{border-radius:var(--r-pill);color:#78350f;font-weight:900;font-size:var(--t-small);background:linear-gradient(120deg,#fef3c7,#fde68a);border:1.5px solid #fcd34d;align-items:center;gap:6px;padding:6px 12px 6px 8px;display:inline-flex}.xp-pill--glass{background:var(--space-glass);border-color:var(--space-glass-border);color:#ffe9a8}.switch-row{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--paper);border:1.5px solid var(--paper-border);text-align:left;cursor:pointer;width:100%;display:flex}.switch-row__text{flex:1;min-width:0}.switch-row__label{font-weight:800;font-size:var(--t-body)}.switch-row__hint{font-size:var(--t-small);color:var(--ink-faint)}.switch{border-radius:var(--r-pill);background:var(--paper-border);width:54px;height:32px;transition:background var(--d-base) var(--ease-out);flex:none;position:relative}.switch:after{content:"";width:26px;height:26px;box-shadow:var(--e-1);transition:transform var(--d-base) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch--on{background:var(--wg-leaf)}.switch--on:after{transform:translate(22px)}.empty{align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-5);text-align:center;color:var(--ink-soft);flex-direction:column;display:flex}.empty__emoji{animation:wg-float 3.5s var(--ease-in-out) infinite;font-size:54px}.empty__title{font-family:var(--font-display);font-weight:800;font-size:var(--t-head);color:var(--ink)}.grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(126px,1fr));display:grid}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid--2{grid-template-columns:repeat(2,1fr)}.scroller{gap:var(--s-3);padding:2px var(--s-4) var(--s-3);margin:0 calc(var(--s-4) * -1);scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start;flex:none}.crash{justify-content:center;align-items:center;gap:var(--s-4);padding:var(--s-6);text-align:center;background:var(--paper-soft);color:var(--ink);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.crash__emoji{font-size:64px}.crash h1{font-size:var(--t-title)}.crash p{color:var(--ink-soft);max-width:34ch}.crash__detail{max-width:90vw;padding:var(--s-3);border-radius:var(--r-sm);color:#7f1d1d;font-size:var(--t-small);text-align:left;background:#fee2e2;overflow-x:auto}.hero{padding:var(--s-7) var(--s-5) var(--s-6);color:#fff;background:linear-gradient(150deg, var(--hero-a,#38bdf8), var(--hero-b,#1d4ed8));position:relative;overflow:hidden}.hero:after{content:"";background:var(--paper-soft);border-radius:50% 50% 0 0;height:120px;position:absolute;top:auto;bottom:-55%;left:-10%;right:-10%}.hero__emoji{filter:drop-shadow(0 8px 14px #00000047);animation:wg-pop var(--d-slow) var(--ease-spring) both;font-size:68px;line-height:1}.hero__kicker{font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-weight:900}.hero__title{font-size:var(--t-title);text-shadow:0 2px 10px #0003;margin-top:2px;font-weight:900}.hero__sci{opacity:.85;font-style:italic;font-size:var(--t-small)}.hero__body{position:relative}@media (max-width:400px){.tab{gap:1px;min-height:56px;font-size:10px}.tab__icon{font-size:20px}}.tile__emoji canvas,.hero__emoji canvas{margin:0 auto}.hero__emoji{justify-content:center;align-items:center;min-width:68px;display:flex}.tile__emoji{justify-content:center;align-items:center;min-height:38px;display:flex}.ob{z-index:100;padding:var(--s-5);color:#eaf4ff;text-align:center;background:radial-gradient(circle at 20% 15%,#123a72 0%,#0000 55%),radial-gradient(circle at 85% 80%,#0b2a5a 0%,#0000 50%),linear-gradient(160deg,#061630 0%,#02060f 100%);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.ob__stars{opacity:.8;background-image:radial-gradient(1.4px 1.4px at 12% 22%,#ffffffd9,#0000),radial-gradient(1.2px 1.2px at 78% 14%,#ffffffb3,#0000),radial-gradient(1.6px 1.6px at 34% 68%,#fff9,#0000),radial-gradient(1.1px 1.1px at 62% 82%,#ffffffbf,#0000),radial-gradient(1.3px 1.3px at 88% 55%,#ffffff8c,#0000),radial-gradient(1px 1px at 22% 88%,#fff9,#0000),radial-gradient(1.5px 1.5px at 50% 34%,#ffffff80,#0000);position:absolute;top:0;bottom:0;left:0;right:0}.ob__inner{align-items:center;gap:var(--s-4);width:100%;max-width:520px;padding:var(--s-4) 0 var(--s-7);flex-direction:column;display:flex;position:relative}.ob__planet{filter:drop-shadow(0 18px 40px #38bdf873);font-size:clamp(84px,22vw,132px);line-height:1}.ob__planet--sm{font-size:clamp(56px,14vw,82px)}.ob__planet--float{animation:wg-float 4.5s var(--ease-in-out) infinite}.ob__wordmark{letter-spacing:-.02em;background:linear-gradient(120deg,#7dd3fc,#fef08a);color:#0000;margin-top:var(--s-4);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,9vw,54px);font-weight:900}.ob__tagline{color:#94b8dc;margin-top:6px;font-weight:700}.ob__loader{border-radius:var(--r-pill);width:160px;height:6px;margin-top:var(--s-6);background:#94b8dc38;overflow:hidden}.ob__loader span{border-radius:var(--r-pill);width:40%;height:100%;animation:ob-load 1.5s var(--ease-in-out) infinite;background:linear-gradient(90deg,#38bdf8,#fbbf24);display:block}@keyframes ob-load{0%{transform:translate(-110%)}to{transform:translate(320%)}}.ob--splash{flex-direction:column}.ob__title{font-size:var(--t-hero);font-weight:900;line-height:1.1}.ob__title--sm{font-size:var(--t-title)}.ob__sub{color:#9fc4e8;font-size:var(--t-sub);margin-top:-8px;font-weight:700}.ob__body{color:#b9d5f0;max-width:42ch;line-height:1.6}.ob__foot{color:#6f92b8;font-size:var(--t-small);margin-top:var(--s-3)}.lang-grid{gap:var(--s-4);width:100%;margin-top:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.lang{padding:var(--s-5) var(--s-3);border-radius:var(--r-lg);color:#eaf4ff;transition:transform var(--d-base) var(--ease-spring), border-color var(--d-base), background var(--d-base), box-shadow var(--d-base);background:#ffffff12;border:2px solid #a0cdfa47;flex-direction:column;align-items:center;gap:6px;display:flex}.lang:hover{background:#ffffff1f;transform:translateY(-4px)}.lang:active{transform:scale(.97)}.lang--picked{border-color:var(--wg-sun);background:#fbbf2429;transform:scale(1.04);box-shadow:0 0 0 6px #fbbf2429}.lang__flag{filter:drop-shadow(0 6px 12px #0006);font-size:56px;line-height:1}.lang__name{font-family:var(--font-display);font-weight:900;font-size:var(--t-sub)}.lang__en{font-size:var(--t-small);color:#93b6da}.ob__field{text-align:left;color:#b9d5f0;width:100%;font-weight:700;font-size:var(--t-small);flex-direction:column;gap:6px;display:flex}.ob__field input{width:100%;min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-pill);color:#fff;font-size:var(--t-body);background:#ffffff14;border:2px solid #a0cdfa4d;font-weight:700}.ob__field input::placeholder{color:#6f92b8}.ob__field input:focus{border-color:var(--wg-sky);outline:none}.tip{width:100%;padding:var(--s-6) var(--s-5);border-radius:var(--r-xl);align-items:center;gap:var(--s-2);background:#ffffff14;border:1.5px solid #a0cdfa40;flex-direction:column;display:flex}.tip__emoji{font-size:62px;line-height:1}.tip__title{font-size:var(--t-head);font-weight:900}.tip__body{color:#b9d5f0;max-width:34ch;line-height:1.55}.ob__dots{gap:8px;display:flex}.ob__dot{width:9px;height:9px;transition:background var(--d-base), transform var(--d-base) var(--ease-spring);background:#a0cdfa4d;border-radius:50%}.ob__dot--on{background:var(--wg-sun);transform:scale(1.3)}.ob__row{align-items:center;gap:var(--s-3);justify-content:center;width:100%;display:flex}.ob__row .btn--lg{flex:1;max-width:260px}.globe-wrap{background:var(--space-0);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.globe-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.globe-canvas:focus-visible{outline:3px solid var(--wg-sky);outline-offset:-4px}.explore{background:var(--space-0);flex:1;min-height:0;position:relative;overflow:hidden}.hud{pointer-events:none;z-index:5;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud__top{align-items:flex-start;gap:var(--s-2);padding:calc(var(--s-3) + env(safe-area-inset-top)) var(--s-4) 0;display:flex}.hud__brand{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);background:var(--space-glass);border:1.5px solid var(--space-glass-border);-webkit-backdrop-filter:blur(14px);color:#eaf4ff;font-family:var(--font-display);font-weight:900;font-size:var(--t-small);letter-spacing:.01em;padding:8px 14px 8px 10px;display:flex}.hud__brand span[aria-hidden]{font-size:20px}.hud__spacer{flex:1}.hud__badges{align-items:center;gap:var(--s-2);margin:var(--s-3) var(--s-4) 0;flex-wrap:wrap;display:flex}.hud__terrain{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px);color:#dff7e4;font-size:var(--t-small);animation:wg-fade var(--d-fast) var(--ease-out);white-space:nowrap;text-overflow:ellipsis;background:#182e1aa8;border:1.5px solid #a0f0b44d;max-width:min(64vw,340px);padding:8px 14px;font-weight:800;display:flex;overflow:hidden}.hud__terrainLabel{letter-spacing:.1em;text-transform:uppercase;opacity:.65;font-size:10px;font-weight:900}.hud__depth{align-self:flex-start;align-items:center;gap:var(--s-2);border-radius:var(--r-pill);background:var(--space-glass);border:1.5px solid var(--space-glass-border);-webkit-backdrop-filter:blur(14px);color:#cfe6ff;font-size:var(--t-small);animation:wg-fade var(--d-base) var(--ease-out);padding:8px 14px;font-weight:800;display:flex}.hud__dots{gap:4px;display:flex}.hud__dot{width:7px;height:7px;transition:background var(--d-base), transform var(--d-base) var(--ease-spring);background:#cfe6ff47;border-radius:50%}.hud__dot--on{background:var(--wg-sun);transform:scale(1.25)}.hud__breadcrumb{margin:var(--s-2) var(--s-4) 0;color:#9fc4e8;font-size:var(--t-small);flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.hud__crumb{color:#d7ecff;border:1px solid var(--space-glass-border);border-radius:var(--r-pill);font-weight:800;font-size:var(--t-small);-webkit-backdrop-filter:blur(10px);transition:background var(--d-fast), transform var(--d-fast) var(--ease-spring);text-overflow:ellipsis;white-space:nowrap;background:#0c203e99;max-width:40vw;padding:5px 11px;overflow:hidden}.hud__crumb:hover{background:#1c3e6cd9}.hud__crumb:active{transform:scale(.94)}.hud__crumb[aria-current=location]{color:#ffe9a8;background:#fbbf2438;border-color:#fbbf2499}.hud__side{right:var(--s-4);gap:var(--s-2);flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hud__bottom{padding:0 var(--s-4) var(--s-4);gap:var(--s-3);flex-direction:column;margin-top:auto;display:flex}.hud__hint{border-radius:var(--r-pill);border:1px solid var(--space-glass-border);-webkit-backdrop-filter:blur(10px);color:#bcd9f5;font-size:var(--t-small);text-align:center;animation:wg-fade var(--d-slow) var(--ease-out);background:#0612289e;align-self:center;padding:8px 16px;font-weight:700}.nearby{gap:var(--s-2);scrollbar-width:none;padding:4px 2px 6px;display:flex;overflow-x:auto}.nearby::-webkit-scrollbar{display:none}.nearby__item{border-radius:var(--r-pill);background:var(--space-glass);border:1.5px solid var(--space-glass-border);-webkit-backdrop-filter:blur(14px);color:#e8f4ff;font-weight:800;font-size:var(--t-small);white-space:nowrap;transition:transform var(--d-fast) var(--ease-spring), background var(--d-fast);flex:none;align-items:center;gap:8px;padding:8px 14px 8px 10px;display:flex}.nearby__item:active{transform:scale(.95)}.nearby__item:hover{background:#163460e0}.nearby__item span[aria-hidden]{font-size:19px}.nearby__item--new{border-color:#ffe082bf;box-shadow:0 0 0 3px #ffe0821f}.layers{right:calc(var(--s-4) + var(--tap) + var(--s-2));width:min(268px,100vw - 120px);max-height:min(74dvh,560px);padding:var(--s-3);border-radius:var(--r-lg);border:1.5px solid var(--space-glass-border);-webkit-backdrop-filter:blur(18px);box-shadow:var(--e-3);color:#e8f4ff;animation:wg-fade-up var(--d-base) var(--ease-out);scrollbar-width:thin;background:#07142ae0;position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%)}.layers__head{align-items:center;gap:var(--s-2);padding:0 0 var(--s-2) var(--s-2);display:flex}.layers__head strong{font-family:var(--font-display);font-size:var(--t-small);letter-spacing:.06em;text-transform:uppercase;opacity:.75;flex:1}.layers__head--sub{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid #8cbef02e}.layers__list{flex-direction:column;gap:4px;display:flex}.layers__row{align-items:center;gap:var(--s-2);border-radius:var(--r-md);color:#cfe4fa;font-weight:800;font-size:var(--t-small);text-align:left;transition:background var(--d-fast), border-color var(--d-fast), color var(--d-fast);background:#ffffff0d;border:1.5px solid #0000;padding:9px 12px;display:flex}.layers__row:hover{background:#ffffff1a}.layers__row--on{color:#f2fbff;background:#38bdf829;border-color:#7dd3fc80}.layers__label{flex:1;min-width:0}.layers__dot{width:12px;height:12px;transition:background var(--d-fast), border-color var(--d-fast);border:2px solid #bedcfa73;border-radius:50%}.layers__row--on .layers__dot{background:var(--wg-sun);border-color:var(--wg-sun)}.layers__hint{margin:var(--s-2) var(--s-2) 0;font-size:var(--t-micro);color:#8fb4d8;line-height:1.4}.legend{padding:0 var(--s-2);flex-direction:column;gap:5px;display:flex}.legend__item{font-size:var(--t-micro);color:#c3daf1;align-items:center;gap:8px;font-weight:700;display:flex}.legend__swatch{border-radius:3px;flex:none;width:16px;height:12px;box-shadow:inset 0 0 0 1px #0003}.legend__swatch--peak{background:linear-gradient(160deg,#fff 0 38%,#b3a189 38% 100%)}.legend__swatch--river{background:#78cdf5}.legend__swatch--reef{background:linear-gradient(90deg,#ff8aaa 50%,#38e0d6 50%)}.globe-loading{justify-content:center;align-items:center;gap:var(--s-3);color:#9fc4e8;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.globe-loading__ring{border:3px solid #a0d2ff40;border-top-color:var(--wg-sky);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite wg-spin}.vis{border-radius:var(--r-lg);width:100%;height:auto;box-shadow:var(--e-1);border:1.5px solid var(--paper-border);background:var(--paper);display:block}.vis__part{transition:opacity var(--d-slow) var(--ease-out), filter var(--d-slow) var(--ease-out)}.vis__part--dim{opacity:.22;filter:saturate(.35)}.vis__flow{animation:1.6s linear infinite vis-dash}@keyframes vis-dash{to{stroke-dashoffset:-28px}}.vis__rain{animation:.9s linear infinite vis-rain}@keyframes vis-rain{0%{opacity:0;transform:translateY(-8px)}25%{opacity:1}to{opacity:0;transform:translateY(22px)}}.vis__cloud{animation:vis-drift 7s var(--ease-in-out) infinite}@keyframes vis-drift{0%,to{transform:translate(-6px)}50%{transform:translate(10px)}}.vis__pulse{animation:vis-pulse 1.5s var(--ease-in-out) infinite;transform-origin:50%}@keyframes vis-pulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.vis__bee{animation:vis-bee 3.6s var(--ease-in-out) infinite}@keyframes vis-bee{0%{transform:translate(-62px,26px)}50%{transform:translate(0)}to{transform:translate(82px,26px)}}:root[data-motion=reduced] .vis__flow,:root[data-motion=reduced] .vis__rain,:root[data-motion=reduced] .vis__cloud,:root[data-motion=reduced] .vis__pulse,:root[data-motion=reduced] .vis__bee{animation:none}.learn__header{margin-bottom:var(--s-4)}.learn__title{font-size:var(--t-title)}.learn__progress{margin-bottom:var(--s-5)}.lesson-card{align-items:flex-start;gap:var(--s-3);padding:var(--s-4);background:linear-gradient(150deg, color-mix(in srgb, var(--lc-a) 12%, white), color-mix(in srgb, var(--lc-b) 8%, white));min-height:128px;display:flex;position:relative}.lesson-card__emoji{filter:drop-shadow(0 3px 6px #0f203633);font-size:34px;line-height:1}.lesson-card__text{flex-direction:column;gap:3px;min-width:0;display:flex}.lesson-card__text strong{font-family:var(--font-display);font-size:var(--t-body)}.lesson-card__sub{font-size:var(--t-small);color:var(--ink-soft);line-height:1.4}.lesson-card__meta{font-size:var(--t-micro);color:var(--ink-faint);font-weight:800}.lesson-card__done{top:var(--s-3);right:var(--s-3);background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:900;display:grid;position:absolute}.lesson{background:var(--paper-soft)}.lesson__bar{z-index:2;align-items:center;gap:var(--s-3);padding:calc(var(--s-3) + env(safe-area-inset-top)) var(--s-4) var(--s-3);-webkit-backdrop-filter:blur(14px);border-bottom:1.5px solid var(--paper-border);background:#f6f9fceb;display:flex;position:sticky;top:0}.lesson__count{font-weight:800;font-size:var(--t-small);color:var(--ink-faint)}.lesson__stage{max-width:640px;padding:var(--s-5) var(--s-4) var(--s-8);gap:var(--s-5);flex-direction:column;margin:0 auto;display:flex}.lesson__kicker{font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;font-weight:900;display:flex}.lesson__kicker span[aria-hidden]{font-size:18px}.lesson__title{font-size:var(--t-title);margin-top:6px}.lesson__body{margin-top:var(--s-3);color:var(--ink-soft);line-height:1.65;font-size:var(--t-sub)}.lesson__example{margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--r-md);color:#155e75;background:#ecfeff;border:1.5px solid #a5f3fc;line-height:1.55}.lesson__example strong{font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:4px;display:block}.lesson__actions{gap:var(--s-3);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.lesson__actions .btn--lg{flex:1;min-width:180px}.quiz__options{gap:var(--s-3);flex-direction:column;display:flex}.quiz__option{align-items:center;gap:var(--s-3);width:100%;min-height:62px;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--paper);border:2px solid var(--paper-border);text-align:left;font-size:var(--t-body);transition:transform var(--d-fast) var(--ease-spring), border-color var(--d-base), background var(--d-base);font-weight:700;line-height:1.4;display:flex}.quiz__option:hover:not(:disabled){border-color:var(--wg-sky);transform:translateY(-2px)}.quiz__option:active:not(:disabled){transform:scale(.985)}.quiz__letter{background:var(--paper-sunk);width:32px;height:32px;font-family:var(--font-display);color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.quiz__option--right{border-color:var(--ok);background:#f0fdf4}.quiz__option--right .quiz__letter{background:var(--ok);color:#fff}.quiz__option--wrong{border-color:var(--bad);animation:wg-shake .38s var(--ease-out);background:#fef2f2}.quiz__option--wrong .quiz__letter{background:var(--bad);color:#fff}.quiz__option--muted{opacity:.5}.quiz__explain{padding:var(--s-4);border-radius:var(--r-lg);background:var(--paper);border:1.5px solid var(--paper-border);gap:var(--s-3);flex-direction:column;display:flex}.quiz__explain strong{font-family:var(--font-display);font-size:var(--t-head)}.quiz__explain p{color:var(--ink-soft);line-height:1.55}.lesson__result{text-align:center;align-items:center}.lesson__resultEmoji{font-size:84px;line-height:1}.quizCard{padding:var(--s-4);border-radius:var(--r-md);background:linear-gradient(150deg, var(--qc-a), var(--qc-b));color:#fff;text-align:left;flex-direction:column;gap:4px;min-height:150px;display:flex}.quizCard__head{justify-content:space-between;align-items:center;display:flex}.quizCard__emoji{filter:drop-shadow(0 2px 4px #00000047);font-size:34px;line-height:1}.quizCard__stars{letter-spacing:-1px;font-size:13px}.quizCard__title{font-family:var(--font-display);font-size:var(--t-sub);margin-top:2px}.quizCard__topic{font-size:var(--t-micro);opacity:.85;font-weight:800}.quizCard__foot{justify-content:space-between;align-items:center;gap:var(--s-2);font-size:var(--t-micro);padding-top:var(--s-3);margin-top:auto;font-weight:800;display:flex}.quizCard__best{border-radius:var(--r-pill);white-space:nowrap;background:#ffffff38;padding:3px 8px}.quizCard__best--ok{background:#ffffff61}.qz{flex-direction:column;height:100%;min-height:0;display:flex}.qz__bar{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--paper-border);display:flex}.qz__progress{flex:1}.qz__count{font-size:var(--t-micro);color:var(--ink-faint);white-space:nowrap;font-weight:800}.qz__scroll{min-height:0;padding:var(--s-5) var(--s-4) var(--s-6);gap:var(--s-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.qz__prompt{font-size:var(--t-head);font-family:var(--font-display);text-align:center}.qz__subject{align-items:center;gap:var(--s-2);padding:var(--s-4);border-radius:var(--r-lg);background:var(--paper-sunk);flex-direction:column;display:flex}.qz__subjectEmoji{font-size:74px;line-height:1}.qz__subjectLabel{font-family:var(--font-display);font-size:var(--t-sub)}.qz__statement{padding:var(--s-5) var(--s-4);border-radius:var(--r-lg);background:var(--paper-sunk);text-align:center;font-size:var(--t-sub);line-height:1.5}.qz__options{gap:var(--s-3);flex-direction:column;display:flex}.qz__option{align-items:center;gap:var(--s-3);width:100%;min-height:56px;padding:var(--s-3) var(--s-4);border:2px solid var(--paper-border);border-radius:var(--r-md);background:var(--paper);font:inherit;color:var(--ink);text-align:left;cursor:pointer;font-weight:700;transition:transform .12s,border-color .12s;display:flex}.qz__option:hover:not(:disabled){border-color:var(--wg-sky);transform:translateY(-2px)}.qz__option:active:not(:disabled){transform:scale(.985)}.qz__optionEmoji{font-size:26px;line-height:1}.qz__option--right{border-color:var(--ok);background:#f0fdf4}.qz__option--wrong{border-color:var(--bad);background:#fef2f2}.qz__option--muted{opacity:.45}.qz__tfRow{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.qz__tf{padding:var(--s-5) var(--s-3);border:2px solid var(--paper-border);border-radius:var(--r-lg);background:var(--paper);font:inherit;font-family:var(--font-display);font-size:var(--t-sub);color:var(--ink);cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:transform .12s,border-color .12s;display:flex}.qz__tf span[aria-hidden]{font-size:40px;line-height:1}.qz__tf:hover:not(:disabled){border-color:var(--wg-sky);transform:translateY(-2px)}.qz__tf--right{border-color:var(--ok);background:#f0fdf4}.qz__tf--wrong{border-color:var(--bad);background:#fef2f2}.qz__tf--muted{opacity:.45}.qz__match{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.qz__matchCol{gap:var(--s-2);flex-direction:column;display:flex}.qz__matchItem{min-height:52px;padding:var(--s-2) var(--s-3);border:2px solid var(--paper-border);border-radius:var(--r-sm);background:var(--paper);font:inherit;font-weight:700;font-size:var(--t-small);color:var(--ink);cursor:pointer;text-align:left;transition:transform .12s,border-color .12s,background .12s}.qz__matchItem span[aria-hidden]{font-size:20px}.qz__matchItem--sel{border-color:var(--wg-sky);background:#eff6ff;transform:scale(1.02)}.qz__matchItem--done{border-color:var(--ok);opacity:.85;cursor:default;background:#f0fdf4}.qz__matchItem--bad{border-color:var(--bad);background:#fef2f2;animation:.38s wg-shake}.qz__orderTray{gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);background:var(--paper-sunk);border:2px dashed var(--paper-border);flex-wrap:wrap;display:flex}.qz__slot{border-radius:var(--r-sm);background:var(--paper);border:2px solid var(--paper-border);min-width:74px;min-height:44px;font-weight:800;font-size:var(--t-small);color:var(--ink-faint);flex:auto;justify-content:center;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.qz__slot--full{color:var(--ink);border-color:var(--wg-sky)}.qz__slot--right{border-color:var(--ok);background:#f0fdf4}.qz__slot--wrong{border-color:var(--bad);background:#fef2f2}.miniMap{border-radius:var(--r-md);border:2px solid var(--paper-border);cursor:crosshair;touch-action:manipulation;background:#bde4fb;width:100%;height:clamp(190px,38vh,340px)}.qz__target{border-radius:var(--r-pill);background:var(--paper-sunk);font-family:var(--font-display);font-size:var(--t-sub);align-self:center;padding:8px 16px}.qz__hint{text-align:center;color:var(--ink-faint);font-size:var(--t-small);font-weight:700}.qz__hint--bad{color:var(--bad)}.qz__explain{padding:var(--s-4);border-radius:var(--r-md);border:2px solid var(--paper-border);background:var(--paper-soft);animation:.24s wg-rise}.qz__explain--right{background:#f0fdf4;border-color:#86efac}.qz__explain--wrong{background:#fffbeb;border-color:#fcd34d}.qz__explain strong{font-family:var(--font-display);font-size:var(--t-sub);display:block}.qz__explain p{color:var(--ink-soft);margin-top:4px;line-height:1.55}.qz__foot{padding:var(--s-3) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--paper-border);background:var(--paper)}.qz__foot--split{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.qzResult{align-items:center;gap:var(--s-2);text-align:center;flex-direction:column;display:flex}.qzResult__emoji{font-size:68px;line-height:1}.qzResult__title{font-size:var(--t-title)}.qzResult__ring{margin-top:var(--s-2);background:conic-gradient(var(--ring-a) var(--pct), var(--paper-sunk) 0);border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative}.qzResult__ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.qzResult__ring span{z-index:1;font-family:var(--font-display);color:var(--ring-b);font-size:30px;position:relative}.qzResult__score{font-weight:800}.qzResult__passed{font-size:var(--t-small);color:var(--ok);font-weight:800}.qzReview{padding:var(--s-4);border-radius:var(--r-md);background:var(--paper-soft);border:1px solid var(--paper-border)}.qzReview>strong{font-family:var(--font-display);font-size:var(--t-sub)}.qzReview__item{margin-top:var(--s-3);padding-left:var(--s-3);border-left:4px solid var(--wg-sun);flex-direction:column;gap:3px;display:flex}.qzReview__q{font-weight:800;font-size:var(--t-small)}.qzReview__a{font-size:var(--t-small);color:var(--ink-soft);line-height:1.5}.qzNext>strong{font-family:var(--font-display);font-size:var(--t-sub)}.qzNext__row{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.labCard{padding:var(--s-4);border-radius:var(--r-md);background:linear-gradient(150deg, var(--lc-a), var(--lc-b));color:#fff;text-align:left;flex-direction:column;gap:4px;min-height:158px;display:flex}.labCard__head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.labCard__emoji{filter:drop-shadow(0 2px 4px #00000047);font-size:36px;line-height:1}.labCard__done{border-radius:var(--r-pill);font-size:var(--t-micro);white-space:nowrap;background:#ffffff4d;padding:3px 9px;font-weight:800}.labCard__title{font-family:var(--font-display);font-size:var(--t-sub);margin-top:2px}.labCard__q{font-size:var(--t-small);opacity:.93;flex:1;line-height:1.4}.labCard__dials{font-size:var(--t-micro);opacity:.85;letter-spacing:.08em;font-weight:800}.lab{flex-direction:column;height:100%;min-height:0;display:flex}.lab__bar{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--paper-border);display:flex}.lab__name{font-family:var(--font-display);font-size:var(--t-sub)}.lab__scroll{min-height:0;padding:var(--s-4) var(--s-4) var(--s-6);gap:var(--s-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.labStep{padding:var(--s-4);border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--paper-border);gap:var(--s-2);flex-direction:column;display:flex}.labStep__tag{border-radius:var(--r-pill);background:var(--paper-sunk);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);align-self:flex-start;padding:3px 10px;font-weight:900}.labStep__q{font-family:var(--font-display);font-size:var(--t-head)}.labStep__prose{color:var(--ink-soft);line-height:1.65}.labStep--try{background:var(--paper-soft)}.labStep--observe{background:#fffbeb;border-color:#fde68a}.labStep--observe p{line-height:1.6}.labStep--check{background:#f5f3ff;border-color:#ddd6fe}.labStep--discovery{background:#ecfeff;border-color:#a5f3fc}.lab__visual{border-radius:var(--r-md);border:1px solid var(--paper-border);background:#fff;overflow:hidden}.lab__visual .vis{width:100%;height:auto;display:block}.lab__dials{gap:var(--s-4);flex-direction:column;display:flex}.dial__label{font-weight:800;font-size:var(--t-small);margin-bottom:6px}.dial__label span[aria-hidden]{margin-right:4px;font-size:18px}.dial__levels{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.dial__level{padding:var(--s-2) 4px;border:2px solid var(--paper-border);border-radius:var(--r-sm);background:var(--paper);min-height:62px;font:inherit;color:var(--ink-soft);cursor:pointer;flex-direction:column;align-items:center;gap:3px;transition:transform .12s,border-color .12s,background .12s;display:flex}.dial__level:hover{border-color:var(--wg-sky)}.dial__level--on{border-color:var(--wg-sky-deep);color:var(--ink);background:#e0f2fe;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e938}.dial__emoji{font-size:22px;line-height:1}.dial__text{text-align:center;font-size:11px;font-weight:800;line-height:1.15}.lab__meter{padding:var(--s-4);border-radius:var(--r-md);background:var(--paper);border:2px solid var(--paper-border);gap:var(--s-2);flex-direction:column;display:flex}.lab__meterHead{align-items:center;gap:var(--s-3);display:flex}.lab__meterHead>div{flex-direction:column;flex:1;display:flex}.lab__meterHead strong{font-family:var(--font-display);font-size:var(--t-sub)}.lab__meterEmoji{font-size:40px;line-height:1;transition:transform .2s}.lab__meterLabel{font-size:var(--t-micro);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.lab__meterPct{font-family:var(--font-display);font-size:var(--t-head);color:var(--ink-soft)}.lab__meterText{font-size:var(--t-small);color:var(--ink-soft);line-height:1.5}.labDiscover{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:linear-gradient(120deg, var(--ld-a), var(--ld-b));color:#fff;font:inherit;text-align:left;cursor:pointer;border:0;transition:transform .12s;display:flex}.labDiscover:hover{transform:translateY(-2px)}.labDiscover__emoji{font-size:34px;line-height:1}.labDiscover__text{flex-direction:column;flex:1;gap:2px;display:flex}.labDiscover__text strong{font-family:var(--font-display);font-size:var(--t-sub)}.labDiscover__text span{font-size:var(--t-small);opacity:.92}.game-card{align-items:flex-start;gap:var(--s-3);padding:var(--s-4);background:linear-gradient(150deg, color-mix(in srgb, var(--gc-a) 16%, white), color-mix(in srgb, var(--gc-b) 10%, white));min-height:132px;display:flex;position:relative}.game-card__emoji{filter:drop-shadow(0 3px 6px #0f203633);font-size:36px;line-height:1}.game-card__text{flex-direction:column;gap:3px;min-width:0;display:flex}.game-card__text strong{font-family:var(--font-display);font-size:var(--t-body)}.game-card__sub{font-size:var(--t-small);color:var(--ink-soft);line-height:1.4}.game-card__meta{font-size:var(--t-micro);color:var(--ink-faint);font-weight:800;line-height:1.4}.game-card__count{top:var(--s-3);right:var(--s-3);font-size:var(--t-micro);color:var(--ink-faint);border-radius:var(--r-pill);background:#ffffffb3;padding:3px 8px;font-weight:900;position:absolute}.game{background:var(--paper-soft)}.game__stage{max-width:640px;padding:var(--s-5) var(--s-4) var(--s-8);gap:var(--s-5);flex-direction:column;margin:0 auto;display:flex}.game__subject{align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.game__bubble{padding:var(--s-5) var(--s-6);border-radius:var(--r-xl);background:linear-gradient(150deg, var(--g-a), var(--g-b));color:#fff;box-shadow:var(--e-2);flex-direction:column;align-items:center;gap:4px;min-width:180px;display:flex}.game__bubbleEmoji{filter:drop-shadow(0 6px 12px #00000047);font-size:62px;line-height:1}.game__bubbleLabel{font-family:var(--font-display);font-weight:900;font-size:var(--t-sub)}.game__prompt{font-family:var(--font-display);font-weight:800;font-size:var(--t-head);text-align:center;line-height:1.35}.game__options{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:400px){.game__options{grid-template-columns:1fr}}.game__option{align-items:center;gap:var(--s-3);min-height:74px;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--paper);border:2px solid var(--paper-border);font-weight:800;font-size:var(--t-body);text-align:left;transition:transform var(--d-fast) var(--ease-spring), border-color var(--d-base), background var(--d-base);line-height:1.3;display:flex}.game__option:hover:not(:disabled){border-color:var(--wg-sky);transform:translateY(-2px)}.game__option:active:not(:disabled){transform:scale(.97)}.game__optionEmoji{font-size:30px;line-height:1}.game__option--right{border-color:var(--ok);background:#f0fdf4}.game__option--wrong{border-color:var(--bad);animation:wg-shake .38s var(--ease-out);background:#fef2f2}.game__option--muted{opacity:.45}.chain{flex-direction:column;gap:2px;display:flex}.chain__slot{align-items:center;gap:var(--s-3);min-height:60px;padding:var(--s-2) var(--s-4);border-radius:var(--r-md);border:2px dashed var(--paper-border);color:var(--ink-faint);background:#ffffff8c;margin-bottom:22px;font-weight:800;display:flex;position:relative}.chain__slot:last-child{margin-bottom:0}.chain__slot--filled{border-style:solid;border-color:var(--wg-leaf);color:var(--ink);animation:wg-pop var(--d-base) var(--ease-spring);background:#f0fdf4}.chain__emoji{font-size:28px}.chain__index{background:var(--paper-sunk);width:28px;height:28px;font-size:var(--t-small);border-radius:50%;place-items:center;display:grid}.chain__arrow{color:var(--ink-faint);font-size:18px;line-height:22px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.game__pool{gap:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex}.game__card{padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);background:var(--paper);border:2px solid var(--paper-border);font-weight:800;font-size:var(--t-small);transition:transform var(--d-fast) var(--ease-spring), opacity var(--d-base);align-items:center;gap:8px;display:flex}.game__card:hover:not(:disabled){border-color:var(--wg-sky);transform:translateY(-2px)}.game__card:active:not(:disabled){transform:scale(.94)}.game__card--used{opacity:.3}.game__card--wrong{border-color:var(--bad);animation:wg-shake .38s var(--ease-out)}.game__cardEmoji{font-size:22px}.game__result{text-align:center;align-items:center}.collection{margin-top:var(--s-6)}.collection__head{align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);display:flex}.collection__emoji{font-size:28px}.collection__head strong{font-family:var(--font-display);font-size:var(--t-sub)}.level-card{align-items:center;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);color:#f8fafc;box-shadow:var(--e-2);margin-bottom:var(--s-4);background:linear-gradient(140deg,#1e293b,#0f172a);display:flex}.level-card__badge{width:64px;height:64px;font-family:var(--font-display);color:#78350f;background:linear-gradient(150deg,#fde68a,#f59e0b);border-radius:50%;flex:none;place-items:center;font-size:28px;font-weight:900;display:grid;box-shadow:0 0 0 5px #fbbf2433}.level-card__kicker{font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;font-weight:900}.level-card__title{font-family:var(--font-display);font-size:var(--t-head);display:block}.level-card__bar{margin:var(--s-3) 0 6px}.level-card__meta{font-size:var(--t-small);color:#cbd5e1}.quest-list{gap:var(--s-3);flex-direction:column;display:flex}.quest{align-items:flex-start;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg);background:var(--paper);border:1.5px solid var(--paper-border);box-shadow:var(--e-1);display:flex}.quest--done{border-color:color-mix(in srgb, var(--q-a) 60%, white);background:linear-gradient(140deg, color-mix(in srgb, var(--q-a) 12%, white), var(--paper))}.quest__emoji{font-size:30px;line-height:1.1}.quest__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.quest__body strong{font-family:var(--font-display);font-size:var(--t-body)}.quest__desc{font-size:var(--t-small);color:var(--ink-soft);line-height:1.4}.quest__bar{margin-top:4px}.quest__meta{font-size:var(--t-micro);color:var(--ink-faint);font-weight:800}.badge-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.badge{padding:var(--s-4) var(--s-3);border-radius:var(--r-lg);background:var(--paper);border:1.5px solid var(--paper-border);text-align:center;opacity:.65;filter:grayscale(.7);transition:opacity var(--d-base), filter var(--d-base), transform var(--d-base) var(--ease-spring);flex-direction:column;align-items:center;gap:6px;display:flex}.badge--earned{opacity:1;filter:none;box-shadow:var(--e-1)}.badge--earned:hover{transform:translateY(-3px)}.badge__ring{background:var(--paper-sunk);border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.badge--bronze.badge--earned .badge__ring{background:linear-gradient(150deg,#fed7aa,#c2410c)}.badge--silver.badge--earned .badge__ring{background:linear-gradient(150deg,#e2e8f0,#94a3b8)}.badge--gold.badge--earned .badge__ring{background:linear-gradient(150deg,#fef08a,#eab308)}.badge__emoji{font-size:30px}.badge__name{font-family:var(--font-display);font-size:var(--t-small);line-height:1.2}.badge__desc{font-size:var(--t-micro);color:var(--ink-faint);line-height:1.35}.bookSearch{align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--paper);border:2px solid var(--paper-border);min-height:56px;transition:border-color .14s,box-shadow .14s;display:flex}.bookSearch:focus-within{border-color:var(--wg-sky);box-shadow:0 0 0 4px #38bdf82e}.bookSearch>span[aria-hidden]{font-size:22px}.bookSearch input{min-width:0;font:inherit;font-size:var(--t-sub);color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-weight:700}.bookSearch input::placeholder{color:var(--ink-faint);font-weight:600}.bookSearch__clear{background:var(--paper-sunk);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:50%;font-size:15px}.hub__header{margin-bottom:var(--s-4)}.hub__title{font-size:var(--t-title)}.hub__hint{margin-top:-8px;margin-bottom:var(--s-3)}.hub__next{margin-bottom:var(--s-5)}.hub__nextList{gap:var(--s-3);flex-direction:column;display:flex}.nextCard{align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-md);background:linear-gradient(135deg, var(--nc-a), var(--nc-b));color:#fff;text-align:left;display:flex}.nextCard__emoji{filter:drop-shadow(0 2px 4px #00000047);flex:none;font-size:34px;line-height:1}.nextCard__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nextCard__text strong{font-family:var(--font-display);font-size:var(--t-sub)}.nextCard__why{font-size:var(--t-small);opacity:.92;line-height:1.4}.nextCard__go{opacity:.8;font-size:26px;font-weight:900}.topicGrid{gap:var(--s-3);margin-bottom:var(--s-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));display:grid}.topicCard{padding:var(--s-4);border-radius:var(--r-lg);background:linear-gradient(150deg, var(--tc-a), var(--tc-b));color:#fff;text-align:left;cursor:pointer;min-height:172px;box-shadow:var(--shadow-2,0 10px 24px #0f203629);transition:transform var(--fast,.14s) var(--ease-out,ease), box-shadow var(--fast,.14s) ease;border:0;flex-direction:column;gap:6px;display:flex}.topicCard:hover{transform:translateY(-3px)}.topicCard:active{transform:scale(.985)}.topicCard__top{justify-content:space-between;align-items:flex-start;gap:var(--s-2);display:flex}.topicCard__emoji{filter:drop-shadow(0 3px 5px #0000004d);font-size:40px;line-height:1}.topicCard__badge{border-radius:var(--r-pill);font-size:var(--t-micro);white-space:nowrap;background:#ffffff38;align-items:center;gap:4px;padding:4px 9px;font-weight:800;display:inline-flex}.topicCard__name{font-family:var(--font-display);font-size:var(--t-head);margin-top:2px}.topicCard__desc{font-size:var(--t-small);opacity:.93;flex:1;line-height:1.4}.topicCard__bar{margin-top:auto}.topicCard__meta{font-size:var(--t-micro);opacity:.9;font-weight:800}.processCard{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:linear-gradient(120deg, color-mix(in srgb, var(--pc-a) 16%, #fff), #fff);border-left:5px solid var(--pc-a);text-align:left;display:flex}.processCard__emoji{font-size:30px;line-height:1}.processCard__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.processCard__text strong{font-family:var(--font-display);font-size:var(--t-body)}.processCard__steps{font-size:var(--t-small);color:var(--ink-faint);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.processCard__done{color:var(--ok);font-size:20px;font-weight:900}.pathHero{margin:var(--s-4) 0 var(--s-5);padding:var(--s-6) var(--s-5);border-radius:var(--r-xl);background:linear-gradient(150deg, var(--ph-a), var(--ph-b));color:#fff;text-align:center}.pathHero__emoji{filter:drop-shadow(0 4px 8px #0000004d);font-size:58px;line-height:1;display:block}.pathHero__title{font-size:var(--t-title);margin-top:var(--s-2)}.pathHero__desc{opacity:.93;margin-top:4px;line-height:1.45}.pathHero__bar{margin:var(--s-4) auto 0;max-width:420px}.pathHero__count{margin-top:var(--s-2);font-size:var(--t-small);opacity:.95;font-weight:800}.pathDone{margin-bottom:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);color:#065f46;text-align:center;background:#ecfdf5;border:2px solid #a7f3d0;font-weight:800}.pathList{margin:0 0 var(--s-6);gap:var(--s-3);flex-direction:column;padding:0;list-style:none;display:flex;position:relative}.pathList:before{content:"";background:var(--paper-border);z-index:0;border-radius:3px;width:3px;position:absolute;top:26px;bottom:26px;left:27px}.pathStep{z-index:1;align-items:flex-start;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border:2px solid var(--paper-border);border-radius:var(--r-md);background:var(--paper);text-align:left;cursor:pointer;transition:transform var(--fast,.14s) var(--ease-out,ease), border-color var(--fast,.14s) ease;display:flex;position:relative}.pathStep:hover:not(:disabled){border-color:var(--ps-a);transform:translate(3px)}.pathStep:active:not(:disabled){transform:scale(.99)}.pathStep__num{width:38px;height:38px;font-family:var(--font-display);color:#fff;background:linear-gradient(140deg, var(--ps-a), var(--ps-b));box-shadow:0 0 0 4px var(--paper);border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:900;display:grid}.pathStep__body{flex-direction:column;gap:2px;min-width:0;display:flex}.pathStep__kicker{font-size:var(--t-micro);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.pathStep__name{font-family:var(--font-display);font-size:var(--t-body)}.pathStep__sub{font-size:var(--t-small);color:var(--ink-soft);line-height:1.45}.pathStep--done{background:#f0fdf4;border-color:#bbf7d0}.pathStep--done .pathStep__num{background:var(--ok)}.pathStep--open{border-color:var(--ps-a);box-shadow:0 6px 18px #0f20361a}.pathStep--locked{background:var(--paper-sunk);cursor:not-allowed;opacity:.78}.pathStep--locked .pathStep__num{background:var(--ink-faint);box-shadow:0 0 0 4px var(--paper-sunk)}.miniCard{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:linear-gradient(120deg, color-mix(in srgb, var(--mc-a) 18%, #fff), #fff);border-left:5px solid var(--mc-a);text-align:left;display:flex}.miniCard__emoji{font-size:28px;line-height:1}.miniCard__text{flex-direction:column;gap:2px;min-width:0;display:flex}.miniCard__text strong{font-family:var(--font-display);font-size:var(--t-body)}.miniCard__meta{font-size:var(--t-small);color:var(--ink-soft);line-height:1.35}.stacked{flex-direction:column;flex:1;min-height:0;display:flex}.segmented{margin:var(--s-3) auto 0;width:min(100% - 2 * var(--s-4), var(--max-w));border-radius:var(--r-pill);background:var(--paper-sunk);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented__btn{border-radius:var(--r-pill);min-height:42px;font:inherit;font-weight:800;font-size:var(--t-small);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;transition:background .14s,color .14s}.segmented__btn--on{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #0f20361a}.overall{align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--paper-border);margin-bottom:var(--s-5);display:flex}.overall__ring{background:conic-gradient(var(--wg-leaf) var(--pct), var(--paper-sunk) 0);border-radius:50%;flex:none;place-items:center;width:92px;height:92px;display:grid;position:relative}.overall__ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;top:9px;bottom:9px;left:9px;right:9px}.overall__emoji{z-index:1;font-size:38px;line-height:1;position:relative}.overall__text{flex-direction:column;gap:2px;min-width:0;display:flex}.overall__text strong{font-family:var(--font-display);font-size:var(--t-head)}.overall__stats{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.overall__stat{border-radius:var(--r-pill);background:var(--paper-sunk);font-size:var(--t-micro);white-space:nowrap;padding:4px 10px;font-weight:800}.subjects{gap:var(--s-2);flex-direction:column;display:flex}.subject{align-items:flex-start;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border:1px solid var(--paper-border);border-radius:var(--r-md);background:var(--paper);font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:transform .12s,border-color .12s;display:flex}.subject:hover{border-color:var(--wg-sky);transform:translate(3px)}.subject__emoji{font-size:30px;line-height:1.2}.subject__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.subject__head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.subject__head strong{font-family:var(--font-display);font-size:var(--t-body)}.subject__level{border-radius:var(--r-pill);background:var(--paper-sunk);font-size:var(--t-micro);white-space:nowrap;padding:3px 9px;font-weight:800}.subject__meta{font-size:var(--t-micro);color:var(--ink-faint);font-weight:700;line-height:1.5}.learnLinks{gap:var(--s-2);flex-wrap:wrap;display:flex}.graph__hint{margin:-6px 0 var(--s-3);font-size:var(--t-small)}.graph{gap:var(--s-3);flex-direction:column;display:flex}.graph__centre{border-radius:var(--r-pill);background:var(--ink);color:var(--ink-invert);font-family:var(--font-display);font-size:var(--t-sub);align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.graph__centre span[aria-hidden]{font-size:22px}.graph__links{gap:var(--s-2);padding-left:var(--s-4);border-left:3px dashed var(--paper-border);grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));display:grid;position:relative}.graph__node{padding:var(--s-2) var(--s-3);border:2px solid var(--paper-border);border-left:5px solid var(--gn-a);border-radius:var(--r-sm);background:var(--paper);font:inherit;color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;gap:3px;transition:transform .12s,border-color .12s;display:flex}.graph__node:hover{border-color:var(--gn-b);border-left-color:var(--gn-a);transform:translate(3px)}.graph__rel{font-size:var(--t-micro);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:800}.graph__name{font-weight:800;font-size:var(--t-small)}.graph__name span[aria-hidden]{margin-right:3px;font-size:17px}.explainBtn{align-items:center;gap:var(--s-2);width:100%;min-height:54px;padding:0 var(--s-4);border-radius:var(--r-md);font:inherit;font-family:var(--font-display);font-size:var(--t-sub);color:#5b21b6;cursor:pointer;background:#f5f3ff;border:2px dashed #c4b5fd;transition:transform .12s,background .12s;display:flex}.explainBtn:hover{background:#ede9fe;transform:translateY(-2px)}.explainBtn>span[aria-hidden]:first-child{font-size:22px}.explainBtn>span[aria-hidden]:last-child{opacity:.6;margin-left:auto}.explain{padding:var(--s-4) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom,0px));gap:var(--s-3);flex-direction:column;display:flex}.explain__title{font-size:var(--t-head);font-family:var(--font-display)}.explain__title span[aria-hidden]{margin-right:4px;font-size:26px}.explain__tabs{border-radius:var(--r-pill);background:var(--paper-sunk);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.explain__tab{border-radius:var(--r-pill);min-height:52px;font:inherit;font-size:var(--t-micro);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:800;transition:background .14s;display:flex}.explain__tab span[aria-hidden]{font-size:20px}.explain__tab--on{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #0f20361a}.explain__text{line-height:1.7;font-size:var(--t-sub);color:var(--ink-soft)}.explain__term{font:inherit;color:#6d28d9;cursor:pointer;background:#f5f3ff;border:0;border-bottom:2px dotted #a855f7;border-radius:4px;margin:0 -1px;padding:1px 3px;font-weight:800;display:inline}.explain__term:hover{background:#ede9fe}.explain__tip{font-size:var(--t-micro);color:var(--ink-faint);font-weight:700}.explain__glossary{padding:var(--s-4);border-radius:var(--r-md);background:#f5f3ff;border:2px solid #ddd6fe;flex-direction:column;gap:6px;animation:.22s wg-rise;display:flex}.explain__glossary strong{font-family:var(--font-display);font-size:var(--t-sub);color:#5b21b6}.explain__glossary strong span[aria-hidden]{margin-right:4px;font-size:22px}.explain__glossary p{color:var(--ink-soft);line-height:1.6}.explain__glossary .btn{align-self:flex-start}.detail__hero{position:relative}.detail__heroRow{align-items:center;gap:var(--s-4);display:flex;position:relative}.detail__section{padding:var(--s-5) var(--s-5) 0}.detail__section:last-child{padding-bottom:var(--s-7)}.detail__lead{font-family:var(--font-display);font-size:var(--t-sub);color:var(--ink);font-weight:700;line-height:1.45}.detail__story{margin-top:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);color:#7c4a03;background:linear-gradient(140deg,#fff7ed,#fef9c3);border:1.5px solid #fde68a;font-style:italic;line-height:1.5}.detail__more{border:1.5px solid var(--paper-border);border-radius:var(--r-md);background:var(--paper);overflow:hidden}.detail__moreBtn{align-items:center;gap:var(--s-2);width:100%;padding:var(--s-4);font-family:var(--font-display);font-weight:800;font-size:var(--t-body);text-align:left;display:flex}.detail__moreBtn span:last-child{transition:transform var(--d-base) var(--ease-out);margin-left:auto}.detail__moreBtn[aria-expanded=true] span:last-child{transform:rotate(180deg)}.detail__moreBody{padding:0 var(--s-4) var(--s-4);color:var(--ink-soft);animation:wg-fade var(--d-base) var(--ease-out);line-height:1.6}.factlist{gap:var(--s-2);flex-direction:column;display:flex}.factlist__item{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--paper);border:1.5px solid var(--paper-border);align-items:flex-start;line-height:1.45;display:flex}.factlist__emoji{font-size:20px;line-height:1.3}.role-card{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);color:#065f46;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #6ee7b7;line-height:1.5;display:flex}.role-card__emoji{font-size:26px}.role-card__label{font-size:var(--t-micro);letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-bottom:2px;font-weight:900;display:block}.status-pill{border-radius:var(--r-pill);font-weight:800;font-size:var(--t-small);align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.status-pill--good{color:#14532d;background:#dcfce7}.status-pill--warn{color:#78350f;background:#fef3c7}.status-pill--bad{color:#7f1d1d;background:#fee2e2}.status-pill--unknown{background:var(--paper-sunk);color:var(--ink-soft)}.detail__discovered{border-radius:var(--r-pill);font-size:var(--t-small);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff38;border:1.5px solid #fff6;align-items:center;gap:8px;padding:6px 14px;font-weight:800;display:inline-flex}.detail__actions{gap:var(--s-2);padding:var(--s-4) var(--s-5) 0;flex-wrap:wrap;display:flex}.sys{background:var(--paper-soft)}.sys__bar{z-index:2;align-items:center;gap:var(--s-3);padding:calc(var(--s-3) + env(safe-area-inset-top)) var(--s-4) var(--s-3);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid var(--paper-border);background:#f6f9fcf0;display:flex;position:sticky;top:0}.sys__title{font-size:var(--t-head);flex:1}.sys__search{min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-pill);border:2px solid var(--paper-border);background:var(--paper);font-size:var(--t-body);flex:1;font-weight:700}.sys__search:focus{border-color:var(--wg-sky);outline:none}.sys__body{max-width:680px;padding:var(--s-5) var(--s-4) var(--s-9);width:100%;margin:0 auto}.sys__field{font-weight:700;font-size:var(--t-small);color:var(--ink-soft);flex-direction:column;gap:6px;display:flex}.sys__field input{min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-pill);border:2px solid var(--paper-border);background:var(--paper);font-size:var(--t-body);color:var(--ink);font-weight:700}.sys__field input:focus{border-color:var(--wg-sky);outline:none}.sys__results{gap:var(--s-2);flex-direction:column;display:flex}.result{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--paper);border:1.5px solid var(--paper-border);text-align:left;transition:transform var(--d-fast) var(--ease-spring), border-color var(--d-base);display:flex}.result:hover{border-color:var(--wg-sky);transform:translate(3px)}.result__emoji{border-radius:var(--r-sm);background:linear-gradient(150deg, color-mix(in srgb, var(--r-a) 22%, white), color-mix(in srgb, var(--r-b) 16%, white));place-items:center;width:44px;height:44px;font-size:24px;display:grid}.result__text{flex-direction:column;flex:1;min-width:0;display:flex}.result__text strong{font-family:var(--font-display);font-size:var(--t-body)}.result__kind{font-size:var(--t-micro);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.result__found{font-size:18px}.lang-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.lang-row__item{padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);background:var(--paper);border:2px solid var(--paper-border);transition:transform var(--d-fast) var(--ease-spring), border-color var(--d-base), background var(--d-base);align-items:center;gap:10px;font-weight:800;display:flex}.lang-row__item--on{border-color:var(--wg-sky);background:#eff6ff}.lang-row__item:active{transform:scale(.96)}.lang-row__flag{font-size:28px}.danger-box{padding:var(--s-4);border-radius:var(--r-md);gap:var(--s-3);background:#fef2f2;border:1.5px solid #fecaca;flex-direction:column;display:flex}.tip-box{margin-top:var(--s-6);padding:var(--s-4);border-radius:var(--r-md);color:#1e3a8a;background:#eff6ff;border:1.5px solid #bfdbfe;line-height:1.55}.tip-box strong{margin-bottom:4px;display:block}.sys--parents{background:#f8fafc}.stat-grid{gap:var(--s-3);margin-top:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.stat{padding:var(--s-4);border-radius:var(--r-md);background:var(--paper);border:1.5px solid var(--paper-border);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.stat__emoji{font-size:22px}.stat__value{font-family:var(--font-display);font-weight:900;font-size:var(--t-head)}.stat__label{font-size:var(--t-micro);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.coverage{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--paper);border:1.5px solid var(--paper-border);gap:var(--s-2);flex-direction:column;display:flex}.activity{flex-direction:column;display:flex}.activity__row{align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--paper-border);font-size:var(--t-small);display:flex}.activity__row:last-child{border-bottom:0}.activity__dot{font-size:18px}.activity__text{flex:1;min-width:0}.activity__time{color:var(--ink-faint);font-size:var(--t-micro);font-weight:700}.upgrade{padding:var(--s-5) var(--s-5) calc(var(--s-6) + env(safe-area-inset-bottom,0px));gap:var(--s-3);text-align:center;flex-direction:column;display:flex}.upgrade__badge{font-size:52px;line-height:1}.upgrade__title{font-size:var(--t-title);font-family:var(--font-display)}.upgrade__lead{color:var(--ink-soft);line-height:1.55}.upgrade__list{margin:var(--s-2) 0;padding:var(--s-4);border-radius:var(--r-md);background:var(--paper-soft);border:1px solid var(--paper-border);gap:var(--s-3);text-align:left;flex-direction:column;list-style:none;display:flex}.upgrade__list li{align-items:flex-start;gap:var(--s-3);font-weight:700;line-height:1.45;display:flex}.upgrade__list span[aria-hidden]{flex:none;font-size:20px}.upgrade__price{font-family:var(--font-display);color:var(--ink);font-size:46px;line-height:1}.upgrade__once{font-size:var(--t-small);color:var(--ink-faint);margin-bottom:var(--s-2);font-weight:800}.upgrade__owned{padding:var(--s-4);border-radius:var(--r-md);color:#065f46;background:#ecfdf5;border:2px solid #a7f3d0}.upgrade__owned strong{font-family:var(--font-display);font-size:var(--t-sub)}.upgrade__owned p{margin-top:4px}.upgrade__note,.upgrade__small{font-size:var(--t-micro);color:var(--ink-faint);line-height:1.5}.upgrade__error{font-size:var(--t-small);color:var(--bad);font-weight:700}.adSlot{justify-content:center;align-items:center;gap:var(--s-2);min-height:50px;padding:var(--s-2) var(--s-4);background:var(--paper-sunk);border-top:1px solid var(--paper-border);font-size:var(--t-micro);color:var(--ink-faint);flex:none;font-weight:800;display:flex}.adSlot__remove{background:var(--paper);border-radius:var(--r-pill);font:inherit;color:var(--wg-ocean);cursor:pointer;border:0;padding:6px 12px;font-weight:800;box-shadow:0 1px 3px #0f20361f}:root{--wg-sky:#38bdf8;--wg-sky-deep:#0ea5e9;--wg-ocean:#1d4ed8;--wg-abyss:#0b1e3a;--wg-space:#050d1c;--wg-leaf:#34d399;--wg-leaf-deep:#10935f;--wg-forest:#14532d;--wg-sun:#fbbf24;--wg-sun-deep:#f59e0b;--wg-coral:#fb7185;--wg-berry:#a855f7;--wg-sand:#fde8c4;--wg-clay:#d97706;--paper:#fff;--paper-soft:#f6f9fc;--paper-sunk:#eef4fa;--paper-border:#dbe6f0;--ink:#0f2036;--ink-soft:#43607d;--ink-faint:#7c94ab;--ink-invert:#fff;--space-0:#030916;--space-1:#061127;--space-2:#0b1c3d;--space-glass:#091833b8;--space-glass-border:#78beff38;--c-earth:#38bdf8;--c-ocean:#22d3ee;--c-wildlife:#f59e0b;--c-domestic:#fb923c;--c-bird:#a855f7;--c-insect:#84cc16;--c-plant:#22c55e;--c-country:#6366f1;--c-eco:#14b8a6;--c-landmark:#ec4899;--ok:#16a34a;--warn:#f59e0b;--bad:#ef4444;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--s-10:72px;--font-display:"Baloo 2", "Nunito", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Trebuchet MS", sans-serif;--font-body:"Nunito", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--t-hero:clamp(30px, 6.2vw, 52px);--t-title:clamp(23px, 4.4vw, 34px);--t-head:clamp(19px, 3.2vw, 24px);--t-sub:clamp(16px, 2.4vw, 19px);--t-body:clamp(15px, 2.1vw, 17px);--t-small:clamp(13px, 1.8vw, 14px);--t-micro:12px;--e-1:0 1px 2px #0f203612, 0 2px 8px #0f20360f;--e-2:0 2px 4px #0f203614, 0 8px 22px #0f20361a;--e-3:0 6px 14px #0f20361f, 0 22px 48px #0f203629;--e-glow:0 0 0 4px #38bdf838;--e-inset:inset 0 -3px 0 #0f203624;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--d-fast:.14s;--d-base:.24s;--d-slow:.42s;--d-flight:.9s;--tabbar-h:74px;--topbar-h:60px;--max-w:1180px;--tap:48px}:root[data-motion=reduced]{--d-fast:1ms;--d-base:1ms;--d-slow:1ms;--d-flight:1ms}@media (prefers-reduced-motion:reduce){:root{--d-fast:1ms;--d-base:1ms;--d-slow:1ms;--d-flight:1ms}}:root[data-textsize=large]{--t-title:clamp(26px, 5vw, 38px);--t-head:clamp(21px, 3.6vw, 27px);--t-sub:clamp(18px, 2.8vw, 21px);--t-body:clamp(17px, 2.5vw, 19px);--t-small:clamp(15px, 2vw, 16px)}:root[data-contrast=high]{--ink:#000814;--ink-soft:#16324d;--ink-faint:#405d78;--paper-border:#9db4c8;--space-glass:#030a18eb;--space-glass-border:#a0d7ff80}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--t-body);color:var(--ink);background:var(--space-0);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--wg-sky);outline-offset:3px;border-radius:var(--r-xs)}#root{flex-direction:column;display:flex;position:relative;overflow:hidden}.app-shell{background:var(--paper-soft);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.app-shell[data-immersive=true]{background:var(--space-0)}.screen{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--paper-border) transparent;flex:1;min-height:0;overflow:hidden auto}.screen::-webkit-scrollbar{width:10px}.screen::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#7c94ab73 padding-box content-box;border:3px solid #0000}.page{max-width:var(--max-w);padding:var(--s-5) var(--s-4) calc(var(--s-9) + env(safe-area-inset-bottom));width:100%;margin:0 auto}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-5{gap:var(--s-5)}.gap-6{gap:var(--s-6)}.grow{flex:1}.center{justify-content:center;align-items:center;display:flex}.wrap{flex-wrap:wrap}.txt-c{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.section-title{font-family:var(--font-display);font-size:var(--t-head);align-items:center;gap:var(--s-2);margin:var(--s-6) 0 var(--s-3);font-weight:800;display:flex}.section-title:first-child{margin-top:0}.eyebrow{font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:800}@keyframes wg-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wg-fade{0%{opacity:0}to{opacity:1}}@keyframes wg-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes wg-pulse-ring{0%{opacity:.85;transform:scale(.65)}70%{opacity:0;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}@keyframes wg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes wg-spin{to{transform:rotate(360deg)}}@keyframes wg-shimmer{0%{background-position:-220% 0}to{background-position:220% 0}}@keyframes wg-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.anim-in{animation:wg-fade-up var(--d-base) var(--ease-out) both}.anim-pop{animation:wg-pop var(--d-base) var(--ease-spring) both}.stagger>*{animation:wg-fade-up var(--d-base) var(--ease-out) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:35ms}.stagger>:nth-child(3){animation-delay:70ms}.stagger>:nth-child(4){animation-delay:.105s}.stagger>:nth-child(5){animation-delay:.14s}.stagger>:nth-child(6){animation-delay:.175s}.stagger>:nth-child(7){animation-delay:.2s}.stagger>:nth-child(n+8){animation-delay:.225s}.skeleton{background:linear-gradient(100deg, var(--paper-sunk) 30%, #fff 50%, var(--paper-sunk) 70%);border-radius:var(--r-sm);background-size:220% 100%;animation:1.4s linear infinite wg-shimmer}
