.day-picker{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:stretch;margin:30px 0 20px}.day-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.day-track::-webkit-scrollbar{display:none}.day-arrow,.day-option{min-height:64px;border:1px solid var(--line);border-radius:8px;background:#181818;color:#fff;cursor:pointer}.day-arrow{font-size:20px}.day-option{min-width:104px;padding:8px 12px;display:grid;text-align:left;scroll-snap-align:center}.day-option span,.day-option small{font-size:10px;color:var(--muted);text-transform:capitalize}.day-option strong{font-size:18px}.day-option[aria-selected="true"]{border-color:var(--red);background:var(--red);color:#fff}.day-option[aria-selected="true"] span,.day-option[aria-selected="true"] small{color:#fff}.game-agenda{border:1px solid #353535;border-radius:10px;background:#161616;padding:0 20px;margin-bottom:24px}.game-day{margin:0}.game-day[hidden]{display:none}.game-day>h2{text-transform:capitalize;font-size:18px;padding:16px 0 12px;border-bottom:1px solid var(--line)}.game-agenda .game-row{display:grid;grid-template-columns:36px 64px minmax(0,1fr) max-content;gap:12px;align-items:center;min-height:68px;padding:9px 0;margin:0;cursor:pointer}.game-agenda .game-row:hover{background:#1b1b1b}.game-agenda .game-row input{margin:0 0 0 6px}.game-time{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.game-match{display:grid;min-width:0;gap:2px}.game-match strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.game-match small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;font-weight:400}.game-state{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;white-space:nowrap}.game-row:has(input:checked){background:#261518}.game-row:has(input:checked) .game-match strong{color:#fff}.game-row:has(input:disabled){cursor:default;opacity:.72}@media(max-width:520px){.day-picker{grid-template-columns:44px minmax(0,1fr) 44px}.day-option{min-width:92px}.game-agenda{padding:0 12px}.game-day>h2{font-size:16px}.game-agenda .game-row{grid-template-columns:32px 48px minmax(0,1fr);gap:8px;min-height:66px}.game-agenda .game-row input{margin-left:2px}.game-time{font-size:14px}.game-match strong{font-size:14px}.game-match small{font-size:11px}.game-state{grid-column:3;width:max-content;margin-top:2px}}
