: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(1680px,100%);margin:0 auto;min-height:calc(100dvh - 36px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px 18px 18px}.codex-hero{position:relative;min-height:0;display:grid;grid-template-columns:minmax(220px,.62fr) minmax(210px,auto) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;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 16px 50px #0007}.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-workspace,.codex-mode-tabs,.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{margin-top:2px;font-size:clamp(28px,3.4vw,46px);line-height:1}.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;margin:5px 0 0;font-size:13px}.codex-close{position:static;justify-self:end}.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{display:grid;grid-template-columns:auto auto;gap:1px 8px;padding:10px 12px;border:1px solid #d1b16f44;background:#0d1518b5}.codex-hero-stats strong{color:#f0d681;font-size:20px}.codex-hero-stats span{align-self:center;color:#9fb7ad;font-size:12px}.codex-legendary-set{grid-column:auto;display:grid;grid-template-columns:auto minmax(140px,.34fr) minmax(220px,1fr) minmax(210px,.7fr);gap:4px 10px;align-items:center;min-width:0;padding:10px 12px;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:11px;line-height:1.35}.codex-legendary-skill{color:#ffe982}.codex-workspace{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px}.codex-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-mode-tab{min-height:50px;display:grid;gap:2px;padding:9px 12px;color:#dfcfaa;border:1px solid #a78f656b;background:#081014d6;text-align:left;cursor:pointer}.codex-mode-tab[aria-pressed=true]{border-color:#e2bf70;background:linear-gradient(135deg,#e2bf7020,transparent),#111a1dcf}.codex-mode-tab strong{color:#f0dfbd;font-size:14px}.codex-mode-tab span{color:#97aaa3;font-size:11px}.codex-workspace-panel{min-height:0}.codex-filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(130px,.22fr));gap:10px;margin: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{min-height:0;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(470px,.88fr);gap:12px}.codex-list{height:clamp(540px,calc(100dvh - 230px),820px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;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:142px;display:flex;flex-direction:column;gap:6px;padding:12px;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-card-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.codex-card-stats b{padding:3px 6px;color:#f2dfa9;border:1px solid color-mix(in srgb,var(--item-color, #d4bb83) 52%,transparent);background:#060b0db5;font-size:11px;font-weight:500}.codex-detail{min-height:0;height:clamp(540px,calc(100dvh - 230px),820px);overflow:auto;padding:16px;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:220px;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:30px}.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-resonance-matrix h3,.codex-tech-branch h3{margin:0 0 8px;color:#ead7ad}.codex-item-insight,.codex-appearance-detail,.codex-resonance-matrix{margin-top:14px;padding:14px;border:1px solid #8ca0923d;background:linear-gradient(90deg,color-mix(in srgb,var(--item-color, #d4bb83) 12%,transparent),transparent),#081115cc}.codex-appearance-detail{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;border-color:color-mix(in srgb,var(--appearance-color, #d4bb83) 48%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--appearance-color, #d4bb83) 16%,transparent),transparent 52%),#081115cc}.codex-appearance-swatch{grid-row:1 / span 2;width:32px;aspect-ratio:1;border:1px solid #f2dfb080;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff8,transparent 24%),linear-gradient(135deg,var(--appearance-color, #d4bb83),var(--appearance-trim, #8fb8d8));box-shadow:0 0 24px color-mix(in srgb,var(--appearance-color, #d4bb83) 52%,transparent)}.codex-appearance-detail strong{min-width:0;color:#f4dfaf;font-size:17px}.codex-appearance-detail p{min-width:0;margin:0;color:#d8c68f;font-size:12px;line-height:1.45}.codex-item-insight strong{color:#f4dfaf;font-size:18px}.codex-stat-bars{display:grid;gap:7px;margin-top:12px}.codex-stat-bar{display:grid;grid-template-columns:56px minmax(0,1fr) 34px;gap:8px;align-items:center;color:#aab9b3;font-size:11px}.codex-stat-bar i{height:6px;border:1px solid #ffffff12;background:linear-gradient(90deg,var(--item-color, #d4bb83) var(--bar),transparent var(--bar)),#05090b}.codex-stat-bar strong{color:#efd58f;text-align:right}.codex-resonance-row{display:grid;gap:4px;padding:10px 0;border-top:1px solid #ffffff12}.codex-resonance-row:first-of-type{border-top:0}.codex-resonance-row strong{color:#f0dfbd}.codex-resonance-row span{color:#d6c08c;font-size:12px}.codex-resonance-row p{margin:0;font-size:12px}.codex-planner,.codex-fusion{margin-top:0;max-height:clamp(560px,calc(100dvh - 230px),840px);overflow:auto;padding:16px;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(92px,.18fr) minmax(340px,.85fr) minmax(360px,1fr) minmax(240px,.55fr);gap:14px}.codex-build-board{display:grid;gap:10px;padding:12px;border:1px solid #bfa06a59;background:linear-gradient(180deg,#0c1518e6,#0a1014e6),repeating-linear-gradient(0deg,#ecd39b08 0 1px,transparent 1px 18px);box-shadow:inset 0 0 0 1px #070b0d}.codex-build-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-build-pillar{min-height:86px;padding:10px;border:1px solid #c4a97042;background:radial-gradient(circle at 80% 20%,#d8bd7b18,transparent 42%),#0d171a}.codex-build-pillar small,.codex-build-slot small{color:#d4bb81;font-size:11px;letter-spacing:.08em}.codex-build-pillar strong{display:block;margin:5px 0;color:#f1dfb2;font-family:"Noto Serif KR",Songti SC,serif;font-size:18px}.codex-build-pillar span{color:#9fb3aa;font-size:11px;line-height:1.45}.codex-loadout-rail{display:grid;gap:8px;align-content:start}.codex-loadout-node{min-height:62px;display:grid;gap:4px;padding:9px;color:#dfcfaa;border:1px solid #8ca0923d;background:#071013;text-align:left;cursor:pointer}.codex-loadout-node span{color:#8fbfd0;font-size:11px}.codex-loadout-node strong{color:#f0dfbd;font-size:12px;line-height:1.25}.codex-loadout-node:hover{border-color:#e2bf70}.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{position:relative;overflow:hidden}.codex-build-slot:before{content:attr(data-slot);position:absolute;right:8px;top:6px;color:#ffffff10;font-size:18px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.codex-build-slot[data-style=cleave]{border-color:#e06b5f7a}.codex-build-slot[data-style=orbit]{border-color:#8cead978}.codex-build-slot[data-style=thunder]{border-color:#f0d66a78}.codex-build-slot[data-style=shadow]{border-color:#b091ff78}.codex-build-slot[data-style=qi]{border-color:#72b8dd78}.codex-build-slot[data-style=guard]{border-color:#91c37d78}.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:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;align-items:start;margin:4px 0;padding:7px 8px;color:#98aba3;border:1px solid #82908542;font-size:11px}.codex-tech-node b{grid-row:1 / span 2;min-width:34px;color:#b9c8bf;font-size:10px}.codex-tech-node strong{min-width:0;color:#d7c8a6;font-size:12px;line-height:1.25}.codex-tech-node small{min-width:0;color:#8fa39b;line-height:1.35}.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-node[data-active=true] b,.codex-tech-node[data-active=true] strong{color:#f2dfa9}.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:1200px){.codex-hero{grid-template-columns:minmax(190px,.42fr) minmax(180px,auto) minmax(0,1fr) auto}.codex-legendary-set{grid-template-columns:auto minmax(120px,.36fr) minmax(0,1fr)}.codex-legendary-skill{grid-column:2 / -1}.codex-build-body,.codex-build-ledger{grid-template-columns:1fr}.codex-loadout-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.item-codex{padding:14px}.codex-hero,.codex-main,.codex-build-body{grid-template-columns:1fr}.codex-hero{align-items:start}.codex-close{justify-self:stretch}.codex-mode-tabs{grid-template-columns:1fr 1fr 1fr}.codex-loadout-rail{grid-template-columns:repeat(3,minmax(0,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-list,.codex-detail,.codex-planner,.codex-fusion{max-height:none}.codex-main{display:flex;flex-direction:column}.codex-detail{order:1;height:auto}.codex-list{order:2;height:clamp(360px,48dvh,520px)}.codex-planner,.codex-fusion{height:auto}}@media(max-width:560px){.item-codex{padding:8px}.codex-hero{min-height:0;padding:12px}.codex-hero h1{font-size:34px}.codex-mode-tabs{grid-template-columns:1fr}.codex-mode-tab{min-height:44px}.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:200px}.codex-stat-grid,.codex-loadout-rail{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}