@layer pages;@layer pages{.codex-page{position:relative;isolation:isolate;display:grid;gap:22px;padding-bottom:48px}.codex-page:not(.codex-item-page):before{content:"";position:absolute;top:-36px;left:0;z-index:-1;width:min(100%,860px);height:300px;pointer-events:none;background:radial-gradient(1.4px 1.4px at 12% 22%,color-mix(in srgb,var(--color-white) 70%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1.2px 1.2px at 34% 58%,color-mix(in srgb,var(--color-white) 55%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1.6px 1.6px at 52% 18%,color-mix(in srgb,var(--frame-gold-bright) 80%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1.1px 1.1px at 71% 44%,color-mix(in srgb,var(--color-white) 50%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1.3px 1.3px at 88% 26%,color-mix(in srgb,var(--color-white) 60%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1px 1px at 24% 74%,color-mix(in srgb,var(--color-white) 45%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(closest-side at 26% 48%,color-mix(in srgb,var(--frame-gold) 14%,var(--color-transparent)),var(--color-transparent));background-repeat:no-repeat;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,var(--color-black) 55%,var(--color-transparent));mask-image:radial-gradient(closest-side at 50% 50%,var(--color-black) 55%,var(--color-transparent))}.codex-hero{position:relative;overflow:hidden;min-height:240px;padding:46px clamp(24px,6vw,72px);display:flex;flex-direction:column;justify-content:center;border:1px solid var(--frame-gold-faint);background:radial-gradient(circle at 78% 32%,color-mix(in srgb,var(--frame-gold) 16%,var(--color-transparent)),var(--color-transparent) 24%),linear-gradient(125deg,var(--celestial-navy-900),var(--celestial-navy-700));box-shadow:var(--shadow-lg)}.codex-hero:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid var(--frame-gold-faint);pointer-events:none}.codex-hero-mark{position:absolute;right:clamp(28px,9vw,104px);top:50%;width:clamp(96px,16vw,168px);height:clamp(96px,16vw,168px);display:grid;place-items:center;color:var(--frame-gold);opacity:.22;transform:translateY(-50%) rotate(12deg)}.codex-hero-mark svg{width:100%;height:100%}.codex-eyebrow,.codex-detail-kicker,.codex-results-head>div>span{font-family:var(--font-game);margin:0 0 7px;color:var(--accent-text);font-size:var(--type-xs);font-weight:800}.codex-hero h1{font-family:var(--font-game);margin:0;color:var(--frame-gold-bright);font-family:var(--font-brand);font-size:clamp(44px,7vw,78px);font-weight:400;line-height:1}.codex-hero>p:last-child{max-width:620px;margin:18px 0 0;color:var(--muted);font-size:var(--type-xl);line-height:1.65}.codex-more{justify-self:center;min-width:220px;border-width:2px}.codex-more-sentinel{min-height:48px;display:grid;place-items:center;color:var(--muted);font-size:var(--type-sm)}.codex-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:0;background:linear-gradient(90deg,var(--color-transparent),var(--hairline-gold) 18%,var(--hairline-gold) 82%,var(--color-transparent)) bottom left / 100% 1px no-repeat}.codex-tabs button{position:relative;padding:15px 16px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--color-transparent);color:var(--muted);font:inherit;font-family:var(--font-game);font-size:var(--type-sm);font-weight:700;cursor:pointer;transition:color .18s ease}.codex-tabs button:hover:not(.active){color:var(--text)}.codex-tabs button:after{content:"";position:absolute;right:20%;bottom:-1px;left:20%;height:2px;background:var(--color-transparent)}.codex-tabs button.active{color:var(--frame-gold-bright)}.codex-tabs button.active:after{background:linear-gradient(90deg,var(--color-transparent),var(--frame-gold-bright) 30%,var(--frame-gold-bright) 70%,var(--color-transparent));box-shadow:0 0 14px color-mix(in srgb,var(--frame-gold) 70%,var(--color-transparent))}.codex-tabs small{color:color-mix(in srgb,var(--muted) 82%,var(--color-transparent));font-size:var(--type-xs);font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}.codex-tabs button.active small{color:var(--accent-text)}.codex-toolbar{padding:16px 18px;display:flex;align-items:end;gap:12px;border:2px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--edge-light),var(--shadow-lux)}.codex-toolbar label,.codex-toolbar .codex-filter{min-width:150px;display:grid;gap:6px;color:var(--muted);font-size:var(--type-xs);font-weight:700;letter-spacing:.04em}.codex-toolbar .codex-search{position:relative;min-width:min(360px,42vw);flex:1}.codex-search svg{position:absolute;left:12px;bottom:11px;z-index:1;width:18px;height:18px;color:var(--muted)}.codex-search input{padding-left:39px}.codex-clear{height:40px;align-self:end;font-size:var(--type-lg);white-space:nowrap}.codex-results-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.codex-results-head>div{display:grid}.codex-results-head strong{color:var(--text);font-family:var(--font-game);font-size:var(--type-xl);font-weight:600;font-variant-numeric:tabular-nums}.codex-results-head small{color:var(--muted)}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.codex-grid article{min-width:0}.codex-card-skeleton{pointer-events:none}.codex-card-art-skeleton,.codex-card-name-skeleton{display:block;background:color-mix(in srgb,var(--text) 7%,var(--color-transparent));animation:skeleton-pulse 1.4s linear infinite}.codex-card-art-skeleton{grid-row:1;width:100%;height:100%}.codex-card-name-skeleton{grid-row:2;width:62%;height:13px;margin:14px 12px;border-radius:3px}.codex-card{width:100%;min-height:202px;padding:0;overflow:hidden;display:grid;grid-template-rows:152px 1fr;border:2px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--edge-light),var(--shadow-lux);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.codex-card:hover,.codex-card:focus-visible,.codex-card.selected{border-color:var(--frame-gold);box-shadow:var(--edge-gold),var(--shadow-lux-raised)}.codex-card:focus-visible,.codex-card.selected{transform:translateY(-3px)}.codex-card-art,.codex-detail-portrait{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--frame-gold) 18%,var(--color-transparent)),var(--color-transparent) 48%),var(--surface-2)}.codex-card-art:after,.codex-detail-portrait:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(var(--color-transparent),color-mix(in srgb,var(--surface) 80%,var(--color-transparent)))}.codex-card-art img{width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 12px 15px color-mix(in srgb,var(--color-black) 55%,var(--color-transparent)));transition:transform .18s ease}@media (hover: hover){.codex-card:hover .codex-card-art img{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.codex-card,.codex-card-art img{transition:none}.codex-card:hover,.codex-card:focus-visible,.codex-card.selected{transform:none}}.codex-card-art>svg{width:52px;color:var(--frame-gold)}.codex-card-copy{min-width:0;padding:10px 13px 12px;display:grid;align-content:start;gap:3px}.codex-card-copy strong{overflow:hidden;color:var(--text);font-family:var(--font-game);font-size:var(--type-sm);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.codex-grid-characters .codex-card-copy strong{font-size:var(--type-xl)}.codex-rarity{display:inline-flex;align-items:center;gap:2px;color:var(--frame-gold-bright);font-size:var(--type-md);line-height:1;opacity:.9}.codex-star{width:1em;height:1em;flex:0 0 auto}.codex-card-copy small{overflow:hidden;color:var(--muted);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap}.codex-card-marks{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.codex-card-marks>:only-child{margin-left:auto}.codex-card-marks>*{filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--color-black) 70%,var(--color-transparent)))}.codex-card-marks .weapon-type-icon{color:var(--color-white);opacity:.88}.codex-state{min-height:220px;display:grid;place-items:center;padding:24px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--elevate-sunken);color:var(--muted);text-align:center}.codex-detail{display:grid;gap:26px;min-width:0}.codex-detail-close{justify-self:start}.codex-record-hero{--record-hue: var(--frame-gold);--record-pad: clamp(22px, 3vw, 38px);position:relative;display:grid;grid-template-columns:minmax(0,296px) minmax(0,1fr);gap:clamp(20px,3vw,40px);padding:var(--record-pad);border:0;border-radius:var(--radius-lg);background:radial-gradient(ellipse 62% 78% at 16% 8%,color-mix(in srgb,var(--record-hue) 16%,var(--color-transparent)),var(--color-transparent) 68%),linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 88%,var(--color-transparent)),var(--surface));box-shadow:var(--shadow-lux);overflow:hidden}.codex-record-frame{position:absolute;top:9px;right:9px;bottom:9px;left:9px;z-index:3;border:2px solid var(--frame-gold-faint);border-radius:6px;pointer-events:none}.codex-record-frame i{position:absolute;width:8px;height:8px;background:var(--frame-gold-bright);transform:rotate(45deg)}.codex-record-frame i:nth-child(1){top:-5px;left:-5px}.codex-record-frame i:nth-child(2){top:-5px;right:-5px}.codex-record-frame i:nth-child(3){bottom:-5px;left:-5px}.codex-record-frame i:nth-child(4){right:-5px;bottom:-5px}.codex-record-hero:has(.codex-detail-splash){grid-template-columns:minmax(0,1fr);min-height:500px;isolation:isolate;background:radial-gradient(ellipse 46% 74% at 74% 42%,color-mix(in srgb,var(--record-hue) 22%,var(--color-transparent)),var(--color-transparent) 72%),linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 88%,var(--color-transparent)),var(--surface))}.codex-record-hero:has(.codex-detail-splash):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 94%,var(--color-transparent)) 0%,color-mix(in srgb,var(--surface) 82%,var(--color-transparent)) 44%,var(--color-transparent) 64%)}.codex-record-hero:has(.codex-detail-splash)>.codex-detail-copy{position:relative;z-index:2;max-width:min(580px,52%)}.codex-record-hero>.codex-detail-splash{position:absolute;inset:0 0 0 auto;z-index:0;width:66%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:none;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,var(--color-transparent) 0%,var(--color-black) 34%,var(--color-black) 86%,var(--color-transparent) 100%);mask-image:linear-gradient(90deg,var(--color-transparent) 0%,var(--color-black) 34%,var(--color-black) 86%,var(--color-transparent) 100%)}.codex-record-hero>.codex-detail-splash:after{content:none}@media (max-width: 860px){.codex-record-hero:has(.codex-detail-splash){min-height:0}.codex-record-hero:has(.codex-detail-splash):before{content:none}.codex-record-hero:has(.codex-detail-splash)>.codex-detail-copy{max-width:none}.codex-record-hero:not(:has(.codex-detail-splash)) .codex-detail-portrait{width:min(64%,240px)}.codex-record-hero>.codex-detail-splash{position:relative;inset:auto;width:auto;height:clamp(280px,86vw,420px);margin:calc(-1 * var(--record-pad)) calc(-1 * var(--record-pad)) -44px;-webkit-mask-image:linear-gradient(180deg,var(--color-black) 58%,var(--color-transparent));mask-image:linear-gradient(180deg,var(--color-black) 58%,var(--color-transparent))}.codex-record-hero>.codex-detail-splash img{object-position:center 30%}}.codex-record-hero.element-pyro{--record-hue: var(--elem-pyro)}.codex-record-hero.element-hydro{--record-hue: var(--elem-hydro)}.codex-record-hero.element-electro{--record-hue: var(--elem-electro)}.codex-record-hero.element-cryo{--record-hue: var(--elem-cryo)}.codex-record-hero.element-geo{--record-hue: var(--elem-geo)}.codex-record-hero.element-anemo{--record-hue: var(--elem-anemo)}.codex-record-hero.element-dendro{--record-hue: var(--elem-dendro)}.codex-record-hero:not(:has(.codex-detail-splash)){grid-template-columns:minmax(0,252px) minmax(0,1fr)}.codex-record-hero:not(:has(.codex-detail-splash)) .codex-detail-portrait{aspect-ratio:1}@media (max-width: 860px){.codex-record-hero,.codex-record-hero:not(:has(.codex-detail-splash)){grid-template-columns:minmax(0,1fr)}}.codex-back{justify-self:start}.codex-stat-heading{margin:24px 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.codex-detail-copy .codex-stat-heading h3{margin:0}.codex-stat-heading strong{color:var(--frame-gold);font-size:var(--type-xs);font-variant-numeric:tabular-nums}.codex-level-slider{margin-bottom:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;color:var(--muted);font-size:var(--type-xs);font-variant-numeric:tabular-nums}.codex-level-slider input{grid-column:1 / -1;width:100%}.codex-level-slider output{grid-column:2}.codex-level-slider>span:last-child{grid-column:3;text-align:right}.codex-level-slider input,.codex-talent-level input{min-width:0;accent-color:var(--frame-gold);cursor:pointer}.codex-level-slider output,.codex-talent-level output{min-width:25px;color:var(--frame-gold-bright);font-weight:750;text-align:center}.codex-detail-portrait{width:100%;aspect-ratio:4 / 5;align-self:start;border:2px solid color-mix(in srgb,var(--record-hue, var(--frame-gold)) 26%,var(--hairline));border-radius:var(--radius);background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--record-hue, var(--frame-gold)) 26%,var(--color-transparent)),var(--color-transparent) 62%),linear-gradient(180deg,color-mix(in srgb,var(--surface-3) 70%,var(--color-transparent)),var(--elevate-sunken));box-shadow:var(--edge-light),var(--shadow-lux)}.codex-detail-tooltip-target{min-width:0;align-self:start}.codex-detail-portrait img{z-index:1;width:min(84%,300px);max-height:74%;object-fit:contain;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--color-black) 62%,var(--color-transparent)))}.codex-detail-splash img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 12%}.codex-detail-copy{align-self:stretch;min-width:0;display:flex;flex-direction:column}.codex-detail-body{min-width:0;grid-column:1 / -1}.codex-detail-copy h2{font-family:var(--font-game);margin:0;color:var(--frame-gold-bright);font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.015em}.codex-detail-title{font-family:var(--font-game);margin:6px 0 0;color:var(--muted);font-size:var(--type-md);font-style:normal}.codex-detail-copy h3{font-family:var(--font-game);margin:24px 0 10px;color:var(--muted);font-size:var(--type-xs)}.codex-detail-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.codex-detail-tags .codex-rarity{color:var(--frame-gold-bright);background:color-mix(in srgb,var(--accent) 10%,var(--elevate-sunken));font-size:var(--type-xs)}.codex-element-badge{--badge-hue: var(--record-hue, var(--accent));text-transform:capitalize;background:linear-gradient(180deg,color-mix(in srgb,var(--badge-hue) 38%,var(--surface-2)),color-mix(in srgb,var(--badge-hue) 26%,var(--surface-2)))}.codex-character-stats{margin-top:auto;padding-top:22px}.codex-stat-grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.codex-stat-grid>div{padding:10px 13px 11px;display:grid;gap:2px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--frame-gold) 7%,var(--elevate-sunken));box-shadow:var(--edge-light)}.codex-stat-grid dt{color:var(--muted);font-size:var(--type-2xs);font-weight:700;letter-spacing:.14em}.codex-stat-grid dd{margin:0;color:var(--text);font-family:var(--font-game);font-size:var(--type-2xl);font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.01em}.codex-set-bonuses dl{margin:0;display:grid;gap:8px}.codex-set-bonuses dl>div{padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--frame-gold) 6%,var(--elevate-sunken));box-shadow:var(--edge-light)}.codex-set-bonuses dt{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--frame-gold) 16%,var(--surface-2));color:var(--frame-gold-bright);font-family:var(--font-game);font-size:var(--type-xs);font-weight:700}.codex-set-bonuses dd{margin:0;color:color-mix(in srgb,var(--text) 86%,var(--muted));font-size:var(--type-md);line-height:1.55;white-space:pre-line}.codex-detail-hint{color:var(--muted);font-size:var(--type-sm)}.codex-detail-loading,.codex-detail-missing{margin:22px 0 0;padding:12px 14px;border:1px dashed var(--border);color:var(--muted);font-size:var(--type-sm)}@media (max-width: 680px){.codex-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.codex-tabs button{gap:6px;padding:14px 4px;font-size:var(--type-2xs);letter-spacing:.05em}.codex-tabs small{font-size:var(--type-2xs)}}@media (max-width: 520px){.codex-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.codex-tabs button{line-height:1.2;text-align:center}.codex-toolbar{padding:10px;gap:8px}.codex-toolbar .codex-filter>span{display:none}.codex-results-head{align-items:center}.codex-results-head>div>span{display:none}}.codex-card-art[class*=rarity-],.codex-detail-portrait[class*=rarity-]{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rarity-fill-end) 46%,var(--color-transparent)),var(--color-transparent) 62%),linear-gradient(165deg,color-mix(in srgb,var(--rarity-fill-start) 62%,var(--surface-2)),var(--surface-2) 78%)}.codex-grid-monsters .codex-card-copy strong,.codex-grid-weapons .codex-card-copy strong,.codex-grid-artifacts .codex-card-copy strong{display:-webkit-box;min-height:2.5em;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal}.codex-card-art-monster img{width:100%;height:100%;padding:10px;object-fit:contain}.codex-card-tier{position:absolute;top:8px;left:8px;z-index:1;padding:3px 7px;background:color-mix(in srgb,var(--color-black) 58%,var(--color-transparent));color:var(--color-white);font-family:var(--font-game);font-size:var(--type-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.codex-card-section{overflow:hidden;color:var(--muted);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap}.codex-res-grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 26px}.codex-res-grid>div{padding:9px 2px 8px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--hairline)}.codex-res-grid dt{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--type-sm)}.codex-res-grid dd{margin:0;color:var(--text);font-size:var(--type-lg);font-weight:600;font-variant-numeric:tabular-nums}.codex-detail-boards{display:grid;gap:6px;margin-top:14px}.codex-detail-boards>h3{margin:0}.codex-detail-boards ul{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0;padding:0;list-style:none}.codex-detail-boards a{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 10px;border-radius:999px;background:var(--surface-2);color:var(--accent-text);font-size:var(--type-sm);font-weight:600}.codex-detail-boards a img{width:24px;height:24px;margin:-2px 0 -2px -6px;border-radius:50%;object-fit:cover;background:var(--celestial-navy-800)}@media (max-width: 560px){.codex-detail-boards .codex-board-owner{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}.codex-detail-boards a:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}.codex-detail-variants{display:grid;gap:6px;margin:4px 0 2px}.codex-variant-row{display:inline-flex;flex-wrap:wrap;gap:4px}.codex-variant-row button{display:inline-flex;gap:5px;align-items:center;padding:4px 9px;border:2px solid var(--hairline);border-radius:var(--radius-sm);background:var(--elevate-sunken);color:var(--muted);font-family:var(--font-game);font-size:var(--type-sm);font-weight:600;cursor:pointer}.codex-variant-row button:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,var(--hairline))}.codex-variant-row button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 62%,var(--hairline));background:color-mix(in srgb,var(--accent) 12%,var(--elevate-sunken));box-shadow:var(--edge-gold)}.codex-detail-skins{display:grid;gap:6px;margin-top:14px}.codex-detail-skins>h3{margin:0}.codex-skin-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.codex-skin-row button{display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;padding:7px 6px 8px;border:2px solid var(--hairline);border-radius:var(--radius-sm);background:var(--elevate-sunken);color:var(--muted);font-size:var(--type-xs);font-weight:600;line-height:1.25;text-align:center;cursor:pointer}.codex-skin-row button:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,var(--hairline))}.codex-skin-row button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 62%,var(--hairline));background:color-mix(in srgb,var(--accent) 12%,var(--elevate-sunken));box-shadow:var(--edge-gold)}.codex-skin-row img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.codex-skin-row span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.codex-skin-description{margin:2px 0 0;color:var(--muted);font-size:var(--type-sm)}.codex-phase-picker{justify-self:start;margin-bottom:12px}.codex-res-states{margin-top:16px;overflow-x:auto}.codex-res-states table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.codex-res-states th,.codex-res-states td{padding:8px 10px;border-bottom:1px solid var(--hairline);text-align:right;white-space:nowrap}.codex-res-states thead th{color:var(--muted);font-weight:600}.codex-res-states thead th:first-child,.codex-res-states tbody th{text-align:left}.codex-res-states tbody th{color:var(--muted);font-size:var(--type-sm);font-weight:500;white-space:normal;min-width:160px}.codex-res-states td{color:var(--text);font-weight:600}.codex-res-states td.is-base{color:var(--muted);font-weight:400}}@layer pages{.codex-archive-sections{margin-top:0;display:grid;gap:26px}@media (min-width: 1100px){.codex-archive-sections{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);column-gap:34px;align-items:start}.codex-section-profile,.codex-section-ascension,.codex-section-relics{grid-column:1 / -1}.codex-section-constellations{grid-column:1;grid-row:2}.codex-section-talents{grid-column:2;grid-row:2}.codex-section-talents .codex-ability-list{grid-template-columns:minmax(0,1fr)}}.codex-record-section{min-width:0;display:grid;gap:14px;align-content:start}.codex-record-section>.section-head{margin-bottom:-2px}.codex-section-hint{margin:-10px 0 0;color:var(--muted);font-size:var(--type-xs)}.codex-lore-copy{margin:0;max-width:78ch;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:var(--type-lg);line-height:1.72;white-space:pre-line}.codex-facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 30px}.codex-facts>div{padding:10px 2px 9px;display:grid;gap:2px;border-bottom:1px solid var(--hairline)}.codex-facts dt{color:var(--muted);font-size:var(--type-2xs);font-weight:700;letter-spacing:.14em}.codex-facts dd{margin:0;font-size:var(--type-md);font-weight:600}.codex-ability-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;align-items:start}.codex-ability{container-type:inline-size;border:2px solid var(--color-transparent);border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,var(--color-transparent)),var(--surface));box-shadow:var(--edge-light),var(--shadow-lux);transition:border-color .16s ease}.codex-ability:hover,.codex-ability[open]{border-color:color-mix(in srgb,var(--frame-gold) 40%,var(--color-transparent))}.codex-ability summary{padding:12px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;cursor:pointer}.codex-ability summary::marker{color:var(--frame-gold)}.codex-ability-identity{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px}.codex-ability-glyph{display:grid;place-items:center}.codex-ability-glyph img,.codex-constellation-icon img{border-radius:50%;background:var(--celestial-navy-800);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--frame-gold) 28%,var(--color-transparent))}.codex-ability-identity img{width:42px;height:42px;padding:4px;object-fit:contain}.codex-ability-identity>span{display:grid;gap:2px}.codex-ability summary strong{font-size:var(--type-md)}.codex-ability summary small,.codex-ability summary em{color:var(--muted);font-size:var(--type-2xs);font-style:normal}.codex-ability>p{margin:0;padding:4px 14px 15px;color:var(--muted);font-size:var(--type-sm);line-height:1.65;white-space:pre-line}.codex-values-panel{padding:12px 14px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;border-top:1px solid var(--border)}@container (max-width: 620px){.codex-values-panel{grid-template-columns:minmax(0,1fr)}}.codex-talent-level{display:grid;grid-template-columns:minmax(110px,170px) 28px;align-items:center;gap:5px 8px;color:var(--muted);font-size:9px;letter-spacing:.08em}.codex-talent-level>span{grid-column:1 / -1}.codex-talent-values{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;font-variant-numeric:tabular-nums}.codex-talent-values>div{min-width:0;padding:8px 9px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;border:2px solid var(--border);background:var(--surface)}.codex-talent-values dt{min-width:0;flex:1 1 auto;color:var(--muted);font-size:var(--type-2xs);overflow-wrap:anywhere}.codex-talent-values dd{margin:0 0 0 auto;min-width:0;color:var(--text);font-size:var(--type-xs);font-weight:750;text-align:right;overflow-wrap:anywhere}.codex-constellation-grid{display:grid;gap:0}.codex-constellation-grid article{padding:16px 4px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:16px;border:0;border-bottom:1px solid var(--hairline);background:var(--color-transparent)}.codex-constellation-grid article:last-child{border-bottom:0}.codex-constellation-icon{position:relative;width:46px;height:46px;display:grid;place-items:center}.codex-constellation-icon img,.codex-constellation-icon svg{width:42px;height:42px;padding:4px;object-fit:contain;color:var(--frame-gold)}.codex-constellation-icon b{position:absolute;right:-2px;bottom:-2px;padding:2px 4px;background:var(--surface);color:var(--frame-gold-bright);font-size:9px}.codex-constellation-grid strong{font-size:var(--type-sm)}.codex-enhancement{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--accent-text);font-size:var(--type-2xs);font-weight:700;letter-spacing:.04em;vertical-align:1px;white-space:nowrap;cursor:help}.codex-constellation-grid p{margin:5px 0 0;color:var(--muted);font-size:var(--type-xs);line-height:1.55;white-space:pre-line}.codex-passive-name{display:block;margin-bottom:10px;color:var(--frame-gold-bright)}.codex-refinements,.codex-promotions{display:grid;gap:7px}.codex-refinements article{padding:13px 14px;border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,var(--color-transparent)),var(--surface));box-shadow:var(--edge-light),var(--shadow-lux)}.codex-refinements b{color:var(--frame-gold);font-size:var(--type-xs)}.codex-refinements p{margin:5px 0 0;color:var(--muted);font-size:var(--type-xs);line-height:1.55;white-space:pre-line}.codex-promotions{gap:0}.codex-promotions>article{padding:16px 0;display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:4px 22px;background:linear-gradient(90deg,var(--hairline-gold),var(--color-transparent) 85%) top left / 100% 1px no-repeat}.codex-promotions>article:first-child{background:none}.codex-promotions>article>strong{display:block;grid-column:1;color:var(--accent-text);font-size:var(--type-2xs);font-weight:700;letter-spacing:.14em}.codex-promotion-stat{grid-column:1;display:inline-flex;flex-wrap:wrap;align-self:start;gap:4px 12px;margin-top:5px;font-size:var(--type-xs)}.codex-promotion-stat>span{display:inline-flex;align-items:baseline;gap:5px}.codex-promotion-stat b{color:var(--frame-gold-bright);font-variant-numeric:tabular-nums}.codex-promotion-stat small{color:var(--muted);font-size:var(--type-xs);letter-spacing:.06em}.codex-materials{grid-column:2;grid-row:1 / span 2;display:flex;flex-wrap:wrap;gap:12px 10px}.codex-material{--material-size: 72px;position:relative;width:84px;display:grid;grid-template-rows:var(--material-size) auto;justify-items:center;gap:6px}.codex-material-unknown{opacity:.55}.codex-material img{width:var(--material-size);height:var(--material-size);padding:6px 6px 14px;border-radius:8px 8px 20px;object-fit:contain;background:linear-gradient(160deg,var(--rarity-fill-start, var(--surface-2)),var(--rarity-fill-end, var(--surface-3)));box-shadow:0 6px 14px color-mix(in srgb,var(--color-black) 35%,var(--color-transparent))}.codex-material b{position:absolute;top:calc(var(--material-size) - 19px);left:6px;width:var(--material-size);padding:2px 4px;border-radius:0 0 20px 8px;background:color-mix(in srgb,var(--celestial-navy-900) 72%,var(--color-transparent));color:var(--color-white);font-family:var(--font-game);font-size:var(--type-xs);font-variant-numeric:tabular-nums;text-align:center}.codex-material small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;width:100%;color:var(--muted);font-size:var(--type-2xs);line-height:1.25;text-align:center;overflow-wrap:anywhere}.codex-relic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:10px}.codex-relic-grid>article{padding:14px;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:16px;border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 80%,var(--color-transparent)),var(--surface));box-shadow:var(--edge-light),var(--shadow-lux)}.codex-relic-grid>article>img{width:84px;height:84px;padding:6px;border-radius:8px 8px 22px;object-fit:contain;background:linear-gradient(160deg,var(--rarity-5-start),var(--rarity-5-end));box-shadow:0 6px 14px color-mix(in srgb,var(--color-black) 35%,var(--color-transparent))}.codex-relic-grid small{display:block;margin-bottom:2px;color:var(--frame-gold);font-family:var(--font-game);font-size:var(--type-2xs);letter-spacing:.08em}.codex-relic-grid strong{font-size:var(--type-sm)}.codex-relic-grid p{margin:5px 0 0;color:var(--muted);font-size:var(--type-xs);line-height:1.55;white-space:pre-line}.codex-relic-grid details{margin-top:9px;font-size:var(--type-2xs)}.codex-relic-grid summary{color:var(--frame-gold);cursor:pointer}.element-pyro{--codex-element: var(--elem-pyro)}.element-hydro{--codex-element: var(--elem-hydro)}.element-electro{--codex-element: var(--elem-electro)}.element-cryo{--codex-element: var(--elem-cryo)}.element-geo{--codex-element: var(--elem-geo)}.element-anemo{--codex-element: var(--elem-anemo)}.element-dendro{--codex-element: var(--elem-dendro)}.codex-card-art[class*=element-],.codex-detail-portrait[class*=element-]{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--codex-element) 24%,var(--color-transparent)),var(--color-transparent) 52%),radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rarity-fill-end, var(--surface-2)) 40%,var(--color-transparent)),var(--color-transparent) 62%),linear-gradient(165deg,color-mix(in srgb,var(--rarity-fill-start, var(--surface-2)) 62%,var(--surface-2)),var(--surface-2) 78%)}@media (max-width: 760px){.codex-hero{min-height:210px;padding:36px 26px}.codex-hero-mark{right:22px;opacity:.13}.codex-toolbar{align-items:stretch;flex-wrap:wrap}.codex-toolbar .codex-search{min-width:100%}.codex-toolbar .codex-filter{min-width:calc(50% - 6px);flex:1}.codex-detail{grid-template-columns:1fr}.codex-detail-portrait{width:min(100%,430px);min-height:0;margin-inline:auto}.codex-facts,.codex-constellation-grid{grid-template-columns:1fr}.codex-promotions>article{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.codex-materials{grid-column:1;grid-row:auto;margin-top:8px}.codex-material{--material-size: 64px;width:72px}}@media (max-width: 520px){.codex-page{gap:12px}.codex-tabs button{padding:9px 2px;font-size:var(--type-sm)}.codex-tabs small{display:none}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.codex-card{min-height:182px;grid-template-rows:128px 1fr}.codex-card-art img{width:116px;height:116px}.codex-card-copy{padding:11px}.codex-detail{padding:20px}.codex-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-ability summary{grid-template-columns:minmax(0,1fr)}.codex-ability summary em{padding-left:55px}.codex-values-panel{grid-template-columns:1fr}.codex-talent-level{grid-template-columns:minmax(0,1fr) 28px;align-items:center}.codex-talent-values{grid-template-columns:1fr}.codex-relic-grid>article{grid-template-columns:64px minmax(0,1fr)}.codex-relic-grid>article>img{width:60px;height:60px}}.codex-refinements.has-tabs{gap:10px}.codex-refinement-tabs{display:flex;flex-wrap:wrap;gap:6px}.codex-refinement-tab{min-width:46px;padding:6px 14px;border:0;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 70%,var(--color-transparent));color:var(--muted);font-family:var(--font-game);font-size:var(--type-sm);font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease}.codex-refinement-tab:hover{color:var(--text)}.codex-refinement-tab.active{background:color-mix(in srgb,var(--frame-gold) 18%,var(--surface-2));color:var(--frame-gold-bright)}}@layer pages{.codex-view-toggle{display:inline-flex;overflow:hidden;border:2px solid var(--hairline);border-radius:var(--radius-sm);background:var(--elevate-sunken)}.codex-view-toggle button{display:inline-flex;gap:6px;align-items:center;padding:6px 11px;border:0;background:var(--color-transparent);color:var(--muted);font-size:var(--type-sm);font-weight:600;cursor:pointer}.codex-view-toggle button svg{width:16px;height:16px}.codex-view-toggle button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,var(--color-transparent))}.codex-view-toggle button.active{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,var(--color-transparent));box-shadow:var(--edge-gold)}.codex-results-tools{display:flex;gap:12px;align-items:center}.codex-rows{display:grid;gap:8px}.codex-rows-weapons .codex-row,.codex-rows-artifacts .codex-row{min-height:80px;padding-block:12px}.codex-row{width:100%;padding:9px 14px 9px 9px;display:grid;grid-template-columns:56px minmax(150px,210px) auto minmax(0,1fr);gap:14px;align-items:center;border:2px solid var(--color-transparent);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 80%,var(--color-transparent)),var(--surface));color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--edge-light),var(--shadow-lux);transition:border-color .15s ease,box-shadow .15s ease}.codex-row:hover,.codex-row:focus-visible{border-color:var(--frame-gold);box-shadow:var(--edge-gold),var(--shadow-lux-raised)}.codex-row-art{position:relative;overflow:hidden;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--frame-gold) 18%,var(--color-transparent)),var(--color-transparent) 52%),var(--surface-2)}.codex-row-art img{width:48px;height:48px;object-fit:contain}.codex-row-art[class*=rarity-]{background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rarity-fill-end) 42%,var(--color-transparent)),var(--color-transparent) 64%),linear-gradient(165deg,color-mix(in srgb,var(--rarity-fill-start) 62%,var(--surface-2)),var(--surface-2) 82%)}.codex-row-art>svg{width:22px;color:var(--frame-gold)}.codex-row-title{min-width:0;display:grid;gap:1px}.codex-row-title strong{font-family:var(--font-game);font-size:var(--type-md);font-weight:600}.codex-row-stars{display:inline-flex;align-items:center;gap:2px;color:var(--frame-gold-bright);font-family:var(--font-game);font-size:var(--type-sm);white-space:nowrap}.codex-row-tier{justify-self:start;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--color-transparent));color:var(--text);font-size:var(--type-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.codex-row-marks{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:var(--type-sm)}.codex-row-section{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-row-pieces{display:inline-flex;gap:4px;align-items:center}.codex-row-pieces img{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-2);object-fit:contain}.codex-row-facts{min-width:0;display:grid;gap:2px;color:var(--muted);font-family:var(--font-game);font-size:var(--type-sm);line-height:1.4}.codex-row-facts b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.codex-row-passive,.codex-row-effect{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:10}.codex-row-passive em,.codex-row-effect em{margin-right:6px;color:var(--text);font-style:normal;font-weight:700}.codex-row-res{display:inline-flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-variant-numeric:tabular-nums}.codex-row-res>span{display:inline-flex;gap:3px;align-items:center}@media (prefers-reduced-motion: reduce){.codex-row{transition:none}}@media (max-width: 720px){.codex-row{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.codex-row-art{width:48px;height:48px}.codex-row-art img{width:40px;height:40px}.codex-row-facts{grid-column:1 / -1}.codex-row-pieces img{width:28px;height:28px}.codex-row-section{max-width:110px}}}@layer pages{.amath{display:grid;grid-template-columns:minmax(0,1fr);gap:22px 20px;align-items:start;margin-top:18px;min-width:0}@media (min-width: 700px){.amath{grid-template-columns:repeat(6,minmax(0,1fr))}.amath-card.is-wide,.amath-card.is-half{grid-column:span 6}.amath-card.is-third{grid-column:span 3}}@media (min-width: 1100px){.amath-card.is-half{grid-column:span 3}.amath-card.is-third{grid-column:span 2}}.amath-card{display:flex;flex-direction:column;gap:8px;min-width:0}.amath-card h3{display:flex;align-items:center;min-height:28px;margin:0;font-family:"ShinShin",var(--font);font-size:var(--type-xl);letter-spacing:.01em;background:var(--display-gold-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-transparent)}.amath-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;min-height:28px;min-width:0}.amath-pick{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;max-width:100%;font-size:var(--type-sm)}.amath-pick>span{color:var(--muted);white-space:nowrap}.amath-select{position:relative;min-width:0}.amath-select-trigger{display:inline-flex;align-items:center;gap:6px;min-width:150px;padding:4px 8px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--elevate-sunken);color:var(--text);font:inherit;font-size:var(--type-sm);cursor:pointer}.amath-select-trigger:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--hairline))}.amath-select-trigger>span{flex:1 1 auto;text-align:left;white-space:nowrap}.amath-select-trigger>svg:last-child{flex:0 0 auto;color:var(--muted)}.amath-select-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:100%;max-height:280px;margin:0;padding:4px;overflow-y:auto;list-style:none;border:var(--modal-edge);border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:0 12px 28px color-mix(in srgb,var(--color-black) 32%,var(--color-transparent))}.amath-select-panel button{display:flex;align-items:center;gap:7px;width:100%;padding:5px 8px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:var(--color-transparent);color:var(--text);font:inherit;font-size:var(--type-sm);text-align:left;white-space:nowrap;cursor:pointer}.amath-select-panel button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--color-transparent))}.amath-select-panel button.on{background:color-mix(in srgb,var(--accent) 18%,var(--color-transparent))}.amath-scroll{min-width:0;overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--elevate-sunken)}.amath-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:var(--type-sm)}.amath-table th,.amath-table td{padding:6px 11px;border-bottom:1px solid var(--hairline);text-align:left;white-space:nowrap}.amath-table thead th{background:var(--elevate-raised);color:var(--muted);font-size:var(--type-2xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase}.amath-table tbody th{font-weight:500}.amath-table .num,.amath-table thead th.num{font-variant-numeric:tabular-nums;text-align:right}.amath-table tbody tr:last-child th,.amath-table tbody tr:last-child td{border-bottom:0}.amath-table .is-excluded{color:var(--muted);opacity:.6}.amath-slot,.amath-stat{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.amath-slot .gear-icon{width:16px;height:16px}.amath-stat .stat-icon-img{flex:0 0 auto}@media (max-width: 620px){.amath{gap:18px}.amath-table th,.amath-table td{padding:6px 9px}}}