:root{--seed-bg:#fefcf8;--seed-surface:#fff5e6;--seed-primary:#e8453c;--seed-accent:#3daa5c;--seed-fg:#1e1520;--seed-radius:20px;--density-scale:1;--primary:var(--seed-primary);--primary-hover:color-mix(in srgb,var(--seed-primary),#000 12%);--primary-active:color-mix(in srgb,var(--seed-primary),#000 22%);--primary-wash:color-mix(in srgb,var(--seed-primary) 12%,var(--seed-bg));--secondary:var(--seed-accent);--secondary-hover:color-mix(in srgb,var(--seed-accent),#000 10%);--secondary-wash:color-mix(in srgb,var(--seed-accent) 14%,var(--seed-bg));--warm-yellow:#ffcc2e;--warm-orange:#ff8c42;--sky-blue:#5bc0eb;--soft-purple:#9b7fd4;--pink:#f8a6b2;--bg:var(--seed-bg);--surface:var(--seed-surface);--surface-warm:#fff0d4;--surface-elevated:#fff;--surface-hero:linear-gradient(135deg,#fff5e6,#ffe8cc 40%,#ffd6d4);--fg:var(--seed-fg);--fg-heading:#2a1830;--text:#4a3852;--text-secondary:#6b5872;--muted:#9b8da2;--border:#e8dde8;--border-warm:#f0dcc8;--radius-xs:calc(var(--seed-radius) * 0.4);--radius-sm:calc(var(--seed-radius) * 0.6);--radius-md:var(--seed-radius);--radius-lg:calc(var(--seed-radius) * 1.2);--radius-xl:calc(var(--seed-radius) * 1.6);--radius-pill:50px;--shadow-sm:0 2px 8px color-mix(in srgb,var(--seed-primary) 6%,transparent);--shadow-md:0 4px 16px color-mix(in srgb,var(--seed-primary) 8%,transparent);--shadow-lg:0 8px 32px color-mix(in srgb,var(--seed-primary) 10%,transparent);--shadow-btn:0 4px 0 0 color-mix(in srgb,var(--seed-primary),#000 30%);--shadow-btn-hover:0 5px 0 0 color-mix(in srgb,var(--seed-primary),#000 30%);--shadow-btn-active:0 1px 0 0 color-mix(in srgb,var(--seed-primary),#000 30%);--shadow-card-hover:0 12px 36px color-mix(in srgb,var(--seed-primary) 14%,transparent);--shadow-nav:0 2px 20px color-mix(in srgb,var(--fg) 6%,transparent);--font-main:var(--font-nunito,"Nunito",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif);--font-display:var(--font-nunito,"Nunito",var(--font-main));--ease:cubic-bezier(0.4,0,0.2,1);--speed-fast:0.15s;--speed:0.25s;--speed-slow:0.4s;--space-xs:calc(4px * var(--density-scale));--space-sm:calc(8px * var(--density-scale));--space-md:calc(16px * var(--density-scale));--space-lg:calc(24px * var(--density-scale));--space-xl:calc(40px * var(--density-scale));--space-2xl:calc(64px * var(--density-scale));--space-3xl:calc(96px * var(--density-scale))}[data-theme=dark]{--seed-bg:#1a1220;--seed-surface:#2a1f30;--seed-fg:#f0e8f2;--surface-warm:#2e2238;--surface-elevated:#352840;--surface-hero:linear-gradient(135deg,#2a1f30,#1e1828 40%,#28182a);--fg-heading:#f5eef8;--text:#d4c8da;--text-secondary:#a898b0;--muted:#7a6c82;--border:#3a2e42;--border-warm:#3e3040}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);font-size:16px;font-weight:500;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}ol,ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--fg-heading);letter-spacing:-.02em;line-height:1.15}.section-subtitle{font-size:15px;color:var(--text-secondary);margin-top:var(--space-sm);line-height:1.5}[data-component=header]{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;transition:background var(--speed) var(--ease),box-shadow var(--speed) var(--ease),-webkit-backdrop-filter var(--speed) var(--ease);transition:background var(--speed) var(--ease),backdrop-filter var(--speed) var(--ease),box-shadow var(--speed) var(--ease);transition:background var(--speed) var(--ease),backdrop-filter var(--speed) var(--ease),box-shadow var(--speed) var(--ease),-webkit-backdrop-filter var(--speed) var(--ease)}[data-component=header].scrolled{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-nav)}.header-inner{justify-content:space-between;gap:var(--space-lg)}.header-inner,.logo{display:flex;align-items:center}.logo{gap:var(--space-sm);flex-shrink:0}.logo-icon{width:36px;height:36px}.logo-text{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--fg-heading);letter-spacing:-.01em}.logo-badge{font-size:11px;font-weight:700;color:#fff;background:var(--primary);padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{font-size:15px;font-weight:600;color:var(--text);letter-spacing:.02em;transition:color var(--speed-fast) var(--ease);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2.5px;border-radius:2px;background:var(--primary);transform:scaleX(0);transition:transform var(--speed) var(--ease)}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{transform:scaleX(1)}.header-actions{gap:var(--space-md)}.header-actions,.search-box{display:flex;align-items:center}.search-box{gap:var(--space-sm);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-pill);padding:8px 16px;transition:border-color var(--speed-fast) var(--ease),width var(--speed) var(--ease);width:200px}.search-box:focus-within{border-color:var(--primary);width:260px}.search-box input{border:none;background:none;outline:none;font-family:inherit;font-size:14px;font-weight:500;color:var(--fg);width:100%}.search-box input::placeholder{color:var(--muted)}.search-icon{width:18px;height:18px;color:var(--muted);flex-shrink:0}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:var(--radius-sm);align-items:center;justify-content:center}[data-component=hero]{position:relative;min-height:540px;display:flex;align-items:center;background:var(--surface-hero);overflow:hidden;padding:var(--space-3xl) 0 var(--space-2xl);margin-top:68px}.hero-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:560px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:var(--primary-wash);padding:6px 16px;border-radius:var(--radius-pill)}.hero-eyebrow,.hero-title{margin-bottom:var(--space-md)}.hero-title{font-family:var(--font-display);font-size:52px;font-weight:900;color:var(--fg-heading);letter-spacing:-.03em;line-height:1.05}.hero-title span{color:var(--primary)}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6;max-width:480px;margin-bottom:var(--space-xl)}.hero-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--primary);color:#fff;font-size:16px;font-weight:700;padding:14px 32px;border-radius:var(--radius-pill);letter-spacing:.02em;box-shadow:var(--shadow-btn);transition:transform var(--speed-fast) var(--ease),box-shadow var(--speed-fast) var(--ease),background var(--speed-fast) var(--ease)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-btn-hover);background:var(--primary-hover)}.btn-primary:active{transform:translateY(2px);box-shadow:var(--shadow-btn-active)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--surface);color:var(--text);font-size:16px;font-weight:600;padding:14px 28px;border-radius:var(--radius-pill);border:2px solid var(--border);transition:transform var(--speed-fast) var(--ease),border-color var(--speed-fast) var(--ease),box-shadow var(--speed-fast) var(--ease)}.btn-secondary:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.hero-stats{display:flex;gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid var(--border-warm)}.hero-stat-value{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--fg-heading);letter-spacing:-.01em}.hero-stat-label{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.02em}[data-component=quick-nav]{padding:var(--space-3xl) 0}.quick-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-xl)}.nav-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);border:2px solid transparent;cursor:pointer;transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),border-color var(--speed) var(--ease)}.nav-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb,var(--card-accent,var(--primary)) 30%,transparent)}.nav-card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.nav-card-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--fg-heading);letter-spacing:-.01em;margin-bottom:var(--space-xs)}.nav-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.nav-card-arrow{display:flex;align-items:center;gap:4px;margin-top:var(--space-md);font-size:13px;font-weight:700;color:var(--muted);transition:color var(--speed-fast) var(--ease),gap var(--speed-fast) var(--ease)}.nav-card:hover .nav-card-arrow{color:var(--primary);gap:8px}.nav-card--story{--card-accent:var(--primary)}.nav-card--characters{--card-accent:var(--sky-blue)}.nav-card--collect{--card-accent:var(--warm-yellow)}.nav-card--achieve{--card-accent:var(--warm-orange)}.nav-card--world{--card-accent:var(--secondary)}.nav-card--beginner{--card-accent:var(--soft-purple)}[data-component=featured-guides]{padding:var(--space-3xl) 0;background:var(--surface-warm)}.guides-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-xl)}.guide-card{background:var(--surface-elevated);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.guide-card:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.guide-card--featured{grid-row:span 2}.guide-card-cover{width:100%;height:200px;position:relative;overflow:hidden}.guide-card--featured .guide-card-cover{height:100%;min-height:280px}.guide-card-body{padding:var(--space-lg)}.guide-card--featured .guide-card-body{position:relative;margin-top:-80px;background:linear-gradient(to top,var(--surface-elevated) 60%,transparent);padding:var(--space-xl) var(--space-lg) var(--space-lg);z-index:2}.guide-card-tag{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-pill)}.guide-card-tag,.guide-card-title{font-weight:700;margin-bottom:var(--space-sm)}.guide-card-title{font-family:var(--font-display);font-size:18px;color:var(--fg-heading);letter-spacing:-.01em;line-height:1.25}.guide-card--featured .guide-card-title{font-size:22px}.guide-card-meta{display:flex;align-items:center;gap:var(--space-md);font-size:13px;color:var(--muted);font-weight:500}.guide-card-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}[data-component=latest-updates]{padding:var(--space-3xl) 0}.updates-list{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.update-item{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-md);transition:transform var(--speed-fast) var(--ease),box-shadow var(--speed-fast) var(--ease);cursor:pointer}.update-item:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}.update-date{flex-shrink:0;text-align:center;min-width:56px}.update-date-day{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--fg-heading);letter-spacing:-.02em;line-height:1}.update-date-month{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.update-divider{width:2px;align-self:stretch;background:var(--border);border-radius:1px;flex-shrink:0}.update-content{flex:1 1}.update-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 10px;border-radius:var(--radius-pill);margin-bottom:6px}.update-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--fg-heading);letter-spacing:-.01em;line-height:1.3}.update-excerpt{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-top:4px}[data-component=game-info]{padding:var(--space-2xl) 0}.game-info-banner{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);border:2px solid var(--border-warm)}.game-info-item{text-align:center}.game-info-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-xs)}.game-info-value{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--fg-heading);letter-spacing:-.01em}[data-component=footer]{padding:var(--space-3xl) 0 var(--space-lg);border-top:2px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-brand-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:var(--space-md);max-width:300px}.footer-col-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--fg-heading);letter-spacing:.02em;margin-bottom:var(--space-md)}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-link{font-size:14px;color:var(--text-secondary);font-weight:500;transition:color var(--speed-fast) var(--ease)}.footer-link:hover{color:var(--primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-lg);border-top:2px solid var(--border);font-size:13px;color:var(--muted)}.footer-pattern{height:8px;margin-top:var(--space-xl);border-radius:var(--radius-xs);background:repeating-linear-gradient(90deg,var(--primary) 0,var(--primary) 20px,var(--warm-yellow) 20px,var(--warm-yellow) 40px,var(--secondary) 40px,var(--secondary) 60px,var(--sky-blue) 60px,var(--sky-blue) 80px,var(--warm-orange) 80px,var(--warm-orange) 100px,var(--soft-purple) 100px,var(--soft-purple) 120px)}.mdx-page{max-width:780px;margin:0 auto;padding:calc(68px + var(--space-2xl)) var(--space-lg) var(--space-3xl)}.mdx-page h1{font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1.1}.mdx-page h1,.mdx-page h2{font-family:var(--font-display);color:var(--fg-heading);margin-bottom:var(--space-md)}.mdx-page h2{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-top:var(--space-2xl)}.mdx-page h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--fg-heading);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.mdx-page p{font-size:16px;line-height:1.75;color:var(--text);margin-bottom:var(--space-md)}.mdx-page ol,.mdx-page ul{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.mdx-page li{font-size:16px;line-height:1.75;color:var(--text);margin-bottom:var(--space-xs);list-style:disc}.mdx-page ol li{list-style:decimal}.mdx-page blockquote{border-left:4px solid var(--primary);padding:var(--space-md) var(--space-lg);background:var(--primary-wash);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--space-lg) 0}.mdx-page blockquote p{color:var(--fg-heading);font-weight:600;margin-bottom:0}.mdx-page code{font-size:14px;background:var(--surface);padding:2px 8px;border-radius:var(--radius-xs);font-family:Fira Code,monospace}.mdx-page pre{background:var(--surface);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0}.mdx-page pre code{background:none;padding:0}.mdx-page img{border-radius:var(--radius-md);margin:var(--space-lg) 0}.mdx-meta{display:flex;align-items:center;gap:var(--space-md);font-size:13px;color:var(--muted);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--border)}.mdx-meta-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-pill);color:var(--primary);background:var(--primary-wash)}@media (max-width:1024px){.quick-nav-grid{grid-template-columns:repeat(2,1fr)}.guides-grid{grid-template-columns:1fr}.guide-card--featured{grid-row:span 1}.game-info-banner{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.container{padding:0 var(--space-md)}.nav-links,.search-box{display:none}.mobile-menu-btn{display:flex}[data-component=hero]{min-height:auto;padding:var(--space-2xl) 0}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-stats{gap:var(--space-lg)}.hero-stat-value{font-size:20px}.section-title{font-size:24px}.quick-nav-grid{grid-template-columns:1fr}.game-info-banner{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}.mdx-page h1{font-size:30px}.mdx-page h2{font-size:22px}}@media (max-width:480px){.hero-title{font-size:28px}.hero-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}.hero-stats{flex-wrap:wrap;gap:var(--space-md)}.game-info-banner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Nunito_Fallback_eef148;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_eef148{font-family:__Nunito_eef148,__Nunito_Fallback_eef148;font-style:normal}.__variable_eef148{--font-nunito:"__Nunito_eef148","__Nunito_Fallback_eef148"}