:root{
  --void:#07090b; --stone:#151d23; --deepstone:#1d2831; --slate:#29343d;
  --grass:#5e9e3d; --emerald:#52d273; --gold:#f7c948; --gold2:#ffdf70;
  --redstone:#ff5a57; --water:#63b3ed; --text:#edf2f7; --muted:#9db0c2;
  --line:#33414c;
}
*{box-sizing:border-box}
body{
  margin:0; color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(247,201,72,.10), transparent 330px),
    radial-gradient(circle at bottom left, rgba(82,210,115,.08), transparent 380px),
    linear-gradient(180deg,#050708 0%, #10161b 45%, #07090b 100%);
  font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif; letter-spacing:.2px;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; opacity:.075;
  background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);
  background-size:16px 16px; background-position:0 0,0 8px,8px -8px,-8px 0; mix-blend-mode:overlay;
}
a{color:var(--gold); text-decoration:none} a:hover{color:var(--gold2)}
.topbar{position:sticky; top:0; z-index:20; background:linear-gradient(180deg,#11171c,#070a0d); border-bottom:4px solid #1c252c; box-shadow:0 5px 0 #000,0 0 25px rgba(0,0,0,.45)}
.nav{min-height:58px; padding:10px 18px; display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:10px; margin-right:12px; color:#fff; font-weight:900; font-size:20px; text-shadow:3px 3px 0 #000}
.brand .cube{width:32px; height:32px; border:3px solid #111; background:linear-gradient(180deg,var(--grass) 0 35%,#7a4a2d 35% 100%); box-shadow:inset 0 3px rgba(255,255,255,.22),inset 0 -4px rgba(0,0,0,.35),3px 3px 0 #000}
.nav a{color:var(--gold); font-weight:800; padding:9px 10px; border:2px solid transparent; text-shadow:2px 2px 0 #000}.nav a:hover{background:#172027; border-color:#2e3b45; box-shadow:inset 0 -3px rgba(0,0,0,.35)}
main{width:min(1580px,calc(100% - 34px)); margin:26px auto 80px}
.hero,.card{background:linear-gradient(180deg,rgba(31,43,51,.94),rgba(18,26,32,.97)); border:3px solid #26343e; border-radius:6px; box-shadow:0 6px 0 #07090b,inset 0 2px rgba(255,255,255,.05),inset 0 -4px rgba(0,0,0,.2); padding:22px; margin-bottom:22px}
.hero{border-image:linear-gradient(90deg,#2e3b45,#57401d,#2e3b45) 1}
h1,h2,h3{margin:0 0 16px; font-weight:900; text-shadow:3px 3px 0 #000; letter-spacing:1.5px} h1{font-size:34px} h2{font-size:24px}
p{line-height:1.55}.muted{color:var(--muted)}.danger{color:var(--redstone)}.ok{color:var(--emerald)}.gold{color:var(--gold)}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin-bottom:22px}
.stat{background:linear-gradient(180deg,#22313a,#151d23); border:3px solid #2f3c45; border-radius:4px; box-shadow:0 5px 0 #050607,inset 0 2px rgba(255,255,255,.06); padding:18px}
.stat b{display:block; font-size:34px; color:#fff; text-shadow:3px 3px 0 #000}.stat span{color:var(--muted)}
.table-wrap{overflow:auto; border:3px solid #26343e; border-radius:6px; background:#10171c; box-shadow:0 6px 0 #050607}
table{width:100%; border-collapse:separate; border-spacing:0; min-width:900px} th,td{padding:13px 12px; border-bottom:2px solid #24313a; vertical-align:top}
th{position:sticky; top:58px; background:#0b1116; color:#fff; z-index:5; text-shadow:2px 2px 0 #000}tr:nth-child(even) td{background:rgba(255,255,255,.015)}tr:hover td{background:#1b2831}
.pill{display:inline-block; margin:4px 5px 4px 0; padding:5px 10px; background:#1c2a22; border:2px solid #2d5034; color:var(--gold); font-weight:800; border-radius:3px; box-shadow:inset 0 2px rgba(255,255,255,.05),2px 2px 0 #000; font-size:13px}
.btn,button{display:inline-block; border:3px solid #1a1205; background:linear-gradient(180deg,#ffdd6a,#d99b23 55%,#8d5d12); color:#1a1308; padding:10px 14px; font-weight:900; cursor:pointer; box-shadow:0 4px 0 #000,inset 0 2px rgba(255,255,255,.35); text-shadow:1px 1px rgba(255,255,255,.25); border-radius:3px}
.btn:hover,button:hover{filter:brightness(1.12); transform:translateY(-1px)}.btn.secondary{background:linear-gradient(180deg,#33434e,#1f2b33); color:#e8f0f7; border-color:#111820; text-shadow:2px 2px 0 #000}
input,select,textarea{width:100%; background:#0b1014; border:3px solid #27343d; color:var(--text); padding:10px; border-radius:3px; box-shadow:inset 0 3px 0 rgba(0,0,0,.35)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold)}label{display:block; color:var(--gold2); font-weight:800; margin:10px 0 5px; text-shadow:2px 2px 0 #000}
.filters{display:grid; grid-template-columns:2fr 1fr 1fr 1fr auto; gap:12px; align-items:end}.flash{margin-bottom:16px; padding:12px 14px; border:3px solid #31404a; background:#17242c; box-shadow:0 4px 0 #050607; color:#fff}
.price{white-space:nowrap; font-variant-numeric:tabular-nums; font-weight:900}.key{color:#90a4b7; font-size:13px; word-break:break-word}.actions{display:flex; gap:8px; flex-wrap:wrap}
code{background:#0b1014; border:1px solid #26343e; padding:2px 5px}
@media(max-width:900px){main{width:calc(100% - 18px); margin-top:14px}.filters{grid-template-columns:1fr}h1{font-size:27px}.nav{gap:4px}.nav a{padding:7px}th{top:55px}}