* { box-sizing: border-box; }
:root { --bg:#05080d; --panel:rgba(15,23,35,.82); --line:rgba(148,163,184,.14); --text:#e6eef8; --muted:#93a3ba; --accent:#3ddc84; }
html,body { margin:0; background:var(--bg); color:var(--text); font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif; }
body { min-height:100vh; background: radial-gradient(900px 500px at 20% 0%, rgba(61,220,132,.09), transparent 60%), radial-gradient(900px 500px at 80% 10%, rgba(56,189,248,.07), transparent 60%), var(--bg); }
a { color:inherit; text-decoration:none; }
.pnav { max-width:1120px; margin:0 auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.pbrand { display:flex; align-items:baseline; gap:10px; letter-spacing:.16em; font-weight:800; }
.pbrand small { color:var(--muted); font:10px/1 ui-monospace, monospace; letter-spacing:.18em; text-transform:uppercase; }
.pnav nav { display:flex; gap:20px; color:var(--muted); font-size:13px; }
.pnav nav a:hover, .pnav nav .active { color:var(--accent); }
.pwrap { max-width:1120px; margin:0 auto; padding:44px 24px 60px; }
.pkicker { color:var(--accent); font:10px/1 ui-monospace, monospace; letter-spacing:.18em; text-transform:uppercase; }
.phero h1 { margin:12px 0 10px; font-size:clamp(32px,5vw,54px); letter-spacing:-.04em; }
.phero p { color:var(--muted); max-width:60ch; margin:0 0 24px; }
.pstats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:26px; }
.pstats div { padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.pstats b { display:block; font-size:22px; }
.pstats span { color:var(--muted); font-size:12px; }
.pcard { border:1px solid var(--line); border-radius:18px; background:var(--panel); padding:20px; margin-bottom:18px; overflow:hidden; }
.phead { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; flex-wrap:wrap; }
.pcard h2 { margin:0; font-size:18px; }
.phead input { width:220px; max-width:100%; height:38px; border:1px solid var(--line); border-radius:10px; background:#0a111b; color:var(--text); padding:0 12px; outline:none; }
.ptable-head, .prow { display:grid; grid-template-columns:44px minmax(120px,1fr) 86px 86px 70px 70px; gap:10px; align-items:center; }
.ptable-head { color:var(--muted); font:10px/1 ui-monospace, monospace; letter-spacing:.12em; text-transform:uppercase; padding:8px 10px; border-bottom:1px solid var(--line); }
.prow { padding:11px 10px; border-bottom:1px solid rgba(148,163,184,.07); font-size:14px; }
.prow:last-child { border-bottom:0; }
.prow .num { color:var(--muted); font-family:ui-monospace, monospace; }
.prow .name { font-weight:600; overflow:hidden; text-overflow:ellipsis; }
.prow .muted { color:var(--muted); }
.prow .tier { color:var(--accent); font-weight:700; }
.pempty { padding:26px 10px; color:var(--muted); }
.ptiers { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:14px; }
.ptier { border:1px solid var(--line); border-radius:12px; padding:12px; background:rgba(148,163,184,.03); }
.ptier b { display:block; font-size:18px; color:var(--accent); }
.ptier span { display:block; margin-top:4px; color:var(--muted); font-size:12px; line-height:1.35; }
.pseason p { color:var(--muted); font-size:13px; }
.pfoot { max-width:1120px; margin:0 auto; padding:20px 24px 40px; color:var(--muted); font-size:12px; display:flex; gap:10px; border-top:1px solid var(--line); }
@media (max-width:720px) {
  .pstats { grid-template-columns:1fr; }
  .ptable-head { display:none; }
  .prow { grid-template-columns:34px 1fr 70px; }
  .prow .season-cell, .prow .hours-cell { display:none; }
  .ptiers { grid-template-columns:1fr 1fr; }
  .pnav nav { gap:10px; font-size:12px; }
}