/* areniz.com Season page: the LIVE season track (static/season.js, 2026-10-27). Same tokens as style.css. */
.se-live{margin-top:28px;display:grid;gap:18px}
.se-live[hidden]{display:none}
.se-live-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;padding:18px 20px;background:var(--panel);border:1px solid var(--line-2);border-top:3px solid #FFD166}
.se-live-head h2{margin:0;font-family:var(--font-display);font-size:30px;letter-spacing:.08em;text-transform:uppercase}
.se-live-head .se-meta{margin:4px 0 0;color:var(--muted);font-size:14px}
.se-live-head .se-note{margin:6px 0 0;color:var(--teal);font-size:14px;max-width:60ch}
.se-clock{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#FFD166;white-space:nowrap}
.se-board{display:grid;grid-template-columns:auto 1fr;background:var(--panel);border:1px solid var(--line-2)}
.se-caps{display:grid;grid-template-rows:34px 96px 96px;gap:6px;padding:10px 0 14px 10px}
.se-caps span{display:flex;align-items:center;justify-content:center;padding:0 14px;font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px}
.se-caps .free{background:rgba(var(--teal-rgb),.14);border-left:4px solid var(--teal)}
.se-caps .prem{background:rgba(255,209,102,.14);border-left:4px solid #FFD166;color:#FFD166}
.se-cols{display:flex;gap:6px;overflow-x:auto;padding:10px 10px 14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.se-col{display:grid;grid-template-rows:34px 96px 96px;gap:6px;flex:0 0 132px;scroll-snap-align:start}
.se-num{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--muted)}
.se-col.m .se-num{color:var(--text)}
.se-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;background:var(--raise);border:1px solid var(--line-2);overflow:hidden;text-align:center}
.se-cell.prem{border-color:rgba(255,209,102,.35)}
.se-cell.empty{background:transparent;border-style:dashed;color:var(--dim)}
.se-cell picture,.se-cell img{display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain}
.se-cell .se-cap{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.se-cell .se-gold{color:#FFD166}
.se-cell .se-title{color:#FFD166;font-style:italic}
.se-cell .se-more{position:absolute;top:4px;right:6px;font-size:12px;color:var(--muted)}
.se-ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.se-ops section{padding:16px 18px;background:var(--panel);border:1px solid var(--line-2)}
.se-ops h3{margin:0 0 10px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:18px}
.se-ops ul{list-style:none;margin:0;padding:0}
.se-ops li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.se-ops li:first-child{border-top:0}
.se-ops .xp{color:#FFD166;font-family:var(--font-display);font-weight:700;white-space:nowrap}
.se-hint{margin:0;color:var(--muted);font-size:14px}
@media (max-width:640px){
  .se-caps{grid-template-rows:30px 84px 84px;padding-left:6px}
  .se-caps span{padding:0 8px;font-size:12px}
  .se-col{grid-template-rows:30px 84px 84px;flex-basis:108px}
  .se-cell picture,.se-cell img{max-height:50px}
  .se-live-head h2{font-size:24px}
}
