@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";: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}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}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.auth-hero--desktop{display:none}.hero-carousel{display:block}.auth-panel{justify-content:flex-start;padding-top:var(--sp-4)}}@media (min-width: 901px){.hero-carousel{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__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)}.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{padding:var(--sp-5)}.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-ring-wrap{position:relative;flex-shrink:0;width:110px;height:110px}.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:1px;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-denom{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.solo-hub-ring-stats{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}.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 var(--border)}.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-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-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}.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-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:#ffffff12;border-radius:var(--r-pill);overflow:hidden}.solo-fc-progress-fill{height:100%;border-radius:var(--r-pill);background:var(--primary-grad);box-shadow:0 0 10px #8b5cf680;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-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:1600px;flex:1;min-height:58vh;display:flex;animation:solo-fc2-pop var(--t-base) var(--ease-bounce) both}@keyframes solo-fc2-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.solo-fc2-flip{position:relative;width:100%;min-height:58vh;transform-style:preserve-3d;transition:transform .55s var(--ease);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);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);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:all var(--t-fast) var(--ease);animation:solo-fc2-floaty 4s ease-in-out infinite}.solo-fc2-audio-btn:hover{background:#8b5cf61f;transform:scale(1.06);box-shadow:var(--glow)}@keyframes solo-fc2-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.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-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4)}.solo-fc2-back-word-row{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.solo-fc2-back-word{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.solo-fc2-back-phon{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-dim)}.solo-fc2-back-vi{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text)}.solo-fc2-back-section-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:var(--sp-1)}.solo-fc2-back-example{font-size:var(--fs-md);color:var(--text-muted);font-style:italic;line-height:1.6;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:#ffffff08;border:1px solid var(--border);border-left:3px solid var(--rarity-color, var(--primary))}.solo-fc2-back-example strong{color:var(--accent);font-style:normal}.solo-fc2-back-example .vi{display:block;margin-top:4px;color:var(--text-dim);font-style:normal;font-size:var(--fs-sm)}.solo-fc2-rating-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);min-height:84px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease-bounce)}.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{font-size:13px}.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-q-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.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:not(.show){display:flex;align-items:center;justify-content:center}.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-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 0 var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6;white-space:pre-wrap}.solo-fc2-grammar-next-btn{width:100%}.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-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;padding-bottom:110px;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:0;z-index:100}.solo-quiz-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);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;transition:all var(--t-fast) var(--ease)}.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-stage{max-width:920px;margin:0 auto;padding:var(--sp-5);position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-4);min-height:calc(100vh - 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:bottom;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;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}.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-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;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}.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:center}.solo-quiz-sstat:not(:last-child){border-right: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-lg);font-weight:var(--fw-black);margin-top:2px}.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-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: 560px){.solo-quiz-options{grid-template-columns:1fr}.solo-quiz-appbar{padding:var(--sp-3) var(--sp-4)}.solo-quiz-appbar-label{display:none}.solo-quiz-appbar-right{width:100%;justify-content:space-between}.solo-quiz-stage{padding:var(--sp-4);min-height:auto;gap:var(--sp-3)}.solo-quiz-page.has-feedback .solo-quiz-q-card{padding:var(--sp-4) var(--sp-4)}.solo-quiz-page.has-feedback .solo-quiz-q-prompt{font-size:clamp(1.2rem,4.8vw,1.55rem);line-height:1.3}.solo-quiz-page.has-feedback .solo-quiz-q-translate{margin-top:var(--sp-2);font-size:var(--fs-xs)}.solo-quiz-page.has-feedback .solo-quiz-options{grid-template-columns:1fr 1fr;gap:var(--sp-2)}.solo-quiz-page.has-feedback .solo-quiz-opt{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-6);font-size:var(--fs-sm);text-align:left}.solo-quiz-page.has-feedback .solo-quiz-opt .key{font-size:10px;padding:0 5px}.solo-quiz-feedback.show{position:fixed;left:0;right:0;bottom:calc(var(--solo-quiz-statsbar-h) + 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}.solo-quiz-page.has-feedback{padding-bottom:calc(var(--solo-quiz-statsbar-h) + min(46vh,260px) + var(--sp-5))}}@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:calc(var(--solo-quiz-statsbar-h) + 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-fx-layer,.solo-boss-page--zone-boss .solo-quiz-statsbar{position:relative;z-index:1}.solo-boss-page--zone-boss .solo-boss-card{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:color-mix(in srgb,var(--boss-tone) 45%,var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--boss-tone) 22%,transparent),0 12px 40px #00000073}.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-chip-free{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);border-radius:var(--r-pill);padding:4px var(--sp-3)}.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-3) var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--border-strong);background:var(--card-bg, var(--surface));box-shadow:var(--glow),var(--shadow);overflow:hidden;position:relative}.solo-boss-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(80% 120% at 0% 50%,color-mix(in srgb,var(--boss-tone) 18%,transparent),transparent 55%),radial-gradient(60% 80% at 100% 0%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 50%)}.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 1.35s 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)}@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-pass-hint{margin-top:4px;font-size:var(--fs-xs);color:var(--text-dim)}.solo-boss-pass-hint b{color:var(--boss-tone)}.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{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))}.solo-boss-page .solo-quiz-statsbar-inner{grid-template-columns:1fr}.solo-boss-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted)}.solo-boss-footer-hint b{color:var(--c-xp);font-weight:var(--fw-bold)}.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:flex-end;justify-content:center;padding:var(--sp-4);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:480px;max-height:min(78vh,640px);display:flex;flex-direction:column;background:var(--surface-solid);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:var(--r-lg) var(--r-lg) var(--r-md) var(--r-md);box-shadow:0 -8px 40px #00000073;transform:translateY(100%);transition:transform var(--t-base) var(--ease-bounce)}.solo-boss-review-sheet.show .solo-boss-review-panel{transform:translateY(0)}.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: 560px){.solo-boss-card{grid-template-columns:1fr;text-align:center}.solo-boss-orb-wrap{margin:0 auto}}@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{animation:none!important}.solo-boss-hp>i{transition:none}}@media (max-width: 560px){.solo-boss-zone-bg{background-size:120vw auto;background-position:center 8%;opacity:.62}}.skill-tree-shell{min-height:100vh;position:relative;max-width:none;width:100%;margin:0;padding:0}.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;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 1fr 300px;gap:0;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)}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{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--glow)}.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-1)}.appbar-v2 .nav-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);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:all var(--t-fast) var(--ease);display:flex;align-items:center;gap:var(--sp-1);text-decoration:none}.appbar-v2 .nav-item:hover{color:var(--text);background:var(--surface)}.appbar-v2 .nav-item.active{color:var(--primary);background:#8b5cf61a}.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)}.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(288px,calc(100vw - 24px));background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden;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-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))}@media (max-width: 900px){.skill-tree-layout{grid-template-columns:1fr}.skill-tree-sidebar-left,.skill-tree-preview-panel{display:none}.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:44px;padding:3px 2px}.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:flex}.bottomnav-v2 .bn-label{font-size:9px}.bottomnav-v2 .bn-item{padding:var(--sp-2) 2px}.skill-tree-shell .stage-main{padding-bottom:60px}.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}}.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:760px;margin:0 auto;position:relative}.home-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-5);margin-bottom:var(--sp-4);flex-wrap:wrap}.home-welcome-greet{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim);letter-spacing:.02em}.home-welcome-name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:1.15;margin-top:var(--sp-1);letter-spacing:-.02em;color:var(--text-muted)}.home-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.home-stat{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.45rem .75rem;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur)}.home-stat-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-sm);font-size:13px;flex-shrink:0}.home-stat--xp .home-stat-icon{background:#fbbf2429}.home-stat--energy .home-stat-icon{background:#38bdf829}.home-stat--crystal .home-stat-icon{background:#22d3ee24}.home-stat-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-dim);margin-right:2px}.home-hero{overflow:hidden;position:relative;padding:var(--sp-6) var(--sp-6) var(--sp-5);isolation:isolate;border:1px solid color-mix(in srgb,var(--rank-accent, var(--primary)) 45%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--rank-accent, var(--primary)) 12%,transparent),0 12px 40px color-mix(in srgb,var(--rank-accent, var(--primary)) 18%,transparent),var(--shadow);animation:home-hero-enter .55s var(--ease) both}.home-hero--bronze{--rank-accent: #cd7f32;--rank-grad: linear-gradient(135deg, #e8a862 0%, #cd7f32 55%, #8b5a2b 100%)}.home-hero--silver{--rank-accent: #b8c4d4;--rank-grad: linear-gradient(135deg, #eef2f7 0%, #b8c4d4 50%, #7a8899 100%)}.home-hero--gold{--rank-accent: #fbbf24;--rank-grad: linear-gradient(135deg, #fde68a 0%, #fbbf24 50%, #d97706 100%)}.home-hero--platinum{--rank-accent: #67e8f9;--rank-grad: linear-gradient(135deg, #cffafe 0%, #67e8f9 45%, #0891b2 100%)}.home-hero--diamond{--rank-accent: #c084fc;--rank-grad: linear-gradient(135deg, #e9d5ff 0%, #c084fc 45%, #7c3aed 100%)}.home-hero-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 80% at 20% -20%,color-mix(in srgb,var(--rank-accent) 28%,transparent) 0%,transparent 55%),radial-gradient(ellipse 60% 70% at 100% 100%,color-mix(in srgb,var(--primary) 12%,transparent) 0%,transparent 50%),linear-gradient(160deg,color-mix(in srgb,var(--rank-accent) 8%,transparent) 0%,transparent 45%);pointer-events:none;z-index:0}.home-hero:after{content:"";position:absolute;top:-30%;right:-10%;width:320px;height:320px;border-radius:50%;background:color-mix(in srgb,var(--rank-accent) 14%,transparent);filter:blur(48px);pointer-events:none;z-index:0;animation:home-hero-glow 4s ease-in-out infinite}.home-hero-layout{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-5);position:relative;z-index:1}.home-hero-main{flex:1;min-width:0}.home-hero-side{flex-shrink:0}.home-rank-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.35rem .75rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--rank-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--rank-accent) 40%,transparent);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--rank-accent)}.home-rank-showcase{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-4)}.home-rank-emblem{width:72px;height:72px;display:grid;place-items:center;font-size:36px;border-radius:50%;flex-shrink:0;background:color-mix(in srgb,var(--rank-accent) 12%,var(--surface-solid));border:2px solid color-mix(in srgb,var(--rank-accent) 50%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--rank-accent) 10%,transparent),0 8px 24px color-mix(in srgb,var(--rank-accent) 30%,transparent)}.home-rank-display{min-width:0}.home-rank-tier-name{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.4rem);font-weight:var(--fw-black);line-height:.95;letter-spacing:-.03em;background:var(--rank-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--rank-accent) 35%,transparent))}.home-rank-rp-big{display:flex;align-items:baseline;gap:.35rem;margin-top:var(--sp-2)}.home-rank-rp-num{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--fw-black);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.home-rank-rp-unit{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--rank-accent);letter-spacing:.06em;text-transform:uppercase}.home-rank-progress-block{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid color-mix(in srgb,var(--rank-accent) 20%,var(--border))}.home-rank-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.home-rank-progress-target{font-size:var(--fs-sm);color:var(--text-muted)}.home-rank-progress-target strong{color:var(--rank-accent);font-weight:var(--fw-bold)}.home-rank-progress-frac{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.home-rank-bar{height:14px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--rank-accent) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--rank-accent) 25%,var(--border))}.home-rank-bar>i{background:var(--rank-grad);box-shadow:0 0 16px color-mix(in srgb,var(--rank-accent) 55%,transparent);position:relative}.home-rank-bar>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:home-bar-shimmer 2.4s ease-in-out infinite}.home-rank-milestone{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-dim);line-height:1.45}.home-rank-milestone strong{color:var(--text-muted);font-weight:var(--fw-semibold)}.home-rank-max{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:color-mix(in srgb,var(--rank-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--rank-accent) 30%,transparent);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.home-hero-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.home-hero .avatar.home-hero-avatar{background:var(--rank-grad);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.home-hero .avatar.home-hero-avatar.ring,.home-hero .avatar.home-hero-avatar{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--rank-accent),0 0 20px color-mix(in srgb,var(--rank-accent) 40%,transparent)}.home-hero-tier-pin{position:absolute;bottom:0;right:-4px;transform:translateY(35%);font-family:var(--font-display);font-size:10px;font-weight:var(--fw-bold);color:var(--rank-accent);background:color-mix(in srgb,var(--rank-accent) 10%,var(--surface-solid));border:2px solid color-mix(in srgb,var(--rank-accent) 55%,transparent);padding:2px 8px;border-radius:var(--r-pill);white-space:nowrap;box-shadow:0 2px 10px #00000038,0 0 12px color-mix(in srgb,var(--rank-accent) 25%,transparent);z-index:2;pointer-events:none}.home-hero-avatar{width:64px;height:64px;font-size:22px;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.home-hero .avatar.home-hero-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--rank-accent),0 0 28px color-mix(in srgb,var(--rank-accent) 55%,transparent)}.home-hero--silver .avatar.home-hero-avatar,.home-hero--platinum .avatar.home-hero-avatar{color:#1a2030;text-shadow:none}@keyframes home-hero-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes home-hero-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes home-bar-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.home-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-5)}.home-quick-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4);text-decoration:none;color:inherit;position:relative;overflow:hidden}.home-quick-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--t-base) var(--ease);pointer-events:none}.home-quick-card:hover:before{opacity:1}.home-quick-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-md);font-size:22px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border)}.home-quick-content{flex:1;min-width:0}.home-quick-title{margin-top:.15rem;font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.2}.home-quick-desc{font-size:var(--fs-xs);margin-top:.2rem;color:var(--text-muted);line-height:1.35}.home-quick-arrow{font-size:var(--fs-lg);color:var(--text-dim);flex-shrink:0;transition:transform var(--t-base) var(--ease),color var(--t-base) var(--ease)}.home-quick-card:hover .home-quick-arrow{transform:translate(3px);color:var(--text-muted)}.home-quick-pvp{background:var(--accent-grad);border:none;color:#fff;box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 35%,transparent)}.home-quick-pvp:before{background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%)}.home-quick-pvp .tag{color:#ffffffbf}.home-quick-pvp .home-quick-desc{color:#ffffffd1}.home-quick-pvp .home-quick-icon{background:#ffffff29;border-color:#ffffff38}.home-quick-pvp .home-quick-arrow{color:#ffffffb3}.home-quick-pvp:hover .home-quick-arrow{color:#fff}.home-quick-solo{background:color-mix(in srgb,var(--success) 8%,var(--card-bg));border-color:color-mix(in srgb,var(--success) 28%,var(--border))}.home-quick-solo:before{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--success) 12%,transparent) 0%,transparent 55%)}.home-quick-solo .tag{color:var(--success)}.home-quick-solo .home-quick-icon{background:color-mix(in srgb,var(--success) 14%,transparent);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.home-quick-solo:hover{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.home-screen .section-head{margin:var(--sp-6) 0 var(--sp-3)}.home-screen .section-head h2{font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:-.01em}.home-quest-progress-pill{font-variant-numeric:tabular-nums}.home-quest-list{gap:var(--sp-2)}.home-quest-card{padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);transition:border-color var(--t-base) var(--ease),background var(--t-base) var(--ease)}.home-quest-card:hover{border-color:var(--border-strong)}.home-quest-card.done{background:color-mix(in srgb,var(--success) 6%,var(--card-bg));border-color:color-mix(in srgb,var(--success) 25%,var(--border))}.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:var(--r-md);font-size:18px;flex-shrink:0}.home-quest-card.done .home-quest-icon{background:color-mix(in srgb,var(--success) 18%,transparent)!important;color:var(--success)!important}.home-quest-info{min-width:0;flex:1}.home-quest-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1.3}.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}.home-quest-count{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.home-quest-card.done .home-quest-count{color:var(--success)}.home-quest-xp{flex-shrink:0;font-variant-numeric:tabular-nums}.home-quest-xp b{color:var(--c-xp)}.home-quest-card.done .home-quest-xp{opacity:.55}.home-leaderboard-link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--primary);transition:opacity var(--t-fast)}.home-leaderboard-link:hover{opacity:.8}.home-leaderboard{padding:var(--sp-2) var(--sp-4)}.home-leaderboard-row{padding:var(--sp-3) var(--sp-2);border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease);cursor:pointer}.home-leaderboard-row:hover{background:var(--surface-2)}.home-lb-rank{width:28px;flex-shrink:0;font-size:var(--fs-sm);text-align:center}.home-lb-rank--medal{font-size:16px;line-height:1}.home-leaderboard .divider{margin:0}.home-screen .skeleton-card{position:relative;overflow:hidden;border-radius:var(--r-md)}.home-screen .skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--text) 6%,transparent) 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: 768px){.home-screen .desktop-only{display:none!important}}@media (max-width: 640px){.home-welcome{flex-direction:column;align-items:flex-start;margin-top:var(--sp-4)}.home-welcome-name{font-size:var(--fs-md)}.home-hero{padding:var(--sp-5) var(--sp-4) var(--sp-4)}.home-hero-layout{flex-direction:column-reverse;gap:var(--sp-4)}.home-hero-side{align-self:flex-end}.home-rank-emblem{width:60px;height:60px;font-size:30px}.home-rank-tier-name{font-size:clamp(2rem,10vw,2.6rem)}.home-quick-grid{grid-template-columns:1fr}.home-quest-bar{max-width:none}.home-hero-avatar{width:52px;height:52px;font-size:18px}.home-hero-tier-pin{font-size:9px;padding:1px 6px;right:-2px}}@media (prefers-reduced-motion: reduce){.home-hero{animation:none}.home-hero:after,.home-rank-bar>i:after{animation:none}.home-hero .avatar.home-hero-avatar:hover,.home-quick-card:hover .home-quick-arrow{transform:none}.home-screen .skeleton-card:after{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}.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 .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}}.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}.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:var(--sp-2)}.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-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)}}html,body{min-height:100%}#root{min-height:100vh}