:root{color:#e7dfce;background:#080d10;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 24% 8%,#3b2e1d 0 16%,transparent 38%),linear-gradient(135deg,#080d10,#14211f 48%,#0e1218)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e7cf95;outline-offset:3px}.item-codex-shell{color:#e7dfce}.item-codex-overlay{position:fixed;inset:0;z-index:120;overflow:auto;padding:18px;background:#05090dda;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-codex-overlay.hidden{display:none}.item-codex-standalone{min-height:100dvh}.item-codex{width:min(1440px,100%);margin:0 auto;padding:28px}.codex-hero{position:relative;min-height:310px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.75fr) auto;gap:22px;align-items:stretch;padding:30px;overflow:hidden;border:1px solid #bb9b665f;background:linear-gradient(100deg,#141d20f0,#24352ee8 55%,#0b1117f0),repeating-linear-gradient(90deg,#f7e9c00a 0 1px,transparent 1px 13px);box-shadow:0 24px 90px #0008}.codex-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#d0b06b12 48%,transparent),radial-gradient(circle at 74% 44%,#9cc7b522,transparent 34%)}.codex-hero-copy,.codex-hero-stats,.codex-legendary-set,.codex-hero-portrait,.codex-filters,.codex-card,.codex-detail,.codex-planner,.codex-fusion{position:relative}.codex-eyebrow{color:#b6a06f;font-size:11px;letter-spacing:.18em}.codex-hero h1,.codex-detail h2,.codex-planner h2,.codex-fusion h2{margin:8px 0 0;color:#f4e6c4;font-family:"Noto Serif KR",Songti SC,serif;font-weight:700;letter-spacing:0}.codex-hero h1{font-size:clamp(40px,7vw,88px);line-height:.95}.codex-hero p,.codex-detail p,.codex-card p,.codex-build-summary p,.codex-recipe-detail p{color:#b7c4b9;line-height:1.65}.codex-hero p{max-width:560px;font-size:16px}.codex-close{position:absolute;top:18px;right:18px}.codex-hero-portrait{min-height:240px;display:grid;place-items:center;margin:0;border-left:1px solid #c7a86d38}.codex-hero-portrait figcaption{position:absolute;right:10px;bottom:10px;max-width:220px;color:#ecd39b;font-size:13px}.codex-hero-stats{align-self:end;display:grid;grid-template-columns:auto auto;gap:3px 10px;padding:16px;border:1px solid #d1b16f44;background:#0d1518b5}.codex-hero-stats strong{color:#f0d681;font-size:28px}.codex-hero-stats span{align-self:center;color:#9fb7ad;font-size:12px}.codex-legendary-set{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;gap:8px 14px;align-items:center;padding:14px 16px;border:1px solid #d1b16f44;background:#0d1518cc}.codex-legendary-set[data-active=true]{border-color:#f4d46f;background:linear-gradient(90deg,#f4d46f18,transparent),#101a1bcc}.codex-legendary-set small{color:#9fb7ad;font-size:11px}.codex-legendary-set strong{color:#f3dda0}.codex-legendary-set p,.codex-legendary-benefits,.codex-legendary-skill{margin:0;color:#b7c4b9;font-size:12px;line-height:1.45}.codex-legendary-skill{color:#ffe982}.codex-filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(130px,.22fr));gap:10px;margin:16px 0}.codex-search,.codex-select,.codex-ingredient-select{width:100%;min-height:42px;color:#eee1c5;border:1px solid #a88f656b;background:#0e171acf;padding:10px 12px}.codex-main{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(380px,.85fr);gap:18px}.codex-list{max-height:720px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;padding-right:4px}.codex-card,.codex-build-tab,.codex-recipe-tab,.codex-forge,.codex-close{color:#dfcfaa;border:1px solid #a78f656b;background:#b59b6814;cursor:pointer}.codex-card{min-height:174px;display:flex;flex-direction:column;gap:7px;padding:14px;text-align:left}.codex-card:hover,.codex-card[data-active=true],.codex-build-tab[aria-pressed=true],.codex-recipe-tab[aria-pressed=true],.codex-forge:hover:not(:disabled){border-color:var(--item-color, #d4bb83);background:linear-gradient(135deg,color-mix(in srgb,var(--item-color, #d4bb83) 16%,transparent),transparent),#111a1dcf}.codex-card-rarity,.codex-card small,.codex-detail small,.codex-build-slot small,.codex-recipe-detail small{color:#94aaa3;font-size:11px}.codex-card strong{color:#f0dfbd;font-size:17px;line-height:1.25}.codex-card p{margin:0;font-size:12px}.codex-detail{min-height:720px;padding:20px;border:1px solid #ba9c6666;background:linear-gradient(150deg,#142024,#0c1218 58%,#1d1711),repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 14px)}.codex-preview{position:relative;min-height:270px;display:grid;place-items:center;overflow:hidden;border:1px solid #ccb07138;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--item-color, #d4bb83) 30%,transparent),transparent 46%),linear-gradient(180deg,#18282a,#090e12)}.codex-preview-canvas{position:absolute;inset:0;width:100%;height:100%}.codex-preview-canvas:not([hidden])+.codex-art{opacity:.16}.codex-art{width:min(280px,74%);aspect-ratio:1;border:1px solid #ddc4893f;background:var(--codex-atlas-image, url(/assets/items/wuxia-relic-atlas.png)),radial-gradient(circle,#f0d99233 0 18%,transparent 19%),conic-gradient(from .12turn,transparent,#d9bd792e,transparent,#7ad8ff22,transparent),linear-gradient(140deg,#10191d,#27342c);background-size:300% 200%,auto,auto,auto;background-position:0% 0%,center,center,center;clip-path:polygon(50% 2%,92% 20%,84% 86%,50% 98%,16% 86%,8% 20%);filter:drop-shadow(0 25px 35px #0009)}.codex-art-weapon{background-position:0% 0%,center,center,center}.codex-art-robe{background-position:50% 0%,center,center,center}.codex-art-charm{background-position:100% 0%,center,center,center}.codex-art-bracers{background-position:0% 100%,center,center,center}.codex-art-boots{background-position:50% 100%,center,center,center}.codex-art-ring{background-position:100% 100%,center,center,center}.codex-detail-title h2{font-size:34px}.codex-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.codex-stat-grid dt,.codex-stat-grid dd{margin:0;padding:8px 10px;border:1px solid #8da69833;background:#0d171b91}.codex-stat-grid dt{color:#95aaa2;font-size:11px;border-bottom:0}.codex-stat-grid dd{color:#efd58f;font-size:24px;border-top:0}.codex-power{padding:16px;border-left:3px solid var(--item-color, #d4bb83);background:#0d171a94}.codex-power h3,.codex-tech-branch h3{margin:0 0 8px;color:#ead7ad}.codex-planner,.codex-fusion{margin-top:18px;padding:20px;border:1px solid #9d8a654f;background:linear-gradient(140deg,#121d20,#11151b),repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 12px)}.codex-build-tabs,.codex-recipe-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.codex-build-tab,.codex-recipe-tab,.codex-forge,.codex-close{min-height:38px;padding:8px 12px}.codex-build-body{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1fr) minmax(240px,.55fr);gap:14px}.codex-build-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.codex-build-slot,.codex-build-summary,.codex-recipe-detail{padding:12px;border:1px solid #8ca0923d;background:#0a1317ad}.codex-build-slot strong{display:block;color:#ead9b4;margin:5px 0}.codex-build-slot span{color:#9fb3aa;font-size:11px;line-height:1.45}.codex-tech-tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-tech-branch{padding:10px;border:1px solid color-mix(in srgb,var(--branch-color),transparent 38%);background:linear-gradient(140deg,color-mix(in srgb,var(--branch-color),transparent 86%),#0b1317)}.codex-tech-node{display:inline-block;margin:3px;padding:5px 7px;color:#98aba3;border:1px solid #82908542;font-size:11px}.codex-tech-node[data-active=true]{color:#f2dfa9;border-color:var(--branch-color);background:color-mix(in srgb,var(--branch-color),transparent 78%)}.codex-tech-arts{grid-column:1 / -1;margin:4px 0 0;color:#9db1aa;font-size:12px}.codex-fusion{margin-bottom:28px}.codex-ingredients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.codex-recipe-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}.codex-recipe-detail strong{color:#f0dcae;font-size:18px}.codex-recipe-detail p,.codex-recipe-detail small{grid-column:1;margin:0}.codex-disabled-reasons{color:#d8bd7b}.codex-forge{grid-column:2;grid-row:1 / 5}.codex-forge:disabled{opacity:.45;cursor:default}.codex-empty{color:#9fb1a8;padding:20px;border:1px dashed #8ca09259}@media(max-width:980px){.item-codex{padding:14px}.codex-hero,.codex-main,.codex-build-body{grid-template-columns:1fr}.codex-hero-stats{grid-template-columns:repeat(3,auto 1fr)}.codex-legendary-set{grid-template-columns:auto minmax(180px,1fr)}.codex-filters{grid-template-columns:1fr 1fr}.codex-detail{min-height:0}}@media(max-width:560px){.item-codex{padding:8px}.codex-hero{min-height:0;padding:18px}.codex-hero h1{font-size:42px}.codex-hero-stats,.codex-legendary-set,.codex-filters,.codex-list,.codex-build-slots,.codex-tech-tree,.codex-ingredients,.codex-recipe-detail{grid-template-columns:1fr}.codex-preview{min-height:220px}.codex-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-forge{grid-column:1;grid-row:auto;width:100%}}.codex-game-link{display:inline-block;margin:16px 28px 0;color:#f3e2ad;text-underline-offset:4px}