@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800;900&family=Mulish:wght@400;500;600;700&display=swap";:root{--font-display: "Clash Display", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xxl: clamp(2rem, 4vw, 3rem);--fs-xl: clamp(1.5rem, 3vw, 2rem);--fs-lg: 1.25rem;--fs-md: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s;--t-base: .28s;--t-slow: .5s;--c-hp: #ff5470;--c-mp: #38bdf8;--c-xp: #fbbf24;--c-streak: #ff8a3d;--c-crystal: #22d3ee}[data-theme=neon]{--bg: #07070f;--bg-grad: radial-gradient(1200px 600px at 80% -10%, #2a1052 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #0b2a4a 0%, transparent 55%), #07070f;--surface: rgba(22, 22, 38, .72);--surface-2: rgba(34, 34, 56, .9);--surface-solid: #14141f;--border: rgba(168, 85, 247, .22);--border-strong: rgba(168, 85, 247, .5);--text: #f3f0ff;--text-muted: #9b97c4;--text-dim: #6a6790;--primary: #a855f7;--primary-2: #22d3ee;--accent: #ff3d81;--primary-grad: linear-gradient(135deg, #a855f7 0%, #6d28d9 50%, #22d3ee 100%);--accent-grad: linear-gradient(135deg, #ff3d81 0%, #a855f7 100%);--success: #2ee6a6;--danger: #ff4d6d;--warning: #ffb020;--glow: 0 0 0 1px rgba(168,85,247,.4), 0 0 30px rgba(168,85,247,.45);--glow-cyan: 0 0 28px rgba(34,211,238,.5);--shadow: 0 18px 50px rgba(0,0,0,.6);--card-blur: blur(14px);--card-bg: var(--surface)}[data-theme=gold]{--bg: #0e0d0a;--bg-grad: radial-gradient(1000px 500px at 85% -5%, #2c2310 0%, transparent 60%), radial-gradient(800px 500px at 0% 110%, #1a160d 0%, transparent 55%), #0e0d0a;--surface: rgba(28, 25, 18, .85);--surface-2: rgba(40, 35, 24, .95);--surface-solid: #16140e;--border: rgba(245, 196, 81, .18);--border-strong: rgba(245, 196, 81, .42);--text: #f7f1e3;--text-muted: #b8ad94;--text-dim: #7d745f;--primary: #f5c451;--primary-2: #e08b3c;--accent: #f5c451;--primary-grad: linear-gradient(135deg, #f7d77a 0%, #e0a23c 55%, #c97b1f 100%);--accent-grad: linear-gradient(135deg, #f5c451 0%, #e08b3c 100%);--success: #62c98a;--danger: #e5615e;--warning: #f0a93c;--glow: 0 0 0 1px rgba(245,196,81,.35), 0 10px 40px rgba(245,196,81,.18);--glow-cyan: 0 0 24px rgba(224,139,60,.4);--shadow: 0 20px 50px rgba(0,0,0,.65);--card-blur: blur(10px);--card-bg: var(--surface)}[data-theme=light]{--bg: #f4f6fc;--bg-grad: radial-gradient(900px 500px at 90% -10%, #e3ecff 0%, transparent 60%), radial-gradient(700px 500px at -5% 110%, #e6fbf2 0%, transparent 55%), #f4f6fc;--surface: #ffffff;--surface-2: #f0f3fb;--surface-solid: #ffffff;--border: rgba(20, 30, 70, .08);--border-strong: rgba(20, 30, 70, .16);--text: #161a2e;--text-muted: #5b6379;--text-dim: #9aa0b4;--primary: #5b6cff;--primary-2: #14c79b;--accent: #ff7a59;--primary-grad: linear-gradient(135deg, #6d7cff 0%, #5b6cff 55%, #8a5bff 100%);--accent-grad: linear-gradient(135deg, #ff8a5b 0%, #ff6b9d 100%);--success: #18b577;--danger: #f0506e;--warning: #f5a623;--glow: 0 0 0 1px rgba(91,108,255,.18), 0 8px 28px rgba(91,108,255,.22);--glow-cyan: 0 0 24px rgba(20,199,155,.28);--shadow: 0 14px 38px rgba(35,45,90,.12);--card-blur: blur(0px);--card-bg: var(--surface)}[data-theme=cyber]{--bg: #0a0f1e;--bg-grad: linear-gradient(160deg, #131a3a 0%, #0a0f1e 45%), radial-gradient(900px 600px at 75% 0%, rgba(94,234,212,.16) 0%, transparent 55%), radial-gradient(800px 500px at 10% 100%, rgba(129,140,248,.22) 0%, transparent 55%);--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .12);--surface-solid: #121a33;--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .28);--text: #eef2ff;--text-muted: #aab4dd;--text-dim: #6f7aa6;--primary: #5eead4;--primary-2: #818cf8;--accent: #f472b6;--primary-grad: linear-gradient(135deg, #5eead4 0%, #38bdf8 50%, #818cf8 100%);--accent-grad: linear-gradient(135deg, #f472b6 0%, #818cf8 100%);--success: #34d399;--danger: #fb7185;--warning: #fbbf24;--glow: 0 0 0 1px rgba(255,255,255,.14), 0 8px 40px rgba(94,234,212,.22);--glow-cyan: 0 0 30px rgba(94,234,212,.4);--shadow: 0 20px 60px rgba(0,0,0,.5);--card-blur: blur(20px) saturate(1.3);--card-bg: var(--surface)}[data-theme=gemini]{--font-display: "Poppins", "Space Grotesk", system-ui, sans-serif;--bg: #0F172A;--bg-grad: radial-gradient(900px 520px at 85% -8%, rgba(99,102,241,.22) 0%, transparent 58%), radial-gradient(820px 520px at -8% 108%, rgba(244,63,94,.16) 0%, transparent 55%), #0F172A;--surface: rgba(30, 41, 59, .7);--surface-2: #334155;--surface-solid: #1E293B;--border: rgba(255, 255, 255, .1);--border-strong: rgba(99, 102, 241, .55);--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--primary: #6366F1;--primary-2: #4F46E5;--accent: #F43F5E;--primary-grad: linear-gradient(135deg, #6366F1 0%, #4F46E5 60%, #7C3AED 100%);--accent-grad: linear-gradient(135deg, #F43F5E 0%, #6366F1 100%);--success: #10B981;--danger: #F43F5E;--warning: #F59E0B;--glow: 0 0 0 1px rgba(99,102,241,.4), 0 0 22px rgba(99,102,241,.35);--glow-cyan: 0 0 22px rgba(6,182,212,.4);--shadow: 0 18px 50px rgba(0,0,0,.55);--card-blur: blur(10px);--card-bg: var(--surface)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-grad, var(--bg));background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background var(--t-slow) var(--ease),color var(--t-base) var(--ease);padding-top:0}html[data-surface=learn] body{background:radial-gradient(900px 480px at 90% -10%,rgba(74,190,122,.18) 0%,transparent 55%),radial-gradient(700px 420px at -5% 100%,rgba(245,166,35,.12) 0%,transparent 50%),#f4fbf7;color:#1e1e1e}h1,h2,h3,.display{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:-.02em}a{color:inherit;text-decoration:none}::selection{background:var(--primary);color:#fff}.stage{max-width:1180px;margin:0 auto;padding:var(--sp-5)}body.mobile .stage{max-width:412px}body.mobile .desktop-only{display:none!important}body:not(.mobile) .mobile-only{display:none!important}body.mobile .stage{padding:var(--sp-3)}body.mobile .appbar{flex-wrap:wrap;gap:var(--sp-2)}body.mobile .appbar .stat{font-size:var(--fs-sm)}body.mobile .bar.thin{width:auto!important;flex:1;min-width:0}body.mobile .card .bar.thin{width:100%!important}body.mobile .row.between>.pill{flex-shrink:0}.frame{position:relative;border-radius:var(--r-xl);overflow:hidden}body.mobile .frame{border:10px solid #0c0c14;border-radius:44px;box-shadow:var(--shadow);min-height:760px}.card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--sp-5);color:var(--text);transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.card.glow{box-shadow:var(--glow);border-color:var(--border-strong)}.card.hover:hover{transform:translateY(-4px);border-color:var(--border-strong)}button.card{font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%}button.card:disabled{opacity:.55;cursor:not-allowed;transform:none}.card .card{background:var(--surface-2);box-shadow:none}.card .card.hover:hover{background:var(--surface-solid)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);padding:.85rem 1.5rem;border-radius:var(--r-pill);border:none;cursor:pointer;color:#fff;background:var(--primary-grad);position:relative;transition:transform var(--t-fast) var(--ease-bounce),box-shadow var(--t-base) var(--ease),filter var(--t-fast);box-shadow:var(--glow)}.btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.07)}.btn:active{transform:translateY(0) scale(.98)}.btn.lg{padding:1.1rem 2rem;font-size:var(--fs-lg)}.btn.block{display:flex;width:100%}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn.ghost:hover{background:var(--surface-2)}.btn.accent{background:var(--accent-grad)}[data-theme=light] .btn.ghost{color:var(--text)}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.35rem .8rem;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted)}.pill.primary{color:var(--primary);border-color:var(--border-strong)}.tag{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.stat{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold)}.stat .ic{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm);font-size:14px}.bar{height:12px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}.bar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--primary-grad);transition:width var(--t-slow) var(--ease)}.bar.hp>i{background:linear-gradient(90deg,var(--c-hp),#ff8aa0)}.bar.thin{height:8px}.avatar{border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:var(--fw-black);color:#fff;background:var(--accent-grad);position:relative;flex-shrink:0}.avatar.ring{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--primary)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-6) 0 var(--sp-4)}.section-head h2{font-size:var(--fs-lg)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.grid{display:grid;gap:var(--sp-4)}.row{display:flex;gap:var(--sp-4)}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}.col{flex-direction:column}.appbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.brand{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg)}.brand .logo{width:38px;height:38px;border-radius:var(--r-sm);background:var(--primary-grad);display:grid;place-items:center;box-shadow:var(--glow)}.bottomnav{position:sticky;bottom:0;display:flex;justify-content:space-around;padding:var(--sp-3);margin-top:var(--sp-6);background:var(--surface);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:1px solid var(--border);border-radius:var(--r-lg)}.bottomnav a{display:grid;place-items:center;gap:2px;font-size:var(--fs-xs);color:var(--text-dim);font-weight:var(--fw-semibold)}.bottomnav a.active{color:var(--primary)}.bottomnav a .ic{font-size:20px}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.floaty{animation:floaty 4s var(--ease) infinite}.pop{animation:pop var(--t-base) var(--ease-bounce) both}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.kbd{font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px 8px;border-radius:var(--r-xs);background:var(--surface-2);border:1px solid var(--border)}.text-grad{background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-page{position:relative;min-height:100vh;overflow-x:hidden}.auth-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,#000 20%,transparent 75%)}.auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-mobile-quick{display:none}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.auth-hero.auth-hero--desktop{display:none}.hero-carousel{display:block}.auth-mobile-quick{display:block;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);background:radial-gradient(480px 240px at 50% 0%,color-mix(in srgb,var(--primary) 18%,transparent) 0%,transparent 60%),var(--surface-solid)}.auth-panel{justify-content:flex-start;padding-top:var(--sp-4)}#auth-form{scroll-margin-top:var(--sp-3)}}@media (min-width: 901px){.hero-carousel,.auth-mobile-quick{display:none}}.pvp-scene{position:relative;z-index:2;margin:var(--sp-4) 0 var(--sp-5);padding:var(--sp-4) var(--sp-3) var(--sp-3);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 100%);border:1px solid var(--border);overflow:hidden}.pvp-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 85%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 70%);pointer-events:none}.pvp-scene__floor{position:absolute;bottom:18%;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);box-shadow:0 0 16px color-mix(in srgb,var(--primary) 40%,transparent)}.pvp-scene__arena{position:relative;height:132px;display:flex;align-items:flex-end;justify-content:center;gap:0}.pvp-scene--compact{margin:0;padding:var(--sp-3) var(--sp-2) var(--sp-2)}.pvp-scene--compact .pvp-scene__arena{height:108px}.pvp-fighter{position:relative;flex:1;max-width:110px;display:flex;flex-direction:column;align-items:center;transform-origin:bottom center}.pvp-fighter--you{animation:pvp-lunge-l 2.8s var(--ease) infinite}.pvp-fighter--foe{animation:pvp-lunge-r 2.8s var(--ease) infinite .35s}@keyframes pvp-lunge-l{0%,18%,to{transform:translate(0) scaleX(1)}32%,42%{transform:translate(14px) scaleX(1.04)}52%{transform:translate(6px) scaleX(.98)}}@keyframes pvp-lunge-r{0%,18%,to{transform:translate(0) scaleX(-1)}32%,42%{transform:translate(14px) scaleX(-1.04)}52%{transform:translate(6px) scaleX(-.98)}}.pvp-fighter svg{width:72px;height:96px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))}.pvp-scene--compact .pvp-fighter svg{width:58px;height:78px}.pvp-fighter--you svg{color:var(--primary)}.pvp-fighter--foe svg{color:color-mix(in srgb,var(--accent) 80%,var(--c-hp))}.pvp-fighter__hp{width:100%;margin-top:6px;font-size:9px;font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--text-dim);text-transform:uppercase}.pvp-fighter__hp .bar{height:5px;margin-top:3px}.pvp-fighter--you .bar>i{background:linear-gradient(90deg,var(--primary),var(--primary-2))}.pvp-fighter--foe .bar>i{background:linear-gradient(90deg,var(--c-hp),#ff8aa0);animation:hp-drain 2.8s var(--ease) infinite .35s}@keyframes hp-drain{0%,30%{width:62%}45%,to{width:48%}}.pvp-scene__mid{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 -8px 28px;flex-shrink:0}.pvp-scene__vs{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--text-dim);padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2)}.pvp-scene__timer{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--fs-sm);border:2px solid var(--border-strong);box-shadow:var(--glow);background:var(--surface);color:var(--primary);animation:timer-pulse 2.8s var(--ease) infinite}@keyframes timer-pulse{0%,25%,to{transform:scale(1);box-shadow:var(--glow)}35%,42%{transform:scale(1.08);box-shadow:var(--glow-accent, var(--glow));color:var(--accent, var(--primary))}}.pvp-clash{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%) scale(0);width:48px;height:48px;pointer-events:none;z-index:4;background:radial-gradient(circle,#fff 0%,var(--primary) 25%,transparent 70%);opacity:0;border-radius:50%;animation:clash-burst 2.8s var(--ease) infinite .35s}@keyframes clash-burst{0%,28%,to{transform:translate(-50%,-50%) scale(0);opacity:0}34%{transform:translate(-50%,-50%) scale(1.2);opacity:.85}42%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.pvp-dmg{position:absolute;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-sm);pointer-events:none;z-index:5;text-shadow:0 0 10px currentColor;opacity:0}.pvp-dmg--you{top:8%;right:22%;color:var(--c-hp);animation:dmg-float 2.8s var(--ease) infinite .35s}.pvp-dmg--foe{top:12%;left:20%;color:var(--c-xp);font-size:var(--fs-xs);animation:dmg-float 2.8s var(--ease) infinite .5s}@keyframes dmg-float{0%,30%,to{opacity:0;transform:translateY(8px) scale(.8)}36%,55%{opacity:1;transform:translateY(-6px) scale(1)}65%{opacity:0;transform:translateY(-18px) scale(.9)}}.pvp-word{position:absolute;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:10px;letter-spacing:.04em;text-transform:lowercase;padding:3px 9px;border-radius:var(--r-pill);pointer-events:none;z-index:5;opacity:0;box-shadow:0 0 10px color-mix(in srgb,currentColor 35%,transparent)}.pvp-word--goal{bottom:40%;left:14%;color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--primary) 42%,transparent);animation:word-float 2.8s var(--ease) infinite .42s}.pvp-word--success{bottom:36%;right:12%;color:var(--success);background:color-mix(in srgb,var(--success) 16%,transparent);border:1px solid color-mix(in srgb,var(--success) 42%,transparent);animation:word-float 2.8s var(--ease) infinite .58s}@keyframes word-float{0%,28%,to{opacity:0;transform:translateY(12px) scale(.82)}36%,58%{opacity:1;transform:translateY(-10px) scale(1)}68%{opacity:0;transform:translateY(-26px) scale(.9)}}.pvp-scene__combo{position:absolute;top:var(--sp-2);right:var(--sp-3);font-family:var(--font-display);font-weight:var(--fw-black);font-size:10px;letter-spacing:.06em;padding:3px 8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-xp) 18%,transparent);border:1px solid color-mix(in srgb,var(--c-xp) 45%,transparent);color:var(--c-xp);animation:combo-pulse 2.8s var(--ease) infinite}@keyframes combo-pulse{0%,25%,to{opacity:.6;transform:scale(1)}35%,45%{opacity:1;transform:scale(1.06);box-shadow:0 0 12px color-mix(in srgb,var(--c-xp) 50%,transparent)}}.pvp-scene__label{text-align:center;margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-dim)}.pvp-scene__label b{color:var(--text-muted);font-weight:var(--fw-semibold)}@media (prefers-reduced-motion: reduce){.pvp-fighter--you,.pvp-fighter--foe,.pvp-clash,.pvp-dmg--you,.pvp-dmg--foe,.pvp-word--goal,.pvp-word--success,.pvp-scene__combo,.pvp-scene__timer,.pvp-fighter--foe .bar>i{animation:none}.pvp-fighter--foe .bar>i{width:48%}.pvp-word--goal,.pvp-word--success{opacity:.85;transform:translateY(-6px)}}.hero-carousel{display:none;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(600px 320px at 80% -20%,color-mix(in srgb,var(--primary) 32%,transparent) 0%,transparent 55%),var(--surface-solid)}.hero-carousel__viewport{overflow:hidden}.hero-carousel__track{display:flex;transition:transform .48s var(--ease);will-change:transform}.hero-slide{flex:0 0 100%;min-height:220px;padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;justify-content:center}.hero-slide__brand{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-md)}.hero-slide__brand .logo{width:32px;height:32px;border-radius:var(--r-sm);background:var(--primary-grad);display:grid;place-items:center;font-size:16px;box-shadow:var(--glow)}.hero-slide h2{font-size:var(--fs-lg);line-height:1.15;margin-bottom:var(--sp-2)}.hero-slide p{color:var(--text-muted);font-size:var(--fs-sm)}.hero-slide__auth{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.hero-slide__auth-title{font-size:var(--fs-lg);line-height:1.15;text-align:center}.hero-slide__auth-sub{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;max-width:28rem}.hero-slide__auth-google{margin-top:0}.hero-slide__auth-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted)}.hero-slide__auth-or{color:var(--text-dim)}.hero-slide__auth-link{padding:0;border:none;background:none;font:inherit;font-weight:var(--fw-semibold);color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hero-slide__auth-link:hover{opacity:.85}.hero-slide__auth-sep{color:var(--text-dim)}.hero-slide__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:var(--sp-3)}.hero-slide__stats .stat-box{padding:var(--sp-2) var(--sp-3)}.hero-slide__stats .stat-box .val{font-size:var(--fs-md)}.hero-slide__feats{list-style:none;display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}.hero-slide__feats li{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.hero-slide__feats .ic{font-size:18px}.hero-carousel__nav{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:0 var(--sp-5) var(--sp-3)}.hero-carousel__dots{display:flex;gap:6px}.hero-carousel__dot{width:7px;height:7px;border-radius:50%;padding:0;border:none;cursor:pointer;background:var(--text-dim);opacity:.45;transition:opacity var(--t-fast),transform var(--t-fast),background var(--t-fast)}.hero-carousel__dot.on{opacity:1;background:var(--primary);transform:scale(1.25);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 60%,transparent)}.hero-carousel__live{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--success);margin-top:var(--sp-2)}.hero-carousel__live .dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse 1.8s ease infinite}.auth-hero{position:relative;overflow:hidden;padding:var(--sp-7) var(--sp-6);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);background:radial-gradient(900px 520px at 85% -5%,color-mix(in srgb,var(--primary) 38%,transparent) 0%,transparent 58%),radial-gradient(700px 480px at -8% 105%,color-mix(in srgb,var(--primary-2) 28%,transparent) 0%,transparent 52%),var(--surface-solid)}.auth-hero__glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.auth-hero__glow.a{top:-80px;right:-60px;background:var(--primary);animation:drift 12s ease-in-out infinite}.auth-hero__glow.b{bottom:-120px;left:-80px;background:var(--primary-2);animation:drift 14s ease-in-out infinite reverse}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-24px,18px) scale(1.08)}}.auth-hero__brand{display:flex;align-items:center;gap:var(--sp-3);position:relative;z-index:2}.auth-hero__brand .logo{width:52px;height:52px;border-radius:var(--r-md);background:var(--primary-grad);display:grid;place-items:center;font-size:26px;box-shadow:var(--glow)}.auth-hero__brand .name{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);letter-spacing:-.02em}.auth-hero__live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--success);padding:4px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--success) 12%,transparent);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.auth-hero__live .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 1.8s ease infinite}.auth-hero__center{position:relative;z-index:2;padding:var(--sp-4) 0 var(--sp-6)}.auth-hero__center h1{font-size:var(--fs-xxl);line-height:1.06;max-width:11ch;margin-bottom:var(--sp-4)}.auth-hero__center p{color:var(--text-muted);font-size:var(--fs-lg);max-width:36ch}.auth-feats{list-style:none;display:grid;gap:var(--sp-3);position:relative;z-index:2}.auth-feats li{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-muted);font-weight:var(--fw-medium);font-size:var(--fs-sm)}.auth-feats .ic{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-size:16px;flex-shrink:0}.auth-hero__stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:var(--sp-5)}.stat-box{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.stat-box .val{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);line-height:1.1}.stat-box .lbl{font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px}.stat-box .val.xp{color:var(--c-xp)}.stat-box .val.streak{color:var(--c-streak)}.stat-box .val.rank{background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-orbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.auth-orbs .orb{position:absolute;padding:.55rem .9rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--glow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);display:flex;align-items:center;gap:.45rem;opacity:.92;white-space:nowrap}.auth-orbs .orb.a{top:18%;right:6%;animation:floaty 5s var(--ease) infinite}.auth-orbs .orb.b{top:48%;right:18%;animation:floaty 6.5s var(--ease) infinite .6s}.auth-orbs .orb.c{top:68%;right:4%;animation:floaty 5.8s var(--ease) infinite 1.1s}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-6) var(--sp-5);position:relative}.auth-card{width:100%;max-width:420px;padding:var(--sp-6);animation:pop var(--t-base) var(--ease-bounce) both;position:relative}.auth-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--r-md) + 1px);background:var(--primary-grad);opacity:.22;z-index:-1;filter:blur(12px);animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.32;transform:scale(1.01)}}.auth-card__head{text-align:center;margin-bottom:var(--sp-5)}.auth-card__head h2{font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.auth-card__head p{color:var(--text-muted);font-size:var(--fs-sm)}.seg{display:flex;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);margin-bottom:var(--sp-5)}.seg button{flex:1;border:none;background:transparent;cursor:pointer;color:var(--text-muted);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:.6rem;border-radius:var(--r-pill);transition:all var(--t-base) var(--ease)}.seg button.on{background:var(--primary-grad);color:#fff;box-shadow:var(--glow)}.field{margin-bottom:var(--sp-4)}.field>label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-2)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .ic{position:absolute;left:14px;font-size:15px;opacity:.75;pointer-events:none}.input{width:100%;font-family:var(--font-body);font-size:var(--fs-md);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:.85rem 1rem .85rem 2.55rem;outline:none;transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),background var(--t-base)}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:var(--border-strong);box-shadow:var(--glow);background:var(--surface)}.input.invalid{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.field-msg{margin-top:6px;font-size:var(--fs-xs);color:var(--danger);min-height:1em}.field .reveal{position:absolute;right:10px;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:4px 8px;border-radius:var(--r-xs);transition:color var(--t-fast)}.field .reveal:hover{color:var(--text-muted)}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.checkbox-row{display:flex;align-items:center;gap:8px;color:var(--text-muted);cursor:pointer}.checkbox-row input{accent-color:var(--primary)}.auth-row a{color:var(--primary);font-weight:var(--fw-semibold);text-decoration:none}.auth-row a:hover{text-decoration:underline}.btn-submit{position:relative;overflow:hidden}.btn-submit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translate(-120%);animation:shimmer 3.5s ease-in-out infinite}@keyframes shimmer{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}.auth-error{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);padding:.7rem .9rem;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);color:var(--text)}.btn[disabled]{opacity:.65;cursor:not-allowed;filter:saturate(.8)}.btn .spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-foot{text-align:center;margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--text-muted)}.auth-foot a{color:var(--primary);font-weight:var(--fw-semibold)}.auth-foot a:hover{text-decoration:underline}.auth-alt{text-align:center;margin-top:var(--sp-4)}.auth-alt a{font-size:var(--fs-xs);color:var(--text-dim);font-weight:var(--fw-semibold);letter-spacing:.04em}.auth-alt a:hover{color:var(--text-muted)}.auth-oauth{margin-top:var(--sp-4)}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--text-dim);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.gsi-slot{display:flex;justify-content:center;min-height:44px}.gsi-slot>div{color-scheme:light}.social-proof{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-dim)}.social-proof .avatars{display:flex}.social-proof .avatars span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:var(--fw-bold);border:2px solid var(--surface-solid);margin-left:-8px;background:var(--accent-grad)}.social-proof .avatars span:first-child{margin-left:0}.theme-switch{position:absolute;top:var(--sp-4);right:var(--sp-4);display:flex;gap:6px;z-index:5}.theme-switch button{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;transition:transform var(--t-fast) var(--ease-bounce)}.theme-switch button:hover{transform:scale(1.15)}.theme-switch button.on{border-color:var(--text);box-shadow:var(--glow)}.home-wrap{max-width:880px;margin:0 auto;padding:var(--sp-6) var(--sp-5)}.login-simple{--green-deep: #1a5c38;--green-mid: #2d8a55;--green-light: #4abe7a;--amber: #f5a623;--earth: #7c4b1e;--cream: #fdf8ee;--font-display: "Baloo 2", "Space Grotesk", system-ui, sans-serif;--font-body: "Mulish", "Inter", system-ui, sans-serif;position:relative;min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;overflow:hidden;background:radial-gradient(900px 480px at 90% -10%,rgba(74,190,122,.22) 0%,transparent 55%),radial-gradient(700px 420px at -5% 100%,rgba(245,166,35,.16) 0%,transparent 50%),var(--cream);color:#1e1e1e;font-family:var(--font-body)}.login-simple__glow{position:absolute;width:min(420px,70vw);height:min(420px,70vw);border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;z-index:0}.login-simple__glow--a{top:-8%;right:4%;background:var(--green-light);animation:login-simple-drift 12s ease-in-out infinite}.login-simple__glow--b{bottom:-12%;left:2%;background:var(--amber);animation:login-simple-drift 14s ease-in-out infinite reverse}@keyframes login-simple-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,16px) scale(1.06)}}.login-simple__panel{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem 1.75rem;background:linear-gradient(165deg,#fff,#edf7f1);border:2px solid #c6f0d8;border-radius:1.5rem;box-shadow:0 12px 40px #1a5c381f;animation:login-simple-in .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes login-simple-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-simple__mascot{margin-bottom:.35rem;animation:login-simple-bob 3.2s ease-in-out infinite}@keyframes login-simple-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-simple__brand{display:inline-flex;align-items:center;gap:.45rem;margin:.25rem 0 1rem;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--green-deep)}.login-simple__brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:linear-gradient(135deg,#1a5c38,#2d8a55 55%,#4abe7a);color:#fff;font-size:.95rem;box-shadow:0 4px 14px #1a5c3847}.login-simple__title{margin:0 0 .45rem;font-family:var(--font-display);font-weight:900;font-size:clamp(1.65rem,5vw,2rem);line-height:1.15;color:var(--green-deep)}.login-simple__sub{margin:0 0 1.5rem;max-width:28ch;font-size:1rem;line-height:1.55;color:#6b7280}.login-simple__google-wrap{position:relative;width:100%}.login-simple__gsi{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:.011;overflow:hidden;border-radius:3rem;cursor:pointer}.login-simple__gsi>div{transform:scale(1.35);transform-origin:center}.login-simple__google{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:3.25rem;padding:.85rem 1.35rem;border:none;border-radius:3rem;background:var(--green-deep);color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.05rem;cursor:pointer;box-shadow:0 6px 22px #1a5c3859;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;pointer-events:none}.login-simple__google:hover{background:var(--green-mid);transform:translateY(-2px);box-shadow:0 10px 28px #1a5c3866}.login-simple__google:active{transform:translateY(0) scale(.98)}.login-simple__g-mark{flex-shrink:0;background:#fff;border-radius:50%;padding:3px;box-sizing:content-box}.login-simple__divider{display:flex;align-items:center;gap:.75rem;width:100%;margin:1.15rem 0 .85rem;color:#9ca3af;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.login-simple__divider:before,.login-simple__divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.login-simple__form{display:flex;flex-direction:column;gap:.75rem;width:100%}.login-simple__field{display:flex;flex-direction:column;gap:.35rem;text-align:left}.login-simple__label{font-size:.78rem;font-weight:700;color:var(--green-deep, #1a5c38)}.login-simple__field input{width:100%;box-sizing:border-box;padding:.7rem .9rem;border-radius:.85rem;border:1.5px solid #c6f0d8;background:#fff;font-size:.95rem;color:#1f2937}.login-simple__field input:focus{outline:none;border-color:var(--green-mid, #2d8a55);box-shadow:0 0 0 3px #2d8a552e}.login-simple__submit{margin-top:.25rem;padding:.75rem 1.25rem;border:none;border-radius:3rem;background:var(--amber, #f5a623);color:var(--earth, #7c4b1e);font-family:var(--font-display, inherit);font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 4px 16px #f5a62359}.login-simple__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #f5a6236b}.login-simple__submit:disabled{opacity:.7;cursor:wait}.login-simple__register{margin:.85rem 0 0;font-size:.88rem;color:#6b7280}.login-simple__register a{color:var(--green-mid, #2d8a55);font-weight:700;text-decoration:none}.login-simple__register a:hover{text-decoration:underline}.login-simple__unavailable,.login-simple__error{margin-top:1rem;padding:.75rem 1rem;border-radius:.9rem;font-size:.9rem;line-height:1.45}.login-simple__unavailable{background:#fdf5ed;color:var(--earth);border:1.5px solid #f5d9b8}.login-simple__error{width:100%;background:#fdecea;color:#c0392b;border:1.5px solid #f5c4be}.login-simple__staff{margin:1.35rem 0 0;font-size:.78rem}.login-simple__staff a{color:#9ca3af;font-weight:600;text-decoration:none}.login-simple__staff a:hover{color:var(--green-mid)}@media (prefers-reduced-motion: reduce){.login-simple__glow,.login-simple__mascot,.login-simple__panel{animation:none}.login-simple__google:hover{transform:none}}.solo-eco-compact{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}.solo-eco-xp-bar{height:6px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;margin-top:var(--sp-2)}.solo-eco-xp-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-xp),color-mix(in srgb,var(--c-xp) 70%,var(--primary)));transition:width var(--t-base) var(--ease)}.solo-hub-shell{min-height:100vh;background:var(--bg);background-image:var(--bg-grad, none);--solo-hub-sticky-top: calc(57px + var(--sp-4))}.skill-tree-shell .solo-hub-shell{--solo-hub-sticky-top: calc(56px + 57px + var(--sp-4))}.skill-tree-shell .solo-hub-appbar,.skill-tree-shell .solo-fc2-appbar,.skill-tree-shell .solo-quiz-appbar{top:56px}.solo-hub-appbar{position:sticky;top:0;z-index:100;background:#0d0b1ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.solo-hub-appbar-left,.solo-hub-appbar-right{display:flex;align-items:center;gap:var(--sp-3)}.solo-hub-btn-back{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--t-fast) var(--ease)}.solo-hub-btn-back:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.solo-hub-btn-back svg{width:14px;height:14px}.solo-hub-appbar-label{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.solo-hub-stat{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.solo-hub-stat-icon{width:28px;height:28px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--surface-2)}.solo-hub-stat.xp .solo-hub-stat-val{color:var(--c-xp)}.solo-hub-stat.energy .solo-hub-stat-val{color:var(--c-mp)}.solo-hub-stat.crystal .solo-hub-stat-val{color:var(--accent)}.solo-hub{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:var(--sp-6);display:grid;grid-template-columns:380px 1fr;gap:var(--sp-6);align-items:start}.solo-hub-left{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--solo-hub-sticky-top);align-self:start;z-index:5;width:100%}.solo-hub-topic-header{display:flex;flex-direction:column;gap:var(--sp-2)}.solo-hub-topic-eyebrow{display:flex;align-items:center;gap:var(--sp-2)}.solo-hub-topic-eyebrow .tag.primary{color:var(--primary);border-color:#8b5cf64d;background:#8b5cf61a;padding:2px var(--sp-2);border-radius:var(--r-xs);border:1px solid var(--border)}.solo-hub-topic-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:1.2;margin:0;background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.solo-hub-topic-meta{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.solo-hub-progress-card{--progress-accent: var(--primary);position:relative;overflow:hidden;isolation:isolate;padding:var(--sp-5);border:1px solid color-mix(in srgb,var(--progress-accent) 42%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--progress-accent) 11%,transparent) 0%,transparent 48%),var(--card-bg, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--progress-accent) 12%,transparent),0 14px 40px color-mix(in srgb,var(--progress-accent) 18%,transparent),var(--shadow)}.solo-hub-progress-card--warn{--progress-accent: var(--c-xp)}.solo-hub-progress-card--ok{--progress-accent: var(--success)}.solo-hub-progress-card--danger{--progress-accent: var(--danger, var(--warning))}.solo-hub-progress-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 75% at 8% -15%,color-mix(in srgb,var(--progress-accent) 22%,transparent) 0%,transparent 58%);pointer-events:none;z-index:0}.solo-hub-progress-card:after{content:"";position:absolute;top:-35%;right:-12%;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--progress-accent) 14%,transparent);filter:blur(44px);pointer-events:none;z-index:0;animation:solo-hub-progress-glow 4s ease-in-out infinite}.solo-hub-progress-card>*{position:relative;z-index:1}@keyframes solo-hub-progress-glow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.solo-hub-card-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-4);display:flex;align-items:center;justify-content:space-between}.solo-hub-card-title .pill.ok{background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:var(--success)}.solo-hub-card-title .pill.warn{background:#fbbf241f;border:1px solid rgba(251,191,36,.3);color:var(--c-xp)}.solo-hub-ring-row{display:flex;align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-4)}.solo-hub-progress-body{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-2)}.solo-hub-ring-wrap{position:relative;flex-shrink:0;width:110px;height:110px}.solo-hub-ring-wrap--hero,.solo-hub-ring-wrap--hero .solo-hub-ring-svg{width:96px;height:96px}.solo-hub-ring-svg{width:110px;height:110px;transform:rotate(-90deg)}.solo-hub-ring-track{fill:none;stroke:#ffffff12;stroke-width:10}.solo-hub-ring-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--primary) 55%,transparent));animation:solo-hub-ring-pulse 3s ease-in-out infinite}.solo-hub-ring-fill.complete{animation:none}@keyframes solo-hub-ring-pulse{0%,to{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--primary) 50%,transparent))}50%{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 65%,transparent))}}.solo-hub-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none}.solo-hub-ring-num{font-family:var(--font-display);font-size:2rem;font-weight:var(--fw-black);line-height:1;background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.solo-hub-ring-wrap--hero .solo-hub-ring-num{font-size:1.65rem}.solo-hub-ring-pct-line{display:inline-flex;align-items:baseline;gap:1px;line-height:1}.solo-hub-ring-pct-unit{font-family:var(--font-display);font-size:.85rem;font-weight:var(--fw-bold);color:var(--text-muted);line-height:1}.solo-hub-ring-wrap--hero .solo-hub-ring-center{flex-direction:column;gap:2px}.solo-hub-ring-wrap--hero .solo-hub-ring-denom{text-align:center}.solo-hub-ring-denom{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.solo-hub-progress-facts{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.solo-hub-progress-fact{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0}.solo-hub-progress-fact dt{margin:0;flex:0 0 auto;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim)}.solo-hub-progress-fact dd{margin:0;flex:0 0 auto;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.solo-hub-progress-fact--streak dd{color:var(--c-streak);font-family:var(--font-display);display:inline-flex;align-items:center;gap:.2rem}.solo-hub-ring-stats{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}.solo-hub-ring-pct{display:flex;flex-direction:column;gap:2px}.solo-hub-ring-pct-num{font-family:var(--font-display);font-size:1.75rem;font-weight:var(--fw-black);line-height:1;color:var(--primary)}.solo-hub-ring-pct-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.solo-hub-kind-meta{margin:0;font-size:var(--fs-xs);line-height:1.35;color:var(--text-muted);font-weight:var(--fw-medium)}.solo-hub-kind-meta-sep{margin:0 .35em;opacity:.55}.solo-hub-ring-streak{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;padding:.28rem .65rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-streak) 14%,transparent);color:var(--c-streak);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1.2}.solo-hub-ring-stat-item{display:flex;flex-direction:column;gap:4px}.solo-hub-ring-stat-label{font-size:var(--fs-xs);color:var(--text-dim);font-weight:var(--fw-medium);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.solo-hub-ring-stat-label .val{font-family:var(--font-mono);color:var(--text-muted)}.solo-hub-ring-stat-label .val.streak{color:var(--c-streak)}.solo-hub-ring-stat-bar{height:5px;border-radius:var(--r-pill);background:#ffffff12;overflow:hidden}.solo-hub-ring-stat-fill{height:100%;border-radius:var(--r-pill);background:var(--primary-grad);transition:width var(--t-slow) var(--ease)}.solo-hub-ring-stat-fill.xp{background:linear-gradient(90deg,var(--c-xp),#fb923c)}.solo-hub-ring-stat-fill.success{background:linear-gradient(90deg,var(--success),#059669)}.solo-hub-ring-stat-caption{margin:0;font-size:var(--fs-xs);line-height:1.4}.solo-hub-mastery-big{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-3)}.solo-hub-mastery-num{font-family:var(--font-display);font-size:var(--fs-xxl);font-weight:var(--fw-black);color:var(--primary);line-height:1}.solo-hub-mastery-denom{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-muted)}.solo-hub-mastery-label{font-size:var(--fs-sm);color:var(--text-muted)}.solo-hub-bar-wrap{margin:var(--sp-3) 0}.solo-hub-bar-label-row{display:flex;justify-content:space-between;margin-bottom:var(--sp-1);font-size:var(--fs-xs);color:var(--text-dim)}.solo-hub .bar{height:8px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden;border:none}.solo-hub .bar.thin{height:4px}.solo-hub .bar-fill{height:100%;border-radius:var(--r-pill);background:var(--primary-grad);transition:width var(--t-slow) var(--ease)}.solo-hub .bar-fill.xp{background:linear-gradient(90deg,var(--c-xp),#fb923c)}.solo-hub-checklist{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid color-mix(in srgb,var(--progress-accent, var(--primary)) 20%,var(--border))}.solo-hub-mode-progress{margin-top:.55rem;padding-top:.7rem;border-top:1px solid color-mix(in srgb,var(--progress-accent, var(--primary)) 20%,var(--border))}.solo-hub-mode-progress-label{margin:0 0 .45rem;font-size:.68rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.solo-hub-mode-progress-list{margin:0;display:flex;flex-direction:column;gap:.4rem}.solo-hub-mode-progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.solo-hub-mode-progress-row dt{margin:0;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.solo-hub-mode-progress-row dd{margin:0;display:inline-flex;align-items:baseline;gap:.4rem;text-align:right}.solo-hub-mode-progress-status{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text)}.solo-hub-mode-progress-count{font-size:.72rem;font-weight:var(--fw-medium);color:var(--text-dim);font-variant-numeric:tabular-nums}.solo-hub-mode-progress-row.is-done .solo-hub-mode-progress-status{color:var(--success)}.solo-hub-checklist--inline{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.35rem 0 0;padding-top:.65rem;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim);line-height:1.35}.solo-hub-checklist--inline .is-done{color:var(--success)}.solo-hub-checklist-sep{opacity:.45}.solo-hub-checklist--compact{flex-direction:row;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2);padding-top:var(--sp-3)}.solo-hub-checklist--compact .solo-hub-check-item{flex:1 1 auto;min-width:0;gap:.35rem;padding:.35rem .55rem;border-radius:var(--r-md, .65rem);background:color-mix(in srgb,var(--progress-accent, var(--primary)) 8%,transparent)}.solo-hub-checklist--compact .solo-hub-check-label{flex:0 1 auto}.solo-hub-checklist--compact .solo-hub-check-val{margin-left:auto;font-variant-numeric:tabular-nums}.solo-hub-check-meta{margin-left:var(--sp-1)}.solo-hub-check-item{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted)}.solo-hub-check-label{flex:1;min-width:0}.solo-hub-check-val{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);margin-left:auto;flex-shrink:0}.solo-hub-check-item.done{color:var(--success)}.solo-hub-check-item.active{color:var(--text)}.solo-hub-check-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:var(--text-dim)}.solo-hub-check-icon.ring{border:1.5px solid var(--border-strong);border-radius:50%}.solo-hub-modes{display:flex;flex-direction:column;gap:var(--sp-2)}.solo-hub-modes-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.solo-hub-modes-secondary.single{grid-template-columns:1fr}.solo-hub-mode-card.compact{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2)}.solo-hub-mode-card.compact .solo-hub-mode-icon{width:36px;height:36px;font-size:1.1rem}.solo-hub-mode-card.compact .solo-hub-mode-name{font-size:var(--fs-sm)}.solo-hub-mode-card.compact .solo-hub-mode-meta{font-size:var(--fs-xs);line-height:1.3}.solo-hub-mode-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all var(--t-base) var(--ease);text-align:left;width:100%;box-shadow:var(--shadow);color:inherit;font:inherit}.solo-hub-mode-card:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px);box-shadow:var(--glow)}.solo-hub-mode-card:disabled{opacity:.5;cursor:not-allowed}.solo-hub-mode-card.primary-mode{background:var(--primary-grad);border-color:transparent;box-shadow:0 0 0 1px #8b5cf680,0 4px 32px #8b5cf659;animation:solo-hub-pulse-glow 3s ease-in-out infinite}.solo-hub-mode-card.primary-mode .solo-hub-mode-name{color:#fff}.solo-hub-mode-card.primary-mode .solo-hub-mode-meta{color:#ffffffb3}.solo-hub-mode-card.primary-mode .solo-hub-mode-badge{background:#fff3;color:#fff}.solo-hub-mode-icon{width:44px;height:44px;border-radius:var(--r-sm);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.solo-hub-mode-card.primary-mode .solo-hub-mode-icon{background:#ffffff26}.solo-hub-mode-info{flex:1;min-width:0}.solo-hub-mode-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text);margin-bottom:2px}.solo-hub-mode-meta{font-size:var(--fs-xs);color:var(--text-muted)}.solo-hub-mode-badge{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:3px var(--sp-2);border-radius:var(--r-xs);background:var(--surface-2);color:var(--text-dim);white-space:nowrap}.solo-hub-right{display:flex;flex-direction:column;gap:var(--sp-4)}.solo-hub-right .solo-hub-panel-title .count{background:var(--surface-2);color:var(--text-dim)}.solo-hub-right .solo-hub-filter-btn:hover,.solo-hub-right .solo-hub-filter-btn.active{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.solo-hub-right .solo-hub-word-card:before{opacity:.45;width:2px}.solo-hub-right .solo-hub-word-card.common:before,.solo-hub-right .solo-hub-word-card.rare:before,.solo-hub-right .solo-hub-word-card.epic:before,.solo-hub-right .solo-hub-word-card.legendary:before{background:var(--text-dim)}.solo-hub-right .solo-hub-word-card.legendary:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.solo-hub-right .solo-hub-word-card:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--border-strong)}.solo-hub-right .solo-hub-rarity-badge,.solo-hub-right .solo-hub-word-card.common .solo-hub-rarity-badge,.solo-hub-right .solo-hub-word-card.rare .solo-hub-rarity-badge,.solo-hub-right .solo-hub-word-card.epic .solo-hub-rarity-badge,.solo-hub-right .solo-hub-word-card.legendary .solo-hub-rarity-badge{color:var(--text-dim);letter-spacing:.04em}.solo-hub-right .solo-hub-word-type{color:var(--text-dim);font-style:normal}.solo-hub-right .solo-hub-word-mastery-pips .pip.filled,.solo-hub-right .solo-hub-mastery-pips .pip.filled,.solo-hub-right .solo-hub-word-mastery-pips .pip.filled.gold,.solo-hub-right .solo-hub-mastery-pips .pip.filled.gold{background:color-mix(in srgb,var(--text-muted) 55%,transparent)}.solo-hub-right .solo-hub-word-tag.new,.solo-hub-right .solo-hub-word-tag.review,.solo-hub-right .solo-hub-word-tag.mastered{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.solo-hub-right .solo-hub-tooltip-example strong{color:var(--text);font-weight:var(--fw-semibold)}.solo-hub-right .solo-hub-grammar-card:before{background:var(--border-strong)}.solo-hub-right .solo-hub-grammar-card:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:none;transform:none}.solo-hub-right .solo-hub-grammar-card:hover:before{opacity:.7}.solo-hub-right .solo-hub-section-label .pill.warn{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.solo-hub-right .solo-hub-word-en{font-size:var(--fs-lg);line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--sp-1)}.solo-hub-right .solo-hub-rarity-badge,.solo-hub-right .solo-hub-mastery-level,.solo-hub-right .solo-hub-word-type,.solo-hub-right .solo-hub-word-vi,.solo-hub-right .solo-hub-word-tag{font-size:10px;line-height:1.35}.solo-hub-right .solo-hub-word-vi{margin-bottom:var(--sp-2)}.solo-hub-right .solo-hub-word-rarity{margin-bottom:var(--sp-1)}.solo-hub-right .solo-hub-word-card.is-review .solo-hub-word-mastery-pips .pip.filled,.solo-hub-right .solo-hub-word-card.is-review .solo-hub-word-mastery-pips .pip.filled.gold{background:color-mix(in srgb,var(--c-xp) 72%,transparent)}.solo-hub-right .solo-hub-word-card.is-mastered .solo-hub-word-mastery-pips .pip.filled,.solo-hub-right .solo-hub-word-card.is-mastered .solo-hub-word-mastery-pips .pip.filled.gold{background:color-mix(in srgb,var(--success) 72%,transparent)}.solo-hub-section-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--text-dim);display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);margin-bottom:var(--sp-3)}.solo-hub-section-toggle{flex:1 1 100%;margin:0;padding:0;border:none;background:none;font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:normal;color:var(--primary);cursor:pointer;text-align:left}.solo-hub-section-toggle:hover{text-decoration:underline}.solo-hub-grammar-preview-note{margin:var(--sp-2) 0 0;font-size:var(--fs-xs)}.solo-hub-section-heading{display:inline-flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:.02em;color:var(--text);text-transform:none}.solo-hub-section-sub{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.01em;color:var(--text-muted);text-transform:none}.solo-hub-grammar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-3)}.solo-hub-grammar-grid--full{grid-template-columns:repeat(2,minmax(0,1fr))}.solo-hub-grammar-pattern{margin-top:var(--sp-2);margin-bottom:var(--sp-2)}.solo-hub-grammar-grid--full .solo-hub-grammar-desc{margin-bottom:var(--sp-3);line-height:1.6}.solo-hub-vocab-cta{padding:var(--sp-2) 0}.solo-hub-vocab-back-btn{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);text-align:left;padding:var(--sp-4)}.solo-hub-vocab-back-meta{font-size:var(--fs-xs);font-weight:var(--fw-normal)}.solo-hub-spell-panel{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.solo-hub-spell-panel-head{display:flex;align-items:center;gap:var(--sp-2)}.solo-hub-spell-panel-icon{font-size:var(--fs-sm);line-height:1}.solo-hub-spell-panel-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-dim);letter-spacing:.02em}.solo-hub-spell-lock{margin-left:auto;font-size:var(--fs-sm);line-height:1;opacity:.75}.solo-hub-spell-list{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2)}.solo-hub-spell-chip{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:2px var(--sp-3);line-height:1.5}.solo-hub-spell-footnote{margin:0;padding-top:var(--sp-1);font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45;opacity:.85}.solo-hub-spell-footnote strong{font-weight:var(--fw-semibold);color:var(--text-dim)}.solo-hub-grammar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);transition:all var(--t-base) var(--ease);position:relative;overflow:hidden}.solo-hub-grammar-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--r-xs) 0 0 var(--r-xs);background:var(--primary-grad);opacity:0;transition:opacity var(--t-fast) var(--ease)}.solo-hub-grammar-card:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--glow);transform:translateY(-2px)}.solo-hub-grammar-card:hover:before{opacity:1}.solo-hub-grammar-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);margin-bottom:var(--sp-1)}.solo-hub-grammar-desc{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-3);line-height:1.5}.solo-hub-grammar-desc strong,.solo-grammar-modal-explain strong,.solo-fc2-grammar-why strong,.solo-fc2-grammar-ref-explain strong{color:var(--text);font-weight:600}.solo-hub-mastery-bar-row{display:flex;align-items:center;gap:var(--sp-2)}.solo-hub-mastery-pips{display:flex;gap:3px}.solo-hub-mastery-pips .pip{width:18px;height:5px;border-radius:var(--r-pill);background:#ffffff1a}.solo-hub-mastery-pips .pip.filled{background:var(--primary-grad)}.solo-hub-mastery-pips .pip.filled.gold{background:linear-gradient(90deg,var(--c-xp),#fb923c)}.solo-hub-mastery-text{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.solo-hub-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-3)}.solo-hub-panel-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--text);display:flex;align-items:center;gap:var(--sp-2)}.solo-hub-panel-title .count{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:2px var(--sp-3)}.solo-hub-filter-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.solo-hub-filter-btn{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;transition:all var(--t-fast) var(--ease)}.solo-hub-filter-btn:hover,.solo-hub-filter-btn.active{border-color:var(--border-strong);background:#8b5cf61a;color:var(--primary)}.solo-hub-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3)}.solo-hub-word-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);transition:all var(--t-fast) var(--ease);position:relative;overflow:visible}.solo-hub-word-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--r-xs) 0 0 var(--r-xs)}.solo-hub-word-card.common:before{background:#9ca3af}.solo-hub-word-card.rare:before{background:#38bdf8}.solo-hub-word-card.epic:before{background:#a78bfa}.solo-hub-word-card.legendary:before{background:linear-gradient(180deg,#fbbf24,#fb923c)}.solo-hub-word-card.legendary:hover{box-shadow:0 8px 28px #fbbf2433;border-color:#fbbf2459}.solo-hub-word-card:hover{background:var(--surface-2);transform:translateY(-3px);box-shadow:0 8px 24px #0006;border-color:#ffffff24}.solo-hub-word-rarity{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.solo-hub-rarity-badge{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase}.solo-hub-word-card.common .solo-hub-rarity-badge{color:#9ca3af}.solo-hub-word-card.rare .solo-hub-rarity-badge{color:#38bdf8}.solo-hub-word-card.epic .solo-hub-rarity-badge{color:#a78bfa}.solo-hub-word-card.legendary .solo-hub-rarity-badge{color:#fbbf24}.solo-hub-mastery-level{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.solo-hub-word-en{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text);margin-bottom:2px}.solo-hub-word-type{font-size:var(--fs-xs);color:var(--accent);font-style:italic;margin-bottom:var(--sp-1)}.solo-hub-word-vi{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-3)}.solo-hub-word-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.solo-hub-word-mastery-pips{display:flex;gap:2px}.solo-hub-word-mastery-pips .pip{width:14px;height:4px;border-radius:var(--r-pill);background:#ffffff1a}.solo-hub-word-mastery-pips .pip.filled{background:var(--primary-grad)}.solo-hub-word-mastery-pips .pip.filled.gold{background:linear-gradient(90deg,var(--c-xp),#fb923c)}.solo-hub-word-tag{font-size:10px;padding:2px var(--sp-2);border-radius:var(--r-xs);font-weight:var(--fw-medium);white-space:nowrap}.solo-hub-word-tag.new{background:#34d3991f;color:var(--success);border:1px solid rgba(52,211,153,.25)}.solo-hub-word-tag.review{background:#fbbf241a;color:var(--c-xp);border:1px solid rgba(251,191,36,.25)}.solo-hub-word-tag.mastered{background:#8b5cf61a;color:var(--primary);border:1px solid rgba(139,92,246,.25)}.solo-hub-word-tooltip{display:none;position:absolute;bottom:calc(100% + var(--sp-2));left:50%;transform:translate(-50%);background:var(--surface-solid, var(--surface-2));border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);width:200px;box-shadow:var(--glow);z-index:10}.solo-hub-word-card:hover .solo-hub-word-tooltip{display:block}.solo-hub-tooltip-example{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic;line-height:1.5}.solo-hub-tooltip-example strong{color:var(--accent);font-style:normal}.solo-hub-word-more{text-align:center;font-size:var(--fs-xs);margin-top:var(--sp-4)}.solo-hub-link{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;padding:0}.solo-hub-empty-placeholder{padding:var(--sp-5);text-align:center;border:1px dashed var(--border);border-radius:var(--r-md)}.solo-hub-side-meta{font-size:var(--fs-xs);text-align:center}.solo-hub-weak-hint{color:var(--warning);font-size:var(--fs-sm);margin:var(--sp-2) 0 0}.solo-hub-mission-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--warning);margin:var(--sp-4) 0 var(--sp-3)}.solo-hub-mobile-cta{display:none;position:fixed;bottom:var(--sp-4);left:var(--sp-4);right:var(--sp-4);z-index:99;transition:opacity .2s ease,transform .2s ease}.solo-hub-mobile-cta.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.solo-hub-quiz-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:#080a128c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.solo-hub-quiz-loading-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);min-width:220px;padding:var(--sp-5) var(--sp-6);border-radius:var(--r-lg);background:var(--surface-2);border:1px solid rgba(139,92,246,.35);box-shadow:0 12px 40px #00000059;text-align:center}.solo-hub-quiz-loading-card p{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}.solo-hub-quiz-loading-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(139,92,246,.2);border-top-color:var(--accent);animation:solo-hub-spin .8s linear infinite}@keyframes solo-hub-spin{to{transform:rotate(360deg)}}@keyframes solo-hub-pulse-glow{0%,to{box-shadow:0 0 0 1px #8b5cf680,0 4px 32px #8b5cf659}50%{box-shadow:0 0 0 1px #8b5cf699,0 0 32px #8b5cf659}}@media (max-width: 768px){.solo-hub-appbar-right{display:none}.solo-hub{grid-template-columns:1fr;padding:var(--sp-4);gap:var(--sp-4);padding-bottom:120px}.solo-hub-left{position:static}.solo-hub-mobile-cta{display:block}.solo-hub-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.solo-hub-grammar-grid,.solo-hub-grammar-grid--full{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.solo-hub-mode-card.primary-mode{animation:none}.solo-hub-mode-card:hover,.solo-hub-word-card:hover{transform:none}.solo-hub-ring-fill{animation:none;transition-duration:.01ms}.solo-hub-progress-card:after{animation:none}.solo-hub-mobile-cta{transition:none}}.solo-training-hub{max-width:520px;margin-inline:auto}.solo-hub-checklist{list-style:none;margin:0;padding:0;font-size:var(--fs-sm);color:var(--text-muted)}.solo-hub-checklist li{padding:var(--sp-1) 0}.solo-hub-checklist li.done{color:var(--success)}.solo-hub-topic-count{font-size:var(--fs-md);line-height:1.3}.solo-hub-topic-mastered{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--success)}.solo-hub-mastery-bar{height:10px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.solo-hub-mastery-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 60%,var(--primary)));transition:width var(--t-base) var(--ease)}.solo-hub-weak-hint{color:var(--warning)}.solo-hub-status--success{color:var(--success)}.solo-hub-status--warning{color:var(--warning)}.solo-hub-status--muted{color:var(--text-muted)}.solo-hub-wordlist-toggle{width:100%;justify-content:flex-start;font-size:var(--fs-sm);cursor:pointer}.solo-hub-wordlist{max-height:min(40vh,220px);overflow:auto}.solo-hub-actions .solo-hub-activity.btn{width:100%;justify-content:flex-start;align-items:flex-start;text-align:left;padding:var(--sp-3) var(--sp-4)}.solo-hub-activity{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.solo-hub-activity-label{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:1.2}.solo-hub-activity-hint{font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--text-dim);line-height:1.3}.solo-hub-energy-note{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);text-align:center}.solo-eco-level-hint{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);text-align:center}.solo-play-meta-right{gap:var(--sp-2);flex-shrink:0}.solo-session-xp{color:var(--c-xp);font-weight:var(--fw-semibold);animation:solo-session-xp-bump .35s var(--ease-bounce)}@keyframes solo-session-xp-bump{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.solo-quiz-opts-wrap{position:relative}.solo-reward-float{position:absolute;z-index:2;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--c-xp);text-shadow:0 0 14px color-mix(in srgb,var(--c-xp) 55%,transparent);pointer-events:none;white-space:nowrap;animation:solo-reward-float 2s ease-out forwards}@keyframes solo-reward-float{0%{opacity:0;transform:translate(-50%,-50%) translateY(10px) scale(.85)}12%{opacity:1;transform:translate(-50%,-50%) translateY(-6px) scale(1.08)}55%{opacity:1;transform:translate(-50%,-50%) translateY(-18px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-40px) scale(1)}}.solo-play-top{margin-bottom:var(--sp-4)}.solo-back{cursor:pointer;flex-shrink:0;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.solo-session-bar{flex:1;margin:0 var(--sp-4);height:12px;box-shadow:0 0 12px #a855f740}.solo-session-bar>i{box-shadow:0 0 10px #22d3ee73}.solo-flame{background:#ff8a3d29;color:var(--c-streak)}.solo-play-meta{margin-bottom:var(--sp-5)}.solo-combo{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);letter-spacing:.02em}.solo-hit{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--text)}.solo-prompt{text-align:center;padding:var(--sp-7) var(--sp-5)}.solo-word{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xxl);line-height:1.1;letter-spacing:-.01em;margin:var(--sp-3) 0 0;color:var(--text)}.solo-mastery-stars{display:inline-flex;gap:.15em;font-size:var(--fs-sm);letter-spacing:.04em;margin-bottom:var(--sp-2)}.solo-mastery-stars.unpracticed .star-empty{color:var(--text)}.solo-mastery-stars:not(.unpracticed) .star-filled{color:var(--c-xp)}.solo-mastery-stars:not(.unpracticed) .star-empty{color:var(--text-muted)}.solo-ipa{margin-top:var(--sp-3);font-family:var(--font-mono);color:var(--text-muted)}.solo-quiz-opts{grid-template-columns:1fr 1fr;gap:var(--sp-3)}.solo-quiz-opts .opt{display:block;text-align:center;padding:1.05rem;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.solo-quiz-opts .opt:hover:not(:disabled){transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--glow)}.opt{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-md);text-align:left;width:100%;padding:1.1rem 1.3rem;border-radius:var(--r-md);cursor:pointer;background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;gap:14px;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease);-moz-appearance:none;appearance:none;-webkit-appearance:none}.opt:hover:not(:disabled){transform:translate(4px);border-color:var(--border-strong)}.opt:disabled{cursor:default}.opt.correct{border-color:var(--success);box-shadow:0 0 0 1px var(--success),0 0 24px #2ee6a666}.opt.wrong{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.solo-feedback{border-color:var(--border-strong)}.solo-play-footer{margin-top:var(--sp-6)}.solo-stats-ticker{display:flex;justify-content:space-around;text-align:center;margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5)}.solo-stats-ticker b{display:block;font-size:var(--fs-lg);margin-top:var(--sp-1)}.solo-stats-ticker .xp-val{color:var(--c-xp)}.solo-stats-ticker .combo-val{color:var(--c-streak)}.solo-done-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin:var(--sp-5) 0}.solo-done-stat{padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.solo-done-stat b{display:block;font-size:var(--fs-lg);margin-top:var(--sp-1)}.solo-map{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-7);padding:var(--sp-6) 0;min-height:280px}.solo-map svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.solo-map-path{fill:none;stroke-width:2}.solo-map-path--base{stroke:var(--border-strong);stroke-dasharray:6 7}.solo-map-path--active{stroke:var(--success);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--success) 55%,transparent))}.solo-map .node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform var(--t-fast) var(--ease-bounce);cursor:pointer}.solo-map .node:active{transform:scale(.95)}.solo-map .node .orb{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:28px;border:4px solid var(--border-strong);background:var(--surface-2);position:relative}.solo-map .node .label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:.25rem .7rem;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;max-width:min(100vw - 2rem,280px);overflow:hidden;text-overflow:ellipsis}.solo-map .node .stars{display:flex;gap:3px;font-size:11px;color:var(--c-xp)}.solo-map .node.done .orb{border-color:var(--success);color:var(--success);box-shadow:0 0 18px color-mix(in srgb,var(--success) 35%,transparent)}.solo-map .node.done .label{border-color:var(--success);color:var(--success)}.solo-map .node.active .orb{background:var(--primary-grad);border-color:#fff;color:#fff;box-shadow:var(--glow);animation:pulseRing 2s infinite}.solo-map .node.active .label{background:var(--primary);color:#fff;border:none}.solo-map .node.locked{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.solo-map .node.boss:not(.mini-boss) .orb{width:84px;height:84px;border-radius:var(--r-lg);transform:rotate(45deg);border-color:var(--danger)}.solo-map .node.boss:not(.mini-boss) .orb>*{transform:rotate(-45deg)}.solo-map .node.boss.mini-boss .orb{width:74px;height:74px;border-radius:50%;transform:none;border-color:var(--danger);background:color-mix(in srgb,var(--danger) 24%,var(--surface-2));color:var(--danger);box-shadow:0 0 14px color-mix(in srgb,var(--danger) 28%,transparent)}.solo-map .node.boss.mini-boss .orb>*{transform:none}.solo-map .node.boss:not(.mini-boss) .label,.solo-map .node.boss.mini-boss .label{color:var(--danger);border-color:var(--danger)}.solo-map .node.boss_available .orb{border-color:var(--danger);box-shadow:0 0 20px color-mix(in srgb,var(--danger) 40%,transparent);animation:bossPulseRing 2s infinite}.solo-map .node.boss.boss_available .label,.solo-map .node.boss_available .label{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface-2));box-shadow:0 0 10px color-mix(in srgb,var(--danger) 30%,transparent)}.solo-map .node.boss_cleared .orb,.solo-map .node.boss_cleared .label{border-color:var(--success);color:var(--success)}.solo-map .node.checkpoint .orb{width:96px;height:96px;font-size:32px}.solo-map .off-r{margin-left:96px}.solo-map .off-l{margin-right:96px}@media (max-width: 480px){.solo-map .off-r{margin-left:64px}.solo-map .off-l{margin-right:64px}}@keyframes pulseRing{0%{box-shadow:0 0 color-mix(in srgb,var(--primary) 70%,transparent)}70%{box-shadow:0 0 0 16px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes bossPulseRing{0%{box-shadow:0 0 color-mix(in srgb,var(--danger) 70%,transparent)}70%{box-shadow:0 0 0 16px transparent}to{box-shadow:0 0 0 0 transparent}}.solo-flashcard{width:100%;min-height:220px;border:none;background:transparent;cursor:pointer;padding:0;font:inherit;color:inherit;text-align:center}.solo-flashcard-inner{padding:var(--sp-6) var(--sp-4);border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border-strong);min-height:200px;display:grid;place-items:center}.solo-flashcard.flipped .solo-flashcard-face.front{display:none}.solo-flashcard:not(.flipped) .solo-flashcard-face.back{display:none}.solo-grammar-lesson{line-height:1.6}.solo-hub-grammar-card--clickable{cursor:pointer}.solo-hub-grammar-card--clickable:focus-visible{outline:2px solid var(--border-strong);outline-offset:2px}.solo-grammar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#080612b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:solo-grammar-modal-fade var(--t-base) var(--ease)}@keyframes solo-grammar-modal-fade{0%{opacity:0}to{opacity:1}}.solo-grammar-modal{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;animation:solo-grammar-modal-pop var(--t-base) var(--ease-bounce)}@keyframes solo-grammar-modal-pop{0%{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}.solo-grammar-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.solo-grammar-modal-eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:4px}.solo-grammar-modal-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);margin:0}.solo-grammar-modal-close{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:15px;cursor:pointer;transition:all var(--t-fast) var(--ease)}.solo-grammar-modal-close:hover{color:var(--text);border-color:var(--border-strong)}.solo-grammar-modal-pattern{display:inline-block;margin-bottom:var(--sp-3);font-family:var(--font-mono, monospace)}.solo-grammar-modal-explain{line-height:1.6;color:var(--text-muted);white-space:pre-wrap;margin-bottom:var(--sp-4)}.solo-grammar-modal-mastery{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.solo-grammar-modal-mastery .solo-hub-mastery-text{margin-left:auto}.solo-grammar-modal-actions{display:flex;flex-direction:column;gap:var(--sp-3)}.solo-grammar-modal-hint{font-size:var(--fs-sm);line-height:1.5;margin:0}.solo-fc-progress{height:4px;width:100%;background:var(--border);border-radius:var(--r-pill);overflow:hidden}.solo-fc-progress-fill{height:100%;border-radius:var(--r-pill);background:var(--primary-grad);box-shadow:var(--glow);transition:width var(--t-slow) var(--ease)}.solo-fc-inner{position:relative;min-height:300px;padding:var(--sp-7) var(--sp-5) var(--sp-6);border-left-width:4px}.solo-fc-common .solo-fc-inner{border-left-color:#9ca3af}.solo-fc-rare .solo-fc-inner{border-left-color:#38bdf8}.solo-fc-epic .solo-fc-inner{border-left-color:#a78bfa;box-shadow:0 0 24px #a78bfa29}.solo-fc-legendary .solo-fc-inner{border-left-color:#fbbf24;box-shadow:0 0 28px #fbbf242e}.solo-fc-corners{position:absolute;top:var(--sp-4);left:var(--sp-4);right:var(--sp-4);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);pointer-events:none}.solo-fc-rarity{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase}.solo-fc-rarity.common{color:#9ca3af}.solo-fc-rarity.rare{color:#38bdf8}.solo-fc-rarity.epic{color:#a78bfa}.solo-fc-rarity.legendary{color:#fbbf24}.solo-fc-mastery{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.solo-fc-lv{font-family:var(--font-mono, monospace);font-size:10px;color:var(--text-dim)}.solo-fc-face{width:100%}.solo-fc-pos{display:inline-block;margin-top:var(--sp-2);font-style:italic;font-size:var(--fs-sm);color:var(--accent);padding:2px var(--sp-3);border-radius:var(--r-pill);background:#06d6f514;border:1px solid rgba(6,214,245,.25)}.solo-fc-hint{margin-top:var(--sp-5);font-size:var(--fs-xs);color:var(--text-dim)}.solo-fc-meaning{font-size:var(--fs-xl)!important}.solo-fc-example{margin-top:var(--sp-4);font-style:italic;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6;max-width:36ch}.solo-fc-example strong{color:var(--accent);font-style:normal}.solo-fc-rate-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:var(--sp-4);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease-bounce)}.solo-fc-rate-row.show{opacity:1;transform:translateY(0);pointer-events:auto}.solo-fc-rate{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer;transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.solo-fc-rate-sub{font-size:10px;font-weight:var(--fw-regular);font-family:var(--font-body, inherit);color:var(--text-dim)}.solo-fc-rate-ico{width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast) var(--ease-bounce)}.solo-fc-rate-ico svg{width:26px;height:26px}.solo-fc-rate.forget .solo-fc-rate-ico{color:var(--danger);filter:drop-shadow(0 0 6px rgba(255,84,112,.5))}.solo-fc-rate.vague .solo-fc-rate-ico{color:var(--c-xp);filter:drop-shadow(0 0 6px rgba(251,191,36,.5))}.solo-fc-rate.know .solo-fc-rate-ico{color:var(--success);filter:drop-shadow(0 0 6px rgba(52,211,153,.5))}.solo-fc-rate:hover{transform:translateY(-2px)}.solo-fc-rate:hover .solo-fc-rate-ico{transform:scale(1.16) rotate(-4deg)}.solo-fc-rate.forget:hover{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 8px 22px #ff547038}.solo-fc-rate.vague:hover{border-color:var(--c-xp);box-shadow:0 0 0 1px var(--c-xp),0 8px 22px #fbbf2433}.solo-fc-rate.know:hover{border-color:var(--success);box-shadow:0 0 0 1px var(--success),0 8px 22px #34d39938}.solo-fc-rate-placeholder{text-align:center;font-size:var(--fs-xs);margin-top:var(--sp-4)}.solo-fc-card{width:100%;max-width:560px;margin-inline:auto}.solo-fc-card .solo-fc-inner{min-height:340px}.solo-fc-rate-row{min-height:84px}.solo-fc-rate-placeholder{min-height:84px;display:flex;align-items:center;justify-content:center}.solo-fc2-page{--rar-common: #9ca3af;--rar-rare: #38bdf8;--rar-epic: #a78bfa;--rar-legend: #fbbf24;--card-blur: blur(12px);position:relative;z-index:1;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;background:var(--bg);background-image:var(--bg-grad, none)}.solo-fc2-topbar{position:sticky;top:0;z-index:100}.solo-fc2-topbar--minimal{top:env(safe-area-inset-top,0px)}.solo-fc2-appbar--minimal{padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-3);justify-content:flex-start}.solo-fc2-appbar{background:#0d0b1ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.solo-fc2-appbar-left,.solo-fc2-appbar-right{display:flex;align-items:center;gap:var(--sp-3)}.solo-fc2-btn-back{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--t-fast) var(--ease)}.solo-fc2-btn-back:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.solo-fc2-btn-back svg{width:14px;height:14px}.solo-fc2-appbar-label{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.solo-fc2-stat{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.solo-fc2-stat-icon{width:28px;height:28px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--surface-2)}.solo-fc2-stat.xp .solo-fc2-stat-val{color:var(--c-xp)}.solo-fc2-stat.streak .solo-fc2-stat-val{color:var(--c-streak)}.solo-fc2-stat.energy .solo-fc2-stat-val{color:var(--c-mp)}.solo-fc2-stat.crystal .solo-fc2-stat-val{color:var(--accent)}.solo-fc2-progress-track{height:4px;width:100%;background:#ffffff0f;position:relative;overflow:hidden}.solo-fc2-progress-fill{height:100%;width:0%;background:var(--primary-grad);box-shadow:0 0 12px #8b5cf699;border-radius:0 var(--r-pill) var(--r-pill) 0;transition:width var(--t-slow) var(--ease)}.solo-fc2-wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:var(--sp-6);display:grid;grid-template-columns:1fr 380px;gap:var(--sp-6);align-items:start}.solo-fc2-study{display:flex;flex-direction:column;gap:var(--sp-4);min-height:calc(100vh - 160px)}.solo-fc2-study-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.solo-fc2-study-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);display:flex;align-items:center;gap:var(--sp-2)}.solo-fc2-topic{background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.solo-fc2-counter-pill{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px var(--sp-4)}.solo-fc2-counter-pill b{color:var(--text)}.solo-fc2-card-stage{perspective:1200px;flex:1;min-height:58vh;display:flex;contain:layout paint;animation:solo-fc2-enter .18s ease both}@keyframes solo-fc2-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.solo-fc2-flip{position:relative;width:100%;min-height:58vh;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.22,1,.36,1);cursor:pointer;border:none;background:transparent;padding:0;font:inherit;color:inherit;text-align:inherit}.solo-fc2-flip.flipped{transform:rotateY(180deg)}.solo-fc2-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-solid, var(--surface));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:var(--sp-6);overflow:hidden}.solo-fc2-face:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rarity-color, var(--primary));box-shadow:0 0 18px var(--rarity-color, var(--primary))}.solo-fc2-face.back{transform:rotateY(180deg)}.solo-fc2-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.solo-fc2-rarity-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;padding:4px var(--sp-3);border-radius:var(--r-pill);color:var(--rarity-color, var(--text-muted));background:color-mix(in srgb,var(--rarity-color, #fff) 12%,transparent);border:1px solid color-mix(in srgb,var(--rarity-color, #fff) 35%,transparent)}.solo-fc2-card-mastery{display:flex;align-items:center;gap:var(--sp-2)}.solo-fc2-lv{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.solo-fc2-pips{display:flex;gap:3px}.solo-fc2-pips .pip{width:16px;height:5px;border-radius:var(--r-pill);background:#ffffff1a}.solo-fc2-pips .pip.filled{background:var(--primary-grad)}.solo-fc2-pips .pip.filled.gold{background:linear-gradient(90deg,var(--c-xp),#fb923c)}.solo-fc2-card-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2)}.solo-fc2-word{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:var(--fw-black);line-height:1;letter-spacing:-.01em;text-align:center}.solo-fc2-word-type{font-style:italic;font-size:var(--fs-sm);color:var(--accent);padding:2px var(--sp-3);border-radius:var(--r-pill);background:#06d6f514;border:1px solid rgba(6,214,245,.25)}.solo-fc2-phonetic{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--text-muted)}.solo-fc2-audio-btn{margin-top:var(--sp-2);width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease,background .15s ease}.solo-fc2-audio-btn:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);transform:scale(1.06)}.solo-fc2-card-hint{text-align:center;font-size:var(--fs-xs);color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.solo-fc2-kbd{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:var(--r-xs);border:1px solid var(--border);color:var(--text-muted)}.solo-fc2-back-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);text-align:center;padding:var(--sp-2) 0}.solo-fc2-back-word{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:var(--fw-black);line-height:1.05;letter-spacing:-.01em}.solo-fc2-back-phon{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.solo-fc2-back-vi{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);margin-top:var(--sp-1)}.solo-fc2-back-example{text-align:center;font-size:var(--fs-xs);color:var(--text-dim);font-style:italic;line-height:1.45;padding:0 var(--sp-2)}.solo-fc2-back-example strong{color:var(--accent);font-style:normal}.solo-fc2-rating-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);min-height:84px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.solo-fc2-rating-row.show{opacity:1;transform:translateY(0);pointer-events:auto}.solo-fc2-rating-row.always{min-height:84px}.solo-fc2-rate-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--t-fast) var(--ease);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--text)}.solo-fc2-rate-btn .ico{width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast) var(--ease-bounce)}.solo-fc2-rate-btn .ico svg{width:28px;height:28px}.solo-fc2-rate-btn.forget .ico{color:var(--danger);filter:drop-shadow(0 0 6px rgba(255,84,112,.55))}.solo-fc2-rate-btn.vague .ico{color:var(--c-xp);filter:drop-shadow(0 0 6px rgba(251,191,36,.55))}.solo-fc2-rate-btn.know .ico{color:var(--success);filter:drop-shadow(0 0 6px rgba(52,211,153,.55))}.solo-fc2-rate-btn .sub{font-size:10px;font-weight:var(--fw-regular);color:var(--text-dim);font-family:var(--font-body)}.solo-fc2-rate-btn:hover{transform:translateY(-2px)}.solo-fc2-rate-btn:hover .ico{transform:scale(1.18) rotate(-4deg)}.solo-fc2-rate-btn.forget:hover{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 8px 24px #ff547040}.solo-fc2-rate-btn.vague:hover{border-color:var(--c-xp);box-shadow:0 0 0 1px var(--c-xp),0 8px 24px #fbbf2438}.solo-fc2-rate-btn.know:hover{border-color:var(--success);box-shadow:0 0 0 1px var(--success),0 8px 24px #34d39940}.solo-fc2-done{text-align:center;flex:1;min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.solo-fc2-side{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:calc(61px + var(--sp-6))}.solo-fc2-side-card{background:var(--surface);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--shadow)}.solo-fc2-card-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-4);display:flex;align-items:center;justify-content:space-between}.solo-fc2-deck-label{margin:0 0 var(--sp-3)}.solo-fc2-pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:normal;text-transform:none}.solo-fc2-pill.ok{background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:var(--success)}.solo-fc2-pill.warn{background:#fbbf241f;border:1px solid rgba(251,191,36,.3);color:var(--c-xp)}.solo-fc2-session-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-bottom:var(--sp-4)}.solo-fc2-sstat{text-align:center;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.solo-fc2-sstat .num{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);line-height:1}.solo-fc2-sstat .lbl{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.solo-fc2-sstat.know .num{color:var(--success)}.solo-fc2-sstat.vague .num{color:var(--c-xp)}.solo-fc2-sstat.forget .num{color:var(--danger)}.solo-fc2-sstat.combo .num{color:var(--c-streak)}.solo-fc2-sstat.xp .num{color:var(--c-xp)}.solo-fc2-sstat.xp.pulse .num{transform:scale(1.08);transition:transform var(--t-fast) var(--ease-bounce)}.solo-fc2-deck-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding-right:4px}.solo-fc2-deck-list::-webkit-scrollbar{width:6px}.solo-fc2-deck-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--r-pill)}.solo-fc2-deck-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left;font:inherit;transition:all var(--t-fast) var(--ease);position:relative;width:100%}.solo-fc2-deck-item:hover:not(:disabled){background:var(--surface);border-color:var(--border)}.solo-fc2-deck-item.current{background:#8b5cf61a;border-color:var(--border-strong)}.solo-fc2-deck-item.known{opacity:.55;cursor:default}.solo-fc2-deck-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--rarity-color, #9ca3af);box-shadow:0 0 8px var(--rarity-color, transparent)}.solo-fc2-deck-idx{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);width:18px}.solo-fc2-deck-word{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);flex:1}.solo-fc2-deck-pips{display:flex;gap:2px;flex-shrink:0}.solo-fc2-deck-pips .pip{width:9px;height:3px;border-radius:var(--r-pill);background:#ffffff1a}.solo-fc2-deck-pips .pip.filled{background:var(--primary-grad)}.solo-fc2-deck-pips .pip.filled.gold{background:linear-gradient(90deg,var(--c-xp),#fb923c)}.solo-fc2-deck-status{display:flex;align-items:center;justify-content:center;width:22px;flex-shrink:0}.solo-fc2-deck-status .ico{display:flex;align-items:center;justify-content:center}.solo-fc2-deck-status .ico svg{width:16px;height:16px}.solo-fc2-deck-status.forget .ico{color:var(--danger)}.solo-fc2-deck-status.vague .ico{color:var(--c-xp)}.solo-fc2-deck-status.know .ico{color:var(--success)}.solo-fc2-grammar-page{--rar-common: #9ca3af;--rar-rare: #38bdf8;--rar-epic: #a78bfa;--rar-legend: #fbbf24}.solo-fc2-grammar-arena{min-height:calc(100vh - 160px)}.solo-fc2-grammar-side-context{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.solo-fc2-grammar-side-topic{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-black);display:flex;align-items:center;gap:var(--sp-2);line-height:1.3}.solo-fc2-grammar-side-progress{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%}.solo-fc2-grammar-q-card{min-height:0;text-align:center}.solo-fc2-grammar-options{margin-top:var(--sp-1)}.solo-fc2-grammar-feedback{min-height:120px;padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff08}.solo-fc2-grammar-feedback.show{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--sp-3) var(--sp-4)}.solo-fc2-grammar-feedback:not(.show){display:flex;align-items:center;justify-content:center}.solo-fc2-grammar-feedback-text{min-width:0;text-align:left}.solo-fc2-grammar-hint{margin:0;font-size:var(--fs-sm)}.solo-fc2-grammar-verdict{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.solo-fc2-grammar-verdict.ok{color:var(--success)}.solo-fc2-grammar-verdict.no{color:var(--danger)}.solo-fc2-grammar-verdict .crit{display:inline-block;margin-left:var(--sp-2);font-size:var(--fs-xs);color:var(--c-xp);background:#fbbf2424;border:1px solid rgba(251,191,36,.3);border-radius:var(--r-pill);padding:2px 10px;vertical-align:middle}.solo-fc2-grammar-answer{margin:0 0 var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted)}.solo-fc2-grammar-pattern-hint{margin:0 0 var(--sp-2);font-family:var(--font-mono, monospace);font-size:var(--fs-sm);color:var(--accent);background:#06d6f514;border:1px solid rgba(6,214,245,.2);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.solo-fc2-grammar-why{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6;white-space:pre-wrap}.solo-fc2-grammar-next-btn{width:auto;justify-self:end;align-self:end;flex-shrink:0;white-space:nowrap}.solo-fc2-grammar-list .solo-fc2-grammar-item{align-items:center;width:100%}.solo-fc2-grammar-row{display:flex;flex-direction:column;gap:0}.solo-fc2-grammar-row.viewed:not(.active) .solo-fc2-grammar-item{opacity:.75}.solo-fc2-grammar-list .solo-fc2-grammar-item-name{flex:1;min-width:0;font-weight:var(--fw-semibold);font-size:var(--fs-sm);line-height:1.2;color:var(--text);text-align:left}.solo-fc2-grammar-detail{margin:0 var(--sp-2) var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-3) calc(var(--sp-3) + 26px);border-left:2px solid color-mix(in srgb,var(--rarity-color, var(--primary)) 45%,transparent);border-radius:0 0 var(--r-sm) var(--r-sm);background:#ffffff08}.solo-fc2-grammar-ref-pattern{margin:0 0 var(--sp-2);font-family:var(--font-mono, monospace);font-size:var(--fs-xs);color:var(--accent);line-height:1.4}.solo-fc2-grammar-ref-explain{margin:0 0 var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5;white-space:pre-wrap}.solo-fc2-grammar-ref-example{display:flex;flex-direction:column;gap:var(--sp-2)}.solo-fc2-grammar-ref-example p{margin:0;font-size:var(--fs-xs);color:var(--text-dim);font-style:italic;line-height:1.4}.solo-fc2-sstat.acc .num{color:var(--accent)}@media (max-width: 880px){.solo-fc2-wrap{grid-template-columns:1fr;padding:var(--sp-4);gap:var(--sp-4)}.solo-fc2-side{position:static;order:2}.solo-fc2-study{order:1;min-height:auto}.solo-fc2-card-stage,.solo-fc2-flip{min-height:62vh}.solo-fc2-grammar-arena{min-height:auto}.solo-fc2-done{min-height:62vh}.solo-fc2-appbar-right .solo-fc2-stat.energy,.solo-fc2-kbd-group{display:none}}@media (prefers-reduced-motion: reduce){.solo-fc2-page .solo-fc2-card-stage,.solo-fc2-page .solo-fc2-audio-btn{animation:none!important}.solo-fc2-page .solo-fc2-flip,.solo-fc2-page .solo-fc2-rating-row{transition:none!important}}.solo-quiz-page{--rar-common: #9ca3af;--rar-rare: #38bdf8;--rar-epic: #a78bfa;--rar-legend: #fbbf24;--card-blur: blur(12px);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xxl: clamp(2rem, 5vw, 3.5rem);--fs-xl: clamp(1.5rem, 3vw, 2rem);--fs-lg: 1.25rem;--fs-md: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 64px;--solo-quiz-statsbar-h: 72px;position:relative;z-index:1;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;min-height:100dvh;padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom,0px));font-family:var(--font-body);font-size:var(--fs-md);color:var(--text);line-height:1.5;background:var(--bg);background-image:var(--bg-grad, none);-webkit-font-smoothing:antialiased}.solo-quiz-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:40px 40px}.solo-quiz-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(70% 45% at 50% 0%,rgba(139,92,246,.1),transparent 70%)}.solo-quiz-topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:100}.solo-quiz-appbar{background:#0d0b1ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--sp-6) var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.solo-quiz-appbar-left,.solo-quiz-appbar-right{display:flex;align-items:center;gap:var(--sp-3)}.solo-quiz-appbar-right{flex-wrap:wrap;justify-content:flex-end;row-gap:var(--sp-2);min-width:0}.solo-quiz-btn-back{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;touch-action:manipulation;transition:all var(--t-fast) var(--ease)}@media (hover: hover) and (pointer: fine){.solo-quiz-btn-back:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}}.solo-quiz-btn-back svg{width:14px;height:14px}.solo-quiz-appbar-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-black);letter-spacing:.06em;text-transform:uppercase;background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary)}.solo-quiz-progress-track{height:4px;width:100%;background:#ffffff0f;position:relative;overflow:hidden}.solo-quiz-progress-fill{height:100%;background:var(--primary-grad);box-shadow:0 0 12px #8b5cf699;border-radius:0 var(--r-pill) var(--r-pill) 0;transition:width var(--t-slow) var(--ease)}.solo-quiz-stat{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.solo-quiz-stat-icon{width:28px;height:28px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--surface-2)}.solo-quiz-stat.streak .solo-quiz-stat-val{color:var(--c-streak)}.solo-quiz-stat.xp .solo-quiz-stat-val{color:var(--c-xp)}.solo-quiz-stat.miss .solo-quiz-stat-val{color:var(--c-hp)}.solo-quiz-stat.xp.pulse{transform:scale(1.1);transition:transform var(--t-fast) var(--ease-bounce)}.solo-quiz-study-head{max-width:920px;margin:0 auto;padding:var(--sp-5) var(--sp-5) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;position:relative;z-index:1}.solo-quiz-study-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);display:flex;align-items:center;gap:var(--sp-2)}.solo-quiz-topic{background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.solo-quiz-head-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3)}.solo-quiz-mode-tag{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:#8b5cf61f;border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:3px var(--sp-3)}.solo-quiz-counter-pill{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px var(--sp-4)}.solo-quiz-counter-pill b{color:var(--text)}.solo-quiz-wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:var(--sp-5);display:grid;grid-template-columns:1fr 300px;gap:var(--sp-6);align-items:start}.solo-quiz-wrap--boss{grid-template-columns:1fr;max-width:920px}.solo-quiz-side{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:calc(61px + var(--sp-5))}.solo-quiz-side-card{background:var(--surface);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--sp-4)}.solo-quiz-stage{max-width:none;margin:0;padding:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-4);min-height:calc(100vh - 220px);min-height:calc(100dvh - 220px)}.solo-quiz-wrap--boss .solo-quiz-stage{max-width:920px;margin:0 auto;padding:var(--sp-5);min-height:calc(100vh - 220px);min-height:calc(100dvh - 220px)}.solo-quiz-skill-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:4px var(--sp-3);border-radius:var(--r-pill);color:var(--rarity-color, var(--primary));background:color-mix(in srgb,var(--rarity-color, #fff) 12%,transparent);border:1px solid color-mix(in srgb,var(--rarity-color, #fff) 35%,transparent)}.solo-quiz-diff-stars{letter-spacing:3px;font-size:15px;color:var(--rarity-color, var(--c-xp))}.solo-quiz-diff-stars .off{color:var(--text-dim)}.solo-quiz-combo{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:var(--fw-black);transition:transform var(--t-fast) var(--ease-bounce)}.solo-quiz-combo .flame{font-size:16px;filter:grayscale(1) opacity(.5);transition:all var(--t-base) var(--ease)}.solo-quiz-combo .cval{font-size:var(--fs-md);background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.solo-quiz-combo.hot .flame{filter:none;transform:scale(1.15)}.solo-quiz-combo.bump{transform:scale(1.3)}.solo-quiz-q-card{position:relative;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--shadow),inset 0 0 0 1px color-mix(in srgb,var(--rarity-color, #fff) 6%,transparent);padding:clamp(var(--sp-6),5vw,var(--sp-8)) var(--sp-6);text-align:center;overflow:hidden;animation:solo-quiz-pop var(--t-base) var(--ease-bounce) both}@keyframes solo-quiz-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.solo-quiz-q-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rarity-color, var(--primary));box-shadow:0 0 18px var(--rarity-color, var(--primary))}.solo-quiz-q-card.flash-ok{animation:solo-quiz-card-ok .6s var(--ease)}.solo-quiz-q-card.flash-no{animation:solo-quiz-card-no .45s var(--ease)}@keyframes solo-quiz-card-ok{0%,to{box-shadow:var(--shadow)}30%{box-shadow:0 0 0 2px var(--success),0 0 40px #34d39959}}@keyframes solo-quiz-card-no{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.solo-quiz-q-prompt{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(1.7rem,4.2vw,2.8rem);line-height:1.25;color:var(--text)}.solo-quiz-blank{display:inline-block;min-width:84px;color:var(--accent);border-bottom:3px dashed var(--accent);margin:0 6px;vertical-align:baseline;line-height:1;transition:all var(--t-base) var(--ease)}.solo-quiz-blank.filled{border-bottom-style:solid;color:var(--success)}.solo-quiz-q-translate{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--text-dim);font-style:italic}.solo-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.solo-quiz-opt{position:relative;text-align:left;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-7);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);line-height:1.35;cursor:pointer;touch-action:manipulation;transition:all var(--t-fast) var(--ease);-moz-appearance:none;appearance:none;-webkit-appearance:none}.solo-quiz-opt .key{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-xs);padding:1px 6px}@media (hover: hover) and (pointer: fine){.solo-quiz-opt:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}}.solo-quiz-opt:active:not(:disabled){transform:translateY(0) scale(.98)}.solo-quiz-opt.picked{animation:solo-quiz-picked .3s var(--ease-bounce)}@keyframes solo-quiz-picked{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.solo-quiz-opt.correct{border-color:var(--success);background:#34d39929;color:var(--success);box-shadow:0 0 0 1px var(--success),0 8px 24px #34d39933}.solo-quiz-opt.wrong{border-color:var(--danger);background:#ff547029;color:var(--danger)}.solo-quiz-opt:disabled{cursor:default}.solo-quiz-opt.correct:after{content:"✓";position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%)}.solo-quiz-opt.wrong:after{content:"✕";position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%)}.solo-quiz-opt.dim{opacity:.4}.solo-quiz-opt.sending{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--text);cursor:default}.solo-quiz-opt-spinner{position:absolute;right:var(--sp-3);top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 35%,transparent);border-top-color:var(--primary);animation:solo-quiz-spin .7s linear infinite}@keyframes solo-quiz-spin{to{transform:rotate(360deg)}}.solo-quiz-sending-hint{text-align:center;font-size:var(--fs-sm);color:var(--text-muted);margin:var(--sp-2) 0 0}.solo-quiz-send-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--danger);background:#ff54701a;color:var(--danger);font-size:var(--fs-sm);text-align:center}.solo-quiz-retry-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--danger);background:var(--danger);color:#fff;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:.4rem 1rem;border-radius:var(--r-pill);cursor:pointer;touch-action:manipulation;flex-shrink:0}@media (hover: hover) and (pointer: fine){.solo-quiz-retry-btn:hover{filter:brightness(1.1)}}@media (prefers-reduced-motion: reduce){.solo-quiz-opt-spinner{animation:none;opacity:.7}}.solo-quiz-feedback{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff08;padding:var(--sp-4) var(--sp-5);max-height:0;opacity:0;overflow:hidden;scroll-margin-top:76px;scroll-margin-bottom:116px;transition:max-height var(--t-slow) var(--ease),opacity var(--t-base) var(--ease),padding var(--t-base) var(--ease)}.solo-quiz-feedback.show{max-height:520px;opacity:1;overflow:visible}.solo-quiz-feedback-text{grid-column:1;grid-row:1;min-width:0;text-align:left;overflow-wrap:break-word;word-break:break-word}.solo-quiz-feedback-verdict{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-md);line-height:1.45;display:block}.solo-quiz-feedback-answer{display:inline;margin-left:.15em;overflow-wrap:break-word;word-break:break-word}.solo-quiz-feedback-verdict.ok{color:var(--success)}.solo-quiz-feedback-verdict.no{color:var(--danger)}.solo-quiz-feedback-verdict .crit{display:inline-block;margin-left:var(--sp-2);font-size:var(--fs-xs);color:var(--c-xp);background:#fbbf2424;border:1px solid rgba(251,191,36,.3);border-radius:var(--r-pill);padding:2px 10px;vertical-align:middle}.solo-quiz-feedback-why{font-size:var(--fs-sm);color:var(--text-muted);margin-top:4px;line-height:1.5;overflow-wrap:break-word;word-break:break-word}.solo-quiz-feedback-why strong{color:var(--text)}.solo-quiz-feedback-why .pat{font-family:var(--font-mono);color:var(--accent)}.solo-quiz-feedback-examples{margin:var(--sp-2) 0 0;padding-left:var(--sp-5);font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45}.solo-quiz-feedback-examples li{margin-top:2px;overflow-wrap:break-word;word-break:break-word}.solo-quiz-feedback-grab{display:none}.solo-quiz-feedback .solo-quiz-btn{grid-column:2;grid-row:1;align-self:center;justify-self:end}.solo-quiz-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-pill);border:1px solid transparent;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);cursor:pointer;touch-action:manipulation;transition:all var(--t-fast) var(--ease);background:var(--primary-grad);color:#fff;box-shadow:0 0 0 1px #8b5cf666,0 4px 20px #8b5cf64d;flex-shrink:0}@media (hover: hover) and (pointer: fine){.solo-quiz-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px #06d6f580,0 8px 28px #8b5cf680}}.solo-quiz-btn:disabled{opacity:.55;cursor:default}.solo-quiz-statsbar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#0d0b1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:var(--sp-4) var(--sp-5);padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom))}.solo-quiz-statsbar-inner{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.solo-quiz-sstat{text-align:left}.solo-quiz-statsbar-inner .solo-quiz-sstat{text-align:center}.solo-quiz-statsbar-inner .solo-quiz-sstat:not(:last-child){border-right:1px solid var(--border)}.solo-quiz-side-card .solo-quiz-sstat:not(:last-child){padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.solo-quiz-sstat .lbl{font-family:var(--font-display);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.solo-quiz-sstat .num{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);margin-top:4px;line-height:1.1}.solo-quiz-sstat.acc .num{color:var(--accent)}.solo-quiz-sstat.combo .num{color:var(--c-streak)}.solo-quiz-fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:250;overflow:hidden}.solo-quiz-xp-pop{position:absolute;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);color:var(--c-xp);-webkit-text-fill-color:currentColor;white-space:nowrap;pointer-events:none;text-shadow:0 2px 12px rgba(251,191,36,.5);animation:solo-quiz-xp-float .7s var(--ease) forwards}.solo-quiz-xp-pop.solo-quiz-xp-at-btn{transform:translate(-50%,-50%);font-size:var(--fs-xl);text-shadow:0 0 10px rgba(251,191,36,.85),0 2px 16px rgba(251,191,36,.55);animation:solo-quiz-xp-at-btn-pop 1.1s var(--ease) forwards;will-change:transform,opacity}.solo-quiz-xp-pop.solo-quiz-xp-at-btn.crit{font-size:clamp(1.35rem,4vw,1.75rem);text-shadow:0 0 14px rgba(251,191,36,1),0 0 28px rgba(245,158,11,.65)}@keyframes solo-quiz-xp-at-btn-pop{0%{opacity:0;transform:translate(-50%,-50%) translateY(10px) scale(.6)}14%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1.2)}42%{opacity:1;transform:translate(-50%,-50%) translateY(-14px) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) translateY(-52px) scale(1)}}.solo-quiz-xp-pop.crit{font-size:var(--fs-xl)}@keyframes solo-quiz-xp-float{0%{opacity:0;transform:translateY(0) scale(.7)}25%{opacity:1;transform:translateY(-10px) scale(1.1)}to{opacity:0;transform:translateY(-56px) scale(1)}}.solo-quiz-finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:280;background:#080612d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease)}.solo-quiz-finish.show{opacity:1;pointer-events:auto}.solo-quiz-finish-card{width:100%;max-width:420px;text-align:center;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--glow),var(--shadow);padding:var(--sp-7) var(--sp-6);transform:translateY(12px) scale(.98);transition:transform var(--t-base) var(--ease-bounce)}.solo-quiz-finish.show .solo-quiz-finish-card{transform:translateY(0) scale(1)}.solo-quiz-finish-mascot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;margin:0 auto .5rem;width:100%}.solo-quiz-finish-mascot .learn-mascot{margin-inline:auto}.solo-quiz-finish-mascot__line{margin:0;text-align:center}.solo-quiz-finish-title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.solo-quiz-finish-sub{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.solo-quiz-finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.solo-quiz-finish-grid .num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xl)}.solo-quiz-finish-grid .lbl{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}@media (min-width: 561px){.solo-quiz-stage{gap:var(--sp-3);min-height:auto;padding-bottom:var(--sp-4)}.solo-quiz-feedback.show{padding:var(--sp-3) var(--sp-4);scroll-margin-top:88px;scroll-margin-bottom:96px}}@media (max-width: 880px){.solo-quiz-wrap{grid-template-columns:1fr;padding:var(--sp-4);gap:var(--sp-4)}.solo-quiz-side{position:static;order:2}.solo-quiz-stage{order:1;min-height:auto}.solo-quiz-side-card{flex-direction:row;gap:0}.solo-quiz-side-card .solo-quiz-sstat{flex:1;text-align:center}.solo-quiz-side-card .solo-quiz-sstat:not(:last-child){padding-bottom:0;padding-right:var(--sp-4);border-bottom:none;border-right:1px solid var(--border)}}@media (max-width: 560px){.solo-quiz-page{width:100%;max-width:100%;margin-left:0;margin-right:0;min-height:100svh;min-height:100dvh;overflow-x:hidden}.solo-quiz-options{grid-template-columns:1fr}.solo-quiz-appbar{padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-3)}.solo-quiz-appbar-label{display:none}.solo-quiz-appbar-right{width:100%;justify-content:space-between}.solo-quiz-stage{padding:0;min-height:auto;gap:var(--sp-3)}.solo-quiz-wrap--boss{max-width:none;padding:var(--sp-3)}.solo-quiz-wrap--boss .solo-quiz-stage{max-width:none;margin:0;min-height:auto;padding:0}.solo-quiz-feedback.show{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);z-index:85;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);max-height:min(46vh,260px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:var(--sp-3) var(--sp-4) var(--sp-4);border-radius:var(--r-lg) var(--r-lg) 0 0;border:1px solid var(--border-strong);border-bottom:none;background:#0d0b1af7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -12px 40px #00000073;scroll-margin:0;animation:solo-quiz-dock-in .28s var(--ease) both}.solo-quiz-feedback-text{grid-column:auto;grid-row:auto;width:100%}.solo-quiz-feedback .solo-quiz-btn{grid-column:auto;grid-row:auto;align-self:flex-end;justify-self:end;width:auto;max-width:100%;flex-shrink:0;margin-left:auto}.solo-quiz-feedback-grab{display:block;width:36px;height:4px;margin:0 auto var(--sp-1);border-radius:var(--r-pill);background:#ffffff2e;flex-shrink:0}.solo-quiz-feedback-why{font-size:var(--fs-xs);line-height:1.45}}@keyframes solo-quiz-dock-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.solo-quiz-page .solo-quiz-q-card,.solo-quiz-page .solo-quiz-opt.picked,.solo-quiz-feedback.show{animation:none!important}.solo-quiz-xp-pop.solo-quiz-xp-at-btn{animation:solo-quiz-xp-at-btn-pop-reduced .45s ease-out forwards}}@keyframes solo-quiz-xp-at-btn-pop-reduced{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 20px))}}.solo-quiz-skeleton .sk-block{display:block;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 37%,#ffffff0a 63%);background-size:400px 100%;border-radius:var(--r-sm);animation:solo-quiz-sk-shimmer 1.2s ease-in-out infinite}.solo-quiz-skeleton .sk-chip{width:52px;height:28px;border-radius:var(--r-pill)}.solo-quiz-skeleton .sk-progress{width:28%;height:100%}.solo-quiz-skeleton .sk-line{height:16px}.solo-quiz-skeleton .sk-q{width:78%;height:26px}.solo-quiz-skeleton .sk-opt{width:100%;height:52px;border-radius:var(--r-md)}.solo-quiz-skeleton .solo-quiz-options{display:grid;gap:var(--sp-3)}.solo-quiz-skeleton .solo-quiz-btn-back{pointer-events:auto}.solo-quiz-skeleton-hint{text-align:center;color:var(--text-dim, rgba(240, 238, 255, .4));font-size:var(--fs-sm, .875rem);margin-top:var(--sp-4)}@keyframes solo-quiz-sk-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@media (prefers-reduced-motion: reduce){.solo-quiz-skeleton .sk-block{animation:none!important}}.solo-boss-page{--solo-quiz-statsbar-h: 44px;--boss-tone: var(--danger);--boss-tone-deep: #7f1d1d;padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom,0px))}.solo-boss-page[data-biome=nui_lua_qua_khu]{--boss-tone: #ffb347;--boss-tone-deep: #7c2d12}.solo-boss-page[data-biome=thanh_pho_tri_thuc]{--boss-tone: #67e8f9;--boss-tone-deep: #0e7490}.solo-boss-page[data-biome=dam_lay_cu_phap]{--boss-tone: #6ee7b7;--boss-tone-deep: #047857}.solo-boss-page[data-biome=dinh_suong_mu]{--boss-tone: #c4b5fd;--boss-tone-deep: #6d28d9}.solo-boss-page--zone-boss:before{opacity:.18}.solo-boss-page--zone-boss:after{opacity:.35}.solo-boss-zone-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:#080612;background-size:min(920px,96vw) auto;background-position:center 12%;background-repeat:no-repeat;opacity:.72}.solo-boss-zone-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(85% 70% at 50% 28%,color-mix(in srgb,var(--boss-tone) 28%,transparent),transparent 68%);opacity:.9}.solo-boss-zone-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080612d1,#08061247 32%,#0806128c 62%,#080612f0)}.solo-boss-page--zone-boss .solo-quiz-topbar,.solo-boss-page--zone-boss .solo-boss-arena,.solo-boss-page--zone-boss .solo-quiz-stage,.solo-boss-page--zone-boss .solo-quiz-statsbar{position:relative;z-index:1}.solo-boss-page>.solo-quiz-fx-layer{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:250!important;pointer-events:none;overflow:hidden}.solo-boss-page--zone-boss .solo-boss-card{background:transparent;border:none;box-shadow:none}.solo-boss-page--zone-boss .solo-quiz-q-card{background:color-mix(in srgb,var(--surface) 92%,transparent)}.solo-boss-page:after{background:radial-gradient(70% 45% at 50% 0%,color-mix(in srgb,var(--boss-tone) 14%,transparent),transparent 70%)}.solo-boss-page .solo-quiz-progress-fill{background:linear-gradient(90deg,var(--boss-tone-deep),var(--boss-tone));box-shadow:0 0 12px color-mix(in srgb,var(--boss-tone) 55%,transparent)}.solo-boss-arena{max-width:920px;margin:var(--sp-3) auto 0;padding:0 var(--sp-5);position:relative;z-index:1}.solo-boss-card{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-2) 0;border:none;background:transparent;box-shadow:none;overflow:visible;position:relative}.solo-boss-orb-wrap{position:relative;z-index:1;flex-shrink:0}.solo-boss-orb{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--boss-tone) 22%,transparent),transparent 70%),var(--surface-2);border:2px solid color-mix(in srgb,var(--boss-tone) 45%,var(--border-strong));box-shadow:0 0 26px color-mix(in srgb,var(--boss-tone) 42%,transparent);animation:solo-boss-bob 4s var(--ease) infinite}.solo-boss-orb.hit{animation:solo-boss-hit .45s var(--ease)}.solo-boss-orb.hit:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,transparent 68%);opacity:0;animation:solo-boss-impact-flash .45s var(--ease);pointer-events:none}@keyframes solo-boss-impact-flash{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.35)}}.solo-boss-hit-float{position:absolute;transform:translate(-50%);pointer-events:none;z-index:260}.solo-boss-hit-pop{display:block;font-family:var(--font-display);font-weight:900;font-size:var(--fs-md);color:#ff5470;color:var(--c-hp, #ff5470);text-shadow:0 0 14px #ff5470,0 0 14px var(--c-hp, #ff5470);white-space:nowrap;animation:solo-boss-hit-pop .82s ease-out forwards;will-change:transform,opacity}.solo-boss-hit-pop.crit{color:var(--c-xp);font-size:var(--fs-lg);text-shadow:0 0 16px var(--c-xp),0 0 28px color-mix(in srgb,var(--c-xp) 70%,transparent)}@keyframes solo-boss-hit-pop{0%{opacity:0;transform:translateY(10px) scale(.75)}10%{opacity:1;transform:translateY(-4px) scale(1.12)}50%{opacity:1;transform:translateY(-10px) scale(1.06)}to{opacity:0;transform:translateY(-38px) scale(1)}}.solo-boss-card.hit{animation:solo-boss-card-hit .45s var(--ease)}@keyframes solo-boss-card-hit{0%,to{transform:translate(0)}12%{transform:translate(-6px);border-color:color-mix(in srgb,var(--c-hp) 55%,var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--c-hp) 35%,transparent),0 0 32px color-mix(in srgb,var(--boss-tone) 40%,transparent)}28%{transform:translate(5px)}44%{transform:translate(-4px)}60%{transform:translate(3px)}}.solo-boss-hp.hit>i{animation:solo-boss-hp-drain .55s var(--ease)}@keyframes solo-boss-hp-drain{0%,to{filter:brightness(1)}20%{filter:brightness(1.65);box-shadow:0 0 14px color-mix(in srgb,var(--c-hp) 70%,transparent)}}@keyframes solo-boss-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes solo-boss-hit{0%{transform:translate(0) scale(1)}18%{transform:translate(-10px) scale(.9) rotate(-6deg)}36%{transform:translate(8px) scale(.94) rotate(4deg)}54%{transform:translate(-5px) scale(.97)}to{transform:translate(0) scale(1) rotate(0)}}.solo-boss-meta{position:relative;z-index:1;min-width:0}.solo-boss-kind{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--boss-tone);margin-bottom:2px}.solo-boss-name{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);line-height:1.15;margin-bottom:var(--sp-1)}.solo-boss-hp-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:4px}.solo-boss-hp-row .lbl{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.solo-boss-hp-row .val{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.solo-boss-hp{height:12px;border-radius:var(--r-pill);background:#00000059;border:1px solid var(--border);overflow:hidden}.solo-boss-hp>i{display:block;height:100%;width:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,var(--boss-tone-deep),var(--boss-tone) 55%,color-mix(in srgb,var(--boss-tone) 55%,#fff));transition:transform var(--t-slow) var(--ease);position:relative}.solo-boss-hp>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:solo-boss-shine 2.4s linear infinite}@keyframes solo-boss-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.solo-boss-page .solo-quiz-mode-tag{color:var(--boss-tone);background:color-mix(in srgb,var(--boss-tone) 12%,transparent);border:1px solid color-mix(in srgb,var(--boss-tone) 35%,transparent)}.solo-boss-page .solo-quiz-q-card:before{background:var(--boss-tone);box-shadow:0 0 18px var(--boss-tone)}.solo-boss-page .solo-quiz-appbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0d0b1af5}.solo-boss-page .solo-quiz-q-card{backdrop-filter:none;-webkit-backdrop-filter:none}.solo-boss-page .solo-quiz-statsbar{position:relative;left:auto;right:auto;bottom:auto;z-index:1;flex-shrink:0;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0d0b1af5;padding:var(--sp-2) var(--sp-4);padding-bottom:max(var(--sp-2),env(safe-area-inset-bottom));pointer-events:none}.solo-boss-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);left:50%;transform:translate(-50%);z-index:110;max-width:min(92vw,420px);padding:.55rem .85rem;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:center;color:#fff;background:color-mix(in srgb,var(--danger) 88%,#000);border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);box-shadow:0 8px 28px #00000073;animation:solo-boss-toast-in .22s var(--ease) both}@keyframes solo-boss-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.solo-boss-page .solo-quiz-statsbar-inner{grid-template-columns:1fr}.solo-boss-footer{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted)}.solo-boss-footer-streak{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);letter-spacing:.02em;flex-shrink:0;background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.solo-boss-page .solo-quiz-sstat.need .num{color:var(--boss-tone)}.solo-boss-finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:280;background:#080612d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease)}.solo-boss-finish.show{opacity:1;pointer-events:auto}.solo-boss-finish-card{width:100%;max-width:440px;text-align:center;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--glow),var(--shadow);padding:var(--sp-7) var(--sp-6);transform:translateY(12px) scale(.98);transition:transform var(--t-base) var(--ease-bounce)}.solo-boss-finish.show .solo-boss-finish-card{transform:translateY(0) scale(1)}.solo-boss-finish-card.defeat{border-color:color-mix(in srgb,var(--danger) 55%,var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 35%,transparent),0 0 40px color-mix(in srgb,var(--danger) 22%,transparent),var(--shadow);background:radial-gradient(120% 80% at 50% -20%,color-mix(in srgb,var(--danger) 14%,transparent),transparent 55%),var(--surface-solid)}.solo-boss-finish-card.defeat .solo-boss-finish-emoji{filter:grayscale(.2) drop-shadow(0 0 18px color-mix(in srgb,var(--danger) 45%,transparent))}.solo-boss-finish-emoji{font-size:52px;margin-bottom:var(--sp-2)}.solo-boss-finish-title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.solo-boss-finish-title.win{color:var(--success);text-shadow:0 0 24px color-mix(in srgb,var(--success) 40%,transparent)}.solo-boss-finish-title.lose{color:var(--danger);font-size:clamp(2rem,6vw,2.75rem);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 28px color-mix(in srgb,var(--danger) 45%,transparent)}.solo-boss-finish-sub{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-5);line-height:1.55}.solo-boss-finish-sub.defeat-hint{color:var(--text-dim);font-size:var(--fs-xs)}.solo-boss-finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.solo-boss-finish-grid.cols-2{grid-template-columns:repeat(2,1fr)}.solo-boss-finish-grid .num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xl)}.solo-boss-finish-grid .lbl{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.solo-boss-finish-actions{display:flex;flex-direction:column;gap:var(--sp-3)}.solo-boss-btn-ghost{background:transparent!important;border:1px solid var(--border)!important;color:var(--text-muted)!important;box-shadow:none!important}.solo-boss-btn-ghost:hover:not(:disabled){color:var(--text)!important;border-color:var(--border-strong)!important}.solo-boss-btn-review{background:color-mix(in srgb,var(--danger) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)!important;color:var(--text)!important;box-shadow:none!important}.solo-boss-btn-review:hover:not(:disabled){border-color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 18%,transparent)!important}.solo-boss-review-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;display:flex;align-items:stretch;justify-content:stretch;padding:0;background:#05050cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease)}.solo-boss-review-sheet.show{opacity:1;pointer-events:auto}.solo-boss-finish:has(.solo-boss-review-sheet.show){background:#05050ce0}.solo-boss-finish-card.defeat:has(.solo-boss-review-sheet.show){border-color:transparent;box-shadow:none;background:transparent;padding:0}.solo-boss-finish-card.defeat:has(.solo-boss-review-sheet.show)>:not(.solo-boss-finish-actions){visibility:hidden}.solo-boss-finish-card.defeat:has(.solo-boss-review-sheet.show) .solo-boss-finish-actions>:not(.solo-boss-review-sheet){visibility:hidden;pointer-events:none}.solo-boss-review-panel{width:100%;max-width:none;height:100%;max-height:none;display:flex;flex-direction:column;background:var(--surface-solid);border:none;border-radius:0;box-shadow:none;transform:translateY(12px);opacity:0;transition:transform var(--t-base) var(--ease),opacity var(--t-base) var(--ease);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.solo-boss-review-sheet.show .solo-boss-review-panel{transform:translateY(0);opacity:1}.solo-boss-review-head{padding:var(--sp-4) var(--sp-5) var(--sp-3);border-bottom:1px solid var(--border);flex-shrink:0}.solo-boss-review-head h3{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);color:var(--danger)}.solo-boss-review-head p{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.solo-boss-review-list{list-style:none;margin:0;padding:var(--sp-3) var(--sp-4);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--sp-3)}.solo-boss-review-item{text-align:left;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);border-left:3px solid var(--danger)}.solo-boss-review-item .q-idx{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.solo-boss-review-item .q-snippet{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);line-height:1.35;margin-bottom:var(--sp-2)}.solo-boss-review-item .review-ans{display:grid;gap:4px;font-size:var(--fs-xs)}.solo-boss-review-item .review-ans span{display:flex;gap:6px;align-items:baseline}.solo-boss-review-item .review-ans .lbl{color:var(--text-dim);min-width:4.5rem;flex-shrink:0}.solo-boss-review-item .review-ans .picked{color:var(--danger);font-weight:var(--fw-semibold)}.solo-boss-review-item .review-ans .ok{color:var(--success);font-weight:var(--fw-semibold)}.solo-boss-review-item .review-ans .why{margin-top:6px;padding-top:6px;border-top:1px solid var(--border);color:var(--text-muted);line-height:1.45}.solo-boss-review-foot{padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:var(--sp-2)}@media (max-width: 768px){.solo-boss-page .solo-quiz-appbar{flex-wrap:nowrap}.solo-boss-page .solo-quiz-appbar-right{width:auto;flex:1;min-width:0;justify-content:flex-end}}@media (max-width: 560px){.solo-boss-page{display:flex;flex-direction:column;padding-bottom:0}.solo-boss-page .solo-quiz-topbar{flex-shrink:0}.solo-boss-page .solo-quiz-appbar{padding-bottom:var(--sp-2);gap:var(--sp-2);flex-wrap:nowrap}.solo-boss-page .solo-quiz-appbar-right{width:auto;flex:1;min-width:0;gap:var(--sp-2);justify-content:flex-end}.solo-boss-page .solo-quiz-diff-stars{display:none}.solo-boss-page .solo-quiz-skill-tag{font-size:.65rem;padding:3px var(--sp-2)}.solo-boss-arena{max-width:none;margin:0;padding:var(--sp-2) var(--sp-3) 0;flex-shrink:0}.solo-boss-page .solo-quiz-wrap--boss{width:100%;padding-bottom:var(--sp-3)}.solo-boss-card{grid-template-columns:auto 1fr;text-align:left;gap:var(--sp-2);padding:var(--sp-2) 0}.solo-boss-orb{width:52px;height:52px;font-size:22px}.solo-boss-name{font-size:var(--fs-md)}.solo-boss-orb-wrap{margin:0}.solo-boss-page .solo-quiz-q-card{padding:var(--sp-5) var(--sp-4)}.solo-boss-page .solo-quiz-q-prompt{font-size:clamp(1.35rem,5.5vw,1.85rem)}.solo-boss-page .solo-quiz-opt{width:100%;min-height:48px;padding-top:var(--sp-4);padding-bottom:var(--sp-4)}.solo-boss-page .solo-quiz-statsbar{padding:var(--sp-2) var(--sp-3);padding-bottom:max(var(--sp-2),env(safe-area-inset-bottom,0px))}.solo-boss-zone-bg{background-size:cover;background-position:center 12%;opacity:.62}}@media (prefers-reduced-motion: reduce){.solo-boss-orb,.solo-boss-orb.hit,.solo-boss-orb.hit:after,.solo-boss-card.hit,.solo-boss-hp.hit>i,.solo-boss-hit-float,.solo-boss-hit-pop,.solo-boss-hp>i:after,.solo-bax--enter,.solo-bax-blank--flash,.solo-bax-chip--pop,.solo-bax-token--in,.solo-bax-build--pulse,.solo-bax.flash-ok,.solo-bax.flash-no{animation:none!important}.solo-boss-hp>i{transition:none}}.solo-bax{display:grid;gap:var(--sp-3);width:100%;max-width:640px;margin:0 auto}.solo-bax--enter{animation:solo-bax-in .35s var(--ease, ease) both}@keyframes solo-bax-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.solo-bax-title{font-weight:700;font-size:var(--fs-md, 1rem);color:var(--text)}.solo-bax-hint{font-size:var(--fs-sm, .875rem);color:var(--text-muted, #94a3b8)}.solo-bax-passage{background:color-mix(in srgb,var(--boss-tone, var(--accent)) 8%,transparent);border-left:4px solid var(--boss-tone, var(--accent));border-radius:8px;padding:var(--sp-4);line-height:1.65;white-space:pre-wrap;text-align:left}.solo-bax-blank{display:inline-block;min-width:3.2em;padding:0 .2em;border-bottom:2px dashed color-mix(in srgb,var(--boss-tone, var(--accent)) 55%,#94a3b8);font-weight:600;color:color-mix(in srgb,var(--boss-tone, var(--accent)) 70%,#0f172a)}.solo-bax-blank.filled{border-bottom-style:solid;color:var(--text)}.solo-bax-blank--flash{animation:solo-bax-blank-pop .4s var(--ease, ease)}@keyframes solo-bax-blank-pop{0%{background:color-mix(in srgb,var(--boss-tone, var(--accent)) 35%,transparent);transform:scale(1.04)}to{background:transparent;transform:none}}.solo-bax-bank{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.solo-bax-chip{border:1px solid color-mix(in srgb,var(--boss-tone, var(--accent, var(--primary))) 50%,var(--border, #64748b));background:var(--surface-2, var(--surface-solid, #1e293b));color:var(--text, #f8fafc);border-radius:999px;padding:.4rem .85rem;cursor:pointer;font:inherit;font-weight:600;transition:transform .15s ease,opacity .2s ease,box-shadow .15s ease,filter .2s ease}.solo-bax-chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--text, #fff) 12%,transparent)}.solo-bax-chip:disabled,.solo-bax-chip.used{opacity:.55;color:var(--text-muted, #94a3b8);cursor:default;transform:none;box-shadow:none}.solo-bax-chip--pop{animation:solo-bax-chip-pop .35s var(--ease, ease)}@keyframes solo-bax-chip-pop{0%{transform:scale(1.12)}to{transform:scale(1)}}.solo-bax-build{min-height:2.75rem;padding:var(--sp-3);border-radius:8px;background:color-mix(in srgb,var(--surface-2, #334155) 80%,transparent);color:var(--text, #f8fafc);font-weight:600;display:flex;flex-wrap:wrap;gap:.35rem .45rem;align-items:center}.solo-bax-build--pulse{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--boss-tone, var(--accent)) 45%,transparent)}.solo-bax-build--ok{background:color-mix(in srgb,var(--success, #059669) 18%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--success, #059669) 55%,transparent)}.solo-bax-build--no{background:color-mix(in srgb,var(--danger, #dc2626) 12%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--danger, #dc2626) 45%,transparent)}.solo-bax-build-placeholder{color:var(--text-muted, #94a3b8);font-weight:500}.solo-bax-token{display:inline-block;color:var(--text, #f8fafc)}.solo-bax-token--in{animation:solo-bax-token-in .32s var(--ease, ease)}@keyframes solo-bax-token-in{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}.solo-bax-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.solo-bax-input{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--boss-tone, var(--accent)) 35%,var(--border, #94a3b8));background:var(--surface-solid, #fff);color:var(--text, #0f172a);font:inherit;font-size:1rem}.solo-bax-input::placeholder{color:var(--text-muted, #94a3b8)}.solo-bax-input:disabled{opacity:.75;color:var(--text-muted, #94a3b8)}.solo-bax-input--ok{border-color:var(--success, #059669);background:color-mix(in srgb,var(--success, #059669) 10%,#fff)}.solo-bax-input--no{border-color:var(--danger, #dc2626);background:color-mix(in srgb,var(--danger, #dc2626) 8%,#fff)}.solo-bax-listen{justify-self:start;border:none;background:color-mix(in srgb,var(--boss-tone, var(--accent)) 18%,transparent);border-radius:999px;padding:.5rem 1rem;cursor:pointer;font:inherit;transition:transform .15s ease}.solo-bax-listen:hover:not(:disabled){transform:scale(1.03)}.solo-bax-reveal{margin:0;padding:var(--sp-3) var(--sp-4);border-radius:10px;background:color-mix(in srgb,var(--danger, #dc2626) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger, #dc2626) 28%,var(--border, #94a3b8));display:grid;gap:.25rem;text-align:left;animation:solo-bax-in .25s ease both}.solo-bax-reveal-lbl{font-size:var(--fs-xs, .75rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #94a3b8)}.solo-bax-reveal-ans{font-family:var(--font-display, inherit);font-weight:800;font-size:var(--fs-md, 1rem);color:var(--success, #059669);line-height:1.35}.solo-bax-result{margin:0;font-weight:600;animation:solo-bax-in .25s ease both}.solo-bax-result.ok{color:var(--success, #059669)}.solo-bax-result.no{color:var(--danger, #dc2626)}.solo-bax--resolved{padding:var(--sp-1) 0 0}.solo-bax.flash-ok{border-radius:var(--r-md, 12px);box-shadow:0 0 0 1.5px var(--success),0 0 28px -6px color-mix(in srgb,var(--success) 45%,transparent);animation:solo-bax-flash-ok .45s var(--ease, ease)}.solo-bax.flash-no{border-radius:var(--r-md, 12px);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--danger, #dc2626) 28%,#fff),0 0 20px -8px color-mix(in srgb,var(--danger, #dc2626) 18%,transparent);animation:solo-bax-flash-no .4s var(--ease, ease)}@keyframes solo-bax-flash-ok{0%{box-shadow:0 0 0 2px var(--success),0 0 36px -4px color-mix(in srgb,var(--success) 55%,transparent)}to{box-shadow:0 0 0 1.5px var(--success),0 0 28px -6px color-mix(in srgb,var(--success) 45%,transparent)}}@keyframes solo-bax-flash-no{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.solo-quiz-btn-ghost,.solo-quiz-btn-primary{border-radius:10px;padding:.6rem 1.1rem;font:inherit;cursor:pointer}.solo-quiz-btn-ghost{background:transparent;border:1px solid #94a3b8}.solo-quiz-btn-primary{background:var(--boss-tone, var(--accent));border:none;color:#0f172a;font-weight:700}.solo-quiz-btn-primary:disabled,.solo-quiz-btn-ghost:disabled{opacity:.45;cursor:default}.skill-tree-shell{min-height:100vh;position:relative;max-width:none;width:100%;margin:0;padding:0}.skill-tree-shell.immersive .stage-main{padding-bottom:0}.skill-tree-shell.immersive .solo-quiz-page,.skill-tree-shell.immersive .solo-fc2-page,.skill-tree-shell.immersive .solo-boss-page,.skill-tree-shell.immersive section.battle.battle-play-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;width:100%;max-width:100%;margin:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.stage-main{position:relative;z-index:1}.stage-main:not(.stage-main--flush){max-width:1180px;margin:0 auto;padding:var(--sp-5) var(--sp-6);width:100%}.skill-tree-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,92,246,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.skill-tree-zone-header--mobile{position:relative;z-index:1;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border);background:#0d0b1a66;display:flex;flex-direction:column;gap:var(--sp-2)}.skill-tree-zone-header--mobile .skill-tree-sidebar-section-title{margin-bottom:0}.skill-tree-biome-strip--bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1)}.skill-tree-biome-strip--sidebar{display:flex;flex-direction:column;gap:var(--sp-2)}.skill-tree-biome-tile{position:relative;border:none;cursor:pointer;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-solid);transition:box-shadow var(--t-base) var(--ease),opacity var(--t-base) var(--ease),filter var(--t-base) var(--ease);outline:none;font-family:inherit;text-align:left;min-width:0}.skill-tree-biome-strip--bar .skill-tree-biome-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;padding:4px 3px}.skill-tree-biome-strip--bar .skill-tree-biome-tile:after{background:linear-gradient(180deg,#00000059,#0000008c)}.skill-tree-biome-strip--bar .skill-tree-biome-tile__scene{font-size:1.1rem}.skill-tree-biome-strip--bar .skill-tree-biome-tile__label{font-size:.55rem;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;flex:unset;margin-top:4px;opacity:.88;color:#ffffffe0}.skill-tree-biome-strip--bar .skill-tree-biome-tile:not(.is-active) .skill-tree-biome-tile__label{opacity:.82;width:100%;flex:unset;overflow:hidden}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:var(--sp-2);row-gap:3px;min-height:92px;padding:var(--sp-3) var(--sp-3) var(--sp-4)}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile:after{background:linear-gradient(90deg,#00000061,#0000001f 72%)}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile__scene{grid-row:1 / 3;font-size:1.75rem}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile__label{grid-column:2;grid-row:1;font-size:var(--fs-sm);white-space:normal;color:#ffffffeb}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile__stats{grid-column:2;grid-row:2;position:relative;z-index:2;font-size:.58rem;font-weight:var(--fw-medium);line-height:1.25;color:#ffffffad;white-space:normal}.skill-tree-biome-strip--bar .skill-tree-biome-tile__stats{font-size:.5rem;font-weight:var(--fw-medium);line-height:1.1;text-align:center;color:#ffffffbf;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile:not(.is-active){opacity:.82;filter:saturate(.72) brightness(.94)}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile:not(.is-active):before{opacity:.78}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile:not(.is-active):hover{opacity:.95;filter:saturate(.88) brightness(1)}.skill-tree-biome-strip--sidebar .skill-tree-biome-tile__progress{grid-column:3;grid-row:1 / 3;align-self:center}.skill-tree-biome-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;transition:opacity var(--t-base) var(--ease);z-index:0}.skill-tree-biome-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.skill-tree-biome-tile__scene{position:relative;z-index:2;flex-shrink:0;line-height:1;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45))}.skill-tree-biome-tile__label{position:relative;z-index:2;flex:1;min-width:0;font-family:var(--font-display);font-weight:var(--fw-bold);color:#ffffffc7;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-base) var(--ease)}.skill-tree-biome-tile__progress{position:relative;z-index:2;flex-shrink:0;font-family:var(--font-mono);font-size:.58rem;font-weight:var(--fw-bold);padding:1px 5px;border-radius:var(--r-pill);background:#00000073;color:var(--tile-accent, var(--c-xp))}.skill-tree-biome-tile:not(.is-active){opacity:.72;filter:saturate(.62) brightness(.88)}.skill-tree-biome-tile:not(.is-active):hover{opacity:.95;filter:saturate(.85) brightness(.98)}.skill-tree-biome-tile:not(.is-active):before{opacity:.72}.skill-tree-biome-tile.is-active{z-index:2;box-shadow:0 0 0 1.5px var(--tile-glow, var(--primary)),0 0 14px var(--tile-glow-soft, rgba(168, 85, 247, .4))}.skill-tree-biome-tile.is-active:before{opacity:1}.skill-tree-biome-tile.is-active .skill-tree-biome-tile__label{color:#fff}.skill-tree-biome-tile:focus-visible{box-shadow:0 0 0 2px var(--primary-2),var(--glow)}.skill-tree-biome-tile[data-biome=nui_lua_qua_khu]{--tile-glow: #ff6b35;--tile-glow-soft: rgba(255, 107, 53, .5);--tile-accent: #ffb347}.skill-tree-biome-tile[data-biome=nui_lua_qua_khu]:before{background:radial-gradient(ellipse 80% 60% at 50% 100%,#ff4500 0%,transparent 70%),linear-gradient(180deg,#1a0a00,#3d1200 40%,#7a2800,#ff6b00)}.skill-tree-biome-tile[data-biome=thanh_pho_tri_thuc]{--tile-glow: #22d3ee;--tile-glow-soft: rgba(34, 211, 238, .45);--tile-accent: #67e8f9}.skill-tree-biome-tile[data-biome=thanh_pho_tri_thuc]:before{background:radial-gradient(ellipse 60% 40% at 50% 30%,rgba(34,211,238,.35) 0%,transparent 70%),linear-gradient(180deg,#0a1628,#0f2847 50%,#1a3a5c 80%,#0e7490)}.skill-tree-biome-tile[data-biome=dam_lay_cu_phap]{--tile-glow: #34d399;--tile-glow-soft: rgba(52, 211, 153, .4);--tile-accent: #6ee7b7}.skill-tree-biome-tile[data-biome=dam_lay_cu_phap]:before{background:radial-gradient(ellipse 90% 50% at 30% 80%,rgba(52,211,153,.25) 0%,transparent 60%),linear-gradient(180deg,#0a1a12,#0f2e1e 45%,#14532d 75%,#166534)}.skill-tree-biome-tile[data-biome=dinh_suong_mu]{--tile-glow: #a78bfa;--tile-glow-soft: rgba(167, 139, 250, .45);--tile-accent: #c4b5fd}.skill-tree-biome-tile[data-biome=dinh_suong_mu]:before{background:radial-gradient(ellipse 100% 60% at 50% 20%,rgba(196,181,253,.3) 0%,transparent 65%),linear-gradient(180deg,#1e1b2e,#2d2a45 50%,#3b3560 80%,#6b5b95)}.skill-tree-layout{position:relative;z-index:1;display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;width:min(100%,1100px);margin-inline:auto;min-height:calc(100vh - 56px)}.skill-tree-sidebar-left{border-right:1px solid var(--border);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}.skill-tree-sidebar-section-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-3)}.skill-tree-mini-ring-wrap{display:flex;align-items:center;gap:var(--sp-4)}.skill-tree-mini-ring{position:relative;width:72px;height:72px;flex-shrink:0}.skill-tree-mini-ring svg{width:72px;height:72px;transform:rotate(-90deg)}.skill-tree-mini-ring-track{fill:none;stroke:#ffffff12;stroke-width:7}.skill-tree-mini-ring-fill{fill:none;stroke:url(#skillTreeMiniGrad);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease)}.skill-tree-mini-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-tree-mini-ring-num{font-family:var(--font-display);font-size:1.1rem;font-weight:var(--fw-black);background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.skill-tree-mini-ring-label{font-size:9px;color:var(--text-dim);margin-top:1px}.skill-tree-mini-ring-info .title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);margin-bottom:2px}.skill-tree-mini-ring-info .sub{font-size:var(--fs-xs);color:var(--text-muted)}.skill-tree-stat-list{display:flex;flex-direction:column;gap:var(--sp-3)}.skill-tree-stat-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.skill-tree-stat-row-left{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted)}.skill-tree-stat-row-val{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.skill-tree-stat-row-val.xp{color:var(--c-xp)}.skill-tree-stat-row-val.streak{color:var(--c-streak)}.skill-tree-stat-row-val.success{color:var(--success)}.skill-tree-legend{display:flex;flex-direction:column;gap:var(--sp-2)}.skill-tree-legend-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted)}.skill-tree-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.skill-tree-legend-dot.done{background:var(--success)}.skill-tree-legend-dot.active{background:var(--primary)}.skill-tree-legend-dot.locked{background:#fff3}.skill-tree-legend-dot.boss{background:var(--danger)}.skill-tree-legend-dot.checkpoint{background:var(--c-xp)}.skill-tree-canvas{padding:var(--sp-7) var(--sp-8);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;min-height:calc(100vh - 56px);background:#0d0b1a40}.skill-tree-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.42;transition:opacity var(--t-slow) var(--ease)}.skill-tree-canvas:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);z-index:0;pointer-events:none;font-size:clamp(10rem,28vw,18rem);line-height:1;opacity:.07;filter:blur(.5px);-webkit-user-select:none;user-select:none}.skill-tree-canvas[data-biome=nui_lua_qua_khu]:before{background:radial-gradient(ellipse 90% 70% at 50% 110%,rgba(255,69,0,.45) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 20% 20%,rgba(255,140,0,.2) 0%,transparent 50%),linear-gradient(180deg,#120600,#2a0e00 45%,#1a0800)}.skill-tree-canvas[data-biome=nui_lua_qua_khu]:after{content:"🌋"}.skill-tree-canvas[data-biome=thanh_pho_tri_thuc]:before{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(34,211,238,.28) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 85% 80%,rgba(99,102,241,.22) 0%,transparent 50%),linear-gradient(180deg,#060d18,#0c1a2e,#081018)}.skill-tree-canvas[data-biome=thanh_pho_tri_thuc]:after{content:"🏙️"}.skill-tree-canvas[data-biome=dam_lay_cu_phap]:before{background:radial-gradient(ellipse 100% 55% at 30% 100%,rgba(52,211,153,.3) 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 75% 25%,rgba(16,185,129,.15) 0%,transparent 50%),linear-gradient(180deg,#06120c,#0a1f14,#071610)}.skill-tree-canvas[data-biome=dam_lay_cu_phap]:after{content:"🌫️"}.skill-tree-canvas[data-biome=dinh_suong_mu]:before{background:radial-gradient(ellipse 90% 65% at 50% 15%,rgba(196,181,253,.32) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 15% 75%,rgba(139,92,246,.18) 0%,transparent 50%),linear-gradient(180deg,#12101f,#1e1a32,#141220)}.skill-tree-canvas[data-biome=dinh_suong_mu]:after{content:"⛰️"}.skill-tree-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.skill-tree-path-line{fill:none;stroke-width:2;stroke-linecap:round;animation:none}.skill-tree-path-line.pending{stroke:#8b5cf640;stroke-dasharray:6 5}.skill-tree-path-line.done{stroke:#34d39980;stroke-dasharray:none}.skill-tree-path-line.active-flow{stroke:#8b5cf673;stroke-dasharray:6 5;animation:skill-tree-dash-flow 2s linear infinite}@keyframes skill-tree-dash-flow{to{stroke-dashoffset:-22}}.skill-tree-rows{position:relative;z-index:1;display:flex;flex-direction:column;gap:0;width:100%;max-width:560px}.skill-tree-row{display:flex;align-items:center;justify-content:center;padding:var(--sp-5) 0;position:relative}.skill-tree-row:nth-child(odd){justify-content:flex-start;padding-left:60px}.skill-tree-row:nth-child(2n){justify-content:flex-end;padding-right:60px}.skill-tree-row.center-row{justify-content:center!important;padding-left:0!important;padding-right:0!important}.skill-tree-node{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);cursor:pointer;position:relative;transition:transform var(--t-base) var(--ease-bounce);border:none;background:transparent;font:inherit;color:inherit;padding:0}.skill-tree-node:hover{transform:scale(1.07)}.skill-tree-node.locked{cursor:not-allowed;opacity:.45}.skill-tree-node.locked:hover{transform:none}.skill-tree-node.selected{outline:2px solid rgba(139,92,246,.5);outline-offset:6px;border-radius:var(--r-md)}.skill-tree-node-circle{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--t-base) var(--ease)}.skill-tree-node-circle.sz-md{width:68px;height:68px}.skill-tree-node-circle.sz-lg{width:88px;height:88px}.skill-tree-node-circle.sz-xl{width:100px;height:100px}.skill-tree-node-circle.state-done{background:#34d39926;border:2.5px solid var(--success);box-shadow:0 0 0 2px #34d39966,0 0 20px #34d39933}.skill-tree-node-circle.state-active{background:#8b5cf62e;border:2.5px solid var(--primary);box-shadow:0 0 0 2px #8b5cf680,0 0 28px #8b5cf659;animation:skill-tree-floaty 3s ease-in-out infinite;will-change:transform}.skill-tree-node-circle.state-active:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.45) 0%,rgba(6,214,245,.2) 55%,transparent 72%);opacity:.6;transform:scale(1);animation:skill-tree-active-glow 2.5s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes skill-tree-active-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.85}}.skill-tree-node-circle.state-locked{background:#ffffff0a;border:2px solid rgba(255,255,255,.12);box-shadow:none}.skill-tree-node-circle.type-boss{background:#ff547026;border:2.5px solid var(--danger);box-shadow:0 0 0 2px #ff547099,0 0 36px #ff547066}.skill-tree-node-circle.type-boss:not(.state-locked):after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:radial-gradient(circle,rgba(255,84,112,.5) 0%,rgba(255,84,112,.15) 55%,transparent 72%);opacity:.6;transform:scale(1);animation:skill-tree-boss-glow 3s ease-in-out infinite;pointer-events:none;z-index:0;will-change:transform,opacity}@keyframes skill-tree-boss-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.25);opacity:.9}}.skill-tree-node-circle.type-checkpoint{background:#fbbf241f;border:2.5px solid var(--c-xp);box-shadow:0 0 0 2px #fbbf2466,0 0 28px #fbbf2440}.skill-tree-node-circle.state-active:before,.skill-tree-node-circle.type-boss:not(.state-locked):before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgba(139,92,246,.25);animation:skill-tree-ring-spin 8s linear infinite}.skill-tree-node-circle.type-boss:not(.state-locked):before{border-color:#ff547040}@keyframes skill-tree-ring-spin{to{transform:rotate(360deg)}}@keyframes skill-tree-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.skill-tree-node-icon{font-size:26px;line-height:1;position:relative;z-index:1}.skill-tree-node-circle.sz-lg .skill-tree-node-icon{font-size:34px}.skill-tree-node-circle.sz-xl .skill-tree-node-icon{font-size:38px}.skill-tree-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0006;font-size:18px}.skill-tree-node-stars{display:flex;gap:3px}.skill-tree-star{font-size:12px;opacity:.3}.skill-tree-star.lit{opacity:1}.skill-tree-node-label{text-align:center;max-width:110px}.skill-tree-type-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body);padding:2px 6px;border-radius:var(--r-xs);margin-bottom:3px}.skill-tree-type-badge.explore{background:#06d6f51f;color:var(--accent);border:1px solid rgba(6,214,245,.25)}.skill-tree-type-badge.apply{background:#8b5cf61f;color:var(--primary);border:1px solid rgba(139,92,246,.25)}.skill-tree-type-badge.boss{background:#ff54701f;color:var(--danger);border:1px solid rgba(255,84,112,.3)}.skill-tree-type-badge.checkpoint{background:#fbbf241f;color:var(--c-xp);border:1px solid rgba(251,191,36,.3)}.skill-tree-type-badge.zoneboss{background:#ff547033;color:var(--danger);border:1px solid rgba(255,84,112,.4)}.skill-tree-node-name{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text);line-height:1.3;display:block}.skill-tree-node-circle.state-locked~.skill-tree-node-stars~.skill-tree-node-label .skill-tree-node-name,.skill-tree-node.locked .skill-tree-node-name{color:var(--text-dim)}.skill-tree-preview-panel{border-left:1px solid var(--border);padding:var(--sp-5);position:sticky;top:56px;height:calc(100vh - 144px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.skill-tree-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--text-dim);text-align:center}.skill-tree-preview-empty .icon{font-size:36px;opacity:.4}.skill-tree-preview-empty p{font-size:var(--fs-sm)}.skill-tree-preview-content{display:none;flex-direction:column;gap:var(--sp-3);min-height:0}.skill-tree-preview-content.visible{display:flex;flex:1;min-height:0}.skill-tree-preview-header{display:flex;flex-direction:column;gap:var(--sp-2)}.skill-tree-preview-badge-row{display:flex;gap:var(--sp-2);align-items:center}.skill-tree-preview-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--text)}.skill-tree-preview-meta{font-size:var(--fs-xs);color:var(--text-muted)}.skill-tree-preview-ring-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.skill-tree-preview-ring-row--active{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--glow)}button.skill-tree-preview-ring-row--clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.skill-tree-preview-ring-row--clickable:hover,.skill-tree-preview-ring-row--clickable.skill-tree-preview-ring-row--active:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--glow),0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}.skill-tree-preview-ring-row--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skill-tree-p-ring{position:relative;width:64px;height:64px;flex-shrink:0}.skill-tree-p-ring svg{width:64px;height:64px;transform:rotate(-90deg)}.skill-tree-p-ring-track{fill:none;stroke:#ffffff12;stroke-width:7}.skill-tree-p-ring-fill{fill:none;stroke:url(#skillTreePRingGrad);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}.skill-tree-p-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-tree-p-ring-num{font-family:var(--font-display);font-size:.9rem;font-weight:var(--fw-black);color:var(--primary);line-height:1}.skill-tree-p-ring-sub{font-size:9px;color:var(--text-dim)}.skill-tree-p-ring-stats{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.skill-tree-p-stat{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs)}.skill-tree-p-stat .lbl{color:var(--text-dim)}.skill-tree-p-stat .val{font-family:var(--font-mono);color:var(--text-muted);font-weight:var(--fw-medium)}.skill-tree-p-stat .val.gold{color:var(--c-xp)}.skill-tree-p-stat .val.green{color:var(--success)}.skill-tree-preview-section-title{font-size:.65rem;font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-1)}.skill-tree-grammar-mini-list{display:flex;flex-direction:column;gap:var(--sp-2)}.skill-tree-spell-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.skill-tree-spell-chip{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px var(--sp-3)}.skill-tree-grammar-mini{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.skill-tree-grammar-mini-name{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text)}.skill-tree-grammar-mini-pips{display:flex;gap:2px}.skill-tree-g-pip{width:12px;height:4px;border-radius:var(--r-pill);background:#ffffff14}.skill-tree-g-pip.on{background:var(--primary)}.skill-tree-rarity-legend-block{display:flex;flex-direction:column;gap:var(--sp-1);flex-shrink:0}.skill-tree-rarity-legend{list-style:none;margin:0;padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.skill-tree-rarity-legend-row{display:grid;grid-template-columns:minmax(7.5rem,auto) minmax(0,1fr);gap:var(--sp-2);align-items:baseline;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.skill-tree-rarity-legend-row:last-child{border-bottom:none;padding-bottom:0}.skill-tree-rarity-legend-row:first-child{padding-top:0}.skill-tree-rarity-legend-name{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:.68rem;font-weight:var(--fw-bold);color:var(--text);white-space:nowrap}.skill-tree-rarity-legend-row.common .skill-tree-rarity-legend-name{color:#9ca3af}.skill-tree-rarity-legend-row.rare .skill-tree-rarity-legend-name{color:#60a5fa}.skill-tree-rarity-legend-row.epic .skill-tree-rarity-legend-name{color:#a78bfa}.skill-tree-rarity-legend-row.legendary .skill-tree-rarity-legend-name{color:#fbbf24}.skill-tree-rarity-legend-count{font-family:var(--font-mono);font-size:.62rem;font-weight:var(--fw-semibold);color:var(--text-muted);background:var(--surface-2);border-radius:var(--r-pill);padding:0 5px;line-height:1.35}.skill-tree-rarity-legend-meaning{margin:0;font-size:.62rem;line-height:1.35;color:var(--text-dim)}.skill-tree-rarity-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.skill-tree-rarity-chip{display:flex;align-items:center;gap:4px;padding:4px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);font-family:var(--font-display)}.skill-tree-rarity-chip.common{background:#9ca3af1a;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.skill-tree-rarity-chip.rare{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.skill-tree-rarity-chip.epic{background:#a78bfa1a;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.skill-tree-rarity-chip.legendary{background:#fbbf241a;color:var(--c-xp);border:1px solid rgba(251,191,36,.25)}.skill-tree-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);border:none;background:var(--primary-grad);color:#fff;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;transition:all var(--t-base) var(--ease);box-shadow:0 0 0 1px #8b5cf666,0 4px 16px #8b5cf64d;text-decoration:none;width:100%}.skill-tree-btn:hover{transform:translateY(-2px)}.skill-tree-btn:active{transform:scale(.98)}.skill-tree-btn.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--primary);box-shadow:none}.skill-tree-btn.ghost:hover{background:#8b5cf614}.skill-tree-btn.locked-btn{background:#ffffff0d;color:var(--text-dim);box-shadow:none;cursor:not-allowed;border:1px solid var(--border)}.skill-tree-btn.boss-btn{background:linear-gradient(135deg,#ff5470,#ff8a3d)}.skill-tree-pill{display:inline-flex;align-items:center;gap:3px;padding:3px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-left:auto}.skill-tree-pill.warn{background:#fbbf241f;border:1px solid rgba(251,191,36,.3);color:var(--c-xp)}.skill-tree-pill.ok{background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:var(--success)}.skill-tree-pill.danger{background:#ff54701f;border:1px solid rgba(255,84,112,.3);color:var(--danger)}.skill-tree-sheet-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b8;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease)}.skill-tree-sheet-backdrop.open{opacity:1;pointer-events:auto}.skill-tree-bottom-sheet{display:none;position:fixed;bottom:0;left:0;right:0;z-index:310;background:var(--surface-solid);border-top:1px solid var(--border-strong);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:0 var(--sp-5) var(--sp-5);padding-bottom:max(var(--sp-5),env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto;transform:translateY(100%);pointer-events:none;transition:transform var(--t-slow) var(--ease);box-shadow:0 -8px 48px #0009}.skill-tree-bottom-sheet.open{transform:translateY(0);pointer-events:auto}.skill-tree-sheet-handle{width:40px;height:4px;border-radius:var(--r-pill);background:#ffffff2e;margin:var(--sp-3) auto var(--sp-4)}.appbar-v2{position:sticky;top:0;z-index:200;background:#0d0b1af7;border-bottom:1px solid var(--border);padding:0 var(--sp-6);height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:0}.appbar-v2 .appbar-brand{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-md);color:var(--text)}.appbar-v2 .brand-icon{width:32px;height:32px;border-radius:var(--r-sm);background:var(--primary-grad);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--glow)}.appbar-v2 .appbar-nav{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-2) var(--sp-4);border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#11182780;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.appbar-v2 .nav-item{padding:0;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;border:none;background:transparent;font-family:var(--font-body);transition:color var(--t-fast) var(--ease);display:flex;align-items:center;gap:var(--sp-2);text-decoration:none}.appbar-v2 .nav-item:hover,.appbar-v2 .nav-item.active{color:#fff;background:transparent}.appbar-v2 .nav-item--highlight{padding:.55rem 1.35rem;border-radius:var(--r-pill);font-weight:var(--fw-bold);letter-spacing:.02em;color:#fff;background:linear-gradient(90deg,#2563eb,#9333ea);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 15px #7c3aed66;transform:scale(1.05);transition:box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.appbar-v2 .nav-item--highlight:hover{color:#fff;filter:brightness(1.06);box-shadow:0 0 25px #7c3aed99}.appbar-v2 .nav-item--highlight.active{color:#fff;box-shadow:0 0 25px #7c3aed99}.appbar-v2 .appbar-right{display:flex;align-items:center;gap:var(--sp-3)}.appbar-v2 .stat-chip{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.appbar-v2 .stat-chip .ic{width:26px;height:26px;border-radius:var(--r-xs);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:13px}.appbar-v2 .btn-logout{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:none;background:var(--primary-grad);color:#fff;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer;transition:all var(--t-fast) var(--ease);box-shadow:0 0 0 1px #8b5cf666,0 2px 12px #8b5cf64d}.appbar-v2 .btn-logout:hover{transform:translateY(-1px);box-shadow:var(--glow)}.avatar-menu{position:relative}.avatar-btn{display:flex;align-items:center;gap:var(--sp-2);padding:3px 10px 3px 4px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);cursor:pointer;color:var(--text);font-family:var(--font-body);transition:all var(--t-fast) var(--ease)}.avatar-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xs);color:#fff;flex-shrink:0;box-shadow:0 0 0 2px var(--border-strong)}img.avatar{display:block;object-fit:cover;padding:0}.avatar.lg{width:48px;height:48px;font-size:var(--fs-md)}.avatar-lvl{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted)}.avatar-chev{font-size:11px;color:var(--text-dim);transition:transform var(--t-base) var(--ease)}.avatar-menu.open .avatar-chev{transform:rotate(180deg)}.avatar-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(300px,calc(100vw - 24px));max-height:min(80vh,560px);overflow-y:auto;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow);opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease);z-index:250}.avatar-menu.open .avatar-dropdown{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.avatar-dropdown-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border)}.avatar-name{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md);line-height:1.2;color:var(--text)}.avatar-badge-row{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.avatar-rank-badge,.avatar-streak-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:10px;font-weight:var(--fw-bold);padding:2px 8px;border-radius:var(--r-pill);letter-spacing:.04em}.avatar-rank-badge{color:var(--primary);background:#a855f724;border:1px solid var(--border-strong)}.avatar-streak-badge{color:var(--c-streak);background:#ff8a3d24;border:1px solid rgba(255,138,61,.4)}.avatar-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) 0}.avatar-stat{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.avatar-stat .ic{width:28px;height:28px;border-radius:var(--r-xs);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.avatar-stat .meta{display:flex;flex-direction:column;line-height:1.15}.avatar-stat .meta .k{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.avatar-stat .meta .val{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm)}.avatar-stat .val.xp{color:var(--c-xp)}.avatar-stat .val.crystal{color:var(--c-mp)}.avatar-xpbar{padding:var(--sp-3) var(--sp-4)}.avatar-xpbar .row{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);margin-bottom:4px}.avatar-xpbar .track{height:6px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.avatar-xpbar .fill{height:100%;background:var(--primary-grad);border-radius:var(--r-pill);transition:width var(--t-slow) var(--ease)}.avatar-items{padding:var(--sp-2);border-top:1px solid var(--border)}.avatar-main-nav{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2);border-top:1px solid var(--border)}a.avatar-link{text-decoration:none;box-sizing:border-box}.avatar-nav-link.is-active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:var(--fw-bold)}.avatar-nav-link.is-active .arrow{color:var(--primary)}.avatar-link{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border:none;background:transparent;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:background var(--t-fast) var(--ease)}.avatar-link:hover{background:var(--surface)}.avatar-link .mi{font-size:16px;width:20px;text-align:center}.avatar-link .arrow{margin-left:auto;color:var(--text-dim)}.avatar-link.danger{color:var(--danger)}.avatar-link.danger:hover{background:#ff4d6d1a}.bottomnav-v2{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#0d0b1afa;border-top:1px solid var(--border);padding:var(--sp-2);padding-bottom:max(var(--sp-2),env(safe-area-inset-bottom));justify-content:space-around;align-items:center}.bottomnav-v2 .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--sp-2) var(--sp-1);border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-family:var(--font-body);transition:color var(--t-fast) var(--ease);border-radius:var(--r-sm);text-decoration:none}.bottomnav-v2 .bn-icon{font-size:20px;line-height:1}.bottomnav-v2 .bn-label{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.02em}.bottomnav-v2 .bn-item.active{color:var(--primary)}.bottomnav-v2 .bn-item.active .bn-icon{filter:drop-shadow(0 0 6px rgba(139,92,246,.7))}.bottomnav-v2 .bn-item--highlight .bn-icon{width:46px;height:46px;display:grid;place-items:center;margin-top:-14px;border-radius:50%;font-size:24px;background:linear-gradient(135deg,#2563eb,#9333ea);box-shadow:0 6px 18px -4px #7c3aedb3}.bottomnav-v2 .bn-item--highlight .bn-label{color:var(--primary);font-weight:var(--fw-bold)}.bottomnav-v2 .bn-item--highlight.active .bn-icon{filter:none;box-shadow:0 6px 22px -3px #8b5cf6d9}@media (max-width: 900px){.skill-tree-layout{grid-template-columns:1fr}.skill-tree-sidebar-left{display:none}.skill-tree-layout{width:100%;margin-inline:0}.appbar-v2{padding:0 var(--sp-4)}.appbar-v2 .appbar-nav,.appbar-v2 .btn-logout{display:none}.appbar-v2 .appbar-right{gap:var(--sp-2)}.appbar-v2 .stat-chip .ic{width:28px;height:28px}.skill-tree-zone-header--mobile{padding:var(--sp-2) var(--sp-4)}.skill-tree-biome-strip--bar .skill-tree-biome-tile{height:52px;padding:5px 2px 4px}.skill-tree-biome-strip--bar .skill-tree-biome-tile__label{margin-top:5px}.skill-tree-canvas{padding:var(--sp-6) var(--sp-4);padding-bottom:calc(var(--sp-8) + 60px)}.skill-tree-rows{max-width:100%}.skill-tree-row:nth-child(odd){padding-left:24px}.skill-tree-row:nth-child(2n){padding-right:24px}.skill-tree-node-circle.sz-md{width:76px;height:76px}.skill-tree-node-circle.sz-lg{width:96px;height:96px}.skill-tree-node-circle.sz-xl{width:108px;height:108px}.skill-tree-node-icon{font-size:30px}.skill-tree-node-circle.sz-lg .skill-tree-node-icon{font-size:38px}.skill-tree-node-circle.sz-xl .skill-tree-node-icon{font-size:42px}.skill-tree-node-name{font-size:var(--fs-sm)}.skill-tree-type-badge{font-size:10px}.skill-tree-star{font-size:14px}.skill-tree-bottom-sheet,.skill-tree-sheet-backdrop{display:block}.bottomnav-v2{display:none}.bottomnav-v2 .bn-label{font-size:9px}.bottomnav-v2 .bn-item{padding:var(--sp-2) 2px}.skill-tree-shell .stage-main{padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom,0px))}.stage-main:not(.stage-main--flush){padding-left:var(--sp-4);padding-right:var(--sp-4)}}@media (prefers-reduced-motion: reduce){.skill-tree-biome-tile,.skill-tree-zone-progress-bar-fill{transition-duration:.01ms}.skill-tree-node-circle.state-active,.skill-tree-node-circle.type-boss,.skill-tree-path-line.active-flow{animation:none!important}.skill-tree-node-circle.state-active:after,.skill-tree-node-circle.type-boss:not(.state-locked):after{animation:none!important}}.skill-tree-shell.learn-nkvm{--green-deep: #1a5c38;--green-mid: #2d8a55;--green-light: #4abe7a;--amber: #f5a623;--amber-light: #fde68a;--earth: #7c4b1e;--cream: #fdf8ee;--red-penalty: #c0392b;--bg: #f4fbf7;--bg-grad: radial-gradient(900px 480px at 90% -10%, rgba(74, 190, 122, .18) 0%, transparent 55%), radial-gradient(700px 420px at -5% 100%, rgba(245, 166, 35, .12) 0%, transparent 50%), #f4fbf7;--surface: #ffffff;--surface-2: #edf7f1;--surface-solid: #ffffff;--border: #e2e8f0;--border-strong: rgba(45, 138, 85, .45);--text: #1e1e1e;--text-muted: #6b7280;--text-dim: #9ca3af;--primary: #2d8a55;--primary-2: #f5a623;--accent: #f5a623;--primary-grad: linear-gradient(135deg, #1a5c38 0%, #2d8a55 55%, #4abe7a 100%);--accent-grad: linear-gradient(135deg, #f5a623 0%, #e08b3c 100%);--success: #2d8a55;--danger: #c0392b;--warning: #f5a623;--glow: 0 4px 24px rgba(26, 92, 56, .12);--glow-cyan: 0 4px 20px rgba(245, 166, 35, .35);--shadow: 0 8px 32px rgba(0, 0, 0, .1);--card-blur: none;--card-bg: #ffffff;--c-xp: #f5a623;--c-mp: #2d8a55;--c-streak: #e08b3c;--c-crystal: #2d8a55;--c-hp: #c0392b;--font-display: "Baloo 2", "Space Grotesk", system-ui, sans-serif;--font-body: "Mulish", "Inter", system-ui, sans-serif;--r-sm: .75rem;--r-md: 1.2rem;--r-lg: 1.5rem;--r-xl: 2rem;--r-pill: 3rem;background:var(--bg);background-image:var(--bg-grad);color:var(--text);font-family:var(--font-body);min-height:100vh}.skill-tree-shell.learn-nkvm h1,.skill-tree-shell.learn-nkvm h2,.skill-tree-shell.learn-nkvm h3,.skill-tree-shell.learn-nkvm h4{font-family:var(--font-display)}.skill-tree-shell.learn-nkvm:before{background-image:none;opacity:0}.skill-tree-shell.learn-nkvm .skill-tree-zone-header--mobile{background:#ffffffeb;border-bottom:1px solid #e2e8f0}.skill-tree-shell.learn-nkvm .skill-tree-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:4px 0 24px #0000000a}.skill-tree-shell.learn-nkvm .skill-tree-sidebar-section-title{color:var(--green-mid);font-family:var(--font-display);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.skill-tree-shell.learn-nkvm .skill-tree-biome-tile{background:#edf7f1;border:2px solid transparent;border-radius:1rem;box-shadow:0 4px 16px #0000000d}.skill-tree-shell.learn-nkvm .skill-tree-biome-tile.is-active{border-color:var(--green-mid);box-shadow:0 6px 20px #2d8a5533}.skill-tree-shell.learn-nkvm .skill-tree-biome-strip--bar .skill-tree-biome-tile__label{color:var(--text);opacity:.9}.skill-tree-shell.learn-nkvm .skill-tree-biome-strip--bar .skill-tree-biome-tile:after{background:linear-gradient(180deg,#1a5c3814,#1a5c3847)}.skill-tree-shell.learn-nkvm .skill-tree-canvas{background:transparent}.skill-tree-shell.learn-nkvm .skill-tree-canvas[data-biome=nui_lua_qua_khu]:before{background:radial-gradient(ellipse 90% 70% at 50% 110%,rgba(245,166,35,.28) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 20% 20%,rgba(196,125,58,.12) 0%,transparent 50%),linear-gradient(180deg,#fff8eb,#f4fbf7 55%,#edf7f1);opacity:1}.skill-tree-shell.learn-nkvm .skill-tree-canvas[data-biome=thanh_pho_tri_thuc]:before{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(45,138,85,.18) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 85% 80%,rgba(74,190,122,.14) 0%,transparent 50%),linear-gradient(180deg,#e8f5ee,#f4fbf7 55%,#fff);opacity:1}.skill-tree-shell.learn-nkvm .skill-tree-canvas[data-biome=dam_lay_cu_phap]:before{background:radial-gradient(ellipse 100% 55% at 30% 100%,rgba(74,190,122,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 75% 25%,rgba(26,92,56,.1) 0%,transparent 50%),linear-gradient(180deg,#eefaf3,#f4fbf7,#edf7f1);opacity:1}.skill-tree-shell.learn-nkvm .skill-tree-canvas[data-biome=dinh_suong_mu]:before{background:radial-gradient(ellipse 90% 65% at 50% 15%,rgba(245,166,35,.14) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 15% 75%,rgba(45,138,85,.12) 0%,transparent 50%),linear-gradient(180deg,#fdf8ee,#f4fbf7,#edf7f1);opacity:1}.skill-tree-shell.learn-nkvm .skill-tree-canvas:after{opacity:.1}.skill-tree-shell.learn-nkvm .skill-tree-legend-dot.locked{background:#cbd5e1}.skill-tree-shell.learn-nkvm .skill-tree-node__circle{box-shadow:0 6px 20px #1a5c3826}.skill-tree-shell.learn-nkvm .skill-tree-node.is-active .skill-tree-node__circle{box-shadow:0 0 0 4px #f5a62359,0 8px 24px #2d8a5540}.skill-tree-shell.learn-nkvm .skill-tree-node.is-done .skill-tree-node__circle{box-shadow:0 6px 18px #2d8a5538}.skill-tree-shell.learn-nkvm .skill-tree-node__label{color:var(--green-deep);font-family:var(--font-display);font-weight:800;text-shadow:none}.skill-tree-shell.learn-nkvm .skill-tree-path-edge{stroke:#2d8a5559}.learn-tree-companion{position:sticky;top:72px;z-index:5;display:flex;align-items:center;gap:.85rem;margin:.75rem 1.25rem 0;padding:.75rem 1rem;max-width:420px;background:#fff;border:2px solid #c6f0d8;border-radius:1.25rem;box-shadow:0 4px 24px #0000000f}.learn-tree-companion__art{flex-shrink:0;line-height:0}.learn-tree-companion__copy{min-width:0}.learn-tree-companion__label{font-family:var(--font-display);font-weight:800;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid);margin:0 0 .15rem}.learn-tree-companion__text{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--green-deep);line-height:1.25;margin:0}.learn-tree-companion__sub{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.45}@media (max-width: 768px){.learn-tree-companion{top:auto;margin:.5rem .75rem 0;max-width:none}}.skill-tree-shell.learn-nkvm .solo-hub-shell{background:var(--bg);background-image:var(--bg-grad)}.skill-tree-shell.learn-nkvm .solo-hub-btn-back{background:#edf7f1;border-color:#c6f0d8;color:var(--green-deep);font-family:var(--font-display);font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-btn-back:hover{background:#d1fae5;border-color:var(--green-mid);color:var(--green-deep)}.skill-tree-shell.learn-nkvm .solo-hub-cta,.skill-tree-shell.learn-nkvm .solo-hub-mode-card .btn,.skill-tree-shell.learn-nkvm button.solo-hub-primary{font-family:var(--font-display);font-weight:800}.learn-hub-companion{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;margin-bottom:1.25rem;background:linear-gradient(160deg,#fff,#edf7f1);border:2px solid #c6f0d8;border-radius:1.35rem;box-shadow:0 4px 24px #0000000d}.learn-hub-companion__text h3{margin:0 0 .2rem;font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--green-deep)}.learn-hub-companion__text p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.5}.skill-tree-shell.learn-nkvm .learn-mascot{display:block;overflow:visible;animation:learn-mascot-pop .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes learn-mascot-pop{0%{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-figure{transform-origin:110px 210px;transform-box:fill-box}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-head{transform-origin:110px 118px;transform-box:view-box}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-wave{transform-origin:168px 168px;transform-box:view-box}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-l,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-r{transform-box:view-box}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-l{transform-origin:70px 180px}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-r{transform-origin:150px 180px}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-l,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-r{transform-box:view-box}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-l{transform-origin:58px 78px}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-r{transform-origin:162px 78px}.skill-tree-shell.learn-nkvm .learn-mascot--tough .bubu-figure,.skill-tree-shell.learn-nkvm .learn-mascot--proud .bubu-figure,.skill-tree-shell.learn-nkvm .learn-mascot--happy .bubu-figure{animation:bubu-breathe 2.8s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--tough .bubu-head{animation:bubu-head-tilt 5.2s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--proud .bubu-head{animation:bubu-head-nod 3.6s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--happy .bubu-head{animation:bubu-head-sway 3.2s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--encourage .bubu-figure,.skill-tree-shell.learn-nkvm .learn-mascot--hello .bubu-figure{animation:bubu-breathe 2.4s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--encourage .bubu-arm-wave,.skill-tree-shell.learn-nkvm .learn-mascot--hello .bubu-arm-wave{animation:bubu-wave .85s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--hello .bubu-head{animation:bubu-head-sway 2.8s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate .bubu-figure{animation:bubu-celebrate .95s cubic-bezier(.34,1.4,.64,1) infinite}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate .bubu-head{animation:bubu-head-cheer .95s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate .bubu-arm-l{animation:bubu-arm-cheer-l .95s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate .bubu-arm-r{animation:bubu-arm-cheer-r .95s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate .bubu-sparkles{animation:bubu-sparkle .95s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate.learn-mascot--celebrate-plus .bubu-figure{animation:bubu-celebrate-plus .75s cubic-bezier(.34,1.5,.64,1) infinite}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate.learn-mascot--celebrate-plus .bubu-sparkles{animation:bubu-sparkle-plus .75s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(245,197,24,.85))}.skill-tree-shell.learn-nkvm .learn-mascot--celebrate.learn-mascot--celebrate-plus{filter:drop-shadow(0 0 10px rgba(245,166,35,.45))}.skill-tree-shell.learn-nkvm .learn-mascot--soft .bubu-figure{animation:bubu-soft-sway 3.4s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--soft .bubu-head{animation:bubu-head-droop 3.4s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--soft .bubu-tear{animation:bubu-tear-drop 2.2s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot--tough .bubu-eyes,.skill-tree-shell.learn-nkvm .learn-mascot--proud .bubu-eyes,.skill-tree-shell.learn-nkvm .learn-mascot--encourage .bubu-eyes,.skill-tree-shell.learn-nkvm .learn-mascot--soft .bubu-eyes,.skill-tree-shell.learn-nkvm .learn-mascot--hello .bubu-eyes{transform-origin:110px 106px;transform-box:view-box;animation:bubu-blink 4.8s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-l{animation:bubu-ear-twitch-l 6s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-r{animation:bubu-ear-twitch-r 6.5s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-blush{animation:bubu-blush-pulse 3.2s ease-in-out infinite}.skill-tree-shell.learn-nkvm .learn-mascot .bubu-shadow{transform-origin:110px 226px;transform-box:view-box;animation:bubu-shadow-pulse 2.8s ease-in-out infinite}@keyframes bubu-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.018,.985)}}@keyframes bubu-head-tilt{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes bubu-head-nod{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(2px) rotate(-1deg)}55%{transform:translateY(-1px) rotate(1deg)}}@keyframes bubu-head-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes bubu-head-droop{0%,to{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(4px) rotate(-6deg)}}@keyframes bubu-wave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(18deg)}}@keyframes bubu-celebrate{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-10px) scale(1.05)}55%{transform:translateY(-2px) scale(1.02)}}@keyframes bubu-celebrate-plus{0%,to{transform:translateY(0) scale(1) rotate(0)}30%{transform:translateY(-16px) scale(1.1) rotate(-3deg)}55%{transform:translateY(-4px) scale(1.05) rotate(3deg)}}@keyframes bubu-head-cheer{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-6px) rotate(-2deg) scale(1.02)}55%{transform:translateY(-2px) rotate(2deg)}}@keyframes bubu-arm-cheer-l{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-22deg) translateY(-8px)}}@keyframes bubu-arm-cheer-r{0%,to{transform:rotate(10deg) translateY(0)}50%{transform:rotate(22deg) translateY(-8px)}}@keyframes bubu-sparkle{0%,to{opacity:.45;transform:scale(.88) translateY(0)}50%{opacity:1;transform:scale(1.14) translateY(-3px)}}@keyframes bubu-sparkle-plus{0%,to{opacity:.55;transform:scale(.92) translateY(0) rotate(0)}50%{opacity:1;transform:scale(1.28) translateY(-6px) rotate(12deg)}}@keyframes bubu-soft-sway{0%,to{transform:translate(0) translateY(1px)}50%{transform:translate(-2px) translateY(3px)}}@keyframes bubu-tear-drop{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.95;transform:translateY(3px)}}@keyframes bubu-blink{0%,42%,48%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes bubu-ear-twitch-l{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-10deg)}96%{transform:rotate(4deg)}}@keyframes bubu-ear-twitch-r{0%,70%,to{transform:rotate(0)}74%{transform:rotate(10deg)}78%{transform:rotate(-3deg)}}@keyframes bubu-blush-pulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes bubu-shadow-pulse{0%,to{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.9);opacity:.65}}@media (prefers-reduced-motion: reduce){.skill-tree-shell.learn-nkvm .learn-mascot .bubu-figure,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-head,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-wave,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-l,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-arm-r,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-eyes,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-l,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-ear-r,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-blush,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-shadow,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-sparkles,.skill-tree-shell.learn-nkvm .learn-mascot .bubu-tear{animation:none!important}}.skill-tree-shell.learn-nkvm .card{background:#fff;border:2px solid #e5e7eb;box-shadow:0 4px 24px #0000000f}.skill-tree-shell.learn-nkvm .card.glow{box-shadow:0 8px 32px #2d8a551f}.skill-tree-shell.learn-nkvm .btn{font-family:var(--font-display);font-weight:800;border-radius:2rem}.skill-tree-shell.learn-nkvm .muted{color:var(--text-muted)}.skill-tree-shell.learn-nkvm .tag{background:#edf7f1;color:var(--green-deep);border-color:#c6f0d8}.skill-tree-shell.learn-nkvm .learn-hub-companion__label{font-family:var(--font-display);font-weight:800;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid);margin:0 0 .2rem}.skill-tree-shell.learn-nkvm .skill-tree-node.selected{outline-color:#2d8a5573}.skill-tree-shell.learn-nkvm .skill-tree-node-circle{background:#fff;box-shadow:0 6px 20px #1a5c381f}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.state-done{background:linear-gradient(160deg,#edf7f1,#d1fae5);border:3px solid var(--green-mid);box-shadow:0 0 0 3px #2d8a552e,0 8px 22px #2d8a5533}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.state-active{background:linear-gradient(160deg,#fffbeb,#fde68a);border:3px solid var(--amber);box-shadow:0 0 0 4px #f5a62347,0 10px 28px #f5a6234d;animation:skill-tree-floaty 3s ease-in-out infinite}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.state-active:after{background:radial-gradient(circle,rgba(245,166,35,.4) 0%,rgba(74,190,122,.18) 55%,transparent 72%)}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.state-active:before,.skill-tree-shell.learn-nkvm .skill-tree-node-circle.type-boss:not(.state-locked):before{border-color:#f5a62359}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.state-locked{background:#fff;border:3px dashed #94a3b8;box-shadow:0 8px 20px #0f172a1a;filter:none;opacity:1}.skill-tree-shell.learn-nkvm .skill-tree-lock-overlay{display:none}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.type-boss{background:linear-gradient(160deg,#fff5f5,#fecaca);border:2px solid var(--red-penalty);box-shadow:0 8px 20px #c0392b2e}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.type-boss:not(.state-locked):after{background:radial-gradient(circle,rgba(192,57,43,.28) 0%,rgba(192,57,43,.08) 55%,transparent 72%)}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.type-boss:not(.state-locked):before{border:none}.skill-tree-shell.learn-nkvm .skill-tree-node-circle.type-checkpoint{background:linear-gradient(160deg,#fffbeb,#fef3c7);border:2px solid var(--amber);box-shadow:0 8px 20px #f5a62329}.skill-tree-shell.learn-nkvm .skill-tree-node-name{color:var(--green-deep);font-family:var(--font-display);font-weight:800;text-shadow:none}.skill-tree-shell.learn-nkvm .skill-tree-type-badge.explore{background:#edf7f1;color:var(--green-deep)}.skill-tree-shell.learn-nkvm .skill-tree-type-badge.apply{background:#eff6ff;color:#1e40af}.skill-tree-shell.learn-nkvm .skill-tree-type-badge.boss,.skill-tree-shell.learn-nkvm .skill-tree-type-badge.zoneboss{background:#fee2e2;color:#991b1b}.skill-tree-shell.learn-nkvm .skill-tree-type-badge.checkpoint{background:#fef3c7;color:var(--earth)}.skill-tree-shell.learn-nkvm .skill-tree-star.lit{opacity:1;filter:none;color:var(--amber)}.skill-tree-shell.learn-nkvm .skill-tree-rarity-chip.common,.skill-tree-shell.learn-nkvm .solo-hub .rarity-common{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.skill-tree-shell.learn-nkvm .skill-tree-rarity-chip.rare{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.skill-tree-shell.learn-nkvm .skill-tree-rarity-chip.epic{background:#fff7ed;color:#c2410c;border-color:#fdba74}.skill-tree-shell.learn-nkvm .skill-tree-rarity-chip.legendary{background:#fffbeb;color:#92400e;border-color:#fde68a}.skill-tree-shell.learn-nkvm .skill-tree-rarity-legend-row.common .skill-tree-rarity-legend-name{color:#64748b}.skill-tree-shell.learn-nkvm .skill-tree-rarity-legend-row.rare .skill-tree-rarity-legend-name{color:#0369a1}.skill-tree-shell.learn-nkvm .skill-tree-rarity-legend-row.epic .skill-tree-rarity-legend-name{color:#c2410c}.skill-tree-shell.learn-nkvm .skill-tree-rarity-legend-row.legendary .skill-tree-rarity-legend-name{color:#92400e}.skill-tree-shell.learn-nkvm .skill-tree-rarity-legend-row{border-bottom-color:#e5e7eb}.skill-tree-shell.learn-nkvm .solo-hub-topic-title{font-family:var(--font-display);color:var(--green-deep);font-weight:900}.skill-tree-shell.learn-nkvm .solo-boss-finish{background:#1a5c387a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-tree-shell.learn-nkvm .solo-boss-finish-card{background:#fff;border:3px solid #c6f0d8;border-radius:1.5rem;box-shadow:0 16px 48px #0000002e;color:var(--text)}.skill-tree-shell.learn-nkvm .solo-boss-finish-card.defeat{border-color:#fecaca}.skill-tree-shell.learn-nkvm .solo-boss-finish-mascot{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.35rem}.skill-tree-shell.learn-nkvm .solo-boss-finish-mascot__line{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--green-mid);margin:0;text-align:center}.skill-tree-shell.learn-nkvm .solo-boss-finish-card.defeat .solo-boss-finish-mascot__line{color:var(--earth)}.skill-tree-shell.learn-nkvm .solo-boss-finish-title{font-family:var(--font-display);font-weight:900}.skill-tree-shell.learn-nkvm .solo-boss-finish-title.win{color:var(--green-deep)}.skill-tree-shell.learn-nkvm .solo-boss-finish-title.lose{color:var(--red-penalty)}.skill-tree-shell.learn-nkvm .solo-boss-finish-sub{color:var(--text-muted)}.skill-tree-shell.learn-nkvm .solo-boss-btn-ghost{background:#edf7f1!important;color:var(--green-deep)!important;box-shadow:none!important}.skill-tree-shell.learn-nkvm .solo-boss-review-sheet{background:#e8f5ee;-webkit-backdrop-filter:none;backdrop-filter:none}.skill-tree-shell.learn-nkvm .solo-boss-finish:has(.solo-boss-review-sheet.show){background:#e8f5ee}.skill-tree-shell.learn-nkvm .solo-boss-review-panel{background:#fff;color:var(--text)}.skill-tree-shell.learn-nkvm .solo-boss-review-head{background:#fff;border-bottom-color:#e2e8f0}.skill-tree-shell.learn-nkvm .solo-boss-review-head h3{color:var(--red-penalty)}.skill-tree-shell.learn-nkvm .solo-boss-review-item{background:#f8fafc;border-color:#e2e8f0;border-left-color:var(--red-penalty)}.skill-tree-shell.learn-nkvm .solo-boss-review-foot{background:#fff;border-top-color:#e2e8f0;padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom,0px))}.skill-tree-shell.learn-nkvm .solo-boss-page .solo-quiz-appbar,.skill-tree-shell.learn-nkvm .solo-boss-page .solo-quiz-topbar{background:#fffffff0;border-bottom:1px solid #e2e8f0;color:var(--text)}.skill-tree-shell.learn-nkvm .solo-boss-page .solo-quiz-q-card{background:#fffffff5;border:2px solid #e5e7eb;color:var(--text)}.skill-tree-shell.learn-nkvm .solo-boss-arena{background:transparent;border:none;box-shadow:none}.skill-tree-shell.learn-nkvm .solo-boss-page .solo-quiz-statsbar{background:#fffffff0;border-top:1px solid #e2e8f0;color:var(--green-deep)}.skill-tree-shell.learn-nkvm .solo-boss-page .solo-boss-footer{color:var(--text-muted)}.skill-tree-shell.learn-nkvm .solo-boss-page .solo-boss-hit-pop{color:#c0392b!important;text-shadow:0 0 12px rgba(192,57,43,.85),0 2px 10px rgba(124,45,18,.35)!important}.skill-tree-shell.learn-nkvm .solo-boss-page .solo-boss-hit-pop.crit{color:#f5a623!important;text-shadow:0 0 16px rgba(245,166,35,1),0 0 28px rgba(245,158,11,.65)!important}.skill-tree-shell.learn-nkvm .solo-boss-zone-bg{background-color:#e8f5ee;opacity:.55}.skill-tree-shell.learn-nkvm .solo-boss-zone-bg:after{background:linear-gradient(180deg,#f4fbf7d9,#f4fbf759 40%,#f4fbf7bf)}.skill-tree-shell.learn-nkvm{--rar-common: #64748b;--rar-rare: #0369a1;--rar-epic: #c2410c;--rar-legend: #92400e}.skill-tree-shell.learn-nkvm .solo-hub-word-card.common .solo-hub-rarity-badge{color:#64748b}.skill-tree-shell.learn-nkvm .solo-hub-word-card.rare .solo-hub-rarity-badge{color:#0369a1}.skill-tree-shell.learn-nkvm .solo-hub-word-card.epic .solo-hub-rarity-badge{color:#c2410c}.skill-tree-shell.learn-nkvm .solo-hub-word-card.legendary .solo-hub-rarity-badge{color:#92400e}.skill-tree-shell.learn-nkvm .solo-fc-rarity.common{color:#64748b}.skill-tree-shell.learn-nkvm .solo-fc-rarity.rare{color:#0369a1}.skill-tree-shell.learn-nkvm .solo-fc-rarity.epic{color:#c2410c}.skill-tree-shell.learn-nkvm .solo-fc-rarity.legendary{color:#92400e}.surface-learn,.surface-app{--green-deep: #1a5c38;--green-mid: #2d8a55;--green-light: #4abe7a;--amber: #f5a623;--amber-light: #fde68a;--earth: #7c4b1e;--cream: #fdf8ee;--red-penalty: #c0392b;--product-bg: #f4fbf7;--product-ink: #1e1e1e;--product-muted: #6b7280;--product-line: #e2e8f0;--font-display: "Baloo 2", "Space Grotesk", system-ui, sans-serif;--font-body: "Mulish", "Inter", system-ui, sans-serif;background:var(--product-bg);color:var(--product-ink);font-family:var(--font-body);min-height:100vh}.surface-learn:before,.surface-app:before{display:none!important}.surface-app,.product-surface{--bg: #f4fbf7;--bg-grad: radial-gradient(900px 480px at 90% -10%, rgba(74, 190, 122, .16) 0%, transparent 55%), radial-gradient(700px 420px at -5% 100%, rgba(245, 166, 35, .1) 0%, transparent 50%), #f4fbf7;--surface: #ffffff;--surface-2: #edf7f1;--surface-solid: #ffffff;--border: #e2e8f0;--border-strong: rgba(45, 138, 85, .45);--text: #1e1e1e;--text-muted: #6b7280;--text-dim: #9ca3af;--primary: #2d8a55;--primary-2: #f5a623;--accent: #f5a623;--primary-grad: linear-gradient(135deg, #1a5c38 0%, #2d8a55 55%, #4abe7a 100%);--accent-grad: linear-gradient(135deg, #f5a623 0%, #e08b3c 100%);--success: #2d8a55;--danger: #c0392b;--warning: #f5a623;--glow: 0 4px 24px rgba(26, 92, 56, .12);--glow-cyan: 0 4px 20px rgba(245, 166, 35, .35);--shadow: 0 8px 32px rgba(0, 0, 0, .1);--card-blur: none;--card-bg: #ffffff;--c-xp: #f5a623;--c-mp: #2d8a55;--c-streak: #e08b3c;--c-crystal: #2d8a55;--c-hp: #c0392b;--r-sm: .75rem;--r-md: 1.2rem;--r-lg: 1.5rem;--r-xl: 2rem;--r-pill: 3rem;background:var(--bg);background-image:var(--bg-grad);color:var(--text)}.surface-app h1,.surface-app h2,.surface-app h3,.surface-app h4,.product-surface h1,.product-surface h2,.product-surface h3,.product-surface h4{font-family:var(--font-display)}.surface-app .card,.product-surface .card{background:var(--card-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);color:var(--text)}.surface-app .card.glow,.product-surface .card.glow{box-shadow:var(--glow);border-color:var(--border-strong)}.surface-app .btn,.product-surface .btn{box-shadow:0 4px 16px #1a5c3838}.surface-app .pill.primary,.product-surface .pill.primary{color:var(--green-deep);background:#edf7f1;border-color:#c6f0d8}.surface-app .avatar.ring,.product-surface .avatar.ring{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--green-mid)}.product-appbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px;padding:0 1.25rem;background:#fffffff0;border-bottom:1px solid var(--product-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #1a5c380a}.product-appbar__brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--green-deep);min-width:0}.product-appbar__left{display:inline-flex;align-items:center;gap:.85rem;min-width:0;flex:0 1 auto}.product-appbar__hub{display:inline-flex;align-items:center;gap:.55rem;padding-left:.85rem;border-left:1px solid #c6f0d8;min-width:0}.product-appbar__hub-back{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:999px;border:1px solid #c6f0d8;background:#edf7f1;color:var(--green-deep);font-family:var(--font-display);font-weight:700;font-size:.85rem;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.product-appbar__hub-back svg{width:14px;height:14px}.product-appbar__hub-back:hover{background:#d1fae5;border-color:var(--green-mid);transform:translateY(-1px)}.product-appbar__hub-label{font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid);white-space:nowrap}.product-appbar__mark{width:2.35rem;height:2.35rem;border-radius:.75rem;display:grid;place-items:center;font-size:1.15rem;background:linear-gradient(135deg,var(--green-mid),var(--amber));box-shadow:0 4px 12px #2d8a5547}.product-appbar__name{font-family:var(--font-display);font-weight:900;font-size:1.15rem;letter-spacing:-.01em;white-space:nowrap}.product-appbar__nav{display:flex;align-items:center;gap:.3rem;padding:.3rem;border-radius:999px;background:#edf7f1;border:1px solid #c6f0d8}.product-nav{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;text-decoration:none;color:var(--product-muted);font-family:var(--font-display);font-weight:700;font-size:.88rem;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.product-nav__icon{font-size:.95rem;line-height:1}.product-nav:hover{color:var(--green-deep);background:#fffc}.product-nav.is-active{color:var(--green-deep);background:#fff;box-shadow:0 2px 10px #1a5c381a}.product-nav.is-primary{background:var(--amber);color:var(--earth);box-shadow:0 4px 14px #f5a62359}.product-nav.is-primary:hover{transform:translateY(-1px);color:var(--earth);background:#ffb12e}.product-nav.is-primary.is-active{background:var(--amber);color:var(--earth);box-shadow:0 4px 18px #f5a62373}.product-appbar__right{display:flex;align-items:center;gap:.65rem}.product-appbar__stats{display:flex;align-items:center;gap:.4rem}.product-stat{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border-radius:999px;background:#edf7f1;border:1px solid #c6f0d8;color:var(--green-deep);font-family:var(--font-display);font-weight:800;font-size:.78rem}.product-stat--xp{background:#fffbeb;border-color:#fde68a;color:var(--earth)}.product-logout{border:none;background:#edf7f1;color:var(--green-deep);font-family:var(--font-display);font-weight:700;font-size:.82rem;padding:.45rem .85rem;border-radius:999px;cursor:pointer}.product-logout:hover{background:#d1fae5}.surface-learn .avatar-btn,.surface-app .avatar-btn{background:#edf7f1;border:1px solid #c6f0d8;color:var(--green-deep)}.surface-learn .avatar-menu.open .avatar-dropdown,.surface-app .avatar-menu.open .avatar-dropdown,.surface-learn .avatar-dropdown,.surface-app .avatar-dropdown{background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 40px #0000001f;color:var(--product-ink)}.surface-learn .avatar-nav-link.is-active,.surface-app .avatar-nav-link.is-active{background:#edf7f1;color:var(--green-deep)}.surface-learn .avatar-nav-link.is-active .arrow,.surface-app .avatar-nav-link.is-active .arrow{color:var(--green-mid)}.product-bottomnav,.product-appbar__nav,.product-appbar__stats{display:none!important}@media (max-width: 900px){.product-appbar__name{font-size:1rem}}@media (max-width: 480px){.product-appbar{padding:0 .75rem;height:58px}}.surface-learn .solo-hub-appbar,.surface-learn .solo-fc2-appbar,.surface-learn .solo-quiz-appbar{top:64px}.surface-learn .solo-hub-shell{--solo-hub-sticky-top: calc(64px + var(--sp-4))}@media (max-width: 900px){.surface-learn .solo-hub-appbar,.surface-learn .solo-fc2-appbar,.surface-learn .solo-quiz-appbar{top:58px}.surface-learn .solo-hub-shell{--solo-hub-sticky-top: calc(58px + var(--sp-4))}.product-appbar__hub-label{display:none}.product-appbar:has(.product-appbar__hub) .product-appbar__name{display:none}}@media (max-width: 900px){.surface-learn .stage-main:not(.stage-main--flush),.surface-app .stage-main:not(.stage-main--flush){padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}.skill-tree-shell.learn-nkvm .solo-hub-shell{--solo-hub-sticky-top: calc(64px + var(--sp-3));min-height:100%;padding-bottom:5.5rem;background:radial-gradient(820px 420px at 88% -8%,rgba(74,190,122,.16),transparent 58%),radial-gradient(640px 360px at 0% 72%,rgba(245,166,35,.1),transparent 55%),#f4fbf7}.skill-tree-shell.learn-nkvm .solo-hub-appbar{background:#ffffffeb;border-bottom:1px solid #c6f0d8;box-shadow:0 8px 28px #1a5c380f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.skill-tree-shell.learn-nkvm .solo-hub-appbar-label{font-family:var(--font-display);font-weight:800;letter-spacing:.04em;color:var(--green-mid)}.skill-tree-shell.learn-nkvm .solo-hub-stat{background:#edf7f1;border:1px solid #c6f0d8;border-radius:999px;padding:.35rem .7rem}.skill-tree-shell.learn-nkvm .solo-hub-stat-val{font-family:var(--font-display);font-weight:800;color:var(--green-deep)}.skill-tree-shell.learn-nkvm .solo-hub{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:1.5rem;align-items:start;max-width:1180px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.skill-tree-shell.learn-nkvm .solo-hub-left{position:sticky;top:var(--solo-hub-sticky-top);display:flex;flex-direction:column;gap:1rem;padding:1.15rem;border-radius:1.5rem;background:linear-gradient(165deg,#fff,#f7fcf9);box-shadow:0 12px 36px #1a5c3814;border:none}.skill-tree-shell.learn-nkvm .solo-hub-topic-header{display:grid;gap:0;padding-bottom:.15rem}.skill-tree-shell.learn-nkvm .solo-hub-topic-kicker{display:flex;align-items:center;gap:.85rem}.skill-tree-shell.learn-nkvm .solo-hub-topic-emoji{width:3.1rem;height:3.1rem;display:grid;place-items:center;border-radius:1rem;font-size:1.65rem;background:linear-gradient(160deg,#edf7f1,#fffbeb);box-shadow:inset 0 0 0 1px #c6f0d8;flex-shrink:0}.skill-tree-shell.learn-nkvm .solo-hub-topic-copy{display:grid;gap:.2rem;min-width:0}.skill-tree-shell.learn-nkvm .solo-hub-topic-title{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(1.55rem,2.4vw,1.9rem);line-height:1.15;color:var(--green-deep);letter-spacing:-.02em}.skill-tree-shell.learn-nkvm .solo-hub-topic-meta{margin:0;font-size:.92rem;line-height:1.45;color:#475569;font-weight:600}.skill-tree-shell.learn-nkvm .solo-hub-progress-card.card,.skill-tree-shell.learn-nkvm .solo-hub-progress-card{position:relative;overflow:hidden;margin:0;padding:.9rem 1rem .85rem;border:none!important;border-radius:1.25rem!important;background:linear-gradient(160deg,#fffbeb,#fff 48%,#edf7f1)!important;box-shadow:0 8px 24px #1a5c3812!important}.skill-tree-shell.learn-nkvm .solo-hub-progress-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f5a623,#2d8a55);border-radius:4px 0 0 4px;opacity:1;animation:none}.skill-tree-shell.learn-nkvm .solo-hub-progress-card:after{display:none}.skill-tree-shell.learn-nkvm .solo-hub-progress-card--ok:before{background:linear-gradient(180deg,#4abe7a,#1a5c38)}.skill-tree-shell.learn-nkvm .solo-hub-progress-card--warn:before{background:linear-gradient(180deg,#f5a623,#e08b3c)}.skill-tree-shell.learn-nkvm .solo-hub-card-title{color:var(--green-deep);font-family:var(--font-display);font-weight:800;font-size:.98rem;gap:.65rem;margin-bottom:.85rem}.skill-tree-shell.learn-nkvm .solo-hub-card-title .pill{border:none;font-family:var(--font-display);font-weight:800;flex-shrink:0;margin-left:auto}.skill-tree-shell.learn-nkvm .solo-hub-card-title .pill.ok{background:#d1fae5;color:#065f46}.skill-tree-shell.learn-nkvm .solo-hub-card-title .pill.warn{background:#fef3c7;color:#92400e}.skill-tree-shell.learn-nkvm .solo-hub-ring-track{stroke:#dbe7e0;stroke-width:8}.skill-tree-shell.learn-nkvm .solo-hub-ring-fill{stroke-width:8}.skill-tree-shell.learn-nkvm .solo-hub-ring-num{color:var(--green-deep);font-family:var(--font-display);font-weight:900}.skill-tree-shell.learn-nkvm .solo-hub-ring-denom{color:#64748b;font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-ring-stat-label{color:#475569;font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-ring-stat-label .val{color:var(--green-deep);font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-hub-ring-stat-label .val.streak{color:#c2410c}.skill-tree-shell.learn-nkvm .solo-hub-ring-stat-bar{background:#e8f2ec;border-radius:999px;overflow:hidden}.skill-tree-shell.learn-nkvm .solo-hub-ring-stat-fill{background:linear-gradient(90deg,#2d8a55,#4abe7a)}.skill-tree-shell.learn-nkvm .solo-hub-ring-stat-fill.xp{background:linear-gradient(90deg,#f5a623,#fbbf24)}.skill-tree-shell.learn-nkvm .solo-hub-ring-stat-fill.success{background:linear-gradient(90deg,#e08b3c,#f5a623)}.skill-tree-shell.learn-nkvm .solo-hub-progress-body{gap:1rem;margin-bottom:0}.skill-tree-shell.learn-nkvm .solo-hub-ring-wrap--hero .solo-hub-ring-num{color:var(--green-deep);background:none;-webkit-background-clip:unset;background-clip:unset;font-family:var(--font-display);font-weight:900}.skill-tree-shell.learn-nkvm .solo-hub-ring-pct-unit{color:#64748b;font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-hub-ring-wrap--hero .solo-hub-ring-denom{color:#64748b;font-weight:700;font-size:.72rem}.skill-tree-shell.learn-nkvm .solo-hub-progress-fact dt{color:#64748b;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.02em}.skill-tree-shell.learn-nkvm .solo-hub-progress-fact dd{color:var(--green-deep);font-family:var(--font-display);font-weight:800;font-size:.95rem}.skill-tree-shell.learn-nkvm .solo-hub-progress-fact--streak dd{color:#c2410c}.skill-tree-shell.learn-nkvm .solo-hub-mode-progress{border-top-color:#e8f0eb;margin-top:.6rem;padding-top:.65rem}.skill-tree-shell.learn-nkvm .solo-hub-mode-progress-label{color:#94a3b8;font-family:var(--font-display);font-weight:800;font-size:.66rem;letter-spacing:.1em}.skill-tree-shell.learn-nkvm .solo-hub-mode-progress-row dt{color:#64748b;font-family:var(--font-display);font-weight:700;font-size:.8rem}.skill-tree-shell.learn-nkvm .solo-hub-mode-progress-status{color:#475569;font-family:var(--font-display);font-weight:800;font-size:.8rem}.skill-tree-shell.learn-nkvm .solo-hub-mode-progress-count{color:#94a3b8;font-family:var(--font-display);font-weight:600}.skill-tree-shell.learn-nkvm .solo-hub-mode-progress-row.is-done .solo-hub-mode-progress-status{color:#047857}.skill-tree-shell.learn-nkvm .solo-hub-checklist--inline{border-top:1px solid #e8f0eb;color:#64748b;font-family:var(--font-display);font-weight:700;font-size:.78rem}.skill-tree-shell.learn-nkvm .solo-hub-checklist--inline .is-done{color:#047857}.skill-tree-shell.learn-nkvm .solo-hub-ring-row--compact{gap:1rem;margin-bottom:.15rem}.skill-tree-shell.learn-nkvm .solo-hub-ring-pct-num{color:var(--green-deep);font-family:var(--font-display);font-weight:900;font-size:1.85rem}.skill-tree-shell.learn-nkvm .solo-hub-ring-pct-label{color:#64748b;font-family:var(--font-display);font-weight:700;letter-spacing:.06em}.skill-tree-shell.learn-nkvm .solo-hub-kind-meta{color:#64748b;font-weight:600;font-size:.78rem}.skill-tree-shell.learn-nkvm .solo-hub-ring-streak{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5;font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-hub-checklist{border-top:1px solid #e8f0eb;padding-top:.65rem;margin-top:.35rem}.skill-tree-shell.learn-nkvm .solo-hub-checklist--compact .solo-hub-check-item{background:#f3faf6;border:none}.skill-tree-shell.learn-nkvm .solo-hub-check-item{color:#64748b}.skill-tree-shell.learn-nkvm .solo-hub-check-item.done{color:#047857}.skill-tree-shell.learn-nkvm .solo-hub-check-item.active{color:var(--green-deep);font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-checklist--compact .solo-hub-check-item.active{background:#edf7f1;box-shadow:inset 0 0 0 1px #c6e9d4}.skill-tree-shell.learn-nkvm .solo-hub-check-val{color:#64748b;font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-check-icon{background:#edf7f1;color:var(--green-mid);border:none;width:1.35rem;height:1.35rem;font-size:.75rem}.skill-tree-shell.learn-nkvm .solo-hub-check-item.done .solo-hub-check-icon{background:#2d8a55;color:#fff}.skill-tree-shell.learn-nkvm .solo-hub-mode-card{border:none!important;background:#fff;box-shadow:0 6px 18px #0f172a0f;border-radius:1.15rem;color:var(--text)}.skill-tree-shell.learn-nkvm .solo-hub-mode-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #1a5c381f;background:#fff;border-color:transparent}.skill-tree-shell.learn-nkvm .solo-hub-mode-name{color:var(--green-deep)!important;font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-hub-mode-meta{color:#64748b!important;font-weight:600}.skill-tree-shell.learn-nkvm .solo-hub-mode-icon{background:#edf7f1;border-radius:.9rem;box-shadow:none}.skill-tree-shell.learn-nkvm .solo-hub-mode-badge{background:#edf7f1;color:var(--green-deep);border-radius:999px;font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-hub-mode-card.primary-mode{background:linear-gradient(135deg,#1a5c38,#2d8a55 52%,#3d9e6a)!important;border:none!important;box-shadow:0 10px 28px #1a5c3847,inset 0 1px #ffffff2e!important;animation:learn-hub-cta-breathe 2.8s ease-in-out infinite}.skill-tree-shell.learn-nkvm .solo-hub-mode-card.primary-mode .solo-hub-mode-name{color:#fff!important}.skill-tree-shell.learn-nkvm .solo-hub-mode-card.primary-mode .solo-hub-mode-meta{color:#ffffffe0!important}.skill-tree-shell.learn-nkvm .solo-hub-mode-card.primary-mode .solo-hub-mode-badge{background:#f5a623!important;color:#1a5c38!important;padding:.45rem .9rem;min-width:5.5rem;text-align:center}.skill-tree-shell.learn-nkvm .solo-hub-mode-card.primary-mode .solo-hub-mode-icon{background:#ffffff2e}.skill-tree-shell.learn-nkvm .solo-hub-mode-card.primary-mode:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-3px)}.skill-tree-shell.learn-nkvm .solo-hub-energy-note{margin:0;padding:.75rem .9rem;border-radius:.95rem;background:#fff7ed;color:#9a3412!important;font-weight:600;font-size:.88rem;border:none}.skill-tree-shell.learn-nkvm .solo-hub-right{gap:1.35rem;padding-bottom:6.5rem;padding-right:.25rem}.skill-tree-shell.learn-nkvm .solo-hub-vocab-section,.skill-tree-shell.learn-nkvm .solo-hub-grammar-section{padding:1.15rem 1.2rem 1.25rem;border-radius:1.4rem;background:#fff;box-shadow:0 10px 32px #1a5c3812;border:none}.skill-tree-shell.learn-nkvm .solo-hub-vocab-section:not(.is-open),.skill-tree-shell.learn-nkvm .solo-hub-grammar-section:not(.is-open){padding-block:.85rem}.skill-tree-shell.learn-nkvm .solo-hub-collapse-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit}.skill-tree-shell.learn-nkvm .solo-hub-collapse-toggle:focus-visible{outline:3px solid rgba(245,166,35,.55);outline-offset:4px;border-radius:.75rem}.skill-tree-shell.learn-nkvm .solo-hub-collapse-toggle .solo-hub-section-label{display:flex;align-items:center;gap:.55rem;min-width:0;margin:0;padding:0;border:none;flex-wrap:nowrap}.skill-tree-shell.learn-nkvm .solo-hub-collapse-toggle .solo-hub-panel-title{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .65rem;min-width:0}.skill-tree-shell.learn-nkvm .solo-hub-collapse-meta{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.skill-tree-shell.learn-nkvm .solo-hub-collapse-chevron{font-size:.95rem;line-height:1;color:#64748b;font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-collapse-body{margin-top:1rem}.skill-tree-shell.learn-nkvm .solo-hub-collapse-body .solo-hub-filter-row{margin-bottom:.85rem}.skill-tree-shell.learn-nkvm .solo-hub-panel-header{gap:.85rem;margin-bottom:1rem;align-items:flex-start}.skill-tree-shell.learn-nkvm .solo-hub-panel-title,.skill-tree-shell.learn-nkvm .solo-hub-section-heading{font-family:var(--font-display);font-weight:900;font-size:1.25rem;color:var(--green-deep);letter-spacing:-.01em}.skill-tree-shell.learn-nkvm .solo-hub-panel-title .count,.skill-tree-shell.learn-nkvm .solo-hub-section-label .pill{background:#edf7f1!important;color:var(--green-deep)!important;border:none;font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-hub-section-sub{color:#64748b;font-weight:600}.skill-tree-shell.learn-nkvm .solo-hub-section-label .icon{font-size:1.25rem}.skill-tree-shell.learn-nkvm .solo-hub-filter-row{gap:.4rem}.skill-tree-shell.learn-nkvm .solo-hub-filter-btn{border:none;background:#f1f5f9;color:#475569;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.78rem;padding:.35rem .8rem}.skill-tree-shell.learn-nkvm .solo-hub-filter-btn:hover{background:#edf7f1;color:var(--green-deep);border-color:transparent}.skill-tree-shell.learn-nkvm .solo-hub-filter-btn.active,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-filter-btn.active{background:linear-gradient(135deg,#1a5c38,#2d8a55)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px #1a5c3838}.skill-tree-shell.learn-nkvm .solo-hub-word-card,.skill-tree-shell.learn-nkvm .solo-hub-grammar-card{border:none!important;background:linear-gradient(165deg,#fff,#f8fafc)!important;border-radius:1.1rem!important;box-shadow:0 6px 18px #0f172a0f!important}.skill-tree-shell.learn-nkvm .solo-hub-word-card:hover,.skill-tree-shell.learn-nkvm .solo-hub-grammar-card:hover,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1a5c381f!important;border-color:transparent!important}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card:before,.skill-tree-shell.learn-nkvm .solo-hub-word-card:before{opacity:1!important;width:4px!important;border-radius:4px 0 0 4px}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.common:before,.skill-tree-shell.learn-nkvm .solo-hub-word-card.common:before{background:#94a3b8!important}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.rare:before,.skill-tree-shell.learn-nkvm .solo-hub-word-card.rare:before{background:#0ea5e9!important}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.epic:before,.skill-tree-shell.learn-nkvm .solo-hub-word-card.epic:before{background:#f59e0b!important}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.legendary:before,.skill-tree-shell.learn-nkvm .solo-hub-word-card.legendary:before{background:#e08b3c!important}.skill-tree-shell.learn-nkvm .solo-hub-word-en{color:var(--green-deep)!important;font-family:var(--font-display);font-weight:800;font-size:1.12rem}.skill-tree-shell.learn-nkvm .solo-hub-word-vi{color:#334155!important;font-weight:600;font-size:.92rem;line-height:1.4}.skill-tree-shell.learn-nkvm .solo-hub-word-type,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-type{color:#64748b!important;font-weight:600}.skill-tree-shell.learn-nkvm .solo-hub-mastery-level{color:#475569;font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-rarity-badge,.skill-tree-shell.learn-nkvm .solo-hub-rarity-badge{font-weight:800;letter-spacing:.04em}.skill-tree-shell.learn-nkvm .solo-hub-word-card.common .solo-hub-rarity-badge,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.common .solo-hub-rarity-badge{color:#64748b!important}.skill-tree-shell.learn-nkvm .solo-hub-word-card.rare .solo-hub-rarity-badge,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.rare .solo-hub-rarity-badge{color:#0369a1!important}.skill-tree-shell.learn-nkvm .solo-hub-word-card.epic .solo-hub-rarity-badge,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.epic .solo-hub-rarity-badge{color:#c2410c!important}.skill-tree-shell.learn-nkvm .solo-hub-word-card.legendary .solo-hub-rarity-badge,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-card.legendary .solo-hub-rarity-badge{color:#92400e!important}.skill-tree-shell.learn-nkvm .solo-hub-word-mastery-pips .pip,.skill-tree-shell.learn-nkvm .solo-hub-mastery-pips .pip,.skill-tree-shell.learn-nkvm .pip{background:#dde5e1!important}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-mastery-pips .pip.filled,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-mastery-pips .pip.filled,.skill-tree-shell.learn-nkvm .solo-hub-word-mastery-pips .pip.filled,.skill-tree-shell.learn-nkvm .solo-hub-mastery-pips .pip.filled,.skill-tree-shell.learn-nkvm .pip.filled{background:#f5a623!important}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-mastery-pips .pip.filled.gold,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-mastery-pips .pip.filled.gold,.skill-tree-shell.learn-nkvm .pip.filled.gold{background:#e08b3c!important}.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-tag.new,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-tag.review,.skill-tree-shell.learn-nkvm .solo-hub-right .solo-hub-word-tag.mastered,.skill-tree-shell.learn-nkvm .solo-hub-word-tag{border:none;font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-word-tag.new{background:#dbeafe;color:#1d4ed8}.skill-tree-shell.learn-nkvm .solo-hub-word-tag.review{background:#ffedd5;color:#c2410c}.skill-tree-shell.learn-nkvm .solo-hub-word-tag.mastered{background:#d1fae5;color:#047857}.skill-tree-shell.learn-nkvm .solo-hub-word-more,.skill-tree-shell.learn-nkvm .solo-hub-side-meta,.skill-tree-shell.learn-nkvm .solo-hub-empty-placeholder{color:#475569!important;font-weight:600}.skill-tree-shell.learn-nkvm .solo-hub-shell .bubu-float--hub{bottom:max(5.5rem,calc(env(safe-area-inset-bottom,0px) + 4.5rem));right:max(.65rem,env(safe-area-inset-right));z-index:70}.skill-tree-shell.learn-nkvm .solo-hub-shell .bubu-float--hub .bubu-float__bubble{max-width:min(200px,56vw);padding:.65rem .8rem}.skill-tree-shell.learn-nkvm .solo-hub-shell .bubu-float--hub .bubu-float__text{font-size:.88rem}.skill-tree-shell.learn-nkvm .solo-hub-shell .bubu-float--hub .bubu-float__mascot .learn-mascot{width:72px!important;height:72px!important}.skill-tree-shell.learn-nkvm .solo-hub-link{color:var(--green-mid);font-weight:800;text-decoration:underline;text-underline-offset:2px}.skill-tree-shell.learn-nkvm .solo-hub-grammar-name{color:var(--green-deep);font-family:var(--font-display);font-weight:800;font-size:1.05rem}.skill-tree-shell.learn-nkvm .solo-hub-grammar-desc,.skill-tree-shell.learn-nkvm .solo-hub-grammar-desc p{color:#334155!important;line-height:1.55}.skill-tree-shell.learn-nkvm .solo-hub-grammar-pattern{background:#edf7f1;color:var(--green-deep);border:none}.skill-tree-shell.learn-nkvm .solo-hub-mastery-text{color:#475569;font-weight:700}.skill-tree-shell.learn-nkvm .solo-hub-vocab-back-btn{border:none!important;background:linear-gradient(160deg,#fff,#edf7f1)!important;box-shadow:0 8px 24px #1a5c3814;border-radius:1.2rem;color:var(--green-deep);font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-hub-vocab-back-meta{color:#64748b!important}.skill-tree-shell.learn-nkvm .solo-hub-mobile-cta .btn{background:linear-gradient(135deg,#1a5c38,#2d8a55);border:none;color:#fff;font-family:var(--font-display);font-weight:800;box-shadow:0 10px 28px #1a5c3847}.skill-tree-shell.learn-nkvm .solo-hub-quiz-loading-card{background:#fff;border:none;box-shadow:0 16px 40px #1a5c3829;color:var(--green-deep);font-family:var(--font-display);font-weight:800}@keyframes learn-hub-cta-breathe{0%,to{box-shadow:0 10px 28px #1a5c3842,inset 0 1px #ffffff2e}50%{box-shadow:0 14px 34px #1a5c3857,inset 0 1px #ffffff38}}@media (max-width: 900px){.skill-tree-shell.learn-nkvm .solo-hub{grid-template-columns:1fr;gap:1.1rem}.skill-tree-shell.learn-nkvm .solo-hub-left{position:static}.skill-tree-shell.learn-nkvm .solo-hub-vocab-section:not(.is-open),.skill-tree-shell.learn-nkvm .solo-hub-grammar-section:not(.is-open){margin-right:4.25rem}}@media (max-width: 640px){.skill-tree-shell.learn-nkvm .solo-hub{padding:.85rem .85rem 1.5rem}.skill-tree-shell.learn-nkvm .solo-hub-left,.skill-tree-shell.learn-nkvm .solo-hub-vocab-section,.skill-tree-shell.learn-nkvm .solo-hub-grammar-section{padding:1rem;border-radius:1.2rem}.skill-tree-shell.learn-nkvm .solo-hub-grammar-grid--full{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.skill-tree-shell.learn-nkvm .solo-hub-mode-card.primary-mode{animation:none}}.skill-tree-shell.learn-nkvm .solo-fc2-page,.skill-tree-shell.learn-nkvm .solo-fc2-grammar-page,.skill-tree-shell.learn-nkvm .solo-quiz-page{--study-deep: #1a5c38;--study-mid: #2d8a55;--study-light: #4abe7a;--study-amber: #f5a623;--study-bg: #f4fbf7;--study-surface: #edf7f1;--study-border: #c6f0d8;--study-wrong-bg: #fff8f8;--study-wrong-soft: #fff4f4;--study-wrong-border: #f0d8db;--study-wrong-ink: #a66b74;background:radial-gradient(820px 420px at 88% -8%,rgba(74,190,122,.16),transparent 58%),radial-gradient(640px 360px at 0% 72%,rgba(245,166,35,.1),transparent 55%),var(--study-bg)!important;color:var(--text)}.skill-tree-shell.learn-nkvm .solo-fc2-page:before,.skill-tree-shell.learn-nkvm .solo-quiz-page:before,.skill-tree-shell.learn-nkvm .solo-fc2-page:after,.skill-tree-shell.learn-nkvm .solo-quiz-page:after{content:none!important;display:none!important}.skill-tree-shell.learn-nkvm .solo-fc2-page>*,.skill-tree-shell.learn-nkvm .solo-quiz-page>*{position:relative;z-index:1}.skill-tree-shell.learn-nkvm .solo-quiz-page>.solo-quiz-fx-layer,.skill-tree-shell.learn-nkvm .solo-fc2-page>.solo-quiz-fx-layer{position:fixed!important;z-index:250!important}.skill-tree-shell.learn-nkvm .solo-quiz-page>.solo-quiz-finish{position:fixed!important;z-index:280!important}.skill-tree-shell.learn-nkvm .solo-fc2-appbar,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-appbar{background:#fffffff0!important;border-bottom:1px solid #c6f0d8!important;box-shadow:0 8px 28px #1a5c380f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--green-deep)}.skill-tree-shell.learn-nkvm .solo-fc2-btn-back,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn-back{background:#edf7f1!important;border:1px solid #c6f0d8!important;color:var(--green-deep)!important;border-radius:999px;font-family:var(--font-display);font-weight:700}.skill-tree-shell.learn-nkvm .solo-fc2-btn-back:hover,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn-back:hover{background:#d1fae5!important;border-color:var(--green-mid)!important}.skill-tree-shell.learn-nkvm .solo-fc2-appbar-label,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-appbar-label{color:var(--green-mid)!important;font-family:var(--font-display);font-weight:800;-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.skill-tree-shell.learn-nkvm .solo-fc2-counter-pill,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-counter-pill,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-skill-tag{background:#edf7f1!important;border:none!important;color:var(--green-deep)!important;font-family:var(--font-display);font-weight:800;border-radius:999px}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-diff-stars{color:#f5a623}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-diff-stars .off{color:#cbd5e1}.skill-tree-shell.learn-nkvm .solo-fc2-progress-track,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-progress-track{background:#cfe5d8!important;box-shadow:none!important;height:8px!important}.skill-tree-shell.learn-nkvm .solo-fc2-progress-fill,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-progress-fill{background:linear-gradient(90deg,#1a5c38,#4abe7a 45%,#f5a623)!important;box-shadow:0 0 8px #2d8a5538!important;border-radius:999px}.skill-tree-shell.learn-nkvm .solo-fc2-wrap{gap:1.5rem;padding:1.25rem clamp(1rem,3vw,2rem) 2rem;max-width:1320px}.skill-tree-shell.learn-nkvm .solo-fc2-study-title,.skill-tree-shell.learn-nkvm .solo-fc2-topic{color:var(--study-deep)!important;font-family:var(--font-display);font-weight:900;font-size:clamp(1.15rem,2.4vw,1.45rem);-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important}.skill-tree-shell.learn-nkvm .solo-fc2-card-stage,.skill-tree-shell.learn-nkvm .solo-fc2-flip{min-height:min(64vh,520px)!important}.skill-tree-shell.learn-nkvm .solo-fc2-face{background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:1px solid #c6f0d8!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c3814!important;color:var(--text)!important;padding:clamp(1.4rem,3vw,2.1rem)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.skill-tree-shell.learn-nkvm .solo-fc2-face:before{background:linear-gradient(135deg,rgba(74,190,122,.06),transparent 55%)!important;opacity:1}.skill-tree-shell.learn-nkvm .solo-fc2-word,.skill-tree-shell.learn-nkvm .solo-fc2-back-word{color:var(--study-deep)!important;font-family:var(--font-display);font-weight:900;font-size:clamp(2.4rem,7vw,3.6rem)!important;letter-spacing:-.03em;line-height:1.1}.skill-tree-shell.learn-nkvm .solo-fc2-back-vi{color:#334155!important;font-weight:700;font-size:clamp(1.15rem,2.8vw,1.45rem)!important}.skill-tree-shell.learn-nkvm .solo-fc2-word-type,.skill-tree-shell.learn-nkvm .solo-fc2-card-hint,.skill-tree-shell.learn-nkvm .solo-fc2-kbd{color:#64748b!important;font-weight:600}.skill-tree-shell.learn-nkvm .solo-fc2-back-example{color:#1e293b!important;background:#edf7f1;border:none;border-radius:1.05rem;padding:1rem 1.15rem;font-size:1.05rem;line-height:1.55}.skill-tree-shell.learn-nkvm .solo-fc2-back-example strong{color:var(--study-deep);font-weight:800}.skill-tree-shell.learn-nkvm .solo-fc2-audio-btn{background:linear-gradient(135deg,#edf7f1,#d1fae5)!important;border:none!important;color:var(--study-mid)!important;box-shadow:0 6px 16px #1a5c381f;width:3rem;height:3rem}.skill-tree-shell.learn-nkvm .solo-fc2-rarity-badge,.skill-tree-shell.learn-nkvm .solo-fc2-mastery-lv{font-family:var(--font-display);font-weight:800}.skill-tree-shell.learn-nkvm .solo-fc2-face .pip,.skill-tree-shell.learn-nkvm .solo-fc2-deck-item .pip,.skill-tree-shell.learn-nkvm .solo-fc2-page .pip{background:#dde5e1!important}.skill-tree-shell.learn-nkvm .solo-fc2-face .pip.filled,.skill-tree-shell.learn-nkvm .solo-fc2-deck-item .pip.filled,.skill-tree-shell.learn-nkvm .solo-fc2-page .pip.filled{background:#f5a623!important}.skill-tree-shell.learn-nkvm .solo-fc2-rating-row{gap:.85rem;min-height:108px}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn{border:none!important;border-radius:1.25rem!important;font-family:var(--font-display);font-weight:800;font-size:1.05rem!important;padding:.95rem .75rem!important;box-shadow:0 8px 22px #0f172a14;gap:.35rem}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn .ico{width:36px;height:36px}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn .ico svg{width:32px;height:32px}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn .sub{font-size:.72rem!important;font-weight:700!important}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn.forget{background:linear-gradient(160deg,#fff1f2,#ffe4e6)!important;color:#be123c!important}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn.vague{background:linear-gradient(160deg,#fffbeb,#fef3c7)!important;color:#b45309!important}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn.know{background:linear-gradient(135deg,#1a5c38,#2d8a55)!important;color:#fff!important;box-shadow:0 10px 28px #1a5c3852}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn.know .ico{color:#fff!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.28))}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn.know .sub{color:#ffffffeb!important}.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn:hover{transform:translateY(-4px) scale(1.02)}.skill-tree-shell.learn-nkvm .solo-fc2-side-card{background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:none!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c3814!important}.skill-tree-shell.learn-nkvm .solo-fc2-sstat,.skill-tree-shell.learn-nkvm .solo-fc2-session-stats{color:#475569}.skill-tree-shell.learn-nkvm .solo-fc2-sstat b,.skill-tree-shell.learn-nkvm .solo-fc2-sstat strong{color:var(--study-deep);font-family:var(--font-display);font-size:1.15rem}.skill-tree-shell.learn-nkvm .solo-fc2-deck-item{background:#f8fafc!important;border:none!important;border-radius:.95rem!important;color:#334155!important;transition:transform .18s ease,background .18s ease}.skill-tree-shell.learn-nkvm .solo-fc2-deck-item.current{background:#edf7f1!important;box-shadow:inset 4px 0 #f5a623;color:var(--study-deep)!important;transform:translate(2px)}.skill-tree-shell.learn-nkvm .solo-fc2-deck-item.known{background:#f0fdf4!important;color:#047857!important}.skill-tree-shell.learn-nkvm .solo-fc2-done{background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:none!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c3814!important;color:var(--study-deep);padding:2.25rem 1.5rem!important}.skill-tree-shell.learn-nkvm .solo-fc2-done h2,.skill-tree-shell.learn-nkvm .solo-fc2-done .title{font-family:var(--font-display);color:var(--study-deep);font-size:clamp(1.6rem,4vw,2.1rem)}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-feedback{background:#fff;border:none;border-radius:1.25rem;box-shadow:0 10px 28px #1a5c381a;color:#334155;padding:1.1rem 1.25rem}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-feedback.show{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.85rem 1.1rem}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-feedback-text{color:#334155}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-why{color:#4b5563!important;margin:0}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-pattern-hint{color:#7c4b1e!important;background:#fffbeb!important;border:1px solid #fde68a!important}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-next-btn{width:auto!important;justify-self:end;align-self:end;margin:0;background:var(--amber, #f5a623)!important;color:var(--earth, #7c4b1e)!important;border:none!important;border-radius:999px!important;font-family:var(--font-display);font-weight:800;font-size:1.05rem!important;padding:.85rem 1.45rem!important;min-height:3rem;box-shadow:0 4px 20px #f5a62380!important;transition:transform .2s ease,box-shadow .2s ease!important}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f5a6239e!important}.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-q-card{background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:none!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c3814!important;color:var(--text)!important;padding:clamp(1.85rem,4.2vw,2.85rem)!important;min-height:13.5rem;text-align:center;overflow:hidden}.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-q-card:before{display:none!important}.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-q-card.flash-ok,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-q-card.flash-no{animation:none!important;border:none!important;box-shadow:0 12px 36px #1a5c3814!important;transform:none!important}.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-q-prompt{color:var(--study-deep)!important;font-family:var(--font-display);font-weight:900;font-size:clamp(2.35rem,6vw,3.65rem)!important;line-height:1.12!important;letter-spacing:-.03em;text-shadow:0 1px 0 rgba(255,255,255,.65)}.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-blank{display:inline-block!important;background:#edf7f1!important;border:none!important;border-bottom:.12em solid var(--study-amber)!important;color:var(--study-deep)!important;border-radius:.28em;padding:0 .28em .04em;margin:0 .08em;min-width:2.4em;vertical-align:baseline;line-height:1;box-decoration-break:clone;-webkit-box-decoration-break:clone}@media (max-width: 640px){.skill-tree-shell.learn-nkvm .solo-fc2-grammar-feedback.show{grid-template-columns:1fr}.skill-tree-shell.learn-nkvm .solo-fc2-grammar-next-btn{justify-self:end}}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-wrap{max-width:min(860px,96vw)!important;padding:1.35rem clamp(1rem,3vw,2rem) 2.5rem!important;width:100%;margin-inline:auto!important;grid-template-columns:1fr!important;justify-items:stretch}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-stage{max-width:none!important;width:100%;gap:1.35rem;margin-inline:auto}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax{max-width:none;background:linear-gradient(165deg,#fff,#f7fcf9);border:none;border-radius:1.5rem;padding:1.2rem 1.15rem 1.35rem;box-shadow:0 12px 36px #1a5c3814;gap:.85rem}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax.flash-ok{border-color:#86efac;background:#f0fdf4;box-shadow:0 8px 24px #2d8a551f}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax.flash-no{border:1px solid var(--study-wrong-border);background:var(--study-wrong-bg);box-shadow:0 8px 24px #a66b740f}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax.flash-no .solo-bax-passage{background:var(--study-wrong-soft);border-left-color:var(--study-wrong-border)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax.flash-no .solo-bax-blank{border-bottom-color:color-mix(in srgb,var(--study-wrong-border) 80%,#94a3b8);color:color-mix(in srgb,var(--study-wrong-ink) 70%,#64748b)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-title{font-family:var(--font-display);font-weight:900;color:var(--study-deep)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-hint{color:#64748b}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-blank{border-bottom-color:color-mix(in srgb,var(--study-amber, #f5a623) 70%,#94a3b8);color:color-mix(in srgb,var(--study-deep) 55%,#64748b)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-blank.filled{color:var(--study-deep)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-build{background:#edf7f1;color:var(--study-deep);border-radius:.9rem;min-height:3.1rem;padding:.85rem 1rem}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-build--ok{background:#d1fae5;box-shadow:inset 0 0 0 1.5px #86efac}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-build--no{background:var(--study-wrong-soft);box-shadow:inset 0 0 0 1.5px var(--study-wrong-border)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-input--no{border-color:var(--study-wrong-border);background:var(--study-wrong-bg)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-token{color:var(--study-deep)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-chip{background:#fff;color:var(--study-deep);border-color:#c6f0d8}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-reveal{background:var(--study-wrong-bg);border-color:var(--study-wrong-border)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-reveal-lbl{color:var(--study-wrong-ink)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-bax-reveal-ans{color:var(--study-deep)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn-primary{background:linear-gradient(135deg,#f5a623,#e08b3c);color:#fff}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn-ghost{background:#edf7f1;border-color:#c6f0d8;color:var(--study-deep)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-side{position:static;width:100%}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-side-card{flex-direction:row;gap:0}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-side-card .solo-quiz-sstat{flex:1;text-align:center}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-side-card .solo-quiz-sstat:not(:last-child){padding-bottom:0;padding-right:1rem;border-bottom:none;border-right:1px solid #d8ebe0}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:none!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c3814!important;color:var(--text)!important;padding:clamp(1.85rem,4.2vw,2.85rem) clamp(1.85rem,4.2vw,2.85rem) 2.1rem!important;min-height:13.5rem;text-align:center}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-card:before{display:none!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-prompt{color:var(--study-deep)!important;font-family:var(--font-display);font-weight:900;font-size:clamp(2.35rem,6vw,3.65rem)!important;line-height:1.2!important;letter-spacing:-.03em;text-shadow:0 1px 0 rgba(255,255,255,.65);display:block;width:100%;margin:0;text-align:center;min-height:0}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-translate{position:absolute;left:1rem;right:1rem;bottom:.85rem;color:#9a6b3c!important;font-weight:550;font-style:italic;font-size:.574rem!important;line-height:1.35;margin:0;padding:0;letter-spacing:.01em;opacity:.85;align-self:center}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-blank{display:inline-block!important;background:#edf7f1!important;border:none!important;border-bottom:.12em solid var(--study-amber)!important;color:var(--study-deep)!important;border-radius:.28em;padding:0 .28em .04em;margin:0 .08em;min-width:2.4em;white-space:nowrap;vertical-align:baseline;line-height:1;box-decoration-break:clone;-webkit-box-decoration-break:clone}.skill-tree-shell.learn-nkvm .solo-boss-page .solo-quiz-q-prompt{font-size:clamp(1.35rem,5.2vw,1.95rem)!important;line-height:1.35!important;letter-spacing:-.015em}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-options{display:grid;gap:.75rem;margin-top:1.15rem}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-side-card{background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:none!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c3814!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-sstat .num,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-side .num{font-family:var(--font-display);font-weight:900;color:var(--study-deep)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-combo .cval{background:linear-gradient(135deg,#1a5c38,#f5a623)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt{display:flex;align-items:center;gap:.75rem;background:#fff!important;border:1px solid #c6f0d8!important;border-radius:1.15rem!important;box-shadow:0 4px 14px #1a5c380d!important;color:#1e293b!important;font-family:var(--font-body, Mulish, system-ui, sans-serif);font-weight:700;font-size:clamp(.98rem,2vw,1.12rem)!important;padding:.9rem 2.35rem .9rem .9rem!important;min-height:3.35rem;line-height:1.35;text-align:left;opacity:1!important;filter:none!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt .key,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt .key{position:static!important;transform:none!important;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:1.5px solid #b8d9c6!important;border-radius:999px!important;background:#edf7f1!important;color:#1a5c38!important;font-family:var(--font-display)!important;font-size:.82rem!important;font-weight:800!important;line-height:1;box-shadow:none}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt:hover:not(:disabled),.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt:hover:not(:disabled){transform:translateY(-2px);background:#fff!important;border-color:#4abe7a!important;box-shadow:0 10px 22px #1a5c381a!important;outline:none}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt:hover:not(:disabled) .key,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt:hover:not(:disabled) .key{background:#2d8a55!important;border-color:#2d8a55!important;color:#fff!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.picked,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt.picked{outline:none;border-color:#f5a623!important;background:#fffbeb!important;box-shadow:0 6px 16px #1a5c3814!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.picked .key,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt.picked .key{background:#f5a623!important;border-color:#f5a623!important;color:#7c4b1e!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.correct,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt.correct{background:#d1fae5!important;border-color:#86efac!important;color:#065f46!important;box-shadow:0 4px 14px #2d8a551a!important;animation:learn-study-pop .35s cubic-bezier(.34,1.56,.64,1)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.correct .key,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt.correct .key{background:#2d8a55!important;border-color:#2d8a55!important;color:#fff!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.wrong,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt.wrong{background:var(--study-wrong-soft)!important;border-color:var(--study-wrong-border)!important;color:var(--study-wrong-ink)!important;box-shadow:0 4px 14px #a66b740f!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.wrong .key,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt.wrong .key{background:color-mix(in srgb,var(--study-wrong-ink) 75%,#fff)!important;border-color:color-mix(in srgb,var(--study-wrong-ink) 75%,#fff)!important;color:#fff!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.dim,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-opt.dim{opacity:1!important;filter:none!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback{background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:none!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c3814!important;color:#1e1e1e!important;padding:1.25rem 1.35rem!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-verdict.ok{color:#047857!important;font-family:var(--font-display);font-weight:900;font-size:1.35rem!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-verdict.no{color:var(--study-wrong-ink)!important;font-family:var(--font-display);font-weight:900;font-size:1.35rem!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-verdict .crit,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-fc2-grammar-verdict .crit{color:#7c4b1e!important;background:#fde68a!important;border:1px solid #f5a623!important;font-weight:800;font-family:var(--font-display)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-verdict .crit.tier-fire,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-fc2-grammar-verdict .crit.tier-fire{color:#fff!important;background:linear-gradient(135deg,#f97316,#ef4444)!important;border-color:#f97316!important;box-shadow:0 4px 16px #f9731666!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-verdict .crit.tier-nova,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-fc2-grammar-verdict .crit.tier-nova{color:#fff!important;background:linear-gradient(135deg,#f59e0b,#ef4444 55%,#a21caf)!important;border-color:#f59e0b!important;box-shadow:0 0 18px #f59e0ba6,0 4px 20px #a21caf66!important;animation:learn-study-nova-pulse .9s ease-in-out infinite}@keyframes learn-study-nova-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-verdict .crit.tier-nova,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-fc2-grammar-verdict .crit.tier-nova{animation:none}}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-answer{color:#1a5c38!important;font-weight:800}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-why{color:#4b5563!important;font-size:1.02rem;line-height:1.55;font-weight:500}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-why strong{color:#1e1e1e!important;font-weight:700}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-why .pat{color:#1a5c38!important;font-weight:700}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-feedback-examples li{color:#374151!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn{background:var(--amber, #f5a623)!important;color:var(--earth, #7c4b1e)!important;border:none!important;border-radius:999px!important;font-family:var(--font-display);font-weight:800;font-size:1.1rem!important;padding:.95rem 1.7rem!important;min-height:3.25rem;box-shadow:0 4px 20px #f5a62380!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn:hover:not(:disabled){filter:none;transform:translateY(-3px);box-shadow:0 8px 28px #f5a6239e!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f5a62373!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-sending-hint,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-send-error{color:#9a3412!important;background:#fff7ed;border-radius:1rem;padding:.85rem 1rem;font-weight:650}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-retry-btn{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#92400e;border:none;font-family:var(--font-display);font-weight:800;border-radius:999px;padding:.65rem 1.15rem}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish{background:#1a5c3880!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-card{background:linear-gradient(165deg,#fff,#f7fcf9)!important;border:none!important;border-radius:1.5rem!important;box-shadow:0 12px 36px #1a5c381f!important;padding:2rem 1.6rem 1.6rem!important;max-width:min(480px,92vw)}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-title{font-family:var(--font-display);font-weight:900;color:var(--study-deep)!important;font-size:clamp(1.55rem,4vw,2rem)!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-sub,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-grid .lbl{color:#64748b!important;font-weight:650}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-grid .num{font-family:var(--font-display);font-weight:900;color:var(--study-deep)!important;font-size:1.55rem!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-mascot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;margin:0 auto .5rem;width:100%}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-mascot .learn-mascot{margin-inline:auto;display:block}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-finish-mascot__line{color:var(--study-mid)!important;font-family:var(--font-display);font-weight:700;text-align:center;margin:0}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-card.flash-ok,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-card.flash-no{animation:none!important;border:none!important;box-shadow:0 12px 36px #1a5c3814!important;transform:none!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-xp-pop,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-xp-pop{color:#f5a623!important;-webkit-text-fill-color:#f5a623!important;text-shadow:0 0 12px rgba(245,166,35,.9),0 2px 14px rgba(124,75,30,.35)!important;z-index:260}.skill-tree-shell.learn-nkvm .solo-quiz-page:not(.solo-boss-page) .solo-quiz-xp-pop.solo-quiz-xp-at-btn.crit,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-xp-pop.solo-quiz-xp-at-btn.crit{color:#f59e0b!important;-webkit-text-fill-color:#f59e0b!important;font-size:clamp(1.45rem,4.4vw,1.95rem)!important;text-shadow:0 0 16px rgba(245,166,35,1),0 0 32px rgba(245,158,11,.7)!important;animation:learn-study-crit-pop 2.4s ease forwards!important}.skill-tree-shell.learn-nkvm .solo-quiz-page:not(.solo-boss-page) .solo-quiz-xp-pop.crit,.skill-tree-shell.learn-nkvm .solo-fc2-page .solo-quiz-xp-pop.crit{color:#f59e0b!important;-webkit-text-fill-color:#f59e0b!important}@keyframes learn-study-crit-pop{0%{opacity:0;transform:translate(-50%,-50%) translateY(10px) scale(.55)}10%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1.28)}22%{opacity:1;transform:translate(-50%,-50%) translateY(-8px) scale(1.12)}72%{opacity:1;transform:translate(-50%,-50%) translateY(-22px) scale(1.06)}to{opacity:0;transform:translate(-50%,-50%) translateY(-56px) scale(1)}}@keyframes learn-study-pop{0%{transform:scale(.96)}to{transform:scale(1)}}.skill-tree-shell.learn-nkvm .solo-fc2-page,.skill-tree-shell.learn-nkvm .solo-quiz-page{--rar-common: #64748b;--rar-rare: #0369a1;--rar-epic: #c2410c;--rar-legend: #92400e}.skill-tree-shell.learn-nkvm .solo-quiz-skeleton .solo-quiz-q-card,.skill-tree-shell.learn-nkvm .solo-quiz-skeleton .solo-quiz-opt{background:#fff!important;border:none!important;box-shadow:0 10px 28px #1a5c381a!important}@media (max-width: 768px){.skill-tree-shell.learn-nkvm .solo-fc2-face{border-radius:1.35rem!important}.skill-tree-shell.learn-nkvm .solo-fc2-card-stage,.skill-tree-shell.learn-nkvm .solo-fc2-flip{min-height:min(58vh,440px)!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-appbar-left{flex-wrap:nowrap;min-width:0}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-appbar-right{width:auto;flex:1 1 auto;justify-content:flex-end;gap:.35rem;min-width:0}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt{padding:.85rem 2.2rem .85rem .85rem!important}}@media (prefers-reduced-motion: reduce){.skill-tree-shell.learn-nkvm .solo-fc2-rate-btn:hover,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt:hover:not(:disabled),.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-btn:hover:not(:disabled){transform:none}.skill-tree-shell.learn-nkvm .solo-fc2-card-stage{animation:none!important}.skill-tree-shell.learn-nkvm .solo-fc2-flip{transition:none!important}.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-opt.correct,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-card.flash-ok,.skill-tree-shell.learn-nkvm .solo-quiz-page .solo-quiz-q-card.flash-no{animation:none!important}}.learn-map{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:1.1rem 1.1rem 7.5rem;min-height:calc(100vh - 64px)}.learn-map__hero{display:grid;gap:.55rem;padding:1.4rem 1.35rem 1.45rem;margin-bottom:1.15rem;background:linear-gradient(145deg,#1a5c38,#2d8a55 52%,#3d9e6a);border-radius:1.6rem;color:#fff;box-shadow:0 14px 40px #1a5c3842;position:relative;overflow:hidden}.learn-map__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 80% at 100% 0%,rgba(245,166,35,.22),transparent 50%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(255,255,255,.1),transparent 45%);pointer-events:none}.learn-map__hero:after{content:"🌱";position:absolute;right:.4rem;bottom:-.8rem;font-size:6.5rem;opacity:.12;pointer-events:none;line-height:1}.learn-map__eyebrow{margin:0;position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-light, #fde68a)}.learn-map__title{margin:0;position:relative;z-index:1;font-family:var(--font-display);font-weight:900;font-size:clamp(1.7rem,4.2vw,2.4rem);line-height:1.12;max-width:16ch}.learn-map__sub{margin:0;position:relative;z-index:1;color:#ffffffd6;font-size:.95rem;max-width:34rem;line-height:1.55}.learn-map__progress{display:grid;gap:.4rem;max-width:300px;margin-top:.4rem;position:relative;z-index:1}.learn-map__progress-meta{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:700;font-size:.85rem}.learn-map__progress-bar{height:.75rem;border-radius:1rem;background:#ffffff38;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.learn-map__progress-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fde68a,#f5a623);transition:width .45s cubic-bezier(.4,0,.2,1)}.learn-map__section-label{margin:0 0 .6rem;font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid, #2d8a55)}.learn-spotlight{margin:0 0 1.35rem}.learn-lands{display:flex;align-items:stretch;gap:.75rem;overflow-x:auto;padding:.4rem max(8px,calc((100% - min(640px,84%))/2)) 1rem;scroll-snap-type:x mandatory;scroll-padding-inline:max(8px,calc((100% - min(640px,84%))/2));-webkit-overflow-scrolling:touch;scrollbar-width:thin}.learn-lands::-webkit-scrollbar{height:7px}.learn-lands::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4abe7a,#f5a623);border-radius:999px}.learn-land{--land-soft: #ecfdf5;--land-mid: #86efac;--land-deep: #166534;--land-glow: rgba(22, 163, 74, .28);--land-ink: #14532d;--land-muted: rgba(20, 83, 45, .72);--land-chip: rgba(255, 255, 255, .72);flex:0 0 min(640px,84%);scroll-snap-align:center;position:relative;isolation:isolate;contain:layout paint style;border:1.5px solid rgba(255,255,255,.55);padding:0;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:1.6rem;overflow:hidden;background:color-mix(in srgb,var(--land-soft) 82%,#fff);box-shadow:0 12px 32px var(--land-glow),inset 0 1px #ffffffa6;transition:transform .28s cubic-bezier(.34,1.2,.64,1),box-shadow .28s,filter .28s,opacity .28s}.learn-land__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.learn-land__mist{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background:radial-gradient(ellipse 55% 50% at 18% 28%,color-mix(in srgb,var(--land-mid) 58%,transparent),transparent 70%),radial-gradient(ellipse 50% 45% at 88% 18%,color-mix(in srgb,var(--land-deep) 32%,transparent),transparent 72%),radial-gradient(ellipse 60% 50% at 58% 92%,color-mix(in srgb,var(--land-mid) 42%,transparent),transparent 70%),linear-gradient(145deg,color-mix(in srgb,var(--land-soft) 72%,#fff),color-mix(in srgb,var(--land-mid) 24%,#fff));opacity:.95}.learn-land__orb{display:none}.learn-land__watermark{position:absolute;right:-.15rem;bottom:-.55rem;font-size:clamp(5.5rem,18vw,7.5rem);line-height:1;opacity:.18;-webkit-user-select:none;user-select:none}.learn-land.is-peek{min-height:200px;opacity:.82;filter:saturate(.92)}.learn-land.is-peek .learn-land__mist{opacity:.85}.learn-land.is-peek:hover{opacity:.95;filter:saturate(1)}.learn-land.is-active{min-height:228px;opacity:1;filter:none;border-color:color-mix(in srgb,var(--land-deep) 35%,#fff);background:color-mix(in srgb,var(--land-soft) 48%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--land-mid) 45%,transparent),0 20px 48px var(--land-glow),inset 0 1px #ffffffbf;z-index:2}.learn-land.is-active .learn-land__mist{opacity:1;background:radial-gradient(ellipse 58% 52% at 16% 26%,color-mix(in srgb,var(--land-mid) 70%,transparent),transparent 72%),radial-gradient(ellipse 52% 48% at 90% 16%,color-mix(in srgb,var(--land-deep) 40%,transparent),transparent 74%),radial-gradient(ellipse 62% 52% at 60% 90%,color-mix(in srgb,var(--land-mid) 52%,transparent),transparent 72%),linear-gradient(145deg,color-mix(in srgb,var(--land-soft) 48%,transparent),color-mix(in srgb,var(--land-mid) 30%,transparent))}.learn-land.is-active .learn-land__watermark{opacity:.34;transform:scale(1.04);transform-origin:bottom right}.learn-land__hero{position:relative;display:grid;gap:.55rem;padding:1.35rem 1.4rem 1.4rem;color:var(--land-ink);min-height:220px;z-index:1;background:linear-gradient(120deg,#ffffff8c,#ffffff2e)}.learn-land.is-active .learn-land__hero{background:linear-gradient(115deg,#ffffff8c,#ffffff38 55%,#ffffff0f)}.learn-land__hero>*{position:relative;z-index:1}.learn-land__hero-eyebrow{font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--land-deep)}.learn-land__hero-title{font-family:var(--font-display);font-weight:900;font-size:clamp(1.55rem,4vw,2.15rem);line-height:1.12;max-width:16ch;color:var(--land-ink);text-shadow:0 1px 0 rgba(255,255,255,.45)}.learn-land__hero-sub{color:var(--land-muted);font-size:.92rem;line-height:1.5;max-width:34rem}.learn-land__hero-meta{display:flex;flex-wrap:wrap;gap:.4rem}.learn-land__hero-meta>span{font-family:var(--font-display);font-weight:700;font-size:.78rem;padding:.2rem .55rem;border-radius:999px;background:var(--land-chip);border:1px solid color-mix(in srgb,var(--land-deep) 14%,transparent);color:var(--land-ink);white-space:nowrap}.learn-land__hero-progress{display:grid;gap:.35rem;max-width:280px;margin-top:.15rem}.learn-land__hero-progress-meta{display:flex;justify-content:space-between;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--land-ink)}.learn-land__hero-bar{display:block;height:.7rem;border-radius:999px;background:#ffffff8c;border:1px solid color-mix(in srgb,var(--land-deep) 12%,transparent);overflow:hidden}.learn-land__hero-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--land-mid),#f5a623)}.learn-land__peek{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;height:100%;min-height:168px;padding:.85rem .45rem;color:var(--land-ink);text-align:center;background:linear-gradient(180deg,#ffffff47,#ffffff14)}.learn-land__peek-emoji{font-size:1.85rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.learn-land__peek-zone{font-family:var(--font-display);font-weight:800;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--land-deep)}.learn-land__peek-name{font-family:var(--font-display);font-weight:800;font-size:.78rem;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.learn-land__peek-pct{font-family:var(--font-display);font-weight:800;font-size:.7rem;padding:.12rem .4rem;border-radius:999px;background:var(--land-chip);border:1px solid color-mix(in srgb,var(--land-deep) 12%,transparent)}.learn-land[data-biome=sa_mac_chu_cai]{--land-soft: #fff7ed;--land-mid: #fdba74;--land-deep: #c2410c;--land-ink: #9a3412;--land-muted: rgba(154, 52, 18, .75);--land-glow: rgba(194, 65, 12, .22)}.learn-land[data-biome=rung_tham_muong_thu]{--land-soft: #ecfdf5;--land-mid: #6ee7b7;--land-deep: #047857;--land-ink: #065f46;--land-muted: rgba(6, 95, 70, .72);--land-glow: rgba(5, 150, 105, .24)}.learn-land[data-biome=dai_duong_xanh]{--land-soft: #ecfeff;--land-mid: #67e8f9;--land-deep: #0e7490;--land-ink: #155e75;--land-muted: rgba(21, 94, 117, .72);--land-glow: rgba(8, 145, 178, .24)}.learn-land[data-biome=lang_khoi_hanh]{--land-soft: #fffbeb;--land-mid: #fcd34d;--land-deep: #b45309;--land-ink: #92400e;--land-muted: rgba(146, 64, 14, .72);--land-glow: rgba(217, 119, 6, .22)}.learn-land[data-biome=nui_lua_qua_khu]{--land-soft: #fff1f2;--land-mid: #fb7185;--land-deep: #be123c;--land-ink: #9f1239;--land-muted: rgba(159, 18, 57, .72);--land-glow: rgba(225, 29, 72, .22)}.learn-land[data-biome=thanh_pho_tri_thuc]{--land-soft: #eff6ff;--land-mid: #93c5fd;--land-deep: #1d4ed8;--land-ink: #1e3a8a;--land-muted: rgba(30, 58, 138, .72);--land-glow: rgba(37, 99, 235, .22)}.learn-land[data-biome=dam_lay_cu_phap]{--land-soft: #f0fdf4;--land-mid: #86efac;--land-deep: #15803d;--land-ink: #14532d;--land-muted: rgba(20, 83, 45, .72);--land-glow: rgba(22, 163, 74, .22)}.learn-land[data-biome=dinh_suong_mu]{--land-soft: #f5f3ff;--land-mid: #c4b5fd;--land-deep: #6d28d9;--land-ink: #5b21b6;--land-muted: rgba(91, 33, 182, .72);--land-glow: rgba(124, 58, 237, .22)}.learn-map__journey{--journey-soft: #ecfdf5;--journey-mid: #6ee7b7;--journey-deep: #047857;--journey-path: #15803d;--journey-active: #f59e0b;position:relative;background:radial-gradient(ellipse 90% 55% at 50% -10%,color-mix(in srgb,var(--journey-mid) 35%,transparent),transparent 60%),radial-gradient(ellipse 70% 50% at 100% 100%,color-mix(in srgb,var(--journey-deep) 12%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--journey-soft) 88%,#fff),#fff 55%,color-mix(in srgb,var(--journey-soft) 55%,#fffbeb));border:2px solid color-mix(in srgb,var(--journey-mid) 45%,#e5e7eb);border-radius:1.6rem;box-shadow:0 16px 42px color-mix(in srgb,var(--journey-deep) 14%,transparent);overflow:hidden;min-height:560px;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease}.learn-map__journey:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.45;background-image:radial-gradient(circle at 18% 28%,color-mix(in srgb,var(--journey-mid) 35%,transparent) 0 2px,transparent 3px),radial-gradient(circle at 78% 62%,color-mix(in srgb,var(--journey-active) 30%,transparent) 0 2px,transparent 3px);background-size:44px 44px,58px 58px}.learn-map__journey[data-biome=sa_mac_chu_cai]{--journey-soft: #fff7ed;--journey-mid: #fdba74;--journey-deep: #c2410c;--journey-path: #ea580c;--journey-active: #f59e0b}.learn-map__journey[data-biome=rung_tham_muong_thu]{--journey-soft: #ecfdf5;--journey-mid: #6ee7b7;--journey-deep: #047857;--journey-path: #059669;--journey-active: #f59e0b}.learn-map__journey[data-biome=dai_duong_xanh]{--journey-soft: #ecfeff;--journey-mid: #67e8f9;--journey-deep: #0e7490;--journey-path: #0891b2;--journey-active: #f59e0b}.learn-map__journey[data-biome=lang_khoi_hanh]{--journey-soft: #fffbeb;--journey-mid: #fcd34d;--journey-deep: #b45309;--journey-path: #d97706;--journey-active: #f59e0b}.learn-map__journey[data-biome=nui_lua_qua_khu]{--journey-soft: #fff1f2;--journey-mid: #fb7185;--journey-deep: #be123c;--journey-path: #e11d48;--journey-active: #f59e0b}.learn-map__journey[data-biome=thanh_pho_tri_thuc]{--journey-soft: #eff6ff;--journey-mid: #93c5fd;--journey-deep: #1d4ed8;--journey-path: #2563eb;--journey-active: #f59e0b}.learn-map__journey[data-biome=dam_lay_cu_phap]{--journey-soft: #f0fdf4;--journey-mid: #86efac;--journey-deep: #15803d;--journey-path: #16a34a;--journey-active: #f59e0b}.learn-map__journey[data-biome=dinh_suong_mu]{--journey-soft: #f5f3ff;--journey-mid: #c4b5fd;--journey-deep: #6d28d9;--journey-path: #7c3aed;--journey-active: #f59e0b}.learn-map__journey-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:1.15rem 1.25rem .35rem;position:relative;z-index:2}.learn-map__journey-head h2{margin:0;font-family:var(--font-display);font-weight:900;font-size:1.35rem;color:var(--journey-deep)}.learn-map__journey-head p{margin:0;font-size:.85rem;font-weight:700;color:color-mix(in srgb,var(--journey-deep) 75%,#6b7280)}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-canvas{min-height:520px;padding:1.5rem .5rem 3.5rem;background:transparent!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-canvas:before{opacity:.28!important;background:radial-gradient(ellipse 80% 55% at 50% 100%,color-mix(in srgb,var(--journey-mid) 30%,transparent),transparent 60%),radial-gradient(ellipse 50% 40% at 15% 20%,color-mix(in srgb,var(--journey-deep) 12%,transparent),transparent 55%)!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-canvas:after{opacity:.08;content:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-path-line.pending{stroke:color-mix(in srgb,var(--journey-path) 42%,#94a3b8);stroke-width:3;stroke-dasharray:7 8;opacity:.55}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-path-line.done{stroke:color-mix(in srgb,var(--journey-path) 75%,#64748b);stroke-width:3.25;filter:none;opacity:.7}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-path-line.active-flow{stroke:var(--journey-active);stroke-width:3.5;stroke-dasharray:8 7;filter:none;animation:none;opacity:.9}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-svg{z-index:0}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-rows{max-width:min(560px,100%);width:100%;margin-inline:auto;position:relative;z-index:2}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row{min-height:132px;justify-content:center!important;padding-left:0!important;padding-right:0!important;transform:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row>.skill-tree-node{position:relative;left:var(--lane-x, 0%)}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row.center-row>.skill-tree-node{left:0}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle{border:2.5px solid color-mix(in srgb,var(--node-accent, #94a3b8) 42%,#ffffff)!important;background:radial-gradient(circle at 50% 38%,#fff,color-mix(in srgb,var(--node-accent, #94a3b8) 9%,#ffffff) 72%,color-mix(in srgb,var(--node-accent, #94a3b8) 14%,#f8fafc))!important;box-shadow:0 1px #fffffff2 inset,0 8px color-mix(in srgb,var(--node-accent, #94a3b8) 18%,#cbd5e1),0 12px 22px #0f172a1f!important;overflow:visible;animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;z-index:-1;pointer-events:none;border:none!important;animation:none!important;background:radial-gradient(circle,color-mix(in srgb,var(--node-accent, #94a3b8) 16%,transparent) 0%,transparent 68%);opacity:.55}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle:after{content:none!important;animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.sz-md{width:84px;height:84px}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.sz-lg{width:102px;height:102px}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.sz-xl{width:120px;height:120px}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-active,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.is-pulsing{border-color:#f5a623!important;background:radial-gradient(circle at 50% 36%,#fff,#fffbeb 78%,#fde68a 140%)!important;box-shadow:0 1px #fffffffa inset,0 9px #d97706,0 0 0 5px color-mix(in srgb,#f5a623 28%,transparent),0 14px 28px #d9770647!important;animation:learn-node-pulse 2.6s ease-in-out infinite!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-active:before,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.is-pulsing:before{top:-18px;right:-18px;bottom:-18px;left:-18px;opacity:.75;background:radial-gradient(circle,color-mix(in srgb,#f5a623 38%,transparent) 0%,color-mix(in srgb,var(--node-accent, #f5a623) 12%,transparent) 48%,transparent 72%);animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-active:after,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.is-pulsing:after{content:""!important;position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;z-index:-1;pointer-events:none;border:2.5px solid color-mix(in srgb,#f5a623 55%,transparent);background:transparent!important;opacity:.85;animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-done{border-color:color-mix(in srgb,#2d8a55 55%,#ffffff)!important;background:radial-gradient(circle at 50% 36%,#fff,#f0faf4 85%,#dcfce7 130%)!important;box-shadow:0 1px #fffffff2 inset,0 7px color-mix(in srgb,#2d8a55 35%,#86efac),0 10px 18px #1a5c3824!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node.locked{opacity:1!important;filter:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-locked{border:2px dashed #cbd5e1!important;background:radial-gradient(circle at 50% 40%,#fff,#f1f5f9)!important;box-shadow:0 1px #ffffffe6 inset,0 6px #e2e8f0,0 8px 16px #0f172a14!important;animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-locked:before{opacity:.2;background:radial-gradient(circle,rgba(148,163,184,.25) 0%,transparent 70%);animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-locked:after{content:none!important;animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-lock-overlay{display:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-lock-badge{position:absolute;top:-2px;right:-2px;z-index:3;width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:999px;background:#334155;color:#fff;font-size:.7rem;line-height:1;box-shadow:0 3px 8px #0f172a38;border:2px solid #fff}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node.locked .skill-tree-node-icon{opacity:.72}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node.locked .skill-tree-node-name{color:#64748b!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node.locked .skill-tree-type-badge{background:#e2e8f0;color:#475569}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.type-boss{animation:none!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.type-boss:not(.state-locked):not(.state-active){border-color:color-mix(in srgb,var(--node-accent, #e11d48) 50%,#ffffff)!important;box-shadow:0 1px #fffffff2 inset,0 8px color-mix(in srgb,var(--node-accent, #e11d48) 28%,#fecaca),0 12px 22px #c0392b29!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.type-boss.state-active,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.type-boss.is-pulsing{animation:learn-node-pulse 2.6s ease-in-out infinite!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.type-boss:not(.state-locked):before,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.type-checkpoint:before{border:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.type-checkpoint:not(.state-active){animation:none!important;border-color:color-mix(in srgb,#f5a623 55%,#ffffff)!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-icon{position:relative;z-index:1;font-size:2.15rem;line-height:1;filter:drop-shadow(0 3px 2px rgba(15,23,42,.14));transform:translateY(-1px)}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.sz-lg .skill-tree-node-icon{font-size:2.55rem}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.sz-xl .skill-tree-node-icon{font-size:2.85rem}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-type-badge{font-family:var(--font-display);font-weight:800;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.22rem .65rem;border:none;box-shadow:0 4px 12px #0f172a1f;background:#fff}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-name{font-size:1.08rem;font-weight:900;color:var(--journey-deep)!important;text-shadow:0 1px 0 rgba(255,255,255,.85)}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-star.lit{opacity:1;filter:drop-shadow(0 0 4px rgba(245,166,35,.65))}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node:not(.locked){transition:transform .2s ease}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node:not(.locked) .skill-tree-node-circle{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node:not(.locked):hover{transform:translateY(-4px);z-index:3}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node:not(.locked):hover .skill-tree-node-circle{border-color:color-mix(in srgb,var(--node-accent, #2d8a55) 55%,#ffffff)!important;box-shadow:0 1px #fffffffa inset,0 10px color-mix(in srgb,var(--node-accent, #94a3b8) 22%,#94a3b8),0 16px 28px #0f172a29!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node:not(.locked):hover .skill-tree-node-circle:before{opacity:.7;top:-12px;right:-12px;bottom:-12px;left:-12px}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node:not(.locked):active .skill-tree-node-circle{transform:translateY(3px);box-shadow:0 1px #ffffffe6 inset,0 4px color-mix(in srgb,var(--node-accent, #94a3b8) 22%,#94a3b8),0 6px 12px #0f172a1f!important}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node.locked:hover{transform:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row--reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row--reveal.is-revealed{opacity:1;transform:translateY(0)}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row--reveal:nth-child(3).is-revealed{transition-delay:.04s}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row--reveal:nth-child(4).is-revealed{transition-delay:.08s}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row--reveal:nth-child(5).is-revealed{transition-delay:.12s}@keyframes learn-node-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes learn-node-ring{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.95}}@keyframes learn-node-glow{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.learn-map__empty{margin:.25rem 0 1rem;padding:2rem 1.25rem;text-align:center;background:#fff;border:2px dashed #c6f0d8;border-radius:1.35rem}.learn-map__empty h2{font-family:var(--font-display);color:var(--green-deep, #1a5c38)}.bubu-float{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom,0px));z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;pointer-events:none}.skill-tree-shell.immersive .bubu-float{bottom:max(1.25rem,env(safe-area-inset-bottom))}.bubu-float__bubble{pointer-events:auto;max-width:min(250px,72vw);padding:.8rem .95rem;background:#fff;border:2px solid #c6f0d8;border-radius:1.15rem 1.15rem .35rem;box-shadow:0 12px 32px #1a5c3829;animation:bubu-bubble-in .35s cubic-bezier(.34,1.56,.64,1) both;text-align:left;font:inherit;color:inherit}.bubu-float__bubble--action{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.bubu-float__bubble--action:hover{transform:translateY(-2px);border-color:#8fd9b0;box-shadow:0 14px 34px #1a5c3833}.bubu-float__bubble--action:focus-visible{outline:3px solid rgba(245,166,35,.55);outline-offset:3px}.bubu-float__name{margin:0 0 .15rem;font-family:var(--font-display);font-weight:800;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid, #2d8a55)}.bubu-float__text{margin:0;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--green-deep, #1a5c38);line-height:1.3}.bubu-float__mascot{pointer-events:auto;border:none;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 12px 20px rgba(26,92,56,.22));animation:bubu-bob 3.2s ease-in-out infinite;transition:transform .2s}.bubu-float__mascot:hover{transform:translateY(-4px) scale(1.04);animation-play-state:paused}.bubu-float__mascot:focus-visible{outline:3px solid rgba(245,166,35,.55);outline-offset:4px;border-radius:1rem}@keyframes bubu-bob{0%,to{transform:translateY(0) rotate(-2deg)}35%{transform:translateY(-9px) rotate(2deg)}70%{transform:translateY(-3px) rotate(-1deg)}}@keyframes bubu-bubble-in{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.bubu-float--trail-spark .bubu-float__mascot{position:relative}.bubu-float--trail-spark .bubu-float__mascot:before,.bubu-float--trail-spark .bubu-float__mascot:after{content:"";position:absolute;left:50%;bottom:6px;width:7px;height:7px;border-radius:50%;background:#f5c518;box-shadow:0 0 8px #f5c518bf;pointer-events:none;animation:bubu-trail-spark 1.6s ease-in-out infinite}.bubu-float--trail-spark .bubu-float__mascot:after{left:38%;width:5px;height:5px;background:#7ec8a3;box-shadow:0 0 8px #7ec8a3b3;animation-delay:.55s}@keyframes bubu-trail-spark{0%{opacity:0;transform:translate(-50%) scale(.6)}35%{opacity:1;transform:translate(-50%,10px) scale(1)}to{opacity:0;transform:translate(-50%,28px) scale(.4)}}.bubu-float--glow-trail .bubu-float__mascot{filter:drop-shadow(0 12px 20px rgba(26,92,56,.22)) drop-shadow(0 0 14px rgba(255,143,171,.55)) drop-shadow(0 0 22px rgba(126,200,163,.4))}.bubu-float--glow-trail.bubu-float--trail-spark .bubu-float__mascot:before{box-shadow:0 0 10px #ff8fabd9,0 0 8px #f5c518bf;background:#ff8fab}.bubu-float__bubble--stealth{background:#2d3744eb;border-color:#7a8a9a8c;color:#e8eef4;box-shadow:0 12px 28px #141c2459}.bubu-float__bubble--stealth .bubu-float__name{color:#9aa8b8;opacity:.9}.bubu-float__bubble--stealth .bubu-float__text{color:#e8eef4}@media (min-width: 901px){.bubu-float{bottom:max(1.5rem,env(safe-area-inset-bottom))}}@media (max-width: 768px){.learn-map{padding:.85rem .75rem 2rem}.learn-map__hero{padding:1.15rem 1rem 1.25rem;border-radius:1.35rem}.learn-lands{grid-auto-columns:minmax(260px,88vw)}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-rows{max-width:100%}.bubu-float__mascot .learn-mascot{width:80px!important;height:80px!important}}@media (prefers-reduced-motion: reduce){.bubu-float__mascot,.bubu-float__bubble,.learn-land__emoji{animation:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-row--reveal{opacity:1;transform:none;transition:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node:not(.locked):hover{transform:none}.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-active,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.is-pulsing,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-active:before,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.is-pulsing:before,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.state-active:after,.skill-tree-shell.learn-nkvm .learn-map .skill-tree-node-circle.is-pulsing:after{animation:none!important}}.onboarding-shell{min-height:100vh;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;overflow-x:clip}.onboarding-shell .appbar{position:sticky;top:0;z-index:100;background:#0d0b1aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.header-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#ffffff0f;pointer-events:none}.header-progress-fill{height:100%;width:0%;background:var(--primary-grad);box-shadow:0 0 10px #8b5cf699;transition:width var(--t-base) var(--ease)}.onboarding-shell .brand{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-weight:var(--fw-black)}.onboarding-shell .brand-icon{width:32px;height:32px;border-radius:var(--r-sm);background:var(--primary-grad);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--glow)}.onboarding-shell .skip-btn{font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border);background:transparent;cursor:pointer;font-family:var(--font-body);transition:all var(--t-fast) var(--ease)}.onboarding-shell .skip-btn:hover{color:var(--text);border-color:var(--border-strong)}.onboarding-frame{display:block;width:100%;max-width:100%;border:none;background:transparent;overflow:hidden}.onboarding-cta-bar{padding:var(--sp-6) var(--sp-5) var(--sp-8);background:#0d0b1af0;border-top:1px solid var(--border-strong)}.onboarding-cta-inner{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-3);align-items:stretch}.onboarding-cta-inner .auth-oauth{margin-top:0}.onboarding-cta-inner .auth-divider{display:none}.onboarding-login-link{text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.onboarding-login-link button{background:none;border:none;padding:0;color:var(--primary);font-weight:var(--fw-semibold);cursor:pointer;font-family:inherit;font-size:inherit}.onboarding-login-link button:hover{text-decoration:underline}.ob-home{max-width:760px;margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-8)}.ob-hero{text-align:center;padding:var(--sp-5) 0 var(--sp-4)}.ob-hero h1{font-size:var(--fs-xl);line-height:1.12;margin-top:var(--sp-3)}.ob-hero p{margin-top:var(--sp-3)}.ob-step{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.ob-seg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px}.ob-seg button{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text-muted);background:transparent;border:none;border-radius:var(--r-pill);padding:.6rem .4rem;cursor:pointer;transition:.18s var(--ease);line-height:1.15}.ob-seg button small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-regular);opacity:.7;margin-top:2px}.ob-seg button[aria-selected=true]{background:var(--primary-grad);color:#fff;box-shadow:var(--glow)}.ob-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.ob-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:.65rem .95rem;border-radius:var(--r-md);cursor:pointer;min-width:96px;background:var(--surface);border:1px solid var(--border);transition:.16s var(--ease)}.ob-chip:hover{border-color:var(--border-strong);transform:translateY(-2px)}.ob-chip b{font-size:var(--fs-md);color:var(--text);font-weight:var(--fw-bold)}.ob-chip small{font-size:var(--fs-xs);color:var(--text-muted)}.ob-chip[aria-pressed=true]{border-color:var(--primary);background:var(--surface-2);box-shadow:0 0 0 1px var(--primary) inset,var(--glow)}.ob-chip[aria-pressed=true] b{color:var(--primary)}.ob-hint{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted)}.ob-link{background:none;border:none;color:var(--primary);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:2px;padding:0}.ob-result{margin-top:var(--sp-5);opacity:.5;filter:grayscale(.4);transition:.3s var(--ease)}.ob-result.ready{opacity:1;filter:none}.ob-level{font-size:var(--fs-lg);margin-top:var(--sp-2)}.ob-bridge{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.ob-zone{display:flex;gap:var(--sp-4);align-items:center;margin-top:var(--sp-2)}.ob-zone-emoji{font-size:42px;width:64px;height:64px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--surface-2);flex:none}.ob-fit{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);border:1px solid var(--border)}.ob-fit.ok{background:#2ee6a61a;border-color:#2ee6a659;color:var(--success)}.ob-fit.low{background:#ffb0201a;border-color:#ffb02059;color:var(--warning)}.ob-fit.high{background:#38bdf81a;border-color:#38bdf859;color:var(--c-mp)}.ob-cta{margin-top:var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.ob-cta .btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale(.5)}.ob-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:200;padding:var(--sp-4);animation:ob-fade .2s var(--ease)}.ob-modal{max-width:480px;width:100%;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--sp-6);animation:ob-pop .3s var(--ease-bounce)}.ob-m-emoji{font-size:48px}.ob-modal h2{font-size:var(--fs-lg);margin-top:var(--sp-2)}.ob-req{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding:.6rem .9rem;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-sm)}.ob-gains{list-style:none;padding:0;margin:var(--sp-4) 0 0;display:grid;gap:var(--sp-2)}.ob-gains li{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-sm);color:var(--text-muted)}.ob-gains li b{color:var(--text);font-weight:var(--fw-semibold)}.ob-m-actions{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.ob-m-back{background:transparent;border:none;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;padding:.4rem}.ob-m-back:hover{color:var(--text)}.ob-m-back[disabled]{opacity:.5;cursor:not-allowed}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}@keyframes ob-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ob-chip,.ob-result,.ob-scrim,.ob-modal,.ob-seg button{animation:none;transition:none}}.home-screen{display:flex;flex-direction:column;gap:0;max-width:720px;margin:0 auto;position:relative;padding-bottom:var(--sp-6)}.home-welcome{margin-top:var(--sp-4);margin-bottom:var(--sp-5)}.home-welcome-greet{font-size:var(--fs-xs);font-weight:700;color:var(--green-mid, #2d8a55);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-display)}.home-welcome-name{font-family:var(--font-display);font-size:clamp(1.55rem,4.5vw,2.15rem);font-weight:900;line-height:1.2;margin-top:var(--sp-1);letter-spacing:-.02em;color:var(--green-deep, #1a5c38)}.home-welcome-want{font-weight:700;color:var(--green-mid, #2d8a55)}.home-quick-grid{display:grid;grid-template-columns:1fr;gap:.65rem;align-items:stretch}.home-quick-or{margin:0;padding-left:.15rem;text-align:left;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--green-mid, #2d8a55) 55%,#8a9a8e);line-height:1;-webkit-user-select:none;user-select:none}.home-quick-card{display:flex;align-items:center;gap:var(--sp-4);min-height:148px;padding:var(--sp-5) var(--sp-5);text-decoration:none;color:inherit;position:relative;overflow:hidden;border-radius:1.45rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:home-card-enter .45s var(--ease) both}.home-quick-solo--cta{animation-delay:.06s;min-height:168px;padding:1.35rem 1.25rem}.home-quick-solo--cta .home-quick-title{font-size:clamp(1.4rem,3.6vw,1.7rem)}.home-quick-solo--cta .home-quick-icon{width:72px;height:72px;font-size:34px}.home-quick-pvp{min-height:112px;padding:.9rem 1.1rem}.home-quick-pvp .home-quick-title{font-size:clamp(1.05rem,2.6vw,1.2rem)}.home-quick-pvp .home-quick-icon{width:48px;height:48px;font-size:22px;border-radius:.95rem}.home-quick-pvp .home-quick-desc{font-size:.82rem}.home-quick-pvp .home-quick-arrow{font-size:1.2rem}.home-quick-card:hover{transform:translateY(-4px)}.home-quick-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease;pointer-events:none}.home-quick-card:hover:before{opacity:1}.home-quick-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:1.15rem;font-size:30px;flex-shrink:0}.home-quick-content{flex:1;min-width:0}.home-quick-title{margin-top:.2rem;font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:900;line-height:1.15;letter-spacing:-.02em}.home-quick-desc{font-size:var(--fs-sm);margin-top:.35rem;line-height:1.35}.home-quick-arrow{font-size:1.5rem;flex-shrink:0;transition:transform .2s ease,color .2s ease}.home-quick-card:hover .home-quick-arrow{transform:translate(4px)}.home-quick-card .tag{font-family:var(--font-display);font-weight:800;letter-spacing:.08em}.home-quick-cta-badge{position:absolute;top:.75rem;right:.85rem;padding:.2rem .65rem;border-radius:var(--r-pill);background:#fffbeb;color:var(--earth, #7c4b1e);border:1px solid #fde68a;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px #1a5c3833}.surface-app .card.home-quick-pvp,.product-surface .card.home-quick-pvp,.home-screen .card.home-quick-pvp{background:linear-gradient(155deg,#fff8eb,#fde8c4 55%,#f5d09a);border:2px solid #f0c878;color:var(--earth, #7c4b1e);box-shadow:0 8px 24px #c482282e}.home-quick-pvp:before{background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,transparent 55%)}.home-quick-pvp .tag{color:#b45309}.home-quick-pvp .home-quick-title{color:var(--earth, #7c4b1e)}.home-quick-pvp .home-quick-desc{color:#7c4b1ec7}.home-quick-pvp .home-quick-icon{background:#ffffffa6;border:1px solid rgba(240,200,120,.9)}.home-quick-pvp .home-quick-arrow{color:#7c4b1e8c}.home-quick-pvp:hover .home-quick-arrow{color:var(--earth, #7c4b1e)}.surface-app .card.home-quick-pvp:hover,.product-surface .card.home-quick-pvp:hover,.home-screen .card.home-quick-pvp:hover{border-color:#e8b84a;box-shadow:0 12px 28px #c4822842}.surface-app .card.home-quick-solo,.product-surface .card.home-quick-solo,.home-screen .card.home-quick-solo{background:radial-gradient(ellipse 80% 70% at 100% 0%,rgba(245,166,35,.28) 0%,transparent 55%),linear-gradient(145deg,#4abe7a,#2d8a55 48%,#1a5c38);border:2px solid #17633f;color:#fff;box-shadow:0 12px 36px #1a5c3859}.home-quick-solo--cta{z-index:1}.home-quick-solo:before{background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.22) 0%,transparent 50%)}.home-quick-solo .tag{color:#ecfdf5;text-shadow:0 1px 0 rgba(0,0,0,.12)}.home-quick-solo .home-quick-title{color:#fff}.home-quick-solo .home-quick-desc{color:#ffffffe6}.home-quick-solo .home-quick-icon{background:#ffffff38;border:1px solid rgba(255,255,255,.35)}.home-quick-solo .home-quick-arrow{color:#ffffffd9}.home-quick-solo:hover .home-quick-arrow{color:#fff}.surface-app .card.home-quick-solo:hover,.product-surface .card.home-quick-solo:hover,.home-screen .card.home-quick-solo:hover{border-color:#0f4a2c;box-shadow:0 16px 40px #1a5c3873}@keyframes home-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.home-quests{margin-top:var(--sp-6)}.home-quest-panel{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem 1.15rem;background:linear-gradient(165deg,#fff,#edf7f1 72%,#e4f4ea);border:2px solid #c6f0d8;border-radius:1.4rem;box-shadow:0 8px 28px #1a5c381a;animation:home-card-enter .5s var(--ease) .1s both}.home-quest-panel__host{display:flex;align-items:flex-start;gap:.85rem}.home-quest-panel__art{flex-shrink:0;line-height:0;width:72px;height:72px;display:grid;place-items:center;margin-top:.1rem}.home-quest-panel__fallback{font-size:2.5rem;line-height:1}.home-quest-panel__intro{min-width:0;flex:1}.home-quest-panel__label{margin:0 0 .15rem;font-family:var(--font-display);font-weight:800;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid, #2d8a55)}.home-quest-panel__nudge{margin:0 0 .55rem;font-size:.98rem;font-weight:600;line-height:1.35;color:var(--green-deep, #1a5c38)}.home-quest-panel__title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.home-quest-panel__title-row h2{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--green-deep, #1a5c38)}.home-quest-panel__cta{display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:.15rem;padding:.7rem 1.1rem;border-radius:3rem;background:var(--amber, #f5a623);color:var(--earth, #7c4b1e);font-family:var(--font-display);font-weight:800;font-size:.95rem;text-decoration:none;box-shadow:0 4px 14px #f5a62359;transition:transform .2s,box-shadow .2s}.home-quest-panel__cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5a6236b}.home-quests-empty{margin:0;padding:.35rem .15rem .15rem;text-align:center}.home-quest-progress-pill{flex-shrink:0;font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:800}.home-quest-list{gap:.55rem}.home-quest-card{padding:.7rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);border-radius:1rem;background:#ffffffd1;border:1px solid #d7efe2;transition:border-color .2s ease,background .2s ease,transform .2s ease}.home-quest-card:hover{border-color:#b7e6cb;transform:translate(2px)}.home-quest-card.done{background:#edf7f1f2;border-color:#c6f0d8}.home-quest-body{gap:var(--sp-3);min-width:0;flex:1}.home-quest-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:.85rem;font-size:18px;flex-shrink:0}.home-quest-card.done .home-quest-icon{background:#2d8a552e!important;color:var(--green-mid, #2d8a55)!important}.home-quest-info{min-width:0;flex:1}.home-quest-title{font-size:var(--fs-sm);font-weight:700;line-height:1.3;color:var(--text)}.home-quest-card.done .home-quest-title{color:var(--text-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--text-muted) 50%,transparent)}.home-quest-meta{display:flex;align-items:center;gap:var(--sp-3);margin-top:6px}.home-quest-bar{flex:1;min-width:0;max-width:200px;background:#edf7f1;border-color:#c6f0d8}.home-quest-bar>i{background:var(--primary-grad)}.home-quest-count{font-size:var(--fs-xs);font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.home-quest-card.done .home-quest-count{color:var(--green-mid, #2d8a55)}.home-quest-xp{flex-shrink:0;font-variant-numeric:tabular-nums;background:#fffbeb;border-color:#fde68a;color:var(--earth, #7c4b1e)}.home-quest-xp b{color:var(--amber, #f5a623);font-family:var(--font-display)}.home-quest-card.done .home-quest-xp{opacity:.55}.home-screen .skeleton-card{position:relative;overflow:hidden;border-radius:1.2rem;background:#edf7f1;border:1px solid #c6f0d8}.home-screen .skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:home-shimmer 1.4s ease-in-out infinite}@keyframes home-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 640px){.home-welcome-name{font-size:1.45rem}.home-quick-solo--cta{min-height:152px;padding:1.15rem 1.05rem}.home-quick-solo--cta .home-quick-icon{width:64px;height:64px;font-size:30px}.home-quick-pvp{min-height:96px;padding:.75rem .95rem}.home-quick-pvp .home-quick-icon{width:44px;height:44px;font-size:20px}.home-quest-panel__host{flex-direction:column;align-items:stretch;text-align:left}.home-quest-panel__art{align-self:center}.home-quest-bar{max-width:none}}@media (prefers-reduced-motion: reduce){.home-quick-card,.home-quest-panel{animation:none}.home-quick-card:hover,.home-quick-card:hover .home-quick-arrow,.home-quest-card:hover,.home-quest-panel__cta:hover{transform:none}.home-screen .skeleton-card:after{animation:none}}.bubu-hello{--green-deep: #1a5c38;--green-mid: #2d8a55;--amber: #f5a623;--earth: #7c4b1e;position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;margin-bottom:1rem;background:linear-gradient(160deg,#fff,#edf7f1);border:2px solid #c6f0d8;border-radius:1.35rem;box-shadow:0 8px 32px #1a5c381f;animation:bubu-hello-in .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes bubu-hello-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bubu-hello__dismiss{position:absolute;top:.45rem;right:.55rem;width:2rem;height:2rem;border:none;border-radius:999px;background:#edf7f1;color:var(--green-deep);font-size:1.25rem;line-height:1;cursor:pointer}.bubu-hello__dismiss:hover{background:#d1fae5}.bubu-hello__art{flex-shrink:0;line-height:0}.bubu-hello__copy{min-width:0;padding-right:1.5rem}.bubu-hello__label{margin:0 0 .15rem;font-family:"Baloo 2",Space Grotesk,system-ui,sans-serif;font-weight:800;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid)}.bubu-hello__title{margin:0 0 .25rem;font-family:"Baloo 2",Space Grotesk,system-ui,sans-serif;font-weight:900;font-size:clamp(1.15rem,3vw,1.45rem);color:var(--green-deep);line-height:1.2}.bubu-hello__sub{margin:0 0 .85rem;color:#6b7280;font-size:.9rem;line-height:1.45}.bubu-hello__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.bubu-hello__cta{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.15rem;border-radius:3rem;background:var(--amber);color:var(--earth);font-family:"Baloo 2",Space Grotesk,system-ui,sans-serif;font-weight:800;font-size:.9rem;text-decoration:none;box-shadow:0 4px 16px #f5a62366;transition:transform .2s,box-shadow .2s}.bubu-hello__cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px #f5a62373}.bubu-hello__later{border:none;background:transparent;color:var(--green-deep);font-weight:600;font-size:.88rem;padding:.45rem .75rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media (max-width: 640px){.bubu-hello{flex-direction:column;align-items:flex-start;text-align:left}.bubu-hello__art{align-self:center}}@media (prefers-reduced-motion: reduce){.bubu-hello{animation:none}}.profile{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:var(--sp-6);display:grid;grid-template-columns:380px 1fr;gap:var(--sp-6);align-items:start}.profile .left-col{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-6)}.profile .right-col{display:flex;flex-direction:column;gap:var(--sp-5)}.profile .card-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.profile .section-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4)}.profile .section-label .icon{font-size:14px}.profile .rank-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);border:1px solid var(--border-strong);padding:2px 10px;border-radius:var(--r-pill)}.profile .rank-badge.lg{font-size:var(--fs-sm);padding:4px 14px}.profile .hero-card{text-align:center;position:relative;overflow:hidden}.profile .hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(420px 180px at 50% -30%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 70%)}.profile .hero-avatar-wrap{position:relative;display:inline-block}.profile .hero-avatar{width:92px;height:92px;margin:var(--sp-2) auto var(--sp-3);border-radius:50%;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-black);font-size:2rem;color:#fff;box-shadow:var(--glow);position:relative;z-index:1;animation:profile-floaty 4s ease-in-out infinite;overflow:hidden}.profile .hero-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile .hero-lvl-tag{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:var(--fw-black);font-size:11px;color:var(--text);background:var(--surface-solid);border:2px solid var(--primary);border-radius:var(--r-pill);padding:1px 10px;white-space:nowrap}.profile .hero-name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black);line-height:1.15;position:relative;z-index:1}.profile .hero-handle{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:var(--sp-3)}.profile .hero-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-2);position:relative;z-index:1}.profile .lvl-bar{margin-top:var(--sp-5);text-align:left;position:relative;z-index:1}.profile .lvl-bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-2)}.profile .lvl-bar-head .lvl-cur{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm)}.profile .lvl-bar-head .lvl-xp{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.profile .lvl-bar-foot{font-size:var(--fs-xs);color:var(--text-dim);margin-top:var(--sp-2);text-align:right}.profile .lvl-bar-foot strong{color:var(--c-xp)}.profile .eco-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}.profile .eco-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.profile .eco-top{display:flex;align-items:center;justify-content:space-between}.profile .eco-ic{font-size:18px}.profile .eco-k{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.profile .eco-v{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lg);line-height:1}.profile .eco-v.energy{color:var(--c-mp)}.profile .eco-v.crystal{color:var(--c-crystal)}.profile .eco-v-max{font-size:var(--fs-sm);color:var(--text-dim);font-weight:var(--fw-bold)}.profile .eco-sub{font-size:var(--fs-xs);color:var(--text-muted)}.profile .eco-sub.warn{color:var(--c-xp)}.profile .eco-pips{display:flex;gap:3px;margin-top:var(--sp-1)}.profile .eco-pip{flex:1;height:5px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--text) 12%,transparent)}.profile .eco-pip.on{background:linear-gradient(90deg,var(--c-mp),var(--accent))}.profile .link-more{font-size:var(--fs-xs);color:var(--primary);text-decoration:none;font-weight:var(--fw-semibold);margin-top:auto}.profile .link-more:hover{text-decoration:underline}.profile .cefr-card{display:flex;flex-direction:column;gap:var(--sp-4)}.profile .cefr-now{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.profile .cefr-code{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--accent);font-weight:var(--fw-semibold)}.profile .cefr-rise-head{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-2)}.profile .cefr-rise-head .v{font-family:var(--font-mono);color:var(--text)}.profile .section-count{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:0;text-transform:none}.profile .profile-arsenal-card{display:flex;flex-direction:column;gap:var(--sp-3)}.profile .arsenal-row{display:flex;align-items:center;gap:var(--sp-3);--ar: var(--text-muted)}.profile .arsenal-row.tier-common{--ar: #9ca3af}.profile .arsenal-row.tier-rare{--ar: #38bdf8}.profile .arsenal-row.tier-epic{--ar: #a78bfa}.profile .arsenal-row.tier-legendary{--ar: #fbbf24}.profile .ar-ic{font-size:18px;width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:var(--r-sm);background:color-mix(in srgb,var(--ar) 16%,transparent);border:1px solid color-mix(in srgb,var(--ar) 40%,transparent)}.profile .ar-body{flex:1;min-width:0}.profile .ar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.profile .ar-name{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--ar)}.profile .ar-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.profile .arsenal-row .bar.thin>i{background:var(--ar)}.profile .ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.profile .ach-cell{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);opacity:.55;filter:grayscale(.6);transition:opacity var(--t-base) var(--ease),filter var(--t-base) var(--ease)}.profile .ach-cell.on{opacity:1;filter:none;border-color:var(--border-strong);background:color-mix(in srgb,var(--c-xp) 8%,var(--surface))}.profile .ach-ic{font-size:22px;flex:none}.profile .ach-info{min-width:0}.profile .ach-name{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);line-height:1.1}.profile .ach-desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}@media (max-width: 520px){.profile .ach-grid{grid-template-columns:1fr}}.profile .skeleton-card{position:relative;overflow:hidden}.profile .skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 7%,transparent),transparent);transform:translate(-100%);animation:profile-shimmer 1.4s ease-in-out infinite}@media (max-width: 768px){.profile{grid-template-columns:1fr;padding:var(--sp-4);gap:var(--sp-4)}.profile .left-col{position:static}}@media (min-width: 769px) and (max-height: 900px){.profile{padding:var(--sp-4) var(--sp-6);gap:var(--sp-5)}.profile .left-col{gap:var(--sp-3);top:var(--sp-4)}.profile .right-col{gap:var(--sp-4)}.profile .card{padding:var(--sp-4)}.profile .card-title{margin-bottom:var(--sp-3)}.profile .hero-avatar{width:68px;height:68px;font-size:1.5rem;margin:var(--sp-1) auto var(--sp-2)}.profile .hero-name{font-size:var(--fs-lg)}.profile .hero-handle{margin-bottom:var(--sp-2)}.profile .lvl-bar{margin-top:var(--sp-3)}}@media (min-width: 769px) and (max-height: 740px){.profile{padding:var(--sp-3) var(--sp-6)}.profile .hero-avatar{width:56px;height:56px;font-size:1.3rem;margin:0 auto var(--sp-2);animation:none}.profile .hero-name{font-size:var(--fs-md)}.profile .hero-handle{margin-bottom:var(--sp-1)}.profile .lvl-bar{margin-top:var(--sp-2)}.profile .eco-grid{gap:var(--sp-2)}.profile .eco-cell{padding:var(--sp-3)}}@keyframes profile-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes profile-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.profile .hero-avatar,.profile .skeleton-card:after{animation:none!important}.profile *{transition-duration:.01ms!important}}.profile .profile-collapse-section{margin-bottom:0}.profile .profile-collapse-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);border:1px solid color-mix(in srgb,var(--border) 35%,transparent);border-radius:var(--r-md);background:color-mix(in srgb,var(--surface) 92%,var(--text-dim));color:var(--text-secondary);cursor:pointer;text-align:left;font:inherit;transition:background .15s ease,border-color .15s ease}.profile .profile-collapse-toggle:hover{background:color-mix(in srgb,var(--surface) 88%,var(--text-dim));border-color:color-mix(in srgb,var(--border) 50%,transparent)}.profile .profile-collapse-toggle-left{display:flex;flex-direction:column;gap:2px;min-width:0}.profile .profile-collapse-toggle-title{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.profile .profile-collapse-toggle-sub{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-normal);text-transform:none;letter-spacing:normal}.profile .profile-collapse-toggle-right{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.profile .profile-collapse-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.profile .profile-collapse-chevron{font-size:var(--fs-sm);color:var(--text-dim);line-height:1}.profile .profile-collapse-card{padding:var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb,var(--surface) 96%,var(--text-dim));border:1px solid color-mix(in srgb,var(--border) 22%,transparent);box-shadow:none}.profile .profile-mastery-empty{font-size:var(--fs-sm);color:var(--text-dim);line-height:1.55;margin:0}.profile .profile-mastery-row{display:flex;align-items:center;gap:var(--sp-3)}.profile .profile-mastery-row+.profile-mastery-row{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid color-mix(in srgb,var(--border) 18%,transparent)}.profile .profile-mastery-info{flex:1;min-width:0}.profile .profile-mastery-topic{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);margin-bottom:4px}.profile .profile-mastery-bar{height:4px;border:none;opacity:1;background:color-mix(in srgb,var(--border) 18%,transparent)}.profile .profile-mastery-bar>i{background:color-mix(in srgb,var(--primary) 25%,var(--text-dim))!important}.profile .profile-mastery-pct{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-dim);min-width:36px;text-align:right}.profile .parent-link-card{text-align:left}.profile .parent-link-hint{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.55;margin-bottom:var(--sp-3)}.profile .parent-link-err{font-size:var(--fs-sm);color:var(--danger, #ff6b6b);margin-bottom:var(--sp-2)}.profile .parent-link-code-block{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2);margin-bottom:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px dashed var(--border-strong)}.profile .parent-link-code{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:.2em;text-align:center;color:var(--primary)}.profile .parent-link-expires{font-size:var(--fs-xs);color:var(--text-dim);text-align:center}.lb-screen,.shop-screen{max-width:720px;margin:0 auto;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.lb-hero{text-align:center;padding:var(--sp-2) 0 var(--sp-4)}.lb-title-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.lb-title-row .logo{width:38px;height:38px;border-radius:var(--r-sm);background:var(--primary-grad);display:grid;place-items:center;box-shadow:var(--glow);font-size:18px;flex-shrink:0}.lb-title{font-family:var(--font-display);font-weight:900;font-size:var(--fs-xxl);line-height:1;color:var(--text);margin:0}.lb-tabs{display:flex;gap:var(--sp-2);justify-content:center;margin-bottom:var(--sp-2)}.lb-tab{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border);cursor:pointer;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);background:transparent;font-family:inherit;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.lb-tab:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.lb-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--glow-purple, var(--glow))}.lb-tab:disabled{opacity:.45;cursor:not-allowed}.lb-tab-skeleton{width:96px;height:36px;border-radius:var(--r-pill)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-4)}.podium-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100px;min-height:120px;cursor:pointer;transition:transform var(--t-fast) var(--ease)}.podium-item:hover{transform:translateY(-2px)}.podium-item.rank-1{transform:translateY(-10px)}.podium-item.rank-1:hover{transform:translateY(-12px)}.podium-item--empty{visibility:hidden}.avatar-podium{width:64px;height:64px;border-radius:50%;border:3px solid var(--border-strong);position:relative;display:grid;place-items:center;font-family:var(--font-display);font-weight:var(--fw-black);color:#fff;background:var(--accent-grad);text-decoration:none;flex-shrink:0;object-fit:cover}.rank-badge{position:absolute;top:-5px;right:-5px;font-size:20px;line-height:1}.lb-podium-score{font-size:var(--fs-sm);color:var(--c-xp)}.rank-list{display:flex;flex-direction:column;gap:var(--sp-2)}.rank-row{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface);border:1px solid var(--border);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);cursor:pointer}.rank-row:hover{border-color:var(--primary);transform:translate(5px)}.rank-row.me{border-color:var(--primary);background:#8b5cf61a}.rank-num{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:700;color:var(--text-dim);width:30px;text-align:center;flex-shrink:0}.rank-info{flex:1;display:flex;align-items:center;gap:var(--sp-3);min-width:0;font-weight:var(--fw-semibold)}.rank-info a:not(.avatar):hover{color:var(--primary)}.rank-info>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-score{font-family:var(--font-mono);font-weight:700;color:var(--c-xp);font-size:var(--fs-lg);flex-shrink:0}.rank-row-skeleton{height:56px;border-radius:var(--r-md)}.lb-empty{text-align:center;padding:var(--sp-6)}.lb-footnote{text-align:center;font-size:var(--fs-sm);margin:0}.lb-rp{font-family:var(--font-display);color:var(--c-xp);flex-shrink:0;text-decoration:none}.shop-title{font-family:var(--font-display);font-size:var(--fs-xl);margin:var(--sp-2) 0 var(--sp-1)}.shop-head{margin-bottom:0}.shop-head-sub{margin:0;font-size:var(--fs-sm)}.shop-chrome{position:sticky;top:64px;z-index:40;display:flex;flex-direction:column;gap:var(--sp-3);margin:calc(-1 * var(--sp-2)) calc(-1 * var(--sp-2)) 0;padding:var(--sp-2);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.shop-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap}.shop-tab{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--border);cursor:pointer;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);background:var(--surface-solid);font-family:inherit;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.shop-tab:hover{border-color:var(--border-strong);color:var(--text)}.shop-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--glow)}.shop-panel{display:flex;flex-direction:column;gap:var(--sp-2)}.shop-section-title{font-family:var(--font-display);font-size:var(--fs-lg);margin:var(--sp-2) 0 var(--sp-2)}.shop-section-sub{margin:0 0 var(--sp-3);font-size:var(--fs-sm);max-width:42rem}.shop-item-meta{font-size:11px;margin:0 0 var(--sp-3)}.shop-item--owned{opacity:.72}.shop-item--locked .shop-orb{filter:grayscale(.35)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-4);align-items:stretch}.shop-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-4)}.shop-orb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:var(--surface-solid);border:1px solid var(--border);margin-bottom:var(--sp-3)}.shop-orb--bubu{width:72px;height:72px;overflow:visible;background:transparent;border-color:transparent}.shop-orb--bubu .learn-mascot{display:block}.bubu-wardrobe{margin-bottom:var(--sp-3)}.bubu-wardrobe .shop-section-title{margin-top:0}.bubu-wardrobe__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--sp-3)}.bubu-wardrobe__card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--sp-3) var(--sp-2);border-radius:16px;border:1px solid var(--border);background:var(--surface-solid);cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.bubu-wardrobe__card:hover{border-color:color-mix(in srgb,var(--accent, #2d8a55) 55%,var(--border))}.bubu-wardrobe__card--active{border-color:var(--accent, #2d8a55);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #2d8a55) 28%,transparent)}.bubu-wardrobe__name{font-size:var(--fs-xs);font-weight:600;text-align:center;line-height:1.25}.bubu-wardrobe__badge{font-size:10px;opacity:.75}.shop-item-name{font-size:var(--fs-md);margin:0 0 var(--sp-1)}.shop-item-desc{font-size:var(--fs-xs);margin:0 0 var(--sp-4);flex:1}.shop-buy{margin-top:auto}.shop-msg{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm)}.shop-msg.success{border-color:color-mix(in srgb,var(--success) 40%,transparent)}.shop-msg.error{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.profile-rank-card{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.profile-rank-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.profile-rank-tier{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.profile-public-banner{grid-column:1 / -1;margin-bottom:calc(-1 * var(--sp-2))}@media (max-width: 640px){.lb-screen,.shop-screen{padding:var(--sp-4)}.shop-chrome{top:58px;margin-inline:calc(-1 * var(--sp-1));padding-inline:var(--sp-1)}.shop-tab{flex:1 1 auto;text-align:center;padding-inline:var(--sp-3)}}html,body{min-height:100%}#root{min-height:100vh}