:root{color-scheme:dark;--bg:#0b0f0c;--panel:#141915;--panel2:#1b211b;--line:#4c4937;--gold:#dfbb69;--ink:#ece4cf;--muted:#9d9c8e;--cyan:#63c4ce;--red:#bd5d46;--green:#8ca16d;--violet:#8a78b1}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
button,input{font:inherit;letter-spacing:0}.hidden{display:none!important}.codex-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}
.codex-sidebar{position:sticky;top:0;height:100vh;padding:24px 16px 18px;border-right:2px solid #302f26;background:#101410;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px;color:var(--ink);text-decoration:none}.brand i{width:29px;height:34px;background:#bd523c;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.brand strong{display:block;font:700 23px Georgia,serif}.brand small{display:block;color:#8c8d80;font-size:9px;text-transform:uppercase}
.codex-nav{display:grid;gap:5px}.codex-nav button{height:54px;padding:0 12px;border:1px solid transparent;background:transparent;color:#aaa99c;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;text-align:left;cursor:pointer}.codex-nav button:hover{background:#1a1f1a;color:var(--ink)}.codex-nav button.active{border-color:#655b3e;background:#20241d;color:var(--gold)}.codex-nav button span{font:700 19px Georgia,serif}.codex-nav button b{font-size:13px}.codex-nav button small{min-width:24px;padding:3px 6px;background:#0e110e;color:#888b7e;text-align:center;font-size:10px}
.game-link{margin-top:auto;padding:13px 10px;border-top:1px solid #343329;color:#b7b3a3;text-decoration:none;font-size:12px}.game-link:hover{color:var(--gold)}
.codex-content{min-width:0;padding:30px clamp(22px,4vw,58px) 56px;background-image:linear-gradient(rgba(85,96,70,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(85,96,70,.045) 1px,transparent 1px);background-size:46px 46px}
.content-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:2px solid #4a4633}.content-head p{margin:0 0 5px;color:#8f9183;font-size:10px;font-weight:800;text-transform:uppercase}.content-head h1{margin:0;color:var(--gold);font:700 30px Georgia,serif;text-transform:uppercase}
.search-box{width:min(320px,38vw);height:42px;border:2px solid #3c3d32;background:#111511;display:flex;align-items:center;gap:8px;padding:0 12px}.search-box:focus-within{border-color:#8e7848}.search-box span{color:#b69a59;font-size:22px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#6f7269}
.filter-row{min-height:51px;display:flex;align-items:center;gap:7px;overflow-x:auto}.filter-row button{height:28px;padding:0 11px;border:1px solid #3d3d32;background:#151915;color:#99998d;cursor:pointer;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}.filter-row button.active,.filter-row button:hover{border-color:#8c7547;color:#e0c176;background:#22241d}
.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px}.entry-card{--tone:var(--gold);position:relative;min-height:294px;padding:0;border:2px solid #464433;border-top-color:var(--tone);background:linear-gradient(180deg,#181d18,#111511);color:var(--ink);cursor:pointer;text-align:left;overflow:hidden;transition:transform .16s,border-color .16s,filter .16s}.entry-card:hover,.entry-card:focus-visible{transform:translateY(-4px);border-color:var(--tone);filter:brightness(1.07);outline:0}.entry-art{display:block;width:100%;height:176px;object-fit:contain;padding:14px 20px 4px;filter:drop-shadow(0 7px 4px #000)}.entry-body{padding:11px 14px 14px;border-top:1px solid #302f26}.entry-title{margin:0;color:#e4c477;font:700 17px/1.15 Georgia,serif;text-transform:uppercase}.entry-sub{margin:5px 0 0;color:var(--tone);font-size:9px;font-weight:800;text-transform:uppercase}.entry-desc{margin:10px 0 0;color:#b9b5a7;font:13px/1.35 Georgia,serif}.stat-line{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.stat-line i{padding:4px 7px;border:1px solid #34362e;background:#0e120f;color:#bab8aa;font-style:normal;font-size:10px}.tone-war,.tone-battle{--tone:var(--red)}.tone-arcane,.tone-control{--tone:var(--cyan)}.tone-knowledge{--tone:var(--gold)}.tone-ward,.tone-obstacle{--tone:var(--green)}.tone-mind{--tone:var(--violet)}
.entry-grid.cards-grid{grid-template-columns:repeat(auto-fill,minmax(202px,1fr));align-items:start;justify-items:center;gap:24px 17px;padding-top:8px}.codex-game-card{--card-tone:#8b5138;position:relative;width:210px;height:294px;padding:0;border:4px solid var(--card-tone);border-radius:7px;background:#211713;color:#eee3c7;box-shadow:inset 0 0 0 2px #090b09,0 9px 11px rgba(0,0,0,.72);cursor:pointer;overflow:hidden;text-align:center;transition:transform .16s,filter .16s,border-color .16s}.codex-game-card::before{content:"";position:absolute;inset:4px;z-index:1;border:1px solid rgba(236,206,137,.24);border-radius:3px;pointer-events:none}.codex-game-card:hover,.codex-game-card:focus-visible{z-index:3;transform:translateY(-7px) scale(1.025);border-color:#e0b75f;filter:brightness(1.1);outline:0}.codex-game-card.card-control{--card-tone:#39788a;background:#122027}.codex-game-card.card-mind{--card-tone:#76669c;background:#1c1825}.codex-game-card.card-obstacle{--card-tone:#6f7942;background:#182015}.codex-game-card.card-signature{--card-tone:#a88746;background:#211c13}.codex-game-card.card-warMachine{--card-tone:#806743;background:#1d1a14}.codex-card-cost{position:absolute;z-index:5;left:-6px;top:-7px;width:48px;height:48px;display:grid;place-items:center;border:4px solid #a68848;border-radius:50%;background:radial-gradient(circle at 38% 30%,#68d8ec,#16789b 48%,#082c3b 72%);color:#fff;font:700 25px Georgia,serif;text-shadow:0 2px #062431;box-shadow:0 2px 5px #000}.codex-card-name{position:absolute;z-index:3;left:27px;right:7px;top:10px;height:34px;display:grid;place-items:center;padding-left:8px;color:#f2e2bb;font:700 14px/1.05 Georgia,serif;text-transform:uppercase;text-shadow:0 2px #000}.codex-card-art{position:absolute;left:11px;right:11px;top:50px;height:145px;display:grid;place-items:center;border:2px solid #51462f;background:rgba(5,8,7,.64);overflow:hidden}.codex-card-art img{width:91%;height:91%;object-fit:contain;filter:drop-shadow(0 5px 4px #000)}.codex-card-text{position:absolute;left:12px;right:12px;top:203px;min-height:60px;display:grid;place-items:center;padding:5px 8px;color:#d5ceb9;font:13px/1.25 Georgia,serif}.codex-card-type{position:absolute;left:5px;right:5px;bottom:7px;padding:4px;color:#c2ae7c;border-top:1px solid var(--card-tone);font:700 9px Georgia,serif;text-transform:uppercase}.card-control .codex-card-type{color:#75c4d0}.card-mind .codex-card-type{color:#a999ce}.card-obstacle .codex-card-type{color:#acb97c}.card-signature .codex-card-type{color:#e0c278}
.monster-card .entry-art{height:216px;padding-top:10px;object-position:center bottom}.monster-card{min-height:340px}.battle-card{min-height:330px}.battle-card .entry-art{height:160px;padding:0;object-fit:cover;filter:saturate(.8) brightness(.75)}.battle-card .entry-body{position:relative}.empty{padding:40px;border:1px solid #38382f;color:#8f9185;text-align:center}
.entry-card.inactive{filter:grayscale(1);opacity:.54;border-top-color:#777}.entry-card.inactive:hover,.entry-card.inactive:focus-visible{filter:grayscale(1) brightness(1.08);opacity:.72;border-color:#888}.entry-card.inactive .entry-sub{color:#aaa}.detail-hero.inactive{filter:grayscale(1)}
.detail-dialog{width:min(830px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:0;border:3px solid #5b533b;background:#111611;color:var(--ink);box-shadow:0 20px 60px #000;overflow:auto}.detail-dialog::backdrop{background:rgba(3,5,4,.84);backdrop-filter:blur(5px)}.dialog-close{position:sticky;z-index:5;float:right;top:12px;margin:12px 12px -50px 0;width:38px;height:38px;border:2px solid #5a5038;background:#191d18;color:#d9bd79;cursor:pointer;font-size:25px}.dialog-close:hover{border-color:#c1a05b}.detail-hero{display:grid;grid-template-columns:280px 1fr;min-height:290px;border-bottom:2px solid #3d3b2e}.detail-hero>img{width:100%;height:290px;padding:25px;object-fit:contain;filter:drop-shadow(0 10px 7px #000)}.detail-copy{padding:42px 52px 28px 18px}.detail-eyebrow{color:var(--tone,var(--gold));font-size:10px;font-weight:800;text-transform:uppercase}.detail-copy h2{margin:7px 0;color:#e3c375;font:700 31px/1.1 Georgia,serif;text-transform:uppercase}.detail-copy p{color:#c2beae;font:15px/1.5 Georgia,serif}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#37362c;border-block:1px solid #37362c}.detail-stats div{padding:13px;background:#171b17}.detail-stats small{display:block;color:#888b80;font-size:9px;text-transform:uppercase}.detail-stats strong{display:block;margin-top:4px;color:#eee4cb;font:700 17px Georgia,serif}.detail-section{padding:22px 28px;border-bottom:1px solid #33332b}.detail-section h3{margin:0 0 13px;color:#d9b96e;font:700 17px Georgia,serif;text-transform:uppercase}.level-list,.ability-list,.roster-list{display:grid;gap:8px}.level-row,.ability-row,.roster-row{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:11px;border-left:3px solid var(--tone,var(--gold));background:#191e19}.level-row strong,.ability-row strong,.roster-row strong{color:#e2c176;font:700 13px Georgia,serif}.level-row span,.ability-row span,.roster-row span{color:#bebbad;font-size:13px;line-height:1.4}
.detail-card-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;min-height:360px;padding:30px 46px 28px;border-bottom:2px solid #3d3b2e;background:radial-gradient(circle at 18% 50%,rgba(112,88,45,.15),transparent 38%)}.detail-card-face{width:230px;height:322px;cursor:default}.detail-card-face:hover{transform:none;filter:none;border-color:var(--card-tone)}.detail-card-face .codex-card-art{height:160px}.detail-card-face .codex-card-text{top:219px}.detail-card-layout .detail-copy{padding:0}.detail-note{margin-top:18px;padding:10px 12px;border-left:3px solid #77633d;background:#191d18;color:#8f9184;font-size:11px;line-height:1.4}
@media(max-width:760px){.codex-shell{grid-template-columns:1fr}.codex-sidebar{position:sticky;z-index:10;height:auto;padding:10px;border:0;border-bottom:2px solid #302f26}.brand,.game-link{display:none}.codex-nav{grid-template-columns:repeat(3,1fr)}.codex-nav button{height:45px;padding:0 6px;grid-template-columns:22px 1fr}.codex-nav button small{display:none}.codex-content{padding:20px 14px 40px}.content-head{align-items:start;flex-direction:column}.search-box{width:100%}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.codex-game-card{width:min(210px,100%)}.detail-hero{grid-template-columns:1fr}.detail-hero>img{height:230px}.detail-copy{padding:0 22px 22px}.detail-card-layout{grid-template-columns:1fr;justify-items:center;padding:28px 20px}.detail-card-layout .detail-copy{padding:0;text-align:center}.detail-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.codex-nav button b{font-size:10px}.entry-grid{grid-template-columns:1fr}.content-head h1{font-size:25px}}