:root{color-scheme:dark;--bg:#080b11;--panel:rgba(20,25,37,.88);--line:rgba(255,255,255,.095);--text:#f6f7fb;--muted:#a7afc1;--accent:#75e6ff;--accent2:#c899ff;--good:#6cf3a4;--bad:#ff718d;--shadow:0 22px 70px rgba(0,0,0,.27)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% -8%,rgba(117,230,255,.16),transparent 34rem),radial-gradient(circle at 100% 24%,rgba(200,153,255,.13),transparent 42rem),#080b11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;padding:10px 14px;background:var(--text);color:var(--bg);border-radius:10px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(8,11,17,.86)}@supports(backdrop-filter:blur(18px)){.site-header{background:rgba(8,11,17,.72);backdrop-filter:blur(18px)}}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:.86rem;font-weight:850;letter-spacing:.08em}.brand-orb{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(117,230,255,.36);border-radius:12px;background:linear-gradient(145deg,rgba(117,230,255,.22),rgba(200,153,255,.2));box-shadow:0 0 30px rgba(117,230,255,.16)}nav{display:flex;gap:24px}nav a{color:var(--muted);text-decoration:none;font-weight:750}nav a:hover,nav a[aria-current=page]{color:var(--text)}.page{padding:52px 0 72px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:30px}.eyebrow,.label,.version{margin:0 0 10px;color:var(--muted);font:700 .75rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin-top:0;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}h1{margin-bottom:12px;font-size:clamp(2.7rem,8vw,5.7rem)}h2{font-size:1.35rem}.lead{max-width:720px;margin:0;color:var(--muted);font-size:1.1rem}.server-state{display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:850}.server-state span{width:10px;height:10px;border-radius:50%;background:var(--muted);box-shadow:0 0 18px currentColor}.server-state.online span{color:var(--good);background:var(--good)}.server-state.offline span{color:var(--bad);background:var(--bad)}.panel{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}@supports(backdrop-filter:blur(12px)){.panel{backdrop-filter:blur(12px)}}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.refresh{color:var(--accent);font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px}.metric-card{min-height:126px;padding:19px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.metric-card strong{display:block;margin-top:13px;font:800 1.7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.card-extra{display:block;margin-top:7px;color:var(--muted);font-size:.82rem}.note,.empty{color:var(--muted)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rows{display:grid;gap:9px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.023)}.row span{color:var(--muted)}.player strong{overflow-wrap:anywhere}.page-footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:var(--muted);font-size:.78rem}:focus-visible{outline:3px solid rgba(117,230,255,.72);outline-offset:4px;border-radius:4px}@media(max-width:760px){.hero,.page-footer{display:block}.server-state{width:max-content;margin-top:20px}.two-column{grid-template-columns:1fr}.page-footer span{display:block;margin-top:8px}}@media(max-width:520px){.shell{width:min(100% - 22px,1180px)}.header-inner{min-height:68px}nav{gap:14px;font-size:.9rem}.panel{padding:18px}.row{grid-template-columns:1fr}.row strong{justify-self:start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}
.event-grid{
  display:grid;
  grid-template-columns:1fr 1.18fr;
  gap:18px;
}

.event-panel{
  min-width:0;
}

.current-event{
  background:
    linear-gradient(
      145deg,
      rgba(117,230,255,.07),
      rgba(200,153,255,.055)
    ),
    var(--panel);
}

.event-title-line{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.event-name{
  display:block;
  margin-top:8px;
  font-size:clamp(1.65rem,4vw,2.35rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

.event-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid rgba(108,243,164,.28);
  border-radius:999px;
  color:var(--good);
  background:rgba(108,243,164,.08);
  font:800 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.09em;
}

.event-description{
  margin:20px 0;
  color:var(--muted);
  font-size:1.02rem;
}

.event-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:15px;
  border-top:1px solid var(--line);
}

.event-meta span{
  color:var(--muted);
}

.event-meta strong{
  text-align:right;
}

.vote-list{
  display:grid;
  gap:8px;
  margin-top:18px;
}

.vote-row{
  display:grid;
  grid-template-columns:86px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.023);
}

.vote-row code,
.command-help code,
.command-box code{
  color:var(--accent);
  font:750 .9rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.vote-row span{
  color:var(--muted);
  white-space:nowrap;
}

.vote-meta{
  margin-top:16px;
}

.quiet-note{
  margin:14px 0 0;
  color:var(--muted);
  font-size:.86rem;
}

.command-help{
  margin:8px 0 0;
  color:var(--muted);
  font-size:.86rem;
}

.palbot-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  align-items:center;
  gap:26px;
}

.palbot-panel h2{
  margin-bottom:8px;
}

.command-box{
  display:grid;
  gap:8px;
  padding:17px 18px;
  border:1px solid rgba(117,230,255,.18);
  border-radius:15px;
  background:rgba(117,230,255,.055);
}

.command-box span{
  color:var(--muted);
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:800;
}

.command-box code{
  overflow-wrap:anywhere;
  font-size:1rem;
}

@media(max-width:850px){
  .event-grid,
  .palbot-panel{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .event-title-line{
    display:block;
  }

  .event-badge{
    display:inline-block;
    margin-top:12px;
  }

  .event-meta{
    display:block;
  }

  .event-meta strong{
    display:block;
    margin-top:4px;
    text-align:left;
  }

  .vote-row{
    grid-template-columns:1fr auto;
  }

  .vote-row code{
    grid-column:1/-1;
  }
}