/* Round 23: Saved race calendar (saved-calendar.js). Night tokens; family colours as on the home panels; red only if sold out. */
#savedCal{margin:0 0 26px}
.scal{--scal-bg:#0d0e11;border:1px solid var(--line2);border-radius:var(--radius,22px);padding:20px 22px 18px;background:var(--scal-bg)}
.scal-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.scal-head h3{font:400 26px/1 var(--disp,'Anton'),sans-serif;text-transform:uppercase;letter-spacing:.01em;color:var(--ink);margin:0;display:flex;align-items:baseline;gap:8px}
.scal-head h3 em{font:600 12px var(--sans);font-style:normal;color:var(--muted)}
.scal-years{display:flex;gap:6px;flex-wrap:wrap}
.scal-years button,.scal-ics{background:transparent;border:1px solid var(--line2);color:var(--muted);border-radius:999px;padding:6px 12px;font:600 12px var(--sans);cursor:pointer}
.scal-years button[aria-pressed=true]{border-color:var(--blue-hi);color:var(--blue-hi)}
.scal-ics{margin-left:auto;color:var(--ink)}.scal-ics:hover{border-color:var(--blue-hi)}
.scal-scroll{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.scal-grid{min-width:860px}
.scal-row{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;min-height:40px;border-bottom:1px solid var(--line)}
.scal-row:last-child{border-bottom:0}
.scal-months{min-height:26px;border-bottom:1px solid var(--line2)}
.scal-months .scal-track{display:flex;height:26px}
.scal-months b{font:600 10.5px/26px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-left:6px;border-left:1px solid var(--line);flex-basis:0;white-space:nowrap;overflow:hidden}
.scal-months b em{font-style:normal;color:var(--dim,#6c6e78)}
.scal-name{position:sticky;left:0;z-index:2;display:flex;flex-direction:column;gap:2px;padding:7px 14px 7px 0;background:var(--scal-bg);color:var(--ink);text-decoration:none;min-width:0}
.scal-name strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scal-name small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.scal-name:hover strong{color:var(--blue-hi)}
.scal-track{position:relative;height:40px}
.scal-cols{position:absolute;inset:0;display:flex;pointer-events:none}.scal-cols i{flex-basis:0;border-left:1px solid var(--line)}
.scal-today{position:absolute;top:0;bottom:0;width:1px;background:var(--blue,#334bff);opacity:.7}
.scal-win{position:absolute;top:50%;height:2px;margin-top:9px;background:color-mix(in srgb,var(--blue-hi,#6f80ff) 70%,transparent);border-radius:2px}
.scal-mark{position:absolute;top:50%;width:6px;height:6px;margin:6px 0 0 -3px;background:var(--scal-bg);border:1.5px solid var(--blue-hi,#6f80ff);transform:rotate(45deg)}
.scal-mark.draw{background:var(--blue-hi,#6f80ff)}
.scal-race{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--scal-bg);z-index:1}
.scal-race.bar{margin-left:0;border-radius:6px;min-width:12px}
.scal-race:focus-visible{outline:2px solid var(--blue-hi);outline-offset:2px}
.scal-race:hover,.scal-race:focus-visible{z-index:3}
.scal [data-tip]:hover::after,.scal [data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) rotate(0);white-space:nowrap;background:#16171c;border:1px solid var(--line2);color:var(--ink);font:500 12px/1.2 var(--sans);padding:6px 9px;border-radius:8px;pointer-events:none;z-index:5}
.scal-mark[data-tip]:hover::after{transform:translateX(-50%) rotate(-45deg)}
.scal-win:hover{height:4px;margin-top:8px}
.scal-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:11.5px;color:var(--muted)}
.scal-legend span{display:inline-flex;align-items:center;gap:6px}
.scal-legend i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.scal-legend i.ln{width:16px;height:2px;border-radius:2px;background:var(--blue-hi)}
.scal-legend i.mk{width:6px;height:6px;border-radius:0;transform:rotate(45deg);background:transparent;border:1.5px solid var(--blue-hi)}
.scal-empty{color:var(--muted);font-size:13px;padding:14px 0}
.scal-na{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.scal-na h4{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;display:flex;gap:8px}
.scal-na h4 em{font-style:normal;color:var(--dim,#6c6e78)}
.scal-na ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.scal-na a{color:var(--ink);font-size:13px;text-decoration:none}.scal-na a:hover{color:var(--blue-hi)}
@media (max-width:720px){
 .scal{padding:16px 12px 14px;border-radius:18px}
 .scal-head{gap:10px}.scal-years{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.scal-years button{flex:none}
 .scal-grid{min-width:640px}
 .scal-row{grid-template-columns:118px minmax(0,1fr)}
 .scal-name strong{font-size:12px}.scal-name small{font-size:10.5px}
 .scal-legend{gap:10px}
}
.scal-months .scal-name{align-self:stretch;padding:0}