@font-face{font-family:LilitaOne;src:url('/LilitaOne-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#041626;--panel:#07568a;--gold:#ffcd42;--muted:#bed8e9;--early:#58c783;--mid:#3894f5;--late:#bd6af1;font-family:Arial,sans-serif;color:#fff;background:#000}
*{box-sizing:border-box}body{margin:0;background:#000;min-height:100vh}button,input,select{font:inherit}a{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3,.collection-total strong,.price,.stat-value{font-family:LilitaOne,Arial,sans-serif;font-weight:400}h1,h2,h3{text-shadow:0 2px 0 #001726}main{max-width:1580px;margin:auto;padding:42px 28px 30px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--gold);margin-bottom:12px}h1{font-size:clamp(32px,4vw,54px);line-height:1.1}.subtitle{color:#d0e6f4;line-height:1.5;margin-top:12px;font-size:15px}.collection-total{flex-shrink:0;text-align:center;border-left:1px solid #ffffff25;padding:0 0 0 36px}.collection-total strong{display:block;font-size:52px;color:var(--gold);line-height:1}.collection-total span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.collection-panel{background:#000;border:2px solid #303030;border-radius:18px;padding:22px;box-shadow:none}.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#d4eafa}input,select{width:100%;min-width:0;min-height:43px;border:2px solid #06253e;border-radius:8px;background:#032c4a;color:#fff;padding:9px 11px;font-size:13px;box-shadow:inset 0 2px 3px #0002}input::placeholder{color:#a3c5dd}.results{display:flex;justify-content:space-between;align-items:center;margin:16px 0 25px;gap:12px;font-size:12px;color:#c2dfee}.results button{border:1px solid #ffffff35;border-radius:6px;background:#ffffff0a;color:#fff;padding:8px 12px;font-size:11px}.results button:hover{background:#ffffff20}.stage{--stage:var(--early);margin-top:28px}.stage:first-child{margin-top:0}.stage[data-phase=MidGame]{--stage:var(--mid)}.stage[data-phase=LateGame]{--stage:var(--late)}.stage-heading{display:flex;align-items:center;gap:12px;margin:0 0 15px}.stage-heading h2{font-size:25px}.stage-heading p{font-size:11px;color:#c2dfee;margin-top:3px}.stage-count{margin-left:auto;font-size:12px;color:#d4eafa}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;align-items:stretch;grid-auto-rows:1fr}.item-card{min-width:0;padding:14px;display:flex;flex-direction:column;background:linear-gradient(#092638,#051c2c);border:2px solid var(--stage);border-radius:12px;box-shadow:0 3px 0 #031c30;scroll-margin-top:24px}.item-card.is-highlighted{border-color:var(--gold);background:#3c3215;box-shadow:0 0 0 3px var(--gold)}.item-card:focus-visible{outline:2px solid #fff;outline-offset:5px}.card-head{display:flex;gap:11px;align-items:center;min-height:75px;margin-bottom:12px}.art-frame{width:64px;height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#03090f;border:2px solid var(--stage);border-radius:11px;box-shadow:inset 0 0 12px #000a}.art{background-repeat:no-repeat;background-size:contain;background-position:center}.card-head h3{font-size:19px;line-height:1.1;overflow-wrap:anywhere}.price{display:flex;gap:5px;align-items:center;color:var(--gold);font-size:19px;margin-top:7px}.coin{width:13px;height:13px;border:2px solid #ffe995;border-radius:50%;background:#e3a820;box-shadow:0 2px 0 #91540c}.stats{margin:0 0 15px;padding:10px 0 0;border-top:1px solid #ffffff18}.stat{display:flex;align-items:baseline;justify-content:space-between;gap:9px;padding:4px 0;font-size:12px;line-height:1.4}.stat dt{color:#c7ddea}.stat dd{margin:0;white-space:nowrap;font-size:16px}.stat-help{margin:3px 0 7px;color:#a7c8de;font-size:10px;line-height:1.4}.recipe{margin-top:auto;padding-top:12px;border-top:1px solid #ffffff18}.recipe h4{margin:0 0 7px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#93b8cf}.recipe ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:0}.recipe a{display:block;font-size:10px;padding:5px 7px;border:1px solid #2b5269;background:#102e42;border-radius:5px;text-decoration:none;line-height:1.25}.recipe a:hover{border-color:var(--gold);color:var(--gold)}.recipe-fee{font-size:11px;color:var(--gold);margin-top:8px}.empty{padding:50px 16px;text-align:center;color:#d5e9f4;line-height:1.6}.guide-note{color:#b9d3e5;font-size:12px;line-height:1.6;max-width:850px;padding-top:24px}.guide-note strong{color:#fff}footer{max-width:1580px;margin:auto;padding:10px 28px 30px;display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#8cb1cb}footer span{flex:1}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:#000;z-index:10}.skip-link:focus{top:12px}
@media(min-width:1100px){.grid{grid-auto-rows:1fr}}
@media(max-width:750px){main{padding:28px 16px}.intro{gap:12px}.collection-total{padding-left:15px}.collection-total strong{font-size:38px}.collection-total span{max-width:65px;line-height:1.4}.filters{grid-template-columns:1fr}.search-label{grid-column:1/-1}.collection-panel{padding:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stage-heading h2{font-size:22px}.subtitle{font-size:13px}footer{padding:5px 16px 25px}}
@media(max-width:450px){.grid{grid-template-columns:1fr}.collection-total{display:none}.filters{gap:10px}.item-card{padding:14px}.card-head{min-height:65px}.stage-heading p{max-width:180px;line-height:1.4}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s,border-color .15s}}

.used-in{margin-top:12px}.stats + .used-in{margin-top:auto}

.no-upgrades{font-size:11px;color:#8cacc1}

#search{border:2px solid #fff;background:#000;box-shadow:none}
.stage-filters{margin:0;padding:0;border:0;min-width:0}
.stage-filters legend{font-size:11px;font-weight:700;color:#d4eafa;margin-bottom:7px;padding:0}
.stage-buttons{display:flex;gap:8px}
.stage-buttons button{--stage:var(--early);min-height:43px;padding:9px 16px;border:2px solid var(--stage);border-radius:8px;background:var(--stage);color:#03121e;box-shadow:inset 0 -3px #0002;font-family:LilitaOne,Arial,sans-serif;font-size:16px}
.stage-buttons button[data-phase=MidGame]{--stage:var(--mid)}
.stage-buttons button[data-phase=LateGame]{--stage:var(--late)}
.stage-buttons button[aria-pressed=true]{background:#000;color:var(--stage);box-shadow:none}
.stage-buttons button:hover{filter:brightness(1.12)}
@media(max-width:750px){.stage-buttons button{flex:1;padding:9px 8px;font-size:15px}}

.recipe a[data-phase]{border-color:var(--tag-color);color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 12%,#051c2c)}
.recipe a[data-phase=EarlyGame]{--tag-color:var(--early)}
.recipe a[data-phase=MidGame]{--tag-color:var(--mid)}
.recipe a[data-phase=LateGame]{--tag-color:var(--late)}
.recipe a[data-phase]:hover{background:color-mix(in srgb,var(--tag-color) 24%,#051c2c)}