:root{--bg:#070a0e;--panel:#0d1218;--line:#1b2631;--muted:#758391;--text:#e9f0f6;--cyan:#35d0e8;--green:#55e39f;--gold:#e5b96d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 80% -10%,#15313b55,transparent),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:50px;position:sticky;top:0;background:#070a0eee;backdrop-filter:blur(16px);z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:2px}.brandmark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--cyan);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:var(--cyan);font-weight:800}.brand b{color:var(--cyan)}nav{display:flex;gap:28px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}nav button{color:var(--muted);height:70px;border-bottom:2px solid transparent}nav button.active{color:#fff;border-color:var(--cyan)}.status{margin-left:auto;font-size:12px;color:#93a5b3}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:8px}main{max-width:1500px;margin:auto;padding:0 4vw 80px}.hero{min-height:310px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:40px}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:3px;font-weight:700}.hero h1{font:500 52px/1.05 Georgia,serif;margin:12px 0}.hero h1 em{color:var(--cyan);font-weight:400}.hero>div>p:last-child{color:var(--muted);max-width:570px;line-height:1.7}.ticker{display:grid;grid-template-columns:repeat(2,160px);gap:1px;background:var(--line);border:1px solid var(--line)}.tick{background:#0a0f14;padding:20px}.tick small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.tick b{display:block;font-size:22px;margin-top:8px}.toolbar{display:flex;gap:14px;align-items:center;padding:24px 0}.search{flex:1;display:flex;align-items:center;border:1px solid var(--line);background:var(--panel);height:46px;padding:0 14px}.search span{font-size:24px;color:var(--cyan)}.search input{width:100%;border:0;outline:0;background:none;color:white;padding:0 12px;font-size:14px}.filters{display:flex;border:1px solid var(--line);height:46px}.filters button{padding:0 18px;color:var(--muted);border-right:1px solid var(--line)}.filters button:last-child{border:0}.filters button.active{background:#12212a;color:var(--cyan)}select{height:46px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:0 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:36px}.stat{background:linear-gradient(135deg,#101821,#0b1016);border:1px solid var(--line);padding:20px}.stat small{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:1px}.stat b{display:block;font-size:25px;margin-top:8px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.sectionhead h2{font:400 28px Georgia,serif;margin:6px 0}.sectionhead span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card{position:relative;text-align:left;background:linear-gradient(145deg,#0f161e,#0a0f14);border:1px solid var(--line);padding:16px;min-height:220px;transition:.2s}.card:hover{border-color:#2e6570;transform:translateY(-2px);box-shadow:0 14px 30px #0008}.iconwrap{height:84px;display:grid;place-items:center;background:radial-gradient(circle,#1b2b34,transparent 65%);margin-bottom:15px}.iconwrap img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.fallback{font-size:30px;color:#304652}.tier{position:absolute;right:12px;top:12px;color:var(--gold);font-size:10px;border:1px solid #6a5532;padding:4px 7px}.card h3{font-size:14px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:10px;color:var(--muted);text-transform:uppercase}.prices{display:flex;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}.prices small{color:var(--muted);font-size:9px;display:block;text-transform:uppercase}.prices b{font-size:13px;color:var(--green)}.prices div:last-child{text-align:right}.prices div:last-child b{color:var(--gold)}.more{display:block;margin:28px auto;border:1px solid #2a4650;padding:12px 30px;color:var(--cyan)}dialog{width:min(900px,92vw);max-height:88vh;background:#0b1016;color:var(--text);border:1px solid #29434d;padding:0;box-shadow:0 30px 100px #000;overflow:auto}dialog::backdrop{background:#020407cc;backdrop-filter:blur(5px)}.close{position:sticky;float:right;top:12px;right:15px;font-size:27px;z-index:2}.detail{padding:38px}.detailtop{display:grid;grid-template-columns:180px 1fr;gap:30px}.bigicon{height:180px;display:grid;place-items:center;background:radial-gradient(circle,#213641,transparent 70%);border:1px solid var(--line)}.bigicon img{width:128px;height:128px;object-fit:contain;image-rendering:pixelated}.detail h2{font:400 35px Georgia;margin:0 0 10px}.lore{color:#aab6c0;line-height:1.55;white-space:pre-line;font-family:monospace;font-size:12px}.book{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.book h3{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}.rows{border:1px solid var(--line)}.row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 12px;border-bottom:1px solid var(--line);font-size:11px}.row:last-child{border:0}.row span:nth-child(2){text-align:center}.row span:last-child{text-align:right;color:var(--green)}.empty{padding:18px;color:var(--muted);font-size:12px}.hist{height:150px;display:flex;align-items:flex-end;gap:5px;padding-top:18px}.bar{flex:1;background:linear-gradient(var(--cyan),#174a58);min-height:3px}.note{font-size:11px;color:var(--muted)}@media(max-width:800px){header nav{display:none}.hero{display:block;padding:70px 0 45px}.hero h1{font-size:40px}.ticker{margin-top:35px}.toolbar{flex-wrap:wrap}.filters{order:3;width:100%}.filters button{flex:1}.stats{grid-template-columns:1fr 1fr}.detailtop{grid-template-columns:1fr}.book{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.ticker{grid-template-columns:1fr 1fr}.hero h1{font-size:35px}}
