:root{--bg:#07111f;--card:#0f1b2d;--card2:#14243b;--text:#eef6ff;--muted:#9fb1c7;--blue:#38bdf8;--green:#22c55e;--gold:#f59e0b;--red:#ef4444;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 5%,rgba(56,189,248,.22),transparent 28%),radial-gradient(circle at 85% 10%,rgba(34,197,94,.16),transparent 26%),linear-gradient(180deg,#061020,#0a1220);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(6,16,32,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-weight:950;letter-spacing:.5px}.nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.nav a,.btn{border:1px solid var(--line);border-radius:999px;padding:10px 14px;text-decoration:none;color:var(--text);background:linear-gradient(180deg,#15243a,#0d1829);font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#2563eb,#06b6d4);border:0}.btn.green{background:linear-gradient(135deg,#16a34a,#22c55e);border:0;color:#052e16}.btn.gold{background:linear-gradient(135deg,#f59e0b,#fde047);border:0;color:#422006}.wrap{max-width:1260px;margin:24px auto;padding:0 16px}.hero,.panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(15,27,45,.94),rgba(10,18,32,.94));box-shadow:0 22px 70px rgba(0,0,0,.28);padding:22px;margin-bottom:18px}.hero h1{margin:0 0 8px;font-size:34px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#132239,#0d1728);overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.25)}.card img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover;background:#09111f}.card-body{padding:12px}.card-title{font-weight:950;min-height:38px}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.22);font-size:12px;font-weight:800;color:#bae6fd;margin:4px 4px 4px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.stat{padding:7px;border-radius:12px;background:rgba(255,255,255,.06);text-align:center;font-size:12px}.stat b{display:block;font-size:15px}.rar-common{color:#d1d5db}.rar-uncommon{color:#86efac}.rar-rare{color:#93c5fd}.rar-epic{color:#c4b5fd}.rar-legendary{color:#fcd34d}.rar-mythic{color:#f0abfc}.rar-boss{color:#fca5a5}.form{display:grid;gap:12px;max-width:520px}.form input,.form select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:#0b1627;color:var(--text)}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.pack{border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(145deg,#10213b,#101827)}.battle-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.seat{border:1px dashed rgba(255,255,255,.25);border-radius:20px;min-height:150px;padding:14px;background:rgba(255,255,255,.04)}.log{max-height:320px;overflow:auto;background:#07111f;border-radius:16px;padding:14px;border:1px solid var(--line)}@media(max-width:700px){.hero h1{font-size:26px}.nav{width:100%;margin-left:0}.stats{grid-template-columns:repeat(2,1fr)}}