:root{
  --bg:#071019;--panel:#0d1a26;--panel2:#101f2d;--line:rgba(126,183,226,.15);
  --text:#f4f8fb;--muted:#91a3b5;--steam:#66c0f4;--steam2:#1b9fff;--green:#76d26b;
}
*{box-sizing:border-box}
body{
  margin:0;min-height:100vh;color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 12% 0%,rgba(27,159,255,.20),transparent 27%),
    radial-gradient(circle at 88% 16%,rgba(102,192,244,.09),transparent 26%),
    linear-gradient(180deg,#071019,#09131d 45%,#071019);
}
a{color:inherit;text-decoration:none}.page{width:min(1160px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(6,14,22,.86);backdrop-filter:blur(18px)}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#1b9fff,#16436d)}
.brand strong{display:block;font-size:18px}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.actions{display:flex;gap:8px}.nav-btn{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);font-size:13px;font-weight:850}.nav-btn.primary{background:#fff;color:#071019}
.hero{padding:62px 0 30px}.steam-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:11px;color:#96d9ff;font-size:11px;font-weight:950;letter-spacing:.16em}
.steam-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--steam2);box-shadow:0 0 0 4px rgba(27,159,255,.10)}
h1,h2,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(46px,6vw,76px);line-height:.94;letter-spacing:-3px}.hero p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.weeks{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.week{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),var(--panel);box-shadow:0 22px 60px rgba(0,0,0,.34)}
.week.current{border-color:rgba(102,192,244,.24)}
.week>header{min-height:92px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(27,159,255,.09),rgba(255,255,255,.006))}
.kicker{display:block;margin-bottom:4px;color:#80cfff;font-size:9px;font-weight:950;letter-spacing:.15em}.week h2{margin:0;font-size:25px;letter-spacing:-.7px}.range{
  color:#cfeeff;
  font-size:15px;
  font-weight:950;
  letter-spacing:.01em;
}
.day{border-top:1px solid rgba(255,255,255,.045)}.day:first-child{border-top:0}
.day-head{min-height:44px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.018)}.day-head strong{
  color:#8ed8ff;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.2px;
}
.day-head span{
  color:#d7e9f6;
  font-size:13px;
  font-weight:900;
}
.games{display:grid;padding:8px 10px 12px;gap:4px}
.game{min-height:48px;padding:9px 11px 9px 14px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:850;line-height:1.25}
a.game{color:#eaf5fc;transition:.16s ease}a.game:hover{background:linear-gradient(90deg,rgba(27,159,255,.14),rgba(102,192,244,.045));transform:translateX(2px)}
a.game:after{content:"STEAM ↗";flex:none;padding:5px 8px;border-radius:7px;border:1px solid rgba(102,192,244,.20);color:#8bd5ff;font-size:9px;font-weight:950;letter-spacing:.06em}
.empty{padding:22px;color:var(--muted);font-size:13px}.status{padding:16px 3px 0;color:#7890a4;font-size:10px}.status.ok{color:var(--green)}.status.error{color:#ff8c84}
.footer{min-height:100px;display:flex;align-items:center;justify-content:center;color:#667d90;font-size:12px}
@media(max-width:820px){.weeks{grid-template-columns:1fr}}
@media(max-width:560px){.page{width:min(100% - 20px,1160px)}.brand small{display:none}.nav-btn{padding:0 11px;font-size:12px}.hero{padding-top:34px}h1{font-size:48px;letter-spacing:-2px}.week>header{padding:17px}}


@media(max-width:560px){
  .day-head strong{font-size:16px}
  .range{font-size:13px}
}