:root{--sky:#dff2ff;--cream:#fff8eb;--bg:#ecf6ff;--surface:#fff;--surface-soft:#f7fbff;--panel-dark:#16252c;--panel-dark-soft:#1e333d;--border:#3b82f61f;--border-strong:#0f172a14;--green:#22c55e;--green-dark:#16a34a;--blue:#3b82f6;--blue-dark:#2563eb;--pink:#ec4899;--yellow:#facc15;--orange:#fb923c;--purple:#a855f7;--text:#1e293b;--text-muted:#64748b;--text-dim:#94a3b8;--text-on-dark:#e2e8f0;--container:1400px;--font-display:system-ui, sans-serif;--font-body:system-ui, sans-serif;--radius:18px;--radius-sm:12px;--shadow:0 10px 30px #3b82f61a;--shadow-card:0 8px 24px #0f172a14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 10% 0%, #ffe8f0 0%, transparent 32%), radial-gradient(circle at 90% 10%, #dff2ff 0%, transparent 28%), radial-gradient(circle at 50% 100%, #fff3d6 0%, transparent 35%), linear-gradient(180deg, var(--sky) 0%, var(--cream) 100%);min-height:100vh;font-size:16px;line-height:1.65}h1,h2,h4{font-family:var(--font-display);color:var(--text);font-weight:700;line-height:1.15}h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.08}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.12}h3{font-family:var(--font-body);color:var(--text);font-size:1.05rem;font-weight:700;line-height:1.15}code,kbd,samp,pre{font-family:ui-monospace,monospace}p{color:var(--text-muted)}ul,ol{list-style:none}a{color:var(--blue-dark);text-decoration:none;transition:color .15s}a:hover{color:var(--pink)}img{max-width:100%;display:block}.container{width:min(var(--container), calc(100% - 40px));margin-inline:auto}.page-main{overflow-x:hidden}.page-main--guide-detail{overflow:visible}.eyebrow{color:#9d174d;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a,#fbcfe8);border-radius:999px;justify-content:center;align-items:center;height:30px;margin-bottom:16px;padding:0 14px;font-size:.72rem;font-weight:800;display:inline-flex}.lead{color:var(--text-muted);text-wrap:pretty;max-width:720px;margin-top:16px;font-size:1.08rem;line-height:1.75}.lead strong{color:var(--text);font-weight:700}.lead-center{text-align:center;margin-inline:auto}.prose{color:var(--text-muted);font-size:1rem;line-height:1.75}.prose strong{color:var(--text);font-weight:700}.section-head{text-align:center;margin-bottom:28px}.section-head p{margin-top:10px;max-width:640px;margin-inline:auto}.tag{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;height:26px;padding:0 10px;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex}.tag-fire{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.tag-water{color:#2563eb;background:#dbeafe;border-color:#93c5fd}.tag-grass{color:#16a34a;background:#dcfce7;border-color:#86efac}.tag-electric{color:#ca8a04;background:#fef9c3;border-color:#fde047}.tag-ice{color:#0284c7;background:#e0f2fe;border-color:#7dd3fc}.tag-geo{color:#c2410c;background:#ffedd5;border-color:#fdba74}.tag-aura{color:#9333ea;background:#f3e8ff;border-color:#d8b4fe}.tag-virus{color:#a21caf;background:#fae8ff;border-color:#e879f9}.tag-demon{color:#be185d;background:#fce7f3;border-color:#f9a8d4}.tag-data{color:#0891b2;background:#cffafe;border-color:#67e8f9}.tag-chakra{color:#ea580c;background:#ffedd5;border-color:#fdba74}.tag-anomalous{color:#7c3aed;background:#ede9fe;border-color:#c4b5fd}.tag-ancient{color:#b45309;background:#fef3c7;border-color:#fcd34d}.tag-none{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.tag-emo-felicis{color:#15803d;background:#dcfce7;border-color:#86efac}.tag-emo-furor{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.tag-emo-horrens{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd}.tag-emo-mestus{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.tag-emo-sereum{color:#a16207;background:#fef9c3;border-color:#fde047}.tag-status{color:#15803d;background:#dcfce7;border-color:#86efac}.tag-warn{color:#c2410c;background:#ffedd5;border-color:#fdba74}.btn-primary{color:#fff;background:linear-gradient(#4ade80 0%,#22c55e 100%);border:3px solid #16a34a;border-radius:999px;justify-content:center;align-items:center;height:48px;padding:0 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 6px #15803d,0 10px 20px #22c55e40}.btn-primary:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px #15803d,0 14px 24px #22c55e4d}.btn-primary:active{transform:translateY(2px);box-shadow:0 3px #15803d}.btn-secondary{height:48px;color:var(--blue-dark);background:#fff;border:3px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:.92rem;font-weight:800;text-decoration:none;transition:transform .12s;display:inline-flex;box-shadow:0 4px #dbeafe}.btn-secondary:hover{border-color:var(--blue);color:var(--blue-dark);text-decoration:none;transform:translateY(-1px)}.btn-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn-row-center{justify-content:center}.meta-pill{height:32px;color:var(--blue-dark);background:#eff6ff;border:2px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.82rem;font-weight:800;display:inline-flex}.breadcrumb{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--blue-dark);font-weight:700}.site-header{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;position:sticky;top:0;box-shadow:0 8px 28px #3b82f61a}.header-rainbow{background:linear-gradient(90deg,#f472b6,#facc15,#4ade80,#60a5fa,#c084fc);height:4px}.header-content{justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:10px 0;display:flex}.brand{color:inherit;border-radius:16px;flex-shrink:0;align-items:center;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1);display:flex}.brand:hover{text-decoration:none;transform:translateY(-1px)}.brand:active{transform:translateY(0)}.brand-mark{align-items:center;gap:11px;display:flex}.brand-logo-wrap{background:linear-gradient(150deg,#fafcff 0%,#f3f8ff 100%);border:1px solid #93c5fd59;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:box-shadow .25s,border-color .25s;display:flex;box-shadow:0 4px 14px #648cc81f}.brand-logo{object-fit:contain;width:34px;height:34px}.brand-wordmark{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(105deg,#6b9fd4 0%,#7eb8b0 38%,#9a8fd4 72%,#c49ab8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.12rem,2.2vw,1.32rem);font-weight:800;line-height:1;transition:filter .25s}.brand:hover .brand-logo-wrap{border-color:#a7c4e68c;box-shadow:0 6px 18px #789bd22e}.brand:hover .brand-wordmark{filter:brightness(1.06)saturate(1.08)}@media (prefers-reduced-motion:reduce){.brand,.brand-logo-wrap,.brand-wordmark{transition:none}.brand:hover{transform:none}.brand:hover .brand-wordmark{filter:none}}.nav-toggle{cursor:pointer;background:#fff;border:2px solid #dbeafe;border-radius:14px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;display:none;box-shadow:0 4px 12px #3b82f614}.nav-toggle-bar{background:var(--blue-dark);border-radius:999px;width:18px;height:2px;margin-inline:auto;display:block}.main-nav{flex:1;justify-content:flex-end;min-width:0;display:flex}.nav-tray{background:linear-gradient(#f8fafc 0%,#fff 100%);border:2px solid #e2e8f0;border-radius:999px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;padding:6px;display:flex;box-shadow:inset 0 1px #ffffffe6}.nav-link{height:36px;color:var(--text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:.84rem;font-weight:800;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.nav-link:hover{color:var(--blue-dark);background:#fff;text-decoration:none;transform:translateY(-1px)}.nav-link.is-active{color:#fff;background:linear-gradient(135deg,#60a5fa,#818cf8);text-decoration:none;box-shadow:0 4px 12px #3b82f647}.nav-dropdown{position:relative}.nav-dropdown.is-open:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.nav-dropdown-toggle{height:36px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 13px;font-size:.84rem;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.nav-dropdown-toggle svg{transition:transform .15s}.nav-dropdown.is-open .nav-dropdown-toggle svg{transform:rotate(180deg)}.nav-dropdown-toggle:hover,.nav-dropdown.is-open .nav-dropdown-toggle{color:var(--blue-dark);background:#fff}.nav-dropdown.is-active .nav-dropdown-toggle{color:#fff;background:linear-gradient(135deg,#60a5fa,#818cf8);box-shadow:0 4px 12px #3b82f647}.nav-dropdown-menu{border-radius:var(--radius);z-index:50;background:#fff;border:2px solid #bfdbfe;min-width:220px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #3b82f629}.nav-dropdown.is-open .nav-dropdown-menu{display:block}.dropdown-link{border-radius:var(--radius-sm);min-height:48px;color:var(--text-muted);flex-direction:column;gap:2px;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.dropdown-link-label{color:var(--text);font-size:.9rem;font-weight:800}.dropdown-link small{color:var(--text-dim);font-size:.75rem;font-weight:600}.dropdown-link:hover,.dropdown-link.is-active{background:linear-gradient(135deg,#eff6ff,#fdf2f8);text-decoration:none}.dropdown-link.is-active .dropdown-link-label{color:var(--blue-dark)}.dropdown-divider{background:#f1f5f9;height:2px;margin:6px 0}.site-footer{background:radial-gradient(circle at 10% 0,#fce7f3b3 0%,#0000 42%),radial-gradient(circle at 90% 20%,#dbeafecc 0%,#0000 40%),linear-gradient(#fff 0%,#eef6ff 100%);border-top:3px solid #bfdbfe;margin-top:72px;padding:0 0 28px;position:relative;overflow:hidden}.footer-deco{pointer-events:none;position:absolute;inset:0}.footer-deco-dot{opacity:.35;border-radius:999px;position:absolute}.footer-deco-dot-1{background:#fde68a;width:120px;height:120px;top:24px;right:8%}.footer-deco-dot-2{background:#fbcfe8;width:80px;height:80px;bottom:40px;left:6%}.footer-deco-dot-3{background:#bfdbfe;width:56px;height:56px;top:50%;right:42%}.footer-top{z-index:1;grid-template-columns:1.2fr 1.8fr;gap:28px;padding-top:48px;display:grid;position:relative}.footer-brand-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#ffffffe0;border:3px solid #fff;padding:28px}.footer-brand{margin-bottom:12px}.footer-brand-card p{font-size:.92rem;line-height:1.65}.footer-stats{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.footer-stat{letter-spacing:.04em;text-transform:uppercase;height:30px;color:var(--blue-dark);background:linear-gradient(135deg,#eff6ff,#fdf2f8);border:2px solid #dbeafe;border-radius:999px;align-items:center;padding:0 12px;font-size:.72rem;font-weight:800;display:inline-flex}.footer-links-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.legal-updated{color:var(--text-dim);margin-top:12px;font-size:.85rem;font-weight:700}.legal-document{border-radius:var(--radius);max-width:820px;box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;margin-inline:auto;padding:32px}.legal-document h2{font-family:var(--font-display);color:var(--text);margin:32px 0 12px;font-size:1.2rem}.legal-document h2:first-child{margin-top:0}.legal-document p{color:var(--text-muted);margin-bottom:14px;line-height:1.75}.legal-document ul{margin:0 0 18px;padding-left:0}.legal-document li{color:var(--text-muted);padding:8px 0 8px 18px;line-height:1.65;position:relative}.legal-document li:before{content:"▸";color:var(--green);font-weight:800;position:absolute;left:0}.legal-document a{font-weight:700}.legal-contact-email{border-radius:var(--radius-sm);background:linear-gradient(135deg,#eff6ff,#fdf2f8);border:2px solid #dbeafe;padding:16px 20px;font-size:1.05rem}.legal-contact-email a{color:var(--blue-dark)}.legal-nav{flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px;margin:24px auto 0;padding-top:8px;display:flex}.legal-nav a{height:36px;color:var(--text-muted);background:#fff;border:2px solid #e2e8f0;border-radius:999px;align-items:center;padding:0 14px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.legal-nav a:hover,.legal-nav a.is-active{color:var(--blue-dark);background:#eff6ff;border-color:#93c5fd;text-decoration:none}.footer-col{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#ffffffd1;border:3px solid #fff;padding:22px 20px}.footer-col h2{letter-spacing:.08em;text-transform:uppercase;color:#9d174d;background:linear-gradient(135deg,#fde68a,#fbcfe8);border-radius:999px;align-items:center;height:28px;margin-bottom:14px;padding:0 10px;font-size:.68rem;font-weight:800;display:inline-flex}.footer-col a{min-height:34px;color:var(--text-muted);align-items:center;padding-left:14px;font-size:.88rem;font-weight:700;text-decoration:none;display:flex;position:relative}.footer-col a:before{content:"›";color:var(--pink);font-weight:800;position:absolute;left:0}.footer-col a:hover{color:var(--blue-dark);text-decoration:none}.footer-bottom{z-index:1;border-radius:var(--radius-sm);color:var(--text-dim);text-align:center;background:#ffffffbf;border:2px dashed #dbeafe;margin-top:28px;padding:18px 22px;font-size:.82rem;line-height:1.6;position:relative}.footer-brand p{margin-top:12px;font-size:.9rem}.hero-section{padding:56px 0 40px}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin-inline:auto;display:flex}.hero-byline{max-width:36rem;color:var(--text-dim);letter-spacing:.01em;margin-top:14px;font-size:.82rem;font-weight:700;line-height:1.5}.hero-search{margin-top:36px;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;width:100%;max-width:640px;margin-inline:auto;display:flex}.hero-search .filter-search--hero{flex:280px;min-width:0}.hero-search--page{max-width:560px}.filter-search--hero{box-shadow:var(--shadow-card);background:#fff;border-radius:999px;padding:4px 6px 4px 14px}.filter-search--hero input{padding:12px 8px;font-size:1rem}.list-load-sentinel{width:100%;height:1px}.btn-load-more{margin-bottom:8px}.search-section-title{margin-bottom:18px;font-size:1.35rem}.search-dex-grid{margin-top:0}.search-item-list{flex-direction:column;gap:10px;display:flex}.search-item-row{border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border-subtle);color:inherit;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.search-item-row:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.search-item-row small{color:var(--text-muted);margin-top:2px;display:block}.search-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.search-recipe-card{border-radius:var(--radius-md);border:2px solid var(--border-subtle);color:inherit;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.search-recipe-card:hover{text-decoration:none}.search-boss-card{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.search-boss-card:hover{text-decoration:none}.hero-showcase{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:40px;display:flex}.hero-card{width:120px;height:120px;box-shadow:var(--shadow-card);background:linear-gradient(160deg,#dbeafe 0%,#fce7f3 50%,#fef9c3 100%);border:3px solid #fff;border-radius:24px;justify-content:center;align-items:center;text-decoration:none;transition:transform .18s;display:flex}.hero-card:hover{text-decoration:none;transform:translateY(-6px)scale(1.04)}.hero-card img{object-fit:contain;filter:drop-shadow(0 6px 8px #0000001f);width:78%;height:78%}.stats-section{padding:8px 0 48px}.stats-content{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.stat-item{border-radius:var(--radius);min-height:96px;box-shadow:var(--shadow-card);text-align:center;background:linear-gradient(#fff 0%,#f0f9ff 100%);border:3px solid #fff;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex}.stat-item strong{font-family:var(--font-display);color:var(--blue-dark);margin-bottom:6px;font-size:2rem;line-height:1;display:block}.stat-item span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:.75rem;font-weight:800}.game-section{padding:48px 0}.game-content{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.game-facts{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #bfdbfe;overflow:hidden}.fact-row{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:0 18px;display:flex}.fact-row:last-child{border-bottom:0}.fact-row span{color:var(--text-dim);font-size:.85rem;font-weight:700}.fact-row strong{color:var(--text);text-align:right;font-size:.9rem}.guides-section{padding:48px 0}.guides-content{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.guide-card{border-radius:var(--radius);min-height:190px;box-shadow:var(--shadow-card);color:inherit;background:#fff;border:3px solid #fff;flex-direction:column;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.guide-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 16px 36px #3b82f626}.guide-card-num{color:#9d174d;width:36px;height:36px;font-family:var(--font-display);background:linear-gradient(135deg,#fde68a,#fbcfe8);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:800;display:inline-flex}.guide-card h3{color:var(--text);margin-bottom:8px}.guide-card p{flex:1;font-size:.9rem}.guide-card-arrow{color:var(--green-dark);margin-top:14px;font-size:.82rem;font-weight:800}.dex-section{padding:48px 0}.dex-content{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.dex-item{border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;background:#fff;border:3px solid #fff;flex-direction:column;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.dex-item:hover{text-decoration:none;transform:translateY(-4px)}.dex-item-art{background:linear-gradient(#dbeafe 0%,#fce7f3 100%);justify-content:center;align-items:center;height:150px;display:flex}.dex-item-art img{object-fit:contain;filter:drop-shadow(0 6px 10px #0000001a);width:72%;height:120px}.dex-item-body{flex-direction:column;gap:6px;padding:14px;display:flex}.dex-item-body small{color:var(--text-dim);font-size:.72rem;font-weight:800}.dex-item-body strong{color:var(--text);font-size:.95rem}.dex-item-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.affinities-section{padding:48px 0}.affinity-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.affinity-card{border-radius:var(--radius);min-height:100%;box-shadow:var(--shadow-card);color:inherit;background:#fff;border:3px solid #fff;flex-direction:column;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.affinity-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 14px 32px #3b82f61f}.affinity-card-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.affinity-card-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #0f172a1f);flex-shrink:0;width:56px;height:56px}.affinity-card-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.affinity-card-count{color:var(--text-dim);font-size:.78rem;font-weight:800}.affinity-card-lead{color:var(--text-muted);font-size:.88rem;line-height:1.55}.affinity-card-theme{color:var(--text-dim);margin-top:8px;font-size:.8rem;font-style:italic;line-height:1.45}.affinity-card-tag{align-self:flex-start;margin-bottom:0}.affinity-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:1.05rem;line-height:1.25}.affinity-card>p{color:var(--text-muted);font-size:.88rem;line-height:1.55}.affinity-card-list{flex:1;margin-top:12px}.affinity-card-list li{color:var(--text-muted);padding:5px 0 5px 16px;font-size:.82rem;line-height:1.45;position:relative}.affinity-card-list li:before{content:"•";color:var(--pink);font-weight:800;position:absolute;left:0}.affinity-card-foot{color:var(--blue);margin-top:16px;font-size:.82rem;font-weight:800;display:inline-block}.affinity-card-felicis{background:linear-gradient(#f0fdf4 0%,#fff 48%)}.affinity-card-furor{background:linear-gradient(#fef2f2 0%,#fff 48%)}.affinity-card-horrens{background:linear-gradient(#faf5ff 0%,#fff 48%)}.affinity-card-mestus{background:linear-gradient(#fff7ed 0%,#fff 48%)}.affinity-card-sereum{background:linear-gradient(#eff6ff 0%,#fff 48%)}.combat-section{padding:48px 0}.combat-content{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.combat-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;padding:22px}.combat-card h3{color:var(--pink);font-family:var(--font-display);margin-bottom:10px}.combat-card p{font-size:.92rem}.combat-card li{color:var(--text-muted);padding:6px 0 6px 16px;font-size:.88rem;position:relative}.combat-card li:before{content:"★";color:var(--yellow);font-size:.65rem;position:absolute;top:9px;left:0}.combat-card-attribute .combat-attribute-list li{align-items:flex-start;gap:10px;padding-left:0;display:flex}.combat-card-attribute .combat-attribute-list li:before{content:none}.combat-attribute-icon{object-fit:contain;flex-shrink:0;width:32px;height:32px;margin-top:2px}.combat-card-link{color:var(--pink);margin-top:12px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-block}.combat-card-link:hover{text-decoration:underline}.elements-mosaic .element-tile{min-height:128px}.wiki-section{padding:48px 0}.wiki-layout{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.wiki-intro{border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#fff 0%,#eef6ff 100%);border:3px solid #fff;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;display:flex}.wiki-intro h2,.wiki-intro p{text-align:left}.wiki-catalog{flex-direction:column;gap:14px;display:flex}.wiki-row{border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;background:#fff;border:3px solid #fff;grid-template-columns:88px 1fr auto;align-items:center;gap:20px;padding:22px 24px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.wiki-row:hover{text-decoration:none;transform:translate(6px);box-shadow:0 14px 32px #3b82f61f}.wiki-row-badge{width:72px;height:72px;font-family:var(--font-display);border-radius:20px;justify-content:center;align-items:center;font-size:1.45rem;font-weight:800;line-height:1;display:flex}.wiki-row-skills .wiki-row-badge{color:var(--blue-dark);background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.wiki-row-items .wiki-row-badge{color:var(--green-dark);background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.wiki-row-bosses .wiki-row-badge{color:#be185d;background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.wiki-row-body h3{color:var(--text);font-family:var(--font-display);margin-bottom:6px;font-size:1.15rem}.wiki-row-body p{font-size:.9rem;line-height:1.55}.wiki-row-skills{border-left:6px solid var(--blue)}.wiki-row-items{border-left:6px solid var(--green)}.wiki-row-bosses{border-left:6px solid var(--pink)}.wiki-row-arrow{width:44px;height:44px;color:var(--text-muted);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.wiki-row:hover .wiki-row-arrow{background:var(--blue);color:#fff}.elements-section{padding:48px 0}.elements-catalog-section{background:linear-gradient(#0000 0%,#ffffff73 100%);padding:48px 0 56px}.elements-catalog-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:28px 36px;display:grid}.elements-catalog-intro h2{margin-bottom:12px}.elements-catalog-intro p{font-size:.92rem;line-height:1.55}.elements-catalog-stat{border-radius:var(--radius-sm);background:var(--surface-soft);border:2px solid var(--border);color:var(--text-muted);margin:16px 0;padding:12px 14px;font-size:.88rem}.elements-catalog-stat strong{font-family:var(--font-display);color:var(--blue-dark);margin-right:6px;font-size:1.5rem}.elements-catalog-intro .btn-primary,.elements-catalog-intro .btn-secondary{margin-top:10px;margin-right:8px}.element-catalog-list{flex-direction:column;gap:10px;display:flex}.element-catalog-row{border-radius:var(--radius-sm);box-shadow:var(--shadow-card);color:inherit;background:#fff;border:2px solid #fff;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.element-catalog-row:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 24px #3b82f61a}.element-catalog-icon-wrap{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.element-catalog-icon-wrap img{object-fit:contain;width:56px;height:56px}.element-catalog-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:4px;display:flex}.element-catalog-head strong{color:var(--text);font-size:.95rem}.element-catalog-head small{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.element-catalog-copy p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.element-catalog-meta{text-align:center;min-width:4rem}.element-catalog-meta>strong{font-family:var(--font-display);color:var(--blue-dark);font-size:1.35rem;line-height:1;display:block}.element-catalog-meta>small{color:var(--text-dim);text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:800;display:block}.element-catalog-pct{color:var(--text-dim);margin-top:6px;font-size:.72rem;font-weight:800;display:block}.affinities-reference-section{padding-top:8px}.affinities-reference-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.affinities-reference-card{margin-bottom:0}.affinities-reference-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px;display:grid}.affinities-reference-columns h3{margin-bottom:8px;font-size:1rem}.affinities-reference-columns p{font-size:.88rem;line-height:1.55}.affinities-matrix-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;padding:20px}.affinities-matrix-card h3{margin-bottom:12px;font-size:1rem}.affinities-matrix-list{flex-direction:column;gap:12px;display:flex}.affinities-matrix-list li{border-bottom:1px solid #eef2f6;padding-bottom:12px}.affinities-matrix-list li:last-child{border-bottom:none;padding-bottom:0}.affinities-matrix-label{color:var(--text);margin-bottom:4px;font-size:.82rem;font-weight:800;display:block}.affinities-matrix-list p{color:var(--text-muted);margin:6px 0 0;font-size:.8rem;line-height:1.4}.affinities-matrix-list .type-effect-state{margin-top:4px}.type-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px;display:grid}.type-catalog-panel h3{font-family:var(--font-display);color:var(--text);margin-bottom:14px;font-size:1.15rem}.type-catalog-list{flex-direction:column;gap:10px;display:flex}.type-catalog-row{border-radius:var(--radius-sm);box-shadow:var(--shadow-card);color:inherit;background:#fff;border:2px solid #fff;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.type-catalog-row:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 24px #3b82f61a}.type-catalog-row img{object-fit:contain;width:48px;height:48px}.type-catalog-copy strong{color:var(--text);margin-bottom:2px;font-size:.95rem;display:block}.type-catalog-copy small{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.type-catalog-copy p{color:var(--text-muted);font-size:.82rem;line-height:1.45}.type-catalog-count{background:var(--sky);min-width:2.5rem;font-family:var(--font-display);color:var(--blue-dark);text-align:center;border-radius:10px;flex-shrink:0;padding:6px 10px;font-size:1.25rem;font-weight:800;line-height:1}.type-reading-block{margin-bottom:0}.type-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px;display:grid}.type-reading-grid h3{margin-bottom:8px;font-size:1rem}.type-reading-grid p{font-size:.88rem;line-height:1.55}.type-reading-note{border-radius:var(--radius-sm);background:var(--surface-soft);border:2px solid var(--border);color:var(--text-muted);margin-top:18px;padding:14px 16px;font-size:.88rem;font-weight:700;line-height:1.5}.type-effects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.type-effect-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;padding:20px}.type-effect-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.type-effect-card-head h3{margin:0;font-size:1.05rem}.type-effect-card-head span{text-transform:uppercase;letter-spacing:.04em;color:var(--green-dark);font-size:.72rem;font-weight:800}.type-effect-card ul{margin:0}.type-effect-card li{color:var(--text-muted);padding:6px 0 6px 16px;font-size:.84rem;line-height:1.45;position:relative}.type-effect-card li:before{content:"▸";color:var(--blue);font-weight:800;position:absolute;left:0}.type-effect-matrix{flex-direction:column;gap:10px;display:flex}.type-effect-matrix-row{border-radius:var(--radius-sm);background:#fff;border:2px solid #e8eef4;grid-template-columns:10rem minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.type-effect-matrix-row strong{color:var(--text);font-size:.88rem}.type-effect-matrix-row p{margin:0;font-size:.84rem}.type-effect-state{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.7rem;font-weight:800}.type-effect-state.is-confirmed{color:var(--green-dark);background:#dcfce7}.type-effect-state.is-partial{color:#b45309;background:#fef3c7}.type-effect-state.is-pending{color:var(--text-dim);background:#f1f5f9}.elements-layout{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.elements-intro{border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#fffbeb 0%,#fff 100%);border:3px solid #fff;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;display:flex}.elements-intro h2,.elements-intro p{text-align:left}.elements-total{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fcd34d;flex-direction:column;gap:4px;width:100%;padding:16px 18px;display:flex}.elements-total strong{font-family:var(--font-display);color:var(--text);font-size:2rem;line-height:1}.elements-total span{color:#92400e;font-size:.85rem;font-weight:700}.elements-mosaic{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.element-tile{border-radius:var(--radius-sm);border:3px solid #0000;flex-direction:column;gap:8px;min-height:108px;padding:16px 14px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.element-tile:hover{text-decoration:none;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 28px #0f172a1f}.element-tile-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0f172a1f);width:40px;height:40px}.element-tile-label{opacity:.85;max-width:100%;font-size:.68rem;font-weight:700;line-height:1.3}.element-tile-name{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1.2}.element-tile-meta{align-items:baseline;gap:8px;display:flex}.element-tile-meta strong{font-family:var(--font-display);font-size:1.65rem;line-height:1}.element-tile-meta small{opacity:.75;font-size:.75rem;font-weight:800}.element-tile-bar{height:5px;width:var(--fill,0%);opacity:.35;background:currentColor;border-radius:0 4px 0 0;position:absolute;bottom:0;left:0}.faq-section{padding:48px 0}.faq-content{gap:12px;display:grid}.faq-item{border-radius:var(--radius);background:#fff;border:2px solid #dbeafe;padding:20px 22px;box-shadow:0 4px 16px #3b82f60f}.faq-item h3{color:var(--text);margin-bottom:8px}.disclaimer-section{padding:0 0 56px}.disclaimer-content{border-radius:var(--radius);color:#92400e;background:#fffbeb;border:2px dashed #fcd34d;padding:18px 22px;font-size:.88rem;line-height:1.65}.page-main--guides .guides-hero{padding-bottom:18px}.guides-hero-badge{background:color-mix(in srgb, var(--surface) 88%, #fde68a);box-shadow:var(--shadow-card);color:#9d174d;letter-spacing:.02em;border:2px solid #ffffffe6;border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:10px 18px 10px 14px;font-size:.82rem;font-weight:800;display:inline-flex}.guides-hero-badge-dot{background:var(--pink);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 35%, transparent);border-radius:50%}@media (prefers-reduced-motion:reduce){.guides-resource-link:hover{transform:none}}.guides-page-section{padding:0 0 64px}.guides-catalog-head{margin-bottom:24px}.guides-catalog-head h2{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.35rem}.guides-catalog-note{max-width:320px;color:var(--text-dim);text-align:right;font-size:.88rem;font-weight:700}.guides-empty-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.guides-empty-panel{border-radius:var(--radius);border:3px solid color-mix(in srgb, var(--panel-dark) 12%, #fff);background:linear-gradient(165deg, var(--panel-dark) 0%, var(--panel-dark-soft) 55%, #243d48 100%);color:var(--text-on-dark);padding:28px 26px 30px;position:relative;overflow:hidden;box-shadow:0 20px 48px #16252c38}.guides-empty-panel:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--pink) 35%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-40%;right:-20%}.guides-empty-kicker{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--yellow) 85%, #fff);margin-bottom:8px;font-size:.72rem;font-weight:800;position:relative}.guides-empty-panel h2{color:#fff;margin-bottom:12px;font-size:clamp(1.35rem,2.5vw,1.75rem);position:relative}.guides-empty-copy{color:color-mix(in srgb, var(--text-on-dark) 92%, #94a3b8);margin-bottom:18px;font-size:.92rem;line-height:1.6;position:relative}.guides-empty-checklist{flex-direction:column;gap:10px;margin-bottom:22px;display:flex;position:relative}.guides-empty-checklist li{color:color-mix(in srgb, var(--text-on-dark) 95%, #cbd5e1);padding-left:22px;font-size:.86rem;font-weight:700;line-height:1.45;position:relative}.guides-empty-checklist li:before{content:"✦";color:var(--yellow);font-size:.75rem;position:absolute;top:0;left:0}.guides-empty-foot{color:color-mix(in srgb, var(--text-on-dark) 80%, #94a3b8);font-size:.85rem;font-weight:700;position:relative}.guides-empty-foot a{color:#fde68a;text-underline-offset:3px;text-decoration:underline}.guides-empty-foot a:hover{color:#fff}.guides-resource-board{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);border:3px solid #fff;padding:24px 24px 28px}.guides-resource-head{border-bottom:2px solid var(--border-strong);margin-bottom:20px;padding-bottom:16px}.guides-resource-head h3{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1.35rem}.guides-resource-head p{font-size:.9rem}.guides-resource-groups{flex-direction:column;gap:22px;display:flex}.guides-resource-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:.72rem;font-weight:800}.guides-resource-list{flex-direction:column;gap:8px;display:flex}.guides-resource-link{border-radius:var(--radius-sm);background:var(--surface-soft);color:inherit;border:2px solid #0000;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:transform .15s,border-color .15s,background .15s;display:grid}.guides-resource-link:hover{border-color:color-mix(in srgb, var(--blue) 25%, transparent);background:#fff;text-decoration:none;transform:translate(4px);box-shadow:0 8px 20px #3b82f61a}.guides-resource-icon{width:44px;height:44px;font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;line-height:1;display:flex}.guides-resource-icon--play{color:#166534;background:linear-gradient(135deg,#bbf7d0,#86efac)}.guides-resource-icon--build{color:#9d174d;background:linear-gradient(135deg,#fde68a,#fbcfe8)}.guides-resource-icon--lookup{color:#3730a3;background:linear-gradient(135deg,#bfdbfe,#ddd6fe)}.guides-resource-text{flex-direction:column;gap:3px;min-width:0;display:flex}.guides-resource-text strong{color:var(--text);font-size:.95rem}.guides-resource-text small{color:var(--text-muted);font-size:.82rem;font-weight:700;line-height:1.4}.guides-resource-go{color:var(--blue);opacity:0;font-size:1.1rem;font-weight:800;transition:opacity .15s,transform .15s;transform:translate(-6px)}.guides-resource-link:hover .guides-resource-go{opacity:1;transform:translate(0)}.meta-pill--sm{padding:4px 10px;font-size:.68rem}.guide-list-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.guide-list-card{border-radius:var(--radius-sm);border:2px solid color-mix(in srgb, var(--blue) 8%, #fff);min-height:100%;color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 4px 18px #0f172a0f}.guide-list-card:hover{border-color:color-mix(in srgb, var(--blue) 22%, #fff);text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 32px #3b82f624}.guide-list-cover{aspect-ratio:16/10;background:linear-gradient(145deg,#dbeafe 0%,#fce7f3 100%);flex-shrink:0;position:relative;overflow:hidden}.guide-list-cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.guide-list-featured{color:#9d174d;letter-spacing:.06em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:.65rem;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px #0f172a1f}.guide-list-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:14px 14px 16px;display:flex}.guide-list-tags{flex-wrap:wrap;gap:6px;display:flex}.guide-list-title{font-family:var(--font-display);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.guide-list-desc{color:var(--text-muted);-webkit-line-clamp:3;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.guide-list-foot{border-top:1px solid var(--border-strong);flex-direction:column;gap:10px;margin-top:auto;padding-top:10px;display:flex}.guide-list-author{color:var(--text-dim);margin:0;font-size:.72rem;font-weight:700;line-height:1.4}.guide-list-date{color:var(--text-dim);font-size:.72rem;font-weight:700}.page-main--guide-detail{background:linear-gradient(180deg, var(--sky) 0%, var(--cream) 42%, #fff 100%)}.guide-detail-hero{padding:28px 0 36px}.guide-detail-breadcrumb{margin-bottom:20px}.guide-detail-breadcrumb-current{color:var(--text-dim)}.guide-detail-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:28px 32px;display:grid}.guide-detail-hero-copy{flex-direction:column;gap:14px;min-width:0;display:flex}.guide-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.guide-detail-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:clamp(1.65rem,3.2vw,2.35rem);line-height:1.12}.guide-detail-lead{color:var(--text-muted);max-width:54ch;font-size:1.02rem;line-height:1.65}.guide-detail-byline{border-top:2px solid color-mix(in srgb, var(--blue) 12%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:6px;padding-top:18px;display:flex}.guide-detail-author{color:var(--text-dim);margin:0;font-size:.82rem;font-weight:700;line-height:1.45}.guide-detail-meta-chips{flex-wrap:wrap;gap:10px;display:flex}.guide-detail-chip{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 90%, #eff6ff);box-shadow:var(--shadow-card);color:var(--text);border:2px solid #fff;flex-direction:column;gap:2px;padding:8px 12px;font-size:.82rem;font-weight:800;display:flex}.guide-detail-chip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:.65rem;font-weight:800}.guide-detail-hero-cover{border-radius:var(--radius);background:linear-gradient(145deg,#dbeafe,#fce7f3);border:3px solid #fff;margin:0;overflow:hidden;box-shadow:0 18px 40px #3b82f629}.guide-detail-hero-cover img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.guide-detail-page{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:32px;display:grid}.guide-detail-section{padding:0 0 64px;overflow:visible}.guide-detail-main{min-width:0}.guide-detail-sidebar{align-self:start;max-height:calc(100dvh - 108px);position:sticky;top:92px}.guide-toc{border-radius:var(--radius-sm);border:2px solid color-mix(in srgb, var(--blue) 10%, #fff);background:#fff;flex-direction:column;gap:4px;max-height:calc(100dvh - 108px);padding:18px 16px;display:flex;overflow-y:auto;box-shadow:0 8px 24px #0f172a0f}.guide-toc-label{letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:8px;font-size:.65rem;font-weight:800}.guide-toc-link{color:var(--text-muted);border-left:3px solid #0000;border-radius:8px;padding:9px 10px;font-size:.82rem;font-weight:700;line-height:1.4;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:block}.guide-toc-link:hover{color:var(--blue-dark);background:#f8fafc;text-decoration:none}.guide-toc-link.is-active{color:var(--blue-dark);border-left-color:var(--blue);background:#eff6ff;text-decoration:none}.guide-detail-article{border-radius:var(--radius);border:2px solid color-mix(in srgb, var(--blue) 8%, #fff);background:#fff;padding:clamp(24px,4vw,36px);box-shadow:0 12px 36px #0f172a12}.guide-detail-content h2{font-family:var(--font-display);border-bottom:2px solid color-mix(in srgb, var(--green) 35%, transparent);color:var(--text);margin:32px 0 14px;padding-bottom:8px;scroll-margin-top:108px;font-size:1.2rem}.guide-detail-content h2:first-child,.guide-detail-content h3:first-child{margin-top:0}.guide-detail-content h3{color:var(--text);margin:22px 0 10px;font-size:1rem}.guide-detail-content p{color:var(--text-muted);margin-bottom:16px;font-size:.96rem;line-height:1.75}.guide-detail-content ul,.guide-detail-content ol{margin:0 0 20px;padding-left:0}.guide-detail-content li{color:var(--text-muted);padding:6px 0 6px 20px;font-size:.94rem;line-height:1.65;position:relative}.guide-detail-content ul li:before{content:"▸";color:var(--green-dark);font-weight:800;position:absolute;left:0}.guide-detail-content ol{counter-reset:guide-ol;list-style:none}.guide-detail-content ol li{counter-increment:guide-ol;padding-left:28px}.guide-detail-content ol li:before{content:counter(guide-ol);width:20px;height:20px;color:var(--blue-dark);background:#eff6ff;border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:6px;left:0}.guide-detail-content a{color:var(--blue-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.guide-detail-content img{border-radius:var(--radius-sm);max-width:100%;height:auto;box-shadow:var(--shadow-card);border:2px solid #fff;margin:16px 0}.guide-detail-content table{border-collapse:collapse;border-radius:var(--radius-sm);border:2px solid var(--border-strong);width:100%;margin:18px 0 22px;font-size:.88rem;overflow:hidden}.guide-detail-content td{border-bottom:1px solid var(--border-strong);color:var(--text-muted);vertical-align:top;padding:10px 14px}.guide-detail-content tr:last-child td{border-bottom:0}.guide-detail-content tr:first-child td{color:var(--text);background:#f1f5f9;font-weight:800}.guide-detail-footer{border-top:2px dashed color-mix(in srgb, var(--blue) 15%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:24px;display:flex}.guide-detail-footer-note{color:var(--text-dim);margin:0;font-size:.86rem;font-weight:700}.map-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.map-section{padding:48px 0}.map-showcase{border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#dbeafe 0%,#fce7f3 100%);border:3px solid #fff;margin:0;position:relative;overflow:hidden}.map-showcase img{width:100%;height:auto;display:block}.map-showcase-badge{z-index:1;color:#9d174d;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#fde68a,#fbcfe8);border-radius:999px;align-items:center;height:32px;padding:0 14px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 14px #0f172a1f}.map-caption{color:var(--text-muted);text-align:center;background:#ffffffeb;border-top:2px dashed #dbeafe;padding:14px 18px;font-size:.88rem;font-weight:700}.map-status-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.map-status-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;padding:18px}.map-status-card.is-ready{background:linear-gradient(#f0fdf4 0%,#fff 100%);border-color:#bbf7d0}.map-status-card.is-pending{background:linear-gradient(#fffbeb 0%,#fff 100%)}.map-status-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:.68rem;font-weight:800;display:block}.map-status-value{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.15rem;display:block}.map-status-card.is-ready .map-status-value{color:var(--green-dark)}.map-status-card.is-pending .map-status-value{color:#b45309}.map-status-card p{color:var(--text-muted);font-size:.84rem;line-height:1.55}.map-sidebar{position:sticky;top:92px}.map-panel{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;overflow:hidden}.map-panel img{width:100%;height:auto;display:block}.map-status{border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#fff 0%,#eef6ff 100%);border:3px solid #fff;padding:24px}.map-status h2{margin:8px 0 16px;font-size:1.2rem}.map-note{color:var(--text-muted);margin-top:16px;font-size:.88rem;line-height:1.6}.map-status .btn-row{margin-top:18px}.page-hero-section{border-bottom:1px solid color-mix(in srgb, var(--blue) 14%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--sky) 42%, transparent) 0%, transparent 72%);margin-bottom:22px;padding:24px 0 22px}.page-hero-section .breadcrumb{margin-bottom:12px;font-size:.82rem}.page-hero-section .eyebrow{background:color-mix(in srgb, var(--blue) 7%, #fff);border:1px solid color-mix(in srgb, var(--blue) 14%, transparent);height:auto;min-height:24px;color:var(--blue-dark);letter-spacing:.08em;box-shadow:none;border-radius:6px;margin-bottom:10px;padding:3px 12px;font-size:.66rem;font-weight:800}.page-hero-section h1{letter-spacing:-.02em;font-size:clamp(1.75rem,3.2vw,2.35rem);line-height:1.18}.page-hero-section .lead{max-width:640px;margin-top:10px;font-size:.96rem;line-height:1.65}.page-hero-section .page-meta{margin-top:14px}.page-hero-section .legal-updated{margin-top:10px;font-size:.82rem}.page-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 24px;display:flex}.page-hero-center{text-align:center;flex-direction:column;align-items:center;gap:0}.page-hero-center .breadcrumb{justify-content:center}.page-hero-center h1{max-width:48ch}.page-hero-center .lead{max-width:640px;margin-inline:auto}.page-hero-center .page-meta{justify-content:center}.page-hero-section .lead-center{text-align:center;margin-inline:auto}.page-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.page-intro{max-width:760px;color:var(--text-muted);margin-bottom:16px;font-size:.92rem;line-height:1.65}.beginner-stats{border-radius:var(--radius);min-width:240px;box-shadow:var(--shadow-card);background:linear-gradient(#fff 0%,#eef6ff 100%);border:3px solid #fff;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;display:grid}.beginner-stat{flex-direction:column;gap:4px;display:flex}.beginner-stat strong{font-family:var(--font-display);color:var(--text);font-size:1.5rem;line-height:1}.beginner-stat span{color:var(--text-dim);font-size:.78rem;font-weight:700}.beginner-split{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dex-filter-panel{border-radius:var(--radius);background:#fff;border:2px solid #e2e8f0;margin-bottom:20px;padding:18px 20px;box-shadow:0 4px 16px #3b82f60f}.filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.filter-row:last-of-type{margin-bottom:14px}.filter-label{letter-spacing:.07em;text-transform:uppercase;min-width:72px;height:34px;color:var(--text-dim);background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;margin-right:4px;padding:0 10px;font-size:.68rem;font-weight:800;display:inline-flex}.filter-pill{height:34px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.filter-pill:hover{color:var(--text);background:#f8fafc;border-color:#cbd5e1}.filter-pill.is-active{color:var(--blue-dark);background:#eff6ff;border-color:#93c5fd;font-weight:800}.filter-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:10px;height:44px;padding:0 16px;display:flex}.filter-search-icon{color:var(--text-dim);flex-shrink:0}.filter-search input{min-width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:0;outline:none;flex:1;font-size:.92rem;font-weight:600}.filter-search input::placeholder{color:var(--text-dim)}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filter-select{height:44px;color:var(--text);font-family:var(--font-body);cursor:pointer;background:#fff;border:2px solid #bfdbfe;border-radius:999px;outline:none;align-items:center;min-width:200px;padding:0 16px;font-size:.9rem;font-weight:700;display:flex}.filter-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626}.data-section{padding:0 0 56px}.data-content{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #bfdbfe;overflow:hidden}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:2px solid #f1f5f9;padding:14px 16px}.data-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:#f8fafc;font-size:.72rem;font-weight:800}.data-table tbody tr:hover td{background:#f0f9ff}.data-table tbody tr:last-child td{border-bottom:0}.row-link{color:var(--text);align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.row-link:hover{color:var(--blue-dark);text-decoration:none}.row-thumb{object-fit:contain;background:linear-gradient(#dbeafe,#fce7f3);border:3px solid #fff;border-radius:16px;flex-shrink:0;width:72px;height:72px;padding:6px;box-shadow:0 4px 12px #3b82f61f}.list-thumb{object-fit:contain;background:linear-gradient(#dbeafe,#fce7f3);border:2px solid #fff;border-radius:14px;flex-shrink:0;width:56px;height:56px;padding:4px;box-shadow:0 2px 8px #3b82f61a}.boss-info-card{flex-direction:column;gap:14px;transition:transform .15s,box-shadow .15s;display:flex}.boss-info-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #3b82f61f}.boss-info-head{align-items:flex-start;gap:16px;display:flex}.boss-thumb-wrap{background:linear-gradient(#dbeafe 0%,#fce7f3 100%);border:3px solid #fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;padding:8px;display:flex;box-shadow:0 4px 14px #3b82f61f}.boss-thumb{object-fit:contain;filter:drop-shadow(0 4px 8px #0000001a);width:100%;height:100%}.boss-info-meta{flex:1;min-width:0}.boss-info-meta h3{font-family:var(--font-display);margin-bottom:4px;font-size:1.1rem;line-height:1.25}.boss-info-sub{color:var(--text-muted);font-size:.85rem;line-height:1.4}.boss-info-meta .page-meta{justify-content:flex-start;margin-top:10px}.boss-stat-grid{margin-top:0}.boss-info-link{color:var(--blue);align-items:center;font-size:.88rem;font-weight:800;display:inline-flex}.boss-info-link:hover{color:var(--blue-dark)}.boss-info-actions{flex-wrap:wrap;gap:14px;display:flex}.boss-info-card.is-highlight{box-shadow:0 0 0 3px #3b82f659, var(--shadow-card)}.wiki-catalog-section{padding:48px 0}.wiki-skill-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.wiki-skill-card{border-radius:var(--radius);min-height:100%;box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;flex-direction:column;gap:10px;padding:18px;display:flex}.wiki-skill-top strong{font-family:var(--font-display);color:var(--text);font-size:.95rem;line-height:1.25;display:block}.wiki-skill-top small{color:var(--text-dim);margin-top:4px;font-size:.78rem;display:block}.wiki-skill-tags{flex-wrap:wrap;gap:6px;display:flex}.wiki-skill-cat{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.wiki-skill-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;display:grid}.wiki-skill-stat{border-radius:var(--radius-sm);background:#f8fafc;flex-direction:column;gap:2px;padding:8px;display:flex}.wiki-skill-stat span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.65rem;font-weight:800}.wiki-skill-stat strong{font-family:var(--font-display);color:var(--text);font-size:1rem}.wiki-skill-target{color:var(--text-muted);border-top:1px dashed #e2e8f0;margin-top:auto;padding-top:10px;font-size:.78rem;font-weight:700}.evo-row{scroll-margin-top:96px}.evo-row.is-highlight td{background:#eff6ff}.evo-focus-section{padding-top:0}.evo-focus-banner{border-radius:var(--radius);background:linear-gradient(135deg,#eff6ff,#fff);border:2px solid #bfdbfe;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.evo-focus-banner p{margin:0;font-weight:700}.evo-type-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.evo-type-card{border-radius:var(--radius);min-height:190px;box-shadow:var(--shadow-card);text-align:left;cursor:pointer;background:#fff;border:3px solid #fff;flex-direction:column;align-items:flex-start;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.evo-type-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #3b82f61f}.evo-type-card.is-active{box-shadow:0 0 0 3px #3b82f626, var(--shadow-card);border-color:#93c5fd}.evo-type-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1rem}.evo-type-card p{color:var(--text-muted);flex:1;font-size:.88rem;line-height:1.5}.evo-type-count{letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-top:14px;font-size:.78rem;font-weight:800}.evo-starter-section,.evo-catalog-section{padding:48px 0}.evo-starter-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.evo-chain-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;padding:22px}.evo-chain-head{border-bottom:2px dashed #e2e8f0;margin-bottom:16px;padding-bottom:14px}.evo-chain-starter{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.evo-chain-starter img{object-fit:contain;background:linear-gradient(#dbeafe 0%,#fce7f3 100%);border-radius:14px;width:56px;height:56px}.evo-chain-starter strong{font-family:var(--font-display);margin-bottom:6px;font-size:1.05rem;display:block}.evo-chain-step{padding:14px 0;scroll-margin-top:96px}.evo-chain-step+.evo-chain-step{border-top:1px solid #f1f5f9}.evo-chain-step.is-highlight{border-radius:var(--radius-sm);background:#eff6ff;margin-inline:-12px;padding-inline:12px;box-shadow:0 0 0 2px #3b82f633}.evo-mini-flow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.evo-mini-side{flex-wrap:wrap;gap:8px;display:flex}.evo-mini-node{min-width:72px;color:inherit;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.evo-mini-node img{object-fit:contain;background:#f8fafc;border-radius:12px;width:48px;height:48px}.evo-mini-node span{text-align:center;font-size:.72rem;font-weight:800;line-height:1.2}.evo-mini-arrow{color:var(--pink);font-size:1.2rem;font-weight:800}.evo-chain-req{color:var(--text-muted);margin:10px 0 8px;font-size:.88rem;line-height:1.5}.evo-group-block+.evo-group-block{margin-top:28px}.evo-group-title{font-family:var(--font-display);color:var(--text);margin-bottom:14px;font-size:1.25rem}.evo-list{gap:14px;display:grid}.evo-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;padding:20px 22px;scroll-margin-top:96px;transition:box-shadow .15s}.evo-card.is-highlight{box-shadow:0 0 0 3px #3b82f659, var(--shadow-card)}.evo-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.evo-card-group{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:800}.evo-card-flow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.evo-card-side{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.evo-card-node{min-width:76px;color:inherit;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.evo-card-node img{object-fit:contain;background:linear-gradient(#dbeafe 0%,#fce7f3 100%);border-radius:14px;width:56px;height:56px}.evo-card-node span{text-align:center;font-size:.78rem;font-weight:800;line-height:1.2}.evo-card-node-text{border-radius:var(--radius-sm);background:#f8fafc;padding:8px 10px;font-size:.82rem;font-weight:800}.evo-card-split{color:var(--text-dim);font-weight:800}.evo-card-arrow{color:var(--pink);font-size:1.35rem;font-weight:800}.evo-card-req{color:var(--text-muted);border-top:1px dashed #e2e8f0;margin-top:14px;padding-top:14px;font-size:.92rem;line-height:1.55}.related-links{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.related-link{border-radius:var(--radius-sm);color:inherit;background:#fff;border:2px solid #dbeafe;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.related-link:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f61f}.related-link small{color:var(--text-dim);font-size:.82rem;font-weight:700}.related-card-list{gap:10px;display:grid}.related-card{border-radius:var(--radius-sm);background:#fff;border:2px solid #e2e8f0;padding:14px 16px}.related-card p{color:var(--text-muted);margin-top:6px;font-size:.88rem}.panel-row-link{color:inherit;text-decoration:none;transition:background .12s}.panel-row-link:hover{background:#f8fafc;text-decoration:none}.panel-row-stack{flex-direction:column;align-items:flex-start;min-height:auto;padding:12px 4px}.result-note{color:var(--text-dim);margin-top:12px;font-size:.85rem;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.detail-section{padding:0 0 56px}.wiki-detail-hero .wiki-detail-localized{color:var(--text-muted);margin-top:4px;font-size:.72em;font-weight:700;display:block}.wiki-detail-lead{max-width:52rem}.wiki-detail-meta{margin-top:14px}.detail-art-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:14px 0 0;font-size:.72rem;font-weight:800}.detail-art-cta{margin-top:16px}.btn-block{justify-content:center;width:100%;display:flex}.detail-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-glance-grid--compact{margin-bottom:16px}.detail-glance-tile{border-radius:var(--radius-sm);background:#f8fafc;border:2px solid #e8eef4;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.detail-glance-tile span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);font-size:.68rem;font-weight:800}.detail-glance-tile strong,.detail-glance-tile a{color:var(--text);font-size:.9rem;font-weight:800;line-height:1.35}.detail-glance-tile a{color:var(--blue-dark);text-decoration:none}.detail-glance-tile a:hover{color:var(--pink);text-decoration:underline}.detail-panel--glance .detail-panel-head{background:linear-gradient(90deg,#fefce8 0%,#f0f9ff 100%)}.detail-panel--primary .detail-panel-head{background:linear-gradient(90deg,#ecfdf5 0%,#f0fdf4 100%)}.detail-panel--stats .detail-panel-head{background:linear-gradient(90deg,#f8fafc 0%,#f1f5f9 100%);align-items:flex-start}.detail-panel-sub{color:var(--text-muted);margin:4px 0 0;font-size:.8rem;font-weight:600;line-height:1.45}.detail-subhead{color:var(--text);margin:0 0 6px;font-size:.92rem;font-weight:800}.detail-sublead{margin:0 0 12px;font-size:.88rem}.detail-craft-stack>div+div{border-top:2px solid #f1f5f9;margin-top:22px;padding-top:22px}.detail-note{border-radius:var(--radius-sm);background:#f8fafc;border:2px dashed #e2e8f0;margin-top:12px;padding:12px 14px;font-size:.88rem}.detail-effect-play-list{gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.detail-effect-play{border-radius:var(--radius-sm);background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:2px solid #bbf7d0;padding:14px 16px}.detail-effect-play strong{color:var(--green-dark);font-size:1rem;line-height:1.35;display:block}.detail-effect-play p{color:var(--text-muted);margin:8px 0 0;font-size:.9rem;font-weight:600;line-height:1.5}.detail-scope-pill{color:var(--green-dark);background:#fff;border:2px solid #86efac;border-radius:999px;margin-top:10px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.detail-tip{border-radius:var(--radius-sm);color:var(--text-muted);background:#fffbeb;border:2px solid #e2e8f0;padding:14px 16px;font-size:.84rem;line-height:1.55}.detail-tip strong{color:var(--text)}.detail-panel--craft .detail-panel-head h2{margin:0}.detail-content{grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.detail-art{border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#dbeafe 0%,#fce7f3 100%);border:3px solid #fff;padding:24px}.detail-art img{object-fit:contain;filter:drop-shadow(0 10px 16px #0000001a);width:100%;max-height:300px}.stat-grid{gap:8px;margin-top:16px;display:grid}.stat-row{border-radius:var(--radius-sm);background:#fff;border:2px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;font-size:.88rem;display:flex}.stat-row span{color:var(--text-dim);font-weight:700}.stat-row strong{color:var(--text);font-weight:800}.detail-main{flex-direction:column;gap:18px;min-width:0;display:flex}.detail-panel{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;overflow:hidden}.detail-panel-head{background:linear-gradient(90deg,#f0f9ff 0%,#fdf2f8 100%);border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.detail-panel-head h2{margin:0;font-size:1.05rem}.detail-count{background:var(--blue);color:#fff;min-width:26px;height:26px;font-family:var(--font-body);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:800;display:inline-flex}.detail-panel-body{padding:16px 18px 18px}.detail-panel-body .prose{margin:0}.detail-panel-body .prose+.prose{margin-top:10px}.detail-panel--warn .detail-panel-head{background:linear-gradient(90deg,#fff7ed 0%,#fef3c7 100%)}.detail-flag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-flag-tile{border-radius:var(--radius-sm);background:#f8fafc;border:2px solid #e8eef4;flex-direction:column;gap:4px;padding:12px 14px;font-size:.82rem;display:flex}.detail-flag-tile span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700}.detail-flag-tile strong{color:var(--text);font-weight:800}.detail-flag-tile.is-yes{background:#f0fdf4;border-color:#bbf7d0}.detail-flag-tile.is-no{background:#fef2f2;border-color:#fecaca}.detail-effect-list{gap:10px;display:grid}.detail-effect-item{border-radius:var(--radius-sm);border-left:4px solid var(--green);background:#f8fafc;padding:14px 16px}.detail-effect-summary{color:var(--text-muted);word-break:break-word;background:0 0;padding:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.45;display:block}.detail-effect-meta{color:var(--text-dim);margin-top:8px;font-size:.8rem;font-weight:700}.detail-panel--stats .detail-effect-item{background:#fff;border-left-color:#94a3b8}.detail-ref-list{gap:8px;display:grid}.detail-ref-row{border-radius:var(--radius-sm);color:inherit;background:#fafbfc;border:2px solid #f1f5f9;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:grid}.detail-ref-row:hover{background:#f0f9ff;border-color:#bae6fd;text-decoration:none;transform:translate(2px)}.detail-ref-row img{object-fit:contain;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:52px;height:52px}.detail-ref-body strong{color:var(--text);font-size:.92rem;line-height:1.3;display:block}.detail-ref-body p{color:var(--text-dim);margin-top:4px;font-size:.78rem;font-weight:700;line-height:1.4}.detail-ref-arrow{color:var(--pink);font-size:1.2rem;font-weight:800}.detail-recipe-summary{border-radius:var(--radius-sm);color:var(--text-muted);background:#f8fafc;border:2px dashed #e2e8f0;margin-top:14px;padding:12px 14px;font-size:.88rem;font-weight:700;line-height:1.5}.detail-recipe-flow{grid-template-columns:minmax(0,1fr) auto minmax(120px,160px);align-items:center;gap:14px 16px;display:grid}.detail-recipe-flow-mats .recipe-chips{margin-top:8px}.detail-recipe-flow-arrow{font-family:var(--font-display);color:var(--pink);font-size:2rem;font-weight:800;line-height:1}.detail-recipe-flow-result{border-radius:var(--radius-sm);color:inherit;background:linear-gradient(160deg,#fff 0%,#fdf2f8 100%);border:2px solid #fbcfe8;flex-direction:column;align-items:center;gap:8px;padding:12px;text-decoration:none;display:flex}.detail-recipe-flow-result:hover{border-color:var(--pink);text-decoration:none}.detail-recipe-flow-result img{object-fit:contain;width:64px;height:64px}.detail-recipe-flow-result strong{text-align:center;font-size:.85rem;line-height:1.25}.detail-explore{border-radius:var(--radius);background:#ffffffa6;border:2px dashed #cbd5e1;padding:16px 18px}.detail-explore-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 12px;font-size:.78rem;font-weight:800}.detail-explore-links{flex-wrap:wrap;gap:8px;display:flex}.detail-explore-link{height:36px;color:var(--blue-dark);background:#fff;border:2px solid #e2e8f0;border-radius:999px;align-items:center;padding:0 14px;font-size:.82rem;font-weight:800;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.detail-explore-link:hover{color:var(--pink);background:#f0f9ff;border-color:#93c5fd;text-decoration:none}.detail-main-actions{border-top:2px solid #f1f5f9;margin-top:4px;padding-top:8px}.detail-panel.recipe-card--cooking{--recipe-accent:var(--orange);--recipe-accent-soft:#fff7ed;--recipe-accent-border:#fed7aa}.detail-panel.recipe-card--cooking .detail-panel-head{background:linear-gradient(90deg,#fff7ed 0%,#fef3c7 100%)}.detail-panel.recipe-card--crafting{--recipe-accent:var(--blue);--recipe-accent-soft:#eff6ff;--recipe-accent-border:#bfdbfe}.detail-panel.recipe-card--crafting .detail-panel-head{background:linear-gradient(90deg,#eff6ff 0%,#f0f9ff 100%)}.guide-block{margin-bottom:32px}.guide-block h2{margin-bottom:12px}.guide-block li{color:var(--text-muted);padding:8px 0 8px 18px;position:relative}.guide-block li:before{content:"▸";color:var(--green);font-weight:800;position:absolute;left:0}.grid-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.recipe-catalog-section{--cat-accent:var(--blue);--cat-accent-deep:var(--blue-dark);--cat-soft:#eff6ff;--cat-soft-2:#f8fafc;--cat-border:#3b82f638;--cat-glow:#3b82f61f;padding-top:8px}.recipe-catalog-section--cooking{--cat-accent:#ea580c;--cat-accent-deep:#c2410c;--cat-soft:#fff7ed;--cat-soft-2:#ffedd5;--cat-border:#ea580c47;--cat-glow:#fb923c33}.recipe-catalog-section--crafting{--cat-accent:#2563eb;--cat-accent-deep:#1d4ed8;--cat-soft:#eff6ff;--cat-soft-2:#dbeafe;--cat-border:#2563eb40;--cat-glow:#3b82f62e}.recipe-catalog-section--crafting .recipe-entry-card,.recipe-catalog-section--cooking .recipe-entry-main{border-left:4px solid var(--cat-accent)}.recipe-catalog-intro{border-radius:var(--radius);background:linear-gradient(135deg, var(--cat-soft) 0%, #fff 55%, var(--cat-soft-2) 100%);box-shadow:var(--shadow-card);border:2px solid #fff;grid-template-columns:auto 1fr;align-items:start;gap:16px 20px;margin-bottom:28px;padding:18px 20px;display:grid}.recipe-catalog-intro-icon{border:2px solid var(--cat-border);width:52px;height:52px;box-shadow:0 4px 12px var(--cat-glow);background:#fff;border-radius:16px;place-items:center;font-size:1.65rem;display:grid}.recipe-catalog-intro h2{margin-bottom:6px;font-size:1.15rem}.recipe-catalog-intro p{color:var(--text-muted);font-size:.92rem;line-height:1.55}.recipe-catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;margin-bottom:12px;display:flex}.recipe-catalog-count{color:var(--text-muted);align-items:baseline;gap:8px;font-size:.9rem;display:flex}.recipe-catalog-count strong{font-family:var(--font-display);color:var(--cat-accent-deep);font-size:1.75rem;font-weight:800;line-height:1}.recipe-catalog-search{border:2px solid var(--cat-border);max-width:420px;box-shadow:0 4px 16px var(--cat-glow);color:var(--text-dim);background:#fff;border-radius:999px;flex:260px;align-items:center;gap:10px;padding:10px 16px;display:flex}.recipe-catalog-search input{min-width:0;font-family:var(--font-body);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.95rem;font-weight:700}.recipe-catalog-search input::placeholder{color:var(--text-dim);font-weight:600}.recipe-catalog-hint{color:var(--text-dim);margin-bottom:18px;font-size:.88rem}.recipe-catalog-empty{text-align:center;color:var(--text-muted);border-radius:var(--radius);border:2px dashed var(--cat-border);background:var(--cat-soft);padding:48px 24px;font-weight:700}.recipe-catalog-list{flex-direction:column;gap:14px;display:flex}.recipe-entry-card{border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-card);background:#fff;border:2px solid #fff;transition:box-shadow .2s,transform .2s;overflow:hidden}.recipe-entry-card:hover{box-shadow:0 12px 28px var(--cat-glow);transform:translateY(-2px)}.recipe-entry-main{color:inherit;background:linear-gradient(90deg, var(--cat-soft) 0%, #fff 42%);border-bottom:1px solid #0f172a0f;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;display:grid}.recipe-entry-main:hover{color:inherit;text-decoration:none}.recipe-entry-art{border:2px solid var(--cat-border);background:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid;box-shadow:inset 0 0 0 1px #fffc}.recipe-entry-art img{object-fit:contain;filter:drop-shadow(0 3px 6px #0f172a1a);width:58px;height:58px}.recipe-entry-copy{min-width:0}.recipe-entry-title-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:4px;display:flex}.recipe-entry-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:800;line-height:1.2}.recipe-entry-rate{letter-spacing:.03em;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.72rem;font-weight:800}.recipe-entry-rate.is-safe{color:var(--green-dark);background:#dcfce7}.recipe-entry-rate.is-risk{color:#b45309;background:#fef3c7}.recipe-entry-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.recipe-entry-go{background:var(--cat-accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 12px var(--cat-glow);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:.78rem;font-weight:800;transition:background .15s,transform .15s;display:inline-flex}.recipe-entry-main:hover .recipe-entry-go{background:var(--cat-accent-deep);transform:translate(2px)}.recipe-entry-go-text{display:none}@media (width>=640px){.recipe-entry-go-text{display:inline}}.recipe-entry-ingredients{background:var(--cat-soft-2);grid-template-columns:auto 1fr;align-items:start;gap:10px 14px;padding:12px 16px 14px;display:grid}.recipe-catalog-section--crafting .recipe-entry-ingredients{background:linear-gradient(180deg, #f8fafc 0%, var(--cat-soft) 100%);border-top:1px dashed var(--cat-border)}.recipe-entry-ing-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cat-accent-deep);white-space:nowrap;padding-top:6px;font-size:.68rem;font-weight:800}.recipe-entry-ing-track{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.recipe-ing-pill{max-width:100%;color:inherit;background:#fff;border:1.5px solid #0f172a14;border-radius:12px;align-items:center;gap:6px;padding:5px 10px 5px 5px;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.recipe-ing-pill:hover{border-color:var(--cat-border);box-shadow:0 4px 10px var(--cat-glow);text-decoration:none;transform:translateY(-1px)}.recipe-ing-pill-icon{background:var(--cat-soft);border:1px solid var(--cat-border);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.recipe-ing-pill-icon img{object-fit:contain;width:24px;height:24px}.recipe-ing-pill-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:11rem;font-size:.8rem;font-weight:800;overflow:hidden}.recipe-ing-pill-qty{color:var(--cat-accent-deep);flex-shrink:0;font-size:.75rem;font-weight:800}.recipe-catalog-more{justify-content:center;margin-top:20px;display:flex}.recipe-catalog-foot{text-align:center;margin-top:12px}@media (prefers-reduced-motion:no-preference){.recipe-entry{animation:.45s both recipe-entry-in;animation-delay:calc(min(var(--entry-i,0), 12) * 35ms)}}@keyframes recipe-entry-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.guide-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.guide-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-detail-hero-grid{grid-template-columns:1fr}.guide-detail-hero-cover{order:-1}}@media (width<=640px){.guide-list-grid{grid-template-columns:1fr}.recipe-entry-main{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.recipe-entry-go{grid-column:1/-1;justify-self:start;margin-top:4px}.recipe-entry-ingredients{grid-template-columns:1fr}.recipe-entry-ing-label{padding-top:0}}.recipe-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}.recipe-card{--recipe-accent:var(--blue);--recipe-accent-soft:#eff6ff;--recipe-accent-border:#bfdbfe;border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f172a1a}.recipe-card--cooking{--recipe-accent:var(--orange);--recipe-accent-soft:#fff7ed;--recipe-accent-border:#fed7aa}.recipe-card--crafting{--recipe-accent:var(--blue);--recipe-accent-soft:#eff6ff;--recipe-accent-border:#bfdbfe}.recipe-card-top{background:var(--recipe-accent-soft);border-bottom:2px solid var(--recipe-accent-border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.recipe-station-badge{background:var(--recipe-accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:.72rem;font-weight:800;display:inline-flex}.recipe-success{border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.recipe-success--safe{color:var(--green-dark);background:#dcfce7}.recipe-success--risk{color:#b45309;background:#fef3c7}.recipe-card-open{color:var(--blue-dark);margin-left:auto;font-size:.82rem;font-weight:800;text-decoration:none}.recipe-card-open:hover{color:var(--pink);text-decoration:none}.recipe-card-body{grid-template-columns:minmax(118px,148px) minmax(0,1fr);align-items:center;gap:14px 18px;padding:18px 16px 14px;display:grid;position:relative}.recipe-output{text-align:center;color:inherit;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.recipe-output:hover{color:var(--blue-dark);text-decoration:none}.recipe-output-frame{background:linear-gradient(160deg, #fff 0%, var(--recipe-accent-soft) 100%);border:3px solid var(--recipe-accent-border);border-radius:20px;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 6px 16px #0f172a0f}.recipe-output-frame img{object-fit:contain;filter:drop-shadow(0 4px 8px #0f172a14);width:72px;height:72px}.recipe-output-name{font-family:var(--font-display);color:var(--text);word-break:break-word;font-size:1rem;line-height:1.2}.recipe-output-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-weight:800}.recipe-mix{min-width:0;padding-right:28px;position:relative}.recipe-mix-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:6px;margin-bottom:10px;font-size:.72rem;font-weight:800;display:flex}.recipe-mix-plus{background:var(--recipe-accent-soft);border:2px solid var(--recipe-accent-border);width:22px;height:22px;color:var(--recipe-accent);border-radius:8px;place-items:center;font-size:.95rem;line-height:1;display:inline-grid}.recipe-chips{flex-wrap:wrap;gap:8px;display:flex}.recipe-chip{max-width:100%;color:inherit;background:#f8fafc;border:2px solid #e8eef4;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;text-decoration:none;transition:background .12s,border-color .12s,transform .12s;display:inline-flex}.recipe-chip:hover{border-color:var(--recipe-accent-border);background:#fff;text-decoration:none;transform:translateY(-1px)}.recipe-chip img{object-fit:contain;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:36px;height:36px}.recipe-chip-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:9rem;font-size:.82rem;font-weight:800;overflow:hidden}.recipe-chip-qty{background:var(--recipe-accent-soft);min-width:2ch;color:var(--recipe-accent);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.78rem;font-weight:800}.recipe-card--cooking .recipe-chip-qty{color:#c2410c}.recipe-mix-arrow{font-family:var(--font-display);color:var(--pink);opacity:.85;pointer-events:none;font-size:1.6rem;font-weight:800;position:absolute;top:50%;right:0;transform:translateY(-50%)}.recipe-card-foot{color:var(--text-dim);background:#fafbfc;border-top:2px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 16px 14px;font-size:.8rem;font-weight:700;display:flex}.recipe-card--detail{max-width:640px;margin:8px 0 4px}.recipe-card--detail .recipe-card-body{grid-template-columns:1fr;justify-items:stretch;padding:18px}.recipe-card--detail .recipe-output{align-self:center}.info-card{border-radius:var(--radius);box-shadow:var(--shadow-card);background:#fff;border:3px solid #fff;padding:20px}.info-card h3{color:var(--text);margin-bottom:8px}.panel-list{display:grid}.panel-row{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;min-height:44px;padding:0 4px;display:flex}@media (width<=1024px){.container{width:min(var(--container), calc(100% - 32px))}.nav-toggle{display:flex}.main-nav{z-index:210;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 92px);padding:0 20px 12px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.main-nav.is-open{display:block}.site-header .container{position:relative}.nav-tray{border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:4px;padding:10px}.nav-link,.nav-dropdown-toggle{justify-content:flex-start;width:100%;height:42px;padding-inline:14px}.nav-dropdown{width:100%}.nav-dropdown.is-open:after{display:none}.nav-dropdown-menu{box-shadow:none;border:2px solid #e2e8f0;margin-top:4px;display:none;position:static}.nav-dropdown.is-open .nav-dropdown-menu{display:block}.game-content,.detail-content{grid-template-columns:1fr}.detail-recipe-flow{grid-template-columns:1fr;justify-items:stretch}.detail-recipe-flow-arrow{text-align:center;transform:rotate(90deg)}.detail-flag-grid,.detail-glance-grid{grid-template-columns:1fr}.stats-content{grid-template-columns:repeat(3,1fr)}.recipe-card-body{grid-template-columns:1fr;gap:16px}.recipe-output{text-align:left;flex-direction:row;align-items:center;gap:14px}.recipe-output-frame{flex-shrink:0;width:80px;height:80px}.recipe-output-frame img{width:60px;height:60px}.recipe-mix{padding-right:0}.recipe-mix-arrow{display:none}.guides-content,.combat-content,.grid-cards,.affinity-grid,.evo-type-grid,.elements-catalog-layout,.affinities-reference-grid,.affinities-reference-columns,.evo-starter-grid,.elements-layout,.wiki-layout,.map-layout{grid-template-columns:1fr}.map-sidebar{position:static}.map-status-grid{grid-template-columns:repeat(2,1fr)}.elements-mosaic,.dex-content{grid-template-columns:repeat(3,1fr)}.wiki-skill-grid{grid-template-columns:repeat(2,1fr)}.guides-empty-layout{grid-template-columns:1fr}.guides-catalog-note{text-align:left;max-width:none}.guide-detail-page{grid-template-columns:1fr}.guide-detail-sidebar{order:-1;max-height:none;position:static}.guide-toc{flex-flow:wrap;gap:8px;max-height:none;overflow:visible}.guide-toc-label{width:100%;margin-bottom:4px}.guide-toc-link{border:2px solid #e2e8f0;padding:8px 12px}.guide-toc-link.is-active{border-color:#93c5fd}.footer-top{grid-template-columns:1fr}.footer-links-grid{grid-template-columns:repeat(2,1fr)}.legal-document{padding:24px}.page-hero-content{align-items:stretch}.page-hero-content>.btn-secondary{align-self:flex-start}}@media (width<=768px){.container{width:min(var(--container), calc(100% - 24px))}.header-content{flex-wrap:wrap;min-height:68px;padding:8px 0 12px}.brand-wordmark{font-size:1.05rem}.brand-logo-wrap{width:44px;height:44px}.brand-logo{width:32px;height:32px}.page-hero-section{margin-bottom:18px;padding:18px 0}.page-hero-section h1{font-size:1.62rem}.page-hero-center h1{max-width:none}.page-hero-section .lead{font-size:.9rem}.page-hero-content{flex-direction:column;align-items:stretch}.page-hero-content>.btn-secondary{justify-content:center;width:100%}.btn-row{flex-direction:column;align-items:stretch}.btn-row .btn-primary,.btn-row .btn-secondary{justify-content:center;width:100%}.filter-select{width:100%;min-width:0}.dex-filter-panel .filter-row{gap:8px}.footer-links-grid{grid-template-columns:1fr}.stats-content,.guides-content,.combat-content,.grid-cards,.recipe-list-grid,.dex-content,.elements-mosaic,.affinity-grid,.evo-type-grid,.wiki-skill-grid,.map-status-grid,.element-catalog-row{grid-template-columns:auto 1fr}.element-catalog-meta{text-align:left;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:12px;display:flex}.wiki-row{grid-template-columns:64px 1fr auto;gap:14px;padding:18px}.wiki-row-badge{width:56px;height:56px;font-size:1.1rem}.beginner-split,.related-links{grid-template-columns:1fr}.hero-card{width:100px;height:100px}.hero-showcase{gap:10px}.legal-document{padding:18px}.data-section{padding-bottom:40px}}