.set-piece-icons{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px}.set-piece-icon{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:7px;background:#fff}.set-piece-icon.is-additional{border-color:#d4b879;background:#fcf7eb}a.set-piece-icon:hover{border-color:var(--teal);background:#e9f5f3}.search-suggestions .set-piece-icons{margin-top:8px;gap:5px}.set-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:24px;color:var(--muted);font-size:15px}.set-summary>span{display:inline-flex;align-items:center;gap:8px}.set-preview-and-pieces{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:24px;align-items:start;margin-bottom:28px}.set-preview-and-pieces.without-preview{grid-template-columns:1fr}.set-preview-column,.set-info-column{display:flex;flex-direction:column;gap:24px;min-width:0}.set-preview-and-pieces .set-character-preview{margin:0;min-width:0}.set-preview-and-pieces .detail-section{margin:0;min-width:0;padding:22px;width:100%}.set-preview-and-pieces .set-piece-grid{grid-template-columns:1fr}.set-preview-and-pieces .set-piece-card{padding:14px;gap:12px}.set-preview-and-pieces .set-character-toolbar{flex-direction:column;align-items:stretch;gap:14px}.set-preview-and-pieces .set-character-toolbar label{min-width:0}@media(max-width:1000px){.set-preview-and-pieces{grid-template-columns:1fr}.set-preview-and-pieces .set-character-preview{margin-inline:auto}.set-preview-and-pieces .set-pieces{width:100%}}.set-normal-bonuses h2,.set-enchant-bonuses h2{display:flex;align-items:center;gap:9px}.set-normal-bonuses{border-top:3px solid var(--teal)}.set-enchant-bonuses{border-top:3px solid var(--gold);background:linear-gradient(135deg,#fffdf7,#fff);box-shadow:0 4px 20px #dca02814}.set-effect p,.set-additional-effects p{font-size:16px;line-height:1.8;margin:12px 0 18px;white-space:pre-line;color:#314a60}.set-condition{display:inline-flex;padding:5px 12px;border-radius:6px;background:#eaf6f7;border:1px solid #bce6ea;color:var(--teal);font-size:13px;font-weight:700}.set-enchant-level{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:44px;padding:6px 12px;border-radius:8px;background:linear-gradient(135deg,#fff7df,#fbe8ba);border:1.5px solid #dca434;color:#78510d;font-size:22px;font-weight:800;box-shadow:0 2px 8px #dca43440}.set-enchant-bonuses .set-effect h3{display:inline-block;margin:0 0 0 12px;font-size:17px;font-weight:750;color:var(--ink-heading)}.set-modifiers{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px}.set-modifiers>div{min-width:80px;padding:10px 14px;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center}.set-modifiers dt{color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.set-modifiers dd{margin:4px 0 0;font-size:20px;font-weight:800;color:var(--teal)}.set-modifiers dd.is-negative{color:#b83236}.set-additional-effects{padding-top:16px;border-top:1px solid var(--line-subtle)}.set-skill-links{display:grid;gap:10px;margin-top:18px}.set-skill-links>a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow-sm);transition:transform .15s,border-color .15s,background .15s}.set-skill-links>a:hover{border-color:var(--teal);background:#f0f7f7;transform:translate(3px)}.set-skill-links strong{display:block;font-size:14px;font-weight:700;color:var(--ink-heading)}.set-skill-links small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.set-skill-links>a>svg{margin-left:auto;color:var(--muted-light);transition:transform .15s,color .15s}.set-skill-links>a:hover>svg{color:var(--teal);transform:translate(2px)}.set-piece-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.set-piece-card{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow-sm);min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.set-piece-card:hover{border-color:var(--teal);background:#f2f8f8;transform:translateY(-2px);box-shadow:var(--shadow-card)}.set-piece-card.is-additional{border-color:#dca434;background:linear-gradient(135deg,#fffdf8,#fff9ec)}.set-piece-card>div{flex:1;min-width:0}.set-piece-card small{display:block;color:var(--teal);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.set-piece-card strong{display:block;font-size:15px;font-weight:700;color:var(--ink-heading);overflow-wrap:anywhere}.set-piece-card>div>span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.set-piece-card>svg{color:var(--muted-light);flex-shrink:0;transition:transform .15s,color .15s}.set-piece-card:hover>svg{color:var(--teal);transform:translate(3px)}.set-client-alternatives>p{font-size:14px}.set-variant-group{padding:14px 0;border-top:1px solid var(--line)}.set-variant-group h3{margin-bottom:12px}.set-variant-items{display:flex;flex-wrap:wrap;gap:12px}.set-variant-items>a{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:14px}.set-variant-items small{display:block;color:var(--muted);font-size:12px}@media(max-width:600px){.set-piece-grid{grid-template-columns:1fr}.set-piece-card{padding:13px;gap:12px}.set-summary{font-size:14px;gap:10px}.set-enchant-bonuses .set-effect h3{margin-top:8px}}:root{--navy: #0b1523;--navy-surface: #101e30;--navy-border: rgba(255, 255, 255, .12);--gold: #e5ad35;--gold-hover: #f3c254;--gold-deep: #78510d;--gold-soft: #fbf5e7;--gold-glow: 0 0 18px rgba(229, 173, 53, .38);--ink: #112236;--ink-heading: #091728;--muted: #475d73;--muted-light: #6a829a;--line: #d8e2ec;--line-subtle: #edf2f7;--paper: #ffffff;--canvas: #f3f6fa;--teal: #0f6c74;--blue: #235d96;--violet: #6c429e;--coral: #a83226;--accent: var(--blue);--accent-soft: #edf5fc;--accent-strong: #174878;--text-xs: .75rem;--text-sm: .875rem;--text-md: .9375rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--radius: 12px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 2px 6px rgba(11, 21, 35, .05);--shadow-card: 0 4px 20px rgba(11, 21, 35, .06), 0 1px 3px rgba(11, 21, 35, .03);--shadow-card-hover: 0 12px 32px rgba(11, 21, 35, .12), 0 2px 6px rgba(11, 21, 35, .05);--shadow-elevated: 0 16px 48px rgba(9, 18, 30, .22)}.tone-blue{--accent: #235d96;--accent-soft: #edf5fc;--accent-strong: #174878}.tone-teal{--accent: #0f6c74;--accent-soft: #eaf6f7;--accent-strong: #0a545a}.tone-violet{--accent: #6c429e;--accent-soft: #f4effd;--accent-strong: #543180}.tone-coral{--accent: #a83226;--accent-soft: #fdf1ef;--accent-strong: #852217}.tone-gold{--accent: #875c13;--accent-soft: #fdf6e6;--accent-strong: #6e4808}.entity-name{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.item-additional-name{color:var(--gold-deep);font-weight:700}.entity-name .item-grade{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;margin-left:5px;border:1px solid #dca434;border-radius:4px;background:linear-gradient(135deg,#fff8e2,#fae6b2);color:#78510d;font-size:11px;line-height:1.1;font-weight:800;vertical-align:middle;box-shadow:0 1px 3px #dca43438}.detail-hero h1 .item-grade{font-size:16px;min-width:28px;padding:4px 8px;border-radius:6px;box-shadow:0 2px 8px #dca4344d}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}:root{font-family:DM Sans,Manrope,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button{border:0;background:none}input,select{min-width:0}input:focus,select:focus{outline:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #d99722;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1,h2{letter-spacing:-1px}img{max-width:100%;display:block}svg{flex-shrink:0}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;min-width:0}.page-width{max-width:1320px;margin:0 auto;padding:0 36px}.eyebrow{font-size:var(--text-sm);font-weight:750;letter-spacing:2.2px}.gold-eyebrow{color:var(--gold-deep)}.muted{color:var(--muted);font-size:var(--text-base)}.gold-dot{color:var(--gold);text-shadow:0 0 8px rgba(229,173,53,.45)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:var(--radius-sm);transition:background .15s,color .15s,transform .15s}.icon-button:hover{background:#eaf0f6;color:var(--ink)}.skip-link{position:fixed;top:-100px;left:12px;background:#fff;padding:14px;z-index:100}.skip-link:focus{top:10px}.primary-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14283e,#0b1523);color:#fff;border:1px solid rgba(229,173,53,.35);padding:12px 22px;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:650;box-shadow:0 3px 10px #0b15232e;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.primary-button:hover{background:linear-gradient(135deg,#1c3856,#0e1c2d);border-color:var(--gold);color:var(--gold);box-shadow:0 6px 18px #0b152340,0 0 12px #e5ad3540;transform:translateY(-1px)}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-md);font-weight:650;color:var(--gold-deep);transition:color .15s,transform .15s}.text-link:hover{color:#5c3c04;transform:translate(2px)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-header{height:82px;background:linear-gradient(135deg,#09131f,#0d1e30 55%,#0f2636);color:#d1d8e0;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(229,173,53,.22);box-shadow:0 6px 28px #09131f61;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-shell{max-width:1540px;padding:0 28px;height:100%;margin:auto;display:flex;align-items:center;gap:18px}.brand{flex:none;display:flex;align-items:center;padding-right:18px;border-right:1px solid rgba(255,255,255,.12);transition:transform .2s}.brand:hover{transform:scale(1.02)}.brand img{width:108px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.chronicle{position:relative;z-index:2;flex-shrink:0}.chronicle-trigger{list-style:none}.chronicle-trigger::-webkit-details-marker{display:none}.chronicle[open] .chronicle-chevron{transform:rotate(180deg)}.live-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold),0 0 2px #fff;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:22px;height:100%;font-size:var(--text-sm);font-weight:600;white-space:nowrap}.nav-links>a,.nav-dropdown>summary{transition:color .15s,text-shadow .15s}.nav-links>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{color:var(--gold);text-shadow:0 0 12px rgba(229,173,53,.45)}.main-site-link{display:inline-flex;align-items:center;gap:6px}.header-main-site-link{min-height:40px;margin-right:auto;padding:0 14px;border:1px solid rgba(229,173,53,.35);border-radius:var(--radius);background:#ffffff0a;color:#f0f4f8;font-size:13px;font-weight:650;box-shadow:inset 0 1px #ffffff14;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.header-main-site-link:hover,.header-main-site-link:focus-visible{background:#e5ad3524;border-color:var(--gold);color:var(--gold);box-shadow:0 0 16px #e5ad354d;transform:translateY(-1px)}.menu-main-site-link{display:none}.nav-dropdown{position:relative;height:100%;display:flex;align-items:center}.nav-dropdown>summary{list-style:none;height:100%;display:flex;align-items:center;gap:5px}.nav-dropdown>summary::-webkit-details-marker{display:none}.dropdown-panel{position:absolute;left:-14px;top:74px;min-width:236px;border:1px solid rgba(229,173,53,.25);border-radius:var(--radius);padding:8px;background:#0f1e2f;color:#e2eaf2;box-shadow:0 20px 50px #050c148c,0 0 0 1px #ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dropdown-panel a{display:block;padding:11px 14px;border-radius:6px;color:#d6e2ee;font-size:14px;font-weight:500;transition:background .15s,color .15s,transform .15s}.dropdown-panel a:hover{background:#e5ad351f;color:var(--gold);transform:translate(3px)}.header-search{border-left:1px solid rgba(255,255,255,.12);margin-left:0;padding:8px 0 8px 18px;color:#d1d8e0;transition:color .15s,transform .15s}.header-search:hover{color:var(--gold);transform:scale(1.1)}.mobile-toggle{display:none}.hero{height:536px;position:relative;z-index:1;background:#0b1625;background:radial-gradient(circle at 50% 25%,#16324a,#0a1422);isolation:isolate;color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 -30px 40px -20px #0b1523}.hero-art{position:absolute;inset:0;z-index:-2;background:url(/art/citadel-hero.webp) center 47% / cover no-repeat;filter:saturate(.9) brightness(.85)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1625a6,#10203373 45%,#0b162559),linear-gradient(0deg,#0b1523,#0d1b2b99 65%,#09111b66)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(9,17,27,.65) 100%)}.hero-content{width:min(760px,calc(100% - 48px));text-align:center;padding-top:52px}.hero-eyebrow{font-size:var(--text-xs);letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--gold);font-weight:750;text-shadow:0 0 12px rgba(229,173,53,.4)}.hero-eyebrow>span{height:1px;width:42px;background:linear-gradient(90deg,transparent,rgba(229,173,53,.6),transparent)}.hero-logo{margin:14px auto 8px;width:294px;height:120px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(229,173,53,.25))}.hero-description{font-size:1.0625rem;letter-spacing:.3px;color:#e5edf5;margin:12px 0 28px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.search-container{position:relative;z-index:10;text-align:left}.search-form{height:74px;background:#fff;border-radius:var(--radius);display:flex;align-items:center;padding:9px 9px 9px 24px;gap:15px;border:1.5px solid rgba(229,173,53,.35);box-shadow:0 18px 50px #050c1480,0 0 0 1px #ffffff26;color:var(--navy);transition:border-color .2s,box-shadow .2s}.search-form:focus-within{border-color:var(--gold);box-shadow:0 22px 60px #050c1499,0 0 0 4px #e5ad3540}.search-leading{color:var(--gold);display:flex;align-items:center}.search-form input{background:transparent;border:0;flex:1;min-width:0;height:100%;font-size:var(--text-base);font-weight:500;color:var(--ink);padding:0}.search-form input::placeholder{color:var(--muted-light)}.search-form .chronicle{z-index:3}.search-form .chronicle-trigger{min-width:132px;min-height:54px;background:#f4f7fb;border:1px solid #dce4ee;border-radius:8px;color:#15273b;font-weight:600;transition:background .15s,border-color .15s,color .15s}.search-form .chronicle-trigger:hover,.search-form .chronicle[open] .chronicle-trigger{background:#edf4fa;border-color:var(--gold);color:var(--navy)}.search-submit{background:linear-gradient(135deg,#f7ce68,#dca028);color:#0b1523;width:54px;height:54px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 14px #dca02859;transition:background .15s,transform .15s,box-shadow .15s}.search-submit:hover{background:linear-gradient(135deg,#ffe085,#ebb138);box-shadow:0 6px 20px #dca02880;transform:translateY(-1px)}.clear-search{padding:4px;color:var(--muted);transition:color .15s,transform .15s}.clear-search:hover{color:var(--ink);transform:scale(1.1)}.popular-searches{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--text-xs);margin-top:20px;color:#f0f4f8}.popular-searches>span{margin-right:3px;color:#ffffffa6;font-weight:500}.popular-searches a{padding:6px 13px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:550;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}.popular-searches a:hover{background:#e5ad352e;border-color:var(--gold);color:#ffeab0;box-shadow:0 0 12px #e5ad3540;transform:translateY(-1px)}.hero-bottom{position:absolute;bottom:25px;display:flex;justify-content:space-between;width:calc(100% - 90px);max-width:1280px;font-size:var(--text-xs);letter-spacing:1.5px;color:#dce9f3}.hero-bottom>div{display:flex;align-items:center;gap:8px;letter-spacing:.6px}.hero-bottom .live-dot{width:5px;height:5px}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px #0b15232e;overflow:hidden}.search-suggestions>a{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #f0f1f3}.search-suggestions>a:hover,.search-suggestions>a.is-active{background:#f4f6f8}.search-suggestions>a>span:nth-child(2){flex:1}.search-suggestions strong{font-size:var(--text-md);display:block;font-weight:600}.search-suggestions small{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:3px}.search-state{padding:20px;font-size:var(--text-md);margin:0;display:flex;gap:8px;align-items:center}.all-results{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;gap:7px;padding:12px;background:#fafafa;font-size:var(--text-sm);font-weight:500}.home-main{padding-top:58px;padding-bottom:50px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:20px}.section-heading .eyebrow{font-size:var(--text-xs);letter-spacing:1.8px}.section-heading h1{font-size:clamp(30px,3.2vw,42px);font-weight:800;margin:9px 0;line-height:1.25;letter-spacing:-1.2px;color:var(--ink-heading)}.section-heading h1>span{color:var(--gold);text-shadow:0 0 10px rgba(229,173,53,.4)}.section-heading p{font-size:var(--text-base);color:var(--muted);margin:0;line-height:1.7}.section-caption{color:var(--teal);display:flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:650;padding-bottom:4px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category-card{background:linear-gradient(145deg,#ffffff 0%,var(--accent-soft) 100%);border:1px solid color-mix(in srgb,var(--accent) 18%,#d8e2ec);border-radius:var(--radius);padding:26px 26px 22px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;min-width:0;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-card-hover),0 0 16px color-mix(in srgb,var(--accent) 15%,transparent)}.category-card:hover .card-arrow{transform:translate(2px,-2px);opacity:1}.category-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.category-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--accent-soft) 0%,color-mix(in srgb,var(--accent) 15%,white) 100%);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .2s}.category-card:hover .category-icon{transform:scale(1.05)}.card-arrow{color:var(--accent);margin-top:3px;width:18px;opacity:.7;transition:transform .2s,opacity .2s}.category-card h2{font-size:21px;font-weight:750;letter-spacing:-.4px;color:var(--ink-heading);margin:0 0 9px;white-space:normal}.category-card p{color:var(--muted);font-size:var(--text-md);line-height:1.65;min-height:48px;margin:0 0 20px}.category-count{border-top:1px solid color-mix(in srgb,var(--accent) 14%,#d8e2ec);padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:650;color:var(--accent-strong)}.category-count svg{color:var(--accent);transition:transform .15s}.category-card:hover .category-count svg{transform:translate(3px)}.discovery-section{margin-top:52px}.section-heading.compact{margin-bottom:22px}.section-heading h2{font-size:30px;font-weight:750;letter-spacing:-.6px;color:var(--ink-heading);margin:7px 0 0}.compact .text-link{font-size:var(--text-sm);color:var(--gold-deep)}.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.equipment-panel{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.panel-title{min-height:68px;display:flex;gap:10px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);background:#fbfcfe}.panel-title>svg{color:var(--gold-deep)}.panel-title h3,.panel-title h2{font-size:var(--text-base);margin:0;font-weight:700;color:var(--ink-heading);letter-spacing:0}.panel-title>span{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.9px;color:var(--gold-deep);background:var(--gold-soft);padding:3px 8px;border-radius:4px;border:1px solid rgba(220,160,40,.25)}.featured-items{padding:4px 22px}.featured-items>a{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line-subtle);transition:transform .15s,background .15s}.featured-items>a:last-child{border:0}.featured-items>a>span:nth-child(2){flex:1}.featured-items strong{font-size:var(--text-base);font-weight:650;display:block;margin-bottom:4px;color:var(--ink);transition:color .15s}.featured-items small{font-size:var(--text-xs);color:var(--muted);text-transform:capitalize}.featured-items>a>svg{color:var(--muted-light);transition:color .15s,transform .15s}.featured-items>a:hover strong{color:var(--gold-deep)}.featured-items>a:hover>svg{color:var(--gold-deep);transform:translate(2px,-2px)}.item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#edf1f5;border-radius:7px;color:var(--muted);overflow:hidden;box-shadow:0 1px 3px #0b152314}.item-icon.has-icon{background-repeat:no-repeat;background-color:#121c2a;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 6px #0b152326}.panel-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--line);font-size:var(--text-sm);font-weight:650;color:var(--gold-deep);background:#fbf9f4;transition:background .15s,color .15s}.panel-bottom:hover{background:#f6f0e2;color:#5c3c04}.panel-bottom svg{transition:transform .15s}.panel-bottom:hover svg{transform:translate(3px)}.world-card{position:relative;min-height:365px;border-radius:var(--radius);overflow:hidden;background:#172d34;border:1px solid rgba(15,108,116,.35);color:#fff;isolation:isolate;box-shadow:var(--shadow-card);transition:box-shadow .25s,border-color .25s}.world-card:hover{box-shadow:var(--shadow-card-hover),0 0 24px #0f6c7440;border-color:#0f6c7499}.world-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 43%;z-index:-3;filter:saturate(.65) brightness(.85);transition:transform .6s cubic-bezier(.16,1,.3,1)}.world-card:hover>img{transform:scale(1.05)}.world-card-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(105deg,#0b2830f2,#123844cc 62%,#1a2c468c)}.world-card-content{padding:34px 36px}.world-card .eyebrow{display:flex;gap:9px;align-items:center;color:#ffe0a0;font-size:11px;letter-spacing:1.5px}.world-card h3{font-size:32px;line-height:1.35;font-weight:700;letter-spacing:-.5px;margin:28px 0 14px;max-width:370px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.world-card p{font-size:var(--text-md);color:#e0eced;margin-bottom:26px;max-width:340px;line-height:1.7}.world-card-link{display:inline-flex;align-items:center;gap:16px;font-size:var(--text-sm);color:#ffe4a0;font-weight:650;background:#e5ad3529;border:1px solid rgba(229,173,53,.45);padding:9px 18px;border-radius:7px;backdrop-filter:blur(8px);transition:background .15s,border-color .15s,color .15s,transform .15s}.world-card:hover .world-card-link{background:#e5ad3547;border-color:var(--gold);color:#fff;transform:translateY(-1px)}.world-compass{position:absolute;right:22px;bottom:22px;color:#c8dcd259;transform:rotate(-12deg);transition:transform .6s,color .3s}.world-card:hover .world-compass{transform:rotate(6deg) scale(1.05);color:#e5ad3566}.quick-links{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-card);overflow:hidden}.quick-links>a{display:flex;align-items:center;gap:18px;padding:24px 28px;transition:background .15s}.quick-links>a+a{border-left:1px solid var(--line)}.quick-links>a>svg:first-child{color:var(--teal);transition:transform .2s}.quick-links>a:first-child>svg:first-child{color:#a83226}.quick-links>a:last-child>svg:first-child{color:#6c429e}.quick-links>a>svg:last-child{margin-left:auto;color:var(--muted-light);transition:transform .15s,color .15s}.quick-links strong{font-size:var(--text-base);display:block;font-weight:700;margin-bottom:4px;color:var(--ink-heading)}.quick-links small{font-size:var(--text-sm);color:var(--muted)}.quick-links>a:hover{background:var(--canvas)}.quick-links>a:hover>svg:first-child{transform:scale(1.1)}.quick-links>a:hover>svg:last-child{transform:translate(4px);color:var(--ink)}.site-footer{border-top:1px solid rgba(229,173,53,.2);margin-top:auto;background:linear-gradient(135deg,#09131f,#0d1e30);color:#8fa5ba}.footer-inner{max-width:1320px;margin:auto;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9ab0c4;font-size:var(--text-xs)}.footer-brand{display:flex;align-items:center;gap:10px;color:#f0f4f8;font-size:var(--text-xs);font-weight:700;letter-spacing:1.5px}.footer-brand svg{color:var(--gold)}.footer-brand small{font-size:10px;letter-spacing:1px;margin-left:5px;color:#7b94aa;font-weight:400}.footer-inner p{margin:0}.footer-note{font-size:var(--text-xs)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--muted);padding-top:25px;margin-bottom:34px;flex-wrap:wrap;overflow-wrap:anywhere}.breadcrumb a{color:var(--muted);transition:color .15s}.breadcrumb a:hover{color:var(--ink-heading)}.breadcrumb>span:last-child{color:var(--ink-heading);font-weight:650}.catalog-page,.detail-page,.tools-page{padding-bottom:60px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.catalog-heading h1{font-size:44px;line-height:1.25;margin:10px 0;font-weight:800;color:var(--ink-heading);letter-spacing:-1.2px}.catalog-heading p{color:var(--muted);font-size:var(--text-base);margin-bottom:0;max-width:700px;line-height:1.7}.catalog-heading>svg{color:var(--muted);margin-right:8px}.catalog-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:26px}.filter-panel{background:#fff;border:1px solid var(--line);padding:24px;border-radius:var(--radius);align-self:start;box-shadow:var(--shadow-card);border-top:3px solid var(--accent)}.filter-title{display:flex;align-items:center;gap:9px;margin-bottom:24px}.filter-title h2{font-size:var(--text-lg);font-weight:750;color:var(--ink-heading);letter-spacing:-.2px;margin:0}.filter-title>.icon-button{margin-left:auto}.filter-title>svg{color:var(--accent)}.filter-field{min-width:0;display:flex;flex-direction:column;gap:8px;font-size:var(--text-sm);color:var(--ink);margin-bottom:19px;font-weight:600}.filter-field select,.results-toolbar select,.version-bar select,.detail-section-title select{border:1px solid #d4dfea;background:#fff;border-radius:6px;padding:10px 12px;color:var(--ink);font-size:var(--text-sm);font-weight:500;max-width:100%;transition:border-color .15s,box-shadow .15s}.filter-field select:focus,.results-toolbar select:focus,.version-bar select:focus,.detail-section-title select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.level-filter{display:flex;align-items:center;gap:8px;border:0;padding:0;margin:0}.level-filter legend{font-size:var(--text-sm);font-weight:600;color:var(--ink);margin-bottom:8px}.level-filter label{font-size:var(--text-xs);color:var(--muted);font-weight:500;width:50%}.level-filter input{width:100%;display:block;padding:9px 10px;border:1px solid var(--line);border-radius:6px;margin-top:5px;color:var(--ink);font-size:var(--text-sm);transition:border-color .15s,box-shadow .15s}.level-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.level-filter>span{color:var(--muted);font-weight:600}.filter-divider{height:1px;background:var(--line-subtle);margin:22px 0}.filter-panel h3{font-size:var(--text-xs);letter-spacing:1px;color:var(--muted);font-weight:700;text-transform:uppercase;margin-bottom:12px}.category-sidebar{display:flex;flex-direction:column;gap:4px}.category-sidebar>a{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--muted);border-radius:6px;padding:11px 12px;font-weight:550;transition:background .15s,color .15s,transform .15s}.category-sidebar>a:hover,.category-sidebar>a.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:650;transform:translate(3px)}.catalog-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 8px 6px 16px;height:56px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.catalog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.catalog-search svg{color:var(--muted)}.catalog-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;font-size:var(--text-base);color:var(--ink);font-weight:500}.catalog-search input::placeholder{color:var(--muted-light)}.catalog-search button{background:var(--accent-strong);color:#fff;padding:10px 18px;font-size:var(--text-sm);font-weight:650;border-radius:7px;transition:filter .15s,transform .15s}.catalog-search button:hover{filter:brightness(1.1);transform:translateY(-1px)}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0 16px;font-size:var(--text-sm);color:var(--muted)}.results-toolbar>span{display:flex;align-items:center;gap:6px}.results-toolbar strong{color:var(--ink-heading);font-weight:700}.results-toolbar label{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:var(--text-sm);font-weight:550}.results-toolbar select{padding:7px 10px;background:#fff}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:opacity .15s;box-shadow:var(--shadow-card)}.table-scroll.is-loading{opacity:.5}.data-table{border-collapse:collapse;width:100%;text-align:left}.data-table th{font-size:var(--text-xs);color:#354e66;font-weight:700;padding:15px 20px;border-bottom:1px solid var(--line);background:#edf3f8;white-space:nowrap;letter-spacing:.6px;text-transform:uppercase}.data-table td{padding:15px 20px;border-bottom:1px solid var(--line-subtle);font-size:var(--text-sm);color:var(--muted)}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--accent-soft)}.data-table td:first-child{min-width:270px}.record-name{display:flex;align-items:center;gap:12px}.record-name strong{font-size:var(--text-base);display:block;font-weight:650;color:#173b5a;line-height:1.5;transition:color .15s}.record-name:hover strong{color:var(--accent)}.record-name small{display:block;font-size:var(--text-xs);color:var(--muted);margin-top:3px;max-width:350px}.row-open{display:flex;padding:4px;color:var(--accent);transition:transform .15s}.data-table tbody tr:hover .row-open{transform:translate(3px)}.grade{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:5px;min-width:25px;font-size:11px;font-weight:800;letter-spacing:.3px;line-height:1.2;white-space:nowrap;box-shadow:0 1px 2px #0000000a;transition:transform .15s,box-shadow .15s}.grade-S,.grade-S80,.grade-S84{background:linear-gradient(135deg,#fff8e2,#fae6b2);color:#78510d;border:1px solid #dca434;box-shadow:0 1px 4px #dca43440}.grade-A{background:linear-gradient(135deg,#f5effe,#e8d9fc);color:#5c3496;border:1px solid #b692ee;box-shadow:0 1px 4px #8c52dc33}.grade-B{background:linear-gradient(135deg,#ecf8f2,#d4f2e2);color:#176a45;border:1px solid #73d1a4;box-shadow:0 1px 4px #2daa6e33}.grade-C{background:linear-gradient(135deg,#ecf4fd,#d4e8fc);color:#1d5892;border:1px solid #79b0ee;box-shadow:0 1px 4px #3282dc2e}.grade-D{background:linear-gradient(135deg,#f9f1eb,#eedcd0);color:#73482a;border:1px solid #cfa88c;box-shadow:0 1px 4px #b4734b2e}.grade-NONE{background:linear-gradient(135deg,#f3f6f9,#e2e8ef);color:#4a5f73;border:1px solid #b8c6d4}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;font-size:var(--text-sm);color:var(--muted)}.pagination button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:7px;font-size:var(--text-sm);font-weight:600;color:var(--ink);min-height:42px;box-shadow:0 1px 3px #0b15230d;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.pagination button:hover:not(:disabled){background:#f3f7fb;border-color:#c4d2e0;transform:translateY(-1px);box-shadow:0 3px 8px #0b152314}.pagination strong{color:var(--ink-heading);font-weight:700}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.active-filters button{display:flex;gap:6px;align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,white);color:var(--accent-strong);font-size:var(--text-xs);font-weight:600;border-radius:6px;padding:6px 11px;transition:background .15s,border-color .15s}.active-filters button:hover{background:color-mix(in srgb,var(--accent) 15%,white)}.empty-state{padding:65px 20px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px}.empty-state>svg{color:var(--muted);margin:auto auto 15px}.empty-state h2{font-size:24px;letter-spacing:-.4px}.empty-state p{font-size:var(--text-md);color:var(--muted);line-height:1.8}.empty-state .primary-button{margin-top:12px}.status-page{min-height:55vh;padding-top:80px;padding-bottom:80px}.status-page h1{font-size:34px}.status-page p{font-size:var(--text-base);color:var(--muted)}.status-page a{color:#af8134;font-size:var(--text-base)}.table-skeleton>div{height:62px;margin:0 20px;border-bottom:1px solid #edf0f4;background:linear-gradient(90deg,#fafbfc,#f3f5f7,#fafbfc);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.world-map-panel{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden;margin-bottom:30px}.world-map-panel .panel-title{justify-content:space-between}.world-map-panel h2{font-size:var(--text-base)}.map-controls{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--text-sm)}.map-scroll{max-height:460px;overflow:auto;background:#dedac8}.map-scroll>img{display:block}.back-link{font-size:var(--text-sm);color:var(--ink);display:inline-flex;align-items:center;gap:8px;margin-bottom:25px}.soul-related-link{display:inline-flex;align-items:center;gap:9px;margin:22px 0;padding:12px 16px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-weight:650}.soul-related-link:hover{color:var(--accent-strong);background:var(--accent-soft)}.detail-hero{display:flex;align-items:center;gap:23px;padding-bottom:30px;border-bottom:1px solid var(--line)}.detail-hero>.item-icon{border-radius:10px}.detail-hero>div{flex:1;min-width:0}.detail-hero h1{font-size:40px;margin:9px 0 5px;overflow-wrap:anywhere}.detail-hero p{font-size:var(--text-base);color:var(--muted);margin:0 0 5px}.detail-tags{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:var(--text-xs)}.internal-name{color:var(--muted);font-size:var(--text-sm)}.gold-badge{color:#77541d;background:#fff1d4;padding:4px 8px;border-radius:4px}.share-button{font-size:var(--text-sm);display:flex;align-items:center;gap:8px;border:1px solid #dfe5ed;border-radius:5px;padding:10px 13px;align-self:center;flex-shrink:0}.share-button:hover{background:#fff}.version-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 0 0;font-size:var(--text-sm);color:var(--muted);gap:20px}.version-bar label{display:flex;align-items:center;gap:13px;color:var(--muted)}.version-bar select{min-width:120px}.detail-description{font-size:var(--text-base);line-height:1.85;color:#52697f;white-space:pre-line;overflow-wrap:anywhere}.lead-description{max-width:900px;margin:25px 0}.requirement{font-size:var(--text-md);color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;margin:25px 0;box-shadow:var(--shadow-card)}.stats-grid>div{padding:20px 18px;border-right:1px solid var(--line-subtle);border-bottom:1px solid var(--line-subtle);border-top:3px solid #b8d2ea;background:linear-gradient(135deg,#fff,#f4f8fc)}.stats-grid>div>span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px}.stats-grid strong{font-size:24px;font-weight:750;color:var(--ink-heading);overflow-wrap:anywhere}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:28px;align-items:start;margin-top:30px}.detail-primary{min-width:0}.detail-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:24px;min-width:0;box-shadow:var(--shadow-card)}.detail-section h2{font-size:22px;letter-spacing:-.3px;margin-bottom:18px;font-weight:750;color:var(--ink-heading)}.detail-section h2>span{font-size:var(--text-sm);color:var(--muted);font-weight:400;margin-left:7px}.detail-section h3{font-size:var(--text-lg);font-weight:650;line-height:1.6}.detail-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;flex-wrap:wrap}.detail-section-title h2{margin:0}.detail-section-title input{padding:8px 12px;border:1px solid var(--line);border-radius:6px;font-size:var(--text-sm);color:var(--ink);max-width:100%}.detail-section-title input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.detail-section-title select{max-width:350px}.detail-section-title>a{font-size:var(--text-sm);font-weight:650;color:var(--gold-deep)}.detail-section-title>a:hover{color:#5c3c04}.relation-list>a{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line-subtle);padding:15px 0;transition:background .12s}.relation-list>a:last-child{border-bottom:0}.relation-list>a>span:nth-child(2){flex:1;min-width:0}.relation-list strong{display:block;font-size:var(--text-md);font-weight:650;color:#173b5a;overflow-wrap:anywhere;transition:color .15s}.relation-npc-badges{display:inline-flex;align-items:center;gap:5px;margin-left:8px;vertical-align:middle;white-space:nowrap}.relation-npc-kind,.relation-npc-level{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.2px;line-height:1}.relation-npc-level{background:#edf2f6;color:#4a5e70;border:1px solid #dbe3eb}.relation-npc-kind.kind-monster{background:#f4effd;color:#6c429e;border:1px solid #dfcef8}.relation-npc-kind.kind-npc{background:#eaf6f7;color:#0f6c74;border:1px solid #c2e8eb}.relation-npc-kind.kind-raid{background:#fdf1ef;color:#a83226;border:1px solid #f7cfc9}.relation-list small{display:block;font-size:var(--text-xs);margin-top:4px;color:var(--muted);line-height:1.7}.relation-list>a>svg{color:var(--muted-light);transition:transform .15s,color .15s}.relation-list>a:hover strong{color:var(--accent)}.relation-list>a:hover>svg{color:var(--accent);transform:translate(2px,-2px)}.relation-chance{font-size:var(--text-sm);font-weight:700;color:var(--gold-deep);background:var(--gold-soft);padding:4px 10px;border-radius:6px;border:1px solid rgba(220,160,40,.25);text-align:right;white-space:nowrap}.detail-aside{background:linear-gradient(145deg,#fff,#f0f5fa);border:1px solid var(--line);border-top:3px solid var(--accent);padding:26px 22px;border-radius:var(--radius);position:sticky;top:105px;box-shadow:var(--shadow-card)}.detail-aside .eyebrow{font-size:var(--text-xs);letter-spacing:1.5px}.detail-aside h3{font-size:23px;line-height:1.55;margin:15px 0 11px}.detail-aside p{font-size:var(--text-sm);color:var(--muted);line-height:1.8;margin-bottom:20px}.detail-aside>a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #e0e7ef;font-size:var(--text-sm);color:#356985}.spawn-list>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.spawn-list svg{color:#c2a16c}.spawn-list>div>div{min-width:0}.spawn-list a,.spawn-list strong{font-size:var(--text-md);font-weight:500;color:#245778;overflow-wrap:anywhere}.spawn-list small{display:block;color:var(--muted);font-size:var(--text-xs);line-height:1.8;margin-top:5px}.coordinate-list{display:flex;flex-direction:column;gap:7px;padding:15px;background:#f6f8fa;border-radius:5px;margin:15px 0}.coordinate-list code{font-size:var(--text-sm);color:var(--muted);overflow-wrap:anywhere}.source-data{border:1px solid var(--line);border-radius:6px;background:#fafbfc;overflow:hidden;margin-top:20px}.source-data>summary{display:flex;align-items:center;gap:9px;padding:15px;color:var(--muted);font-size:var(--text-sm);list-style:none}.source-data>summary>svg:last-child{margin-left:auto}.source-data>details{padding:0 15px 15px;color:var(--muted);font-size:var(--text-sm)}.source-data>details>summary{padding:10px 0}.source-data pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;background:#f0f3f7;padding:15px;border-radius:5px;line-height:1.6;font-size:var(--text-sm)}.source-data summary::-webkit-details-marker{display:none}.variation-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:var(--text-sm);padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.variation-row a{color:var(--muted)}.variation-row small{width:100%;overflow-wrap:anywhere;font-size:var(--text-sm)}.craft-link{font-size:var(--text-sm);margin-top:0}.tools-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:25px}.recipe-picker{padding:22px}.recipe-picker h2{display:flex;align-items:center;gap:10px}.recipe-picker .catalog-search{padding-left:10px}.recipe-results{margin-top:15px}.recipe-results button{display:flex;align-items:center;gap:11px;width:100%;padding:12px 7px;border-bottom:1px solid #edf0f4;text-align:left;border-radius:4px}.recipe-results button.selected,.recipe-results button:hover{background:#f1f5f9}.recipe-results button>span:nth-child(2){flex:1}.recipe-results strong{font-size:var(--text-md);color:#245778;font-weight:550;display:block;line-height:1.6}.recipe-results small{font-size:var(--text-xs);color:var(--muted);display:block;margin-top:5px}.recipe-results svg{color:var(--muted)}.craft-result .empty-state{border:0;padding:90px 10px}.craft-count{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--text-md);border-top:1px solid var(--line);padding-top:20px}.craft-count input{width:115px;border:1px solid #dfe6ee;padding:10px 12px;border-radius:5px}.craft-summary{display:grid;grid-template-columns:1fr 1fr;background:#f5f7fa;border-radius:6px;margin:20px 0 28px}.craft-summary>div{padding:20px}.craft-summary span{display:block;font-size:var(--text-sm);color:var(--muted);margin-bottom:10px}.craft-summary strong{color:#5e7898;font-size:28px;font-weight:500}.craft-material{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:var(--text-base);color:#426580}.craft-material>span:nth-child(2){flex:1}.craft-material>strong{font-weight:550;color:#526f92}.craft-production{margin-top:27px;padding:24px;border-radius:6px;background:#f9f1df;border:1px solid #ebddbc}.craft-production h3{color:#765522;font-size:var(--text-sm)}.craft-production p{display:flex;justify-content:space-between;gap:15px;font-size:var(--text-md);color:var(--muted)}.craft-production small{font-size:var(--text-sm);color:#836b42;line-height:1.7}.language-switcher{position:relative;z-index:2;flex-shrink:0}.language-trigger,.chronicle-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:132px;min-height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px 12px;color:#e5edf5;font-size:13px;font-weight:600;box-shadow:inset 0 1px #ffffff0f;transition:background .15s,border-color .15s,color .15s,transform .15s}.language-trigger:hover,.language-trigger[aria-expanded=true],.chronicle-trigger:hover,.chronicle[open] .chronicle-trigger{background:#e5ad3524;border-color:#e5ad3580;color:var(--gold)}.language-trigger>span,.chronicle-trigger>span:not(.live-dot){flex:1;text-align:left}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-menu,.chronicle-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:184px;padding:6px;background:#0f1e2f;color:#e2eaf2;border:1px solid rgba(229,173,53,.25);border-radius:var(--radius);box-shadow:0 18px 48px #050c148c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chronicle-menu{left:0;right:auto}.language-option,.chronicle-option{width:100%;min-height:42px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:6px;font-size:14px;color:#d6e2ee;text-align:left;transition:background .15s,color .15s}.language-option:hover,.language-option:focus-visible,.chronicle-option:hover,.chronicle-option:focus-visible{background:#e5ad351f;color:var(--gold)}.language-option:focus-visible,.chronicle-option:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.language-option[aria-selected=true],.chronicle-option[aria-selected=true]{background:#e5ad3533;color:var(--gold);font-weight:700}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 30%,white))}.module-symbol{display:grid;place-items:center;width:82px;height:82px;border-radius:22px;background:linear-gradient(135deg,var(--accent-soft) 0%,color-mix(in srgb,var(--accent) 15%,white) 100%);color:var(--accent);border:1.5px solid color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 15%,transparent);flex-shrink:0;margin-left:24px}.stats-grid>div:nth-child(3n+2){border-top-color:#8bbdc9;background:linear-gradient(135deg,#fff,#f1f8f7)}.stats-grid>div:nth-child(3n){border-top-color:#baa2dd;background:linear-gradient(135deg,#fff,#f7f3fb)}@media(min-width:1500px){.hero{height:530px}.hero-content{padding-top:65px}.category-card{padding:24px 18px}.home-main{padding-top:60px}}@media(max-width:1200px){.nav-shell{padding:0 24px;gap:18px}.nav-links{gap:16px;font-size:var(--text-sm)}.brand{padding-right:15px}.brand img{width:88px}.header-main-site-link{margin-right:10px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card{padding:20px}.category-top{margin-bottom:15px}.category-card p{min-height:0;margin-bottom:16px}.category-card h2{font-size:var(--text-lg)}.category-count,.category-card p{font-size:var(--text-sm)}.hero{height:470px}.tools-layout{grid-template-columns:310px minmax(0,1fr)}}@media(max-width:1320px){.nav-shell{gap:18px}.nav-links{display:none;position:absolute;left:0;right:0;top:82px;height:auto;background:#0b1523;padding:14px 24px 28px;max-height:calc(100vh - 82px);overflow-y:auto;border-top:1px solid rgba(229,173,53,.2);box-shadow:0 20px 50px #0009}.nav-links.is-open{display:block}.nav-links>a{display:block;padding:13px 0;font-size:var(--text-base);color:#e5edf5;border-bottom:1px solid rgba(255,255,255,.06)}.nav-links>a:hover{color:var(--gold)}.nav-links>a.menu-main-site-link{display:none}.nav-dropdown{height:auto;display:block;border-bottom:1px solid rgba(255,255,255,.06)}.nav-dropdown>summary{padding:13px 0;font-size:var(--text-base);color:#e5edf5;justify-content:space-between}.dropdown-panel{position:static;box-shadow:none;border:1px solid rgba(229,173,53,.15);background:#112133;color:#d6e2ee;margin:4px 0 10px;border-radius:8px;padding:6px}.dropdown-panel a{font-size:var(--text-md);padding:10px 12px}.dropdown-panel a:hover{background:#e5ad3524;color:var(--gold)}.mobile-toggle{display:flex}.header-search{padding-left:0;border:0}.section-caption{display:none}.detail-columns{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.stats-grid{grid-template-columns:repeat(4,1fr)}.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.filter-panel{padding:17px}.data-table th,.data-table td{padding:12px}.footer-inner p{display:none}}@media(max-width:760px){.page-width{padding-left:20px;padding-right:20px}.site-header{height:72px}.nav-shell{padding:0 20px;gap:15px}.brand img{width:100px;height:42px}.nav-links{top:72px;max-height:calc(100vh - 72px)}.hero{height:510px}.hero-art{background-position:64% center}.hero-content{padding-top:40px;width:calc(100% - 40px)}.hero-logo{width:260px;height:108px;margin-top:18px}.hero-eyebrow{font-size:var(--text-xs);letter-spacing:2.6px}.hero-description{font-size:var(--text-md);line-height:1.7;margin:12px auto 25px;max-width:350px}.search-form{height:65px;gap:11px;padding:8px 8px 8px 17px}.search-form input{font-size:var(--text-base)}.search-form .chronicle,.header-main-site-link{display:none}.nav-links.is-open>a.menu-main-site-link{display:flex;justify-content:space-between}.search-submit{width:47px;height:47px;flex-shrink:0}.popular-searches{font-size:var(--text-xs);gap:7px;flex-wrap:wrap;margin-top:17px}.popular-searches a{padding:5px 8px}.popular-searches>span{display:none}.hero-bottom{width:calc(100% - 42px);bottom:20px;font-size:9px;letter-spacing:.8px}.hero-bottom>div{font-size:10px;letter-spacing:.3px}.home-main{padding-top:35px;padding-bottom:25px}.section-heading h1{font-size:32px}.section-heading p{font-size:var(--text-md);max-width:none}.section-heading{margin-bottom:22px}.category-grid{grid-template-columns:repeat(2,1fr);gap:11px}.category-card{padding:23px}.category-top{margin-bottom:15px}.category-card h2{font-size:20px}.category-card p{font-size:var(--text-md);min-height:0;margin-bottom:20px}.category-count{font-size:var(--text-xs)}.category-icon{width:40px;height:40px}.section-heading.compact{align-items:flex-start}.section-heading.compact .text-link{display:none}.section-heading h2{font-size:26px;line-height:1.45}.discovery-section{margin-top:34px}.discovery-grid{grid-template-columns:1fr;gap:18px}.world-card{min-height:360px;height:auto}.world-card-content{padding:30px 27px}.quick-links{grid-template-columns:1fr}.quick-links>a{padding:20px}.quick-links>a+a{border-left:0;border-top:1px solid var(--line)}.footer-inner{padding:23px 20px;flex-direction:column;gap:16px}.catalog-heading h1{font-size:32px}.catalog-heading p{font-size:var(--text-md);line-height:1.7}.catalog-heading>svg{width:35px;height:35px;margin-left:12px}.breadcrumb{font-size:var(--text-sm);margin-bottom:25px;line-height:1.7}.catalog-layout{display:flex;flex-direction:column;gap:20px}.filter-panel{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;padding:22px 20px 3px}.filter-title{grid-column:1/-1;margin-bottom:17px}.filter-field{font-size:var(--text-sm);margin-bottom:17px}.filter-divider,.filter-panel>h3,.category-sidebar{display:none}.level-filter{grid-column:1/-1;margin-bottom:18px}.level-filter label{display:flex;align-items:center;gap:10px}.level-filter input{margin:0}.results-toolbar{font-size:var(--text-sm);padding-top:18px;align-items:flex-start}.results-toolbar>span{flex-wrap:wrap;line-height:1.8}.results-toolbar label{font-size:0;gap:0}.results-toolbar select{font-size:var(--text-sm)}.catalog-search input{font-size:var(--text-base)}.catalog-search button{font-size:var(--text-xs);padding:9px 11px}.data-table td:first-child{min-width:245px}.data-table th,.data-table td{padding:12px}.data-table td{font-size:var(--text-sm)}.record-name strong{font-size:var(--text-md)}.detail-hero{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center}.detail-hero h1{font-size:30px;line-height:1.4}.detail-hero>.share-button{grid-column:2;justify-self:start;margin-left:0;padding:7px 10px;font-size:var(--text-sm)}.detail-tags{font-size:var(--text-xs);gap:7px;flex-wrap:wrap}.detail-columns{grid-template-columns:1fr}.detail-aside{position:static;display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid>div{padding:14px 12px}.stats-grid strong{font-size:18px}.stats-grid>div>span{font-size:var(--text-xs)}.version-bar{align-items:flex-start;flex-direction:column;gap:12px}.detail-description{font-size:var(--text-base);line-height:1.9}.detail-section{padding:22px 20px}.detail-section-title{align-items:flex-start;gap:13px}.detail-section-title select{width:100%;max-width:100%}.detail-section-title input{width:100%;font-size:var(--text-sm)}.detail-section h2{font-size:20px}.relation-list strong{font-size:var(--text-md)}.relation-list small{font-size:var(--text-xs)}.relation-chance{font-size:var(--text-sm);max-width:84px;overflow-wrap:anywhere}.source-data pre{font-size:var(--text-xs)}.tools-layout{grid-template-columns:1fr;gap:0}.craft-count{font-size:var(--text-sm)}.craft-summary strong{font-size:24px}.craft-production{padding:16px}.craft-production p{font-size:var(--text-sm)}.craft-material{font-size:var(--text-md)}.world-map-panel .panel-title{padding:13px 17px}.map-scroll{max-height:370px}.status-page h1{font-size:28px}.search-suggestions>a{padding:11px 13px}.search-suggestions strong{font-size:var(--text-sm)}.brand{margin-right:auto;border-right:0;padding-right:0}.language-trigger{gap:5px;padding:10px 8px;min-width:102px;font-size:12px}.language-trigger>svg:first-child{display:none}.world-card h3{font-size:29px}.panel-title>span{display:none}.quick-links strong{font-size:var(--text-md)}.quick-links small{font-size:var(--text-xs)}.module-symbol{width:58px;height:58px;border-radius:15px;margin-left:12px}.module-symbol svg{width:30px;height:30px}.data-table th,.data-table td{padding:15px}}@media(max-width:480px){.category-grid{grid-template-columns:1fr;gap:16px}.category-card{padding:24px}.category-card p{min-height:0}.hero-eyebrow{font-size:10px;letter-spacing:2px}.hero-bottom>span{max-width:160px;line-height:1.6}.nav-shell{gap:11px;padding:0 16px}.brand img{width:92px}.footer-inner{text-align:center;padding:26px 20px}.pagination button{padding:9px 10px;font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
