:root{--bg:#07090d;--pan:#11151c;--edge:#2a3240;--tx:#e6ebf2;--mut:#8b96a8;--ac:#4fd1ff;--gold:#e8c46a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#172131,var(--bg) 60%);color:var(--tx);font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}
a{color:var(--ac)}header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,#1a202b,#0c0f15)}
.logo{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--tx);text-decoration:none;background:linear-gradient(90deg,#cfd8e3,#7d8a9c);-webkit-background-clip:text;color:transparent}
nav{display:flex;flex-wrap:wrap;gap:4px}nav a{color:var(--mut);text-decoration:none;padding:6px 10px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#161b24}nav a.on,nav a:hover{color:#000;background:var(--ac)}
main{max-width:1200px;margin:auto;padding:18px}h1,h2{letter-spacing:.04em}h2{border-left:4px solid var(--ac);padding-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.tile{background:linear-gradient(160deg,#1b2230,#0d1118);border:1px solid var(--edge);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);padding:10px;display:flex;flex-direction:column;gap:6px}
.tile img{width:100%;aspect-ratio:5/7;object-fit:cover;background:#000}.tile .av{aspect-ratio:1}
.tile h3{margin:0;font-size:16px}.tile h3 a{color:var(--tx);text-decoration:none}.m{color:var(--mut);font-size:13px}
.g{display:inline-block;min-width:24px;text-align:center;font-weight:800;padding:0 6px;border:1px solid}.gS{color:var(--gold)}.gA{color:#7cf}.gB{color:#8f8}.gC{color:#ccc}.gD{color:#888}
.rk{background:#ff9f1c;color:#000;font-size:11px;font-weight:800;padding:1px 6px;margin-left:4px}
.btn{display:inline-block;background:linear-gradient(90deg,var(--ac),#8ef);color:#000;font-weight:800;text-decoration:none;padding:8px 14px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);text-align:center}
.btn.off{background:#333;color:#aaa}.small{padding:4px 10px;font-size:13px}
.flt{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.flt input,.flt select{background:#0d1118;color:var(--tx);border:1px solid var(--edge);padding:8px;font-size:15px;flex:1 1 160px}
.cards{display:flex;flex-wrap:wrap;gap:16px}.cards img{width:min(360px,100%);border:1px solid var(--edge)}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--edge);padding:6px;text-align:left}
.panel{background:var(--pan);border:1px solid var(--edge);padding:14px;margin:12px 0}footer{color:var(--mut);text-align:center;padding:30px;font-size:13px}
.miss{display:inline-block;background:#3a0d0d;color:#ff6b6b;border:1px solid #ff6b6b;font-weight:800;padding:3px 8px;text-transform:uppercase;font-size:12px;letter-spacing:.05em}