*{box-sizing:border-box} .codex-page{margin:0;background:var(--bg-deep);color:var(--text-body);font-family:var(--font-body);line-height:1.55} .codex-page a{color:var(--gold-2);text-decoration:none}.codex-page a:hover,.codex-page a:focus-visible{text-decoration:underline} .codex-shell{padding-top:calc(var(--nav-h,64px) + var(--sp-5))} .codex-hub .codex-shell{position:relative;padding-top:calc(var(--nav-h,64px) + var(--band-clear) - var(--sp-4))} .cx-band{display:flow-root;margin:0;padding:var(--sp-4) var(--sp-5)} .codex-hub .cx-sub{color:var(--parchment)} @media(max-width:600px){.codex-hub .cx-sub{margin-bottom:var(--sp-3)}.codex-hub .cx-controls{margin:var(--sp-3) 0}.codex-hub .cx-grid{margin-top:var(--sp-3)}} .codex-hub .codex-shell::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:calc(-1 * var(--nav-h,64px));height:var(--band-h);background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),url(/assets/art/codex-athenaeum-v1-1024.webp);background-position:center top;background-repeat:no-repeat;background-size:auto,cover;mask-image:radial-gradient(ellipse 68% 100% at 50% 0%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 68% 100% at 50% 0%,#000 45%,transparent 100%)} @supports (background-image: image-set(url(a.webp) 1x)){.codex-hub .codex-shell::before{background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),image-set(url(/assets/art/codex-athenaeum-v1-1024.webp) 1x,url(/assets/art/codex-athenaeum-v1-2048.webp) 2x)} @media(min-width:1025px){.codex-hub .codex-shell::before{background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),image-set(url(/assets/art/codex-athenaeum-v1-1440.webp) 1x,url(/assets/art/codex-athenaeum-v1-2048.webp) 2x)}} @media(max-width:600px){.codex-hub .codex-shell::before{background-image:linear-gradient(180deg,var(--black-a22) 0%,var(--black-a45) 45%,var(--black-a80) 100%),image-set(url(/assets/art/codex-athenaeum-v1-m432.webp) 1x,url(/assets/art/codex-athenaeum-v1-m864.webp) 2x)}}} @media(max-width:600px){.codex-hub .codex-shell::before{mask-image:var(--band-mask-phone);-webkit-mask-image:var(--band-mask-phone)}} .cx-wrap{max-width:var(--frame);margin:0 auto;padding:var(--sp-4) var(--sp-5) var(--sp-8)} .cx-wrap-entry{max-width:calc(760px + 2 * var(--sp-5))} .cx-brand{font-size:var(--fs-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-dark);margin-bottom:var(--sp-1)} .cx-wrap h1,.cx-band h1{font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-title);line-height:var(--lh-title);margin:0 0 var(--sp-2);color:var(--text-bright)} .cx-sub{color:var(--parchment-dark);margin:0 0 var(--sp-5);font-size:var(--fs-small);max-width:var(--measure)} .cx-crumb{font-size:var(--fs-caption);color:var(--parchment-dark);margin-bottom:var(--sp-4)}.cx-crumb a{color:var(--gold-2)} .cx-fresh{font-size:var(--fs-caption);color:var(--parchment-dark);margin-top:var(--sp-7);border-top:1px solid var(--border);padding-top:var(--sp-3)} .cx-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} .cx-entry-head{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-2)} .cx-entry-id{min-width:0} .cx-entry-head h1{margin:0} .cx-entry-head .cx-sub{margin:var(--sp-1) 0 0} .cx-crest{flex:0 0 auto;width:128px;height:128px;border:1px solid var(--border);border-radius:var(--radius-2);background:linear-gradient(180deg,var(--bg-3) 0%,var(--bg-4) 100%);object-fit:contain} .cx-crest-empty{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-title);color:var(--parchment-dark);font-synthesis:none} @media(max-width:600px){.cx-entry-head{gap:var(--sp-3)}.cx-crest{width:88px;height:88px}} .cx-mods{width:100%;border-collapse:collapse;font-size:var(--fs-small)} .cx-mods th,.cx-mods td{text-align:left;padding:var(--sp-1) var(--sp-3) var(--sp-1) 0;border-bottom:1px solid var(--border)} .cx-mods thead th{font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-dark);font-weight:400} .cx-mods tbody th{font-weight:400;color:var(--text-body)} .cx-mods tbody td{color:var(--text-bright);white-space:nowrap} .cx-mods tr:last-child th,.cx-mods tr:last-child td{border-bottom:0} .cx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-4);margin:var(--sp-4) 0} .cx-grid>.cx-card{min-width:0} .cx-card{display:block;background:linear-gradient(180deg,var(--bg-3) 0%,var(--bg-4) 100%);border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--sp-3) var(--sp-4);color:var(--text-body);box-shadow:0 4px 14px var(--black-a30)} .cx-card:hover,.cx-card:focus-within{border-color:var(--gold-mid);background:var(--bg-3);text-decoration:none} .cx-card b{display:block;color:var(--text-bright);font-size:var(--fs-body);font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none} .cx-card span{font-size:var(--fs-caption);color:var(--parchment-dark)} .cx-card.cx-dim{opacity:.55;cursor:default} .cx-hub-card{display:flex;flex-direction:column;gap:var(--sp-2)} .cx-hub-card:hover,.cx-hub-card:focus-within{background:var(--bg-4)} .cx-hub-head{display:block;color:var(--text-body)} .cx-hub-head:hover,.cx-hub-head:focus-visible{text-decoration:none} .cx-hub-head:hover b,.cx-hub-head:focus-visible b{color:var(--gold-2)} .cx-hub-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--gold-dark)} .cx-hub-list li{padding:var(--sp-1) 0;font-size:var(--fs-small);line-height:var(--lh-body,1.6);overflow-wrap:anywhere} .cx-hub-list a{color:var(--parchment)} .cx-hub-all{margin-top:0;font-size:var(--fs-small);color:var(--gold-2)} .cx-hub-desc{margin:0;font-size:var(--fs-small);line-height:var(--lh-body,1.6);color:var(--parchment-dark)} .cx-hub-search{display:flex;gap:var(--sp-2);margin:auto 0 0} .cx-hub-search .cx-input{flex:1 1 auto;min-width:0;width:100%} .cx-hub-search .cx-btn{flex:0 0 auto} .cx-hub-minor{border-top:1px solid var(--gold-dim)} .cx-hub-minor h2{font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;font-size:var(--fs-body);line-height:var(--lh-title);margin:0 0 var(--sp-1);color:var(--text-bright)} .cx-hub-minor-lede{margin:0 0 var(--sp-3);font-size:var(--fs-small);color:var(--parchment-dark);max-width:var(--measure)} .cx-hub-minor-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--bg-4);border:1px solid var(--border);border-radius:var(--radius-2)} .cx-hub-minor-row+.cx-hub-minor-row{margin-top:var(--sp-3)} .cx-hub-minor-row b{display:inline;margin-right:var(--sp-2);color:var(--text-bright);font-size:var(--fs-body);font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none} .cx-hub-minor-row span{font-size:var(--fs-caption);color:var(--parchment-dark)} .cx-hub-minor-row .cx-hub-desc{flex:1 1 100%} .cx-hub-minor-row .cx-hub-all{margin-top:0} .cx-hub-list-inline{display:flex;flex-wrap:wrap;gap:0 var(--sp-4);flex:1 1 auto;border-top:0} .cx-hub-list-inline li{padding:0} .cx-total{color:var(--parchment);font-size:var(--fs-small);margin:0 0 var(--sp-4);max-width:var(--measure)} .cx-total b{color:var(--text-bright);font-variant-numeric:tabular-nums} .cx-controls{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;margin:var(--sp-4) 0} .codex-index .cx-wrap{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-3) 60%,transparent),transparent) top/100% 300px no-repeat} .codex-index .cx-controls{padding-bottom:var(--sp-4);border-bottom:1px solid var(--gold-dim)} .cx-input{appearance:none;-webkit-appearance:none;background:var(--icon-search) left var(--sp-3) center/14px 14px no-repeat,var(--bg-4);border:1px solid var(--border);color:var(--text-body);border-radius:var(--radius-1);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-body);min-width:220px;min-height:44px} .cx-input::-webkit-search-cancel-button,.cx-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none} .cx-input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px} @media(max-width:600px){.cx-controls .cx-input{flex:1 1 100%;min-width:0}} .cx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:linear-gradient(180deg,var(--gold-bright),var(--gold-2));color:var(--tarpit);border:1px solid var(--gold-2);border-radius:var(--radius-1);padding:var(--sp-2) var(--sp-5);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 8px var(--gold-2-a20),inset 0 1px var(--white-a30);cursor:pointer} .cx-btn:hover{background:linear-gradient(180deg,var(--flare),var(--spark));border-color:var(--spark)}.cx-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px} .cx-list{background:var(--grad-panel);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-panel-rim),var(--shadow-2)} .cx-item{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);transition:background-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)} .cx-item:last-child{border-bottom:0} .cx-item:hover,.cx-item:focus-within{background:var(--bg-3);box-shadow:var(--shadow-row-marker)} .cx-ico{flex:none;width:28px;height:28px;border-radius:var(--radius-1);border:1px solid var(--border);background:var(--black-a30);object-fit:contain} .cx-ico.cx-spr{display:inline-block;background-repeat:no-repeat;background-size:28px auto;image-rendering:auto} .cx-item>a{flex:1;min-width:0} .codex-page .cx-item a{color:var(--text-bright);font-weight:700}.codex-page .cx-item a:hover,.codex-page .cx-item a:focus-visible{color:var(--gold-bright)} .cx-meta{display:flex;align-items:center;gap:var(--sp-2);color:var(--parchment-dark);font-size:var(--fs-caption);white-space:nowrap} .cx-tier{display:inline-block;padding:0 var(--sp-2);line-height:1.7;font-weight:700;letter-spacing:var(--tr-label);text-transform:uppercase;background:var(--black-a30);border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:var(--radius-1)} .codex-page .cx-r-unknown{color:var(--rarity-unknown)} .codex-page .cx-r-free{color:var(--rarity-free)} .codex-page .cx-r-common{color:var(--rarity-common)} .codex-page .cx-r-uncommon{color:var(--rarity-uncommon)} .codex-page .cx-r-quest{color:var(--rarity-quest)} .codex-page .cx-r-rare{color:var(--rarity-rare)} .codex-page .cx-r-epic{color:var(--rarity-epic-aa)} .codex-page .cx-r-legendary{color:var(--rarity-legendary)} .codex-page .cx-r-mythic{color:var(--rarity-mythic)} .cx-note,.cx-error,.cx-empty{padding:var(--sp-4);border-radius:var(--radius-2);margin:var(--sp-4) 0;font-size:var(--fs-small)} .cx-note{color:var(--parchment-dark)}.cx-error{background:var(--oxblood);border:1px solid var(--gold-dark);color:var(--text-bright)}.cx-empty{background:var(--bg-4);border:1px solid var(--border);color:var(--parchment-dark)} .cx-note{max-width:35.1em} .cx-pager{display:flex;align-items:center;gap:var(--sp-4);margin:var(--sp-4) 0} .cx-pager .cx-pager-btn{background:var(--bg-4);border:1px solid var(--border);color:var(--text-body);border-radius:var(--radius-1);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-small);cursor:pointer} .cx-pager .cx-pager-btn:hover{border-color:var(--gold-mid)}.cx-pager .cx-pager-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px} .cx-pager .cx-pager-btn:disabled{opacity:1;color:var(--text-secondary);background:var(--bg-2);border-color:var(--border);cursor:not-allowed} .cx-row{display:grid;grid-template-columns:180px 1fr;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)} .cx-row dt{color:var(--parchment-dark);font-size:var(--fs-small)}.cx-row dd{margin:0;font-size:var(--fs-body);overflow-wrap:anywhere} .cx-fields{margin:0;padding:0;border-top:1px solid var(--border)} .cx-unknown{color:var(--parchment-dark);font-style:italic} .cx-links{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-5);font-size:var(--fs-small)} .cx-nav-next{margin-left:auto} .cx-usedin{margin-top:var(--sp-5)} .cx-usedin h2{font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-lead);color:var(--text-bright);margin:0 0 var(--sp-2)} .cx-usedin ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)} .cx-usedin li{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-1);border-bottom:1px solid var(--border);font-size:var(--fs-small)} @media(max-width:600px){.codex-shell{padding-top:calc(var(--nav-h,64px) + var(--sp-3))}.cx-wrap,.cx-band{padding-inline:var(--sp-4)}.cx-row{grid-template-columns:1fr}.cx-row dt{padding-bottom:var(--sp-1)}} .cx-usedin .cx-note{margin:var(--sp-2) 0 0;padding:0} @media print{:root{--codex-print-paper:#f6f1e6;--codex-print-ink:#1d170d;--codex-print-muted:#5d5342;--codex-print-line:#b9ad94} body{background:var(--codex-print-paper);color:var(--codex-print-ink)} header,footer,.cx-controls,.cx-pager,#cx-msg,#cx-alt,.cx-hub-search{display:none} .codex-shell,.cx-wrap,.cx-band{background:none;box-shadow:none} .codex-shell h1,.cx-entry h2{color:var(--codex-print-ink);text-shadow:none} .cx-mods th{background:none;color:var(--codex-print-muted);border-bottom:1px solid var(--codex-print-line)} .cx-mods td,.cx-mods th{color:var(--codex-print-ink)} .cx-mods tr{border-bottom:1px solid var(--codex-print-line)} .codex-shell a{color:inherit;text-decoration:none}}