@property --bda-sky-high{syntax:"<color>";inherits:false;initial-value:#211d15}@property --bda-sky-low{syntax:"<color>";inherits:false;initial-value:#12100a}.bda{--bda-sun-disc:var(--gold-bright);--bda-sun-rim:var(--frame-lit);--bda-barque:var(--gold-deep);--bda-sky-night:var(--lapis-deep);--bda-sky-ember:var(--blood);--bda-sky-glare:var(--gold);--bda-sky-high:var(--surface);--bda-sky-low:var(--bg);color:var(--parchment);background:linear-gradient(180deg, var(--bda-sky-high) 0%, var(--bda-sky-low) 80%);transition:--bda-sky-high var(--t-slow) var(--ease), --bda-sky-low var(--t-slow) var(--ease);margin-bottom:28px;padding:20px 24px 18px;position:relative;box-shadow:inset 0 0 80px #00000073}.bda[data-phase=night]{--bda-sky-high:color-mix(in srgb, var(--bda-sky-night) 42%, var(--bg));--bda-sky-low:var(--bg);--bda-sun-disc:var(--gold)}.bda[data-phase=dawn]{--bda-sky-high:color-mix(in srgb, var(--bda-sky-night) 24%, var(--bg));--bda-sky-low:color-mix(in srgb, var(--bda-sky-ember) 34%, var(--bg))}.bda[data-phase=day]{--bda-sky-high:color-mix(in srgb, var(--bda-sky-glare) 12%, var(--surface));--bda-sky-low:var(--surface)}.bda[data-phase=dusk]{--bda-sky-high:color-mix(in srgb, var(--bda-sky-ember) 30%, var(--bg));--bda-sky-low:color-mix(in srgb, var(--bda-sky-glare) 10%, var(--bg))}.bda-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex;position:relative}.bda-title{color:var(--gold-bright);margin:0;font-size:20px;font-weight:700;line-height:1.3}.bda-zone{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--gold);align-items:baseline;gap:10px;margin:0;font-size:10px;display:inline-flex}.bda-zone-now{letter-spacing:var(--track-body);color:var(--parchment);font-size:14px}.bda-stage{max-width:920px;margin:0 auto;padding:30px 8px 22px;display:grid;container:bda-stage/inline-size}.bda-plot{grid-area:1/1;align-self:start;width:100%;position:relative}.bda-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bda-horizon{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.bda-arc,.bda-arc-today,.bda-arc-tomorrow,.bda-arc-trail{fill:none;vector-effect:non-scaling-stroke}.bda-arc{stroke:var(--line-soft);stroke-width:1px}.bda-arc-today{stroke:var(--gold-deep);stroke-width:1.5px}.bda-arc-tomorrow{stroke:var(--gold-deep);stroke-opacity:.6;stroke-width:1.5px;stroke-dasharray:2 5}.bda-arc-trail{stroke:var(--gold-bright);stroke-width:2.5px;stroke-linecap:round}.bda-tick{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.bda-tick.is-major{stroke:var(--gold-deep)}.bda-sun-track{transition:transform var(--t-slow) var(--ease)}.bda-sun__disc{fill:var(--bda-sun-disc);stroke:var(--bda-sun-rim);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill var(--t-slow) var(--ease)}.bda-sun__hull{fill:var(--bda-barque)}.bda-sun__rigging{fill:none;stroke:var(--bda-barque);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.bda-tick-label,.bda-spawn-label{white-space:nowrap;pointer-events:none;letter-spacing:var(--track-body);line-height:1;position:absolute;transform:translate(-50%,-50%)}.bda-tick-label{color:color-mix(in srgb, var(--parchment-dim) 80%, var(--bg));font-size:10px}.bda-spawn-label{color:var(--parchment-dim);font-size:11px}.bda-spawn-label.is-next{color:var(--gold-bright);font-size:12px;font-weight:700}.bda-faces{--bda-face:36px;--bda-step:12px;--bda-ring:var(--gold);--bda-ring-w:1.5px;--bda-ring-style:solid;--bda-glow:0 0 0 transparent;flex-shrink:0;display:inline-flex;position:relative}.bda-face{width:var(--bda-face);height:var(--bda-face);border:var(--bda-ring-w) var(--bda-ring-style) var(--bda-ring);border-radius:var(--radius-round);background:var(--surface-2);box-shadow:0 0 0 1.5px var(--bg), var(--bda-glow);transition:border-color var(--t-fast) var(--ease);place-items:center;display:grid;position:relative;overflow:hidden}.bda-face:first-child{z-index:1}.bda-face+.bda-face{margin-left:calc(var(--bda-step) - var(--bda-face))}.bda-face img{object-fit:cover;object-position:center 35%;transform-origin:50% 40%;filter:brightness(1.18)contrast(1.1)saturate(1.12);width:100%;height:100%;transform:scale(1.35)}.bda-face svg{width:46%;height:46%}.bda-face-glyph{fill:var(--bda-ring)}.bda-faces-more{z-index:2;min-width:17px;letter-spacing:var(--track-body);text-align:center;color:var(--parchment);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:0 3px;font-size:9px;line-height:14px;position:absolute;bottom:-4px;right:-5px}.bda-hits{pointer-events:none;position:absolute;inset:0}.bda-hit{border-radius:var(--radius-round);cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.bda-hit:focus-visible{border-radius:var(--radius-round);outline-offset:1px}.bda-hit.is-tomorrow .bda-faces{--bda-ring:var(--gold-deep);--bda-ring-style:dashed}.bda-hit.is-tomorrow .bda-face img{filter:brightness(1.05)contrast(1.05)saturate(.45);opacity:.82}.bda-hit.is-next{z-index:1}.bda-hit.is-next .bda-faces{--bda-ring:var(--gold-bright);--bda-ring-w:2px;--bda-glow:0 0 14px -2px color-mix(in srgb, var(--gold-bright) 60%, transparent)}.bda-hit.is-live .bda-faces{--bda-ring:var(--status-live);--bda-ring-w:2px;--bda-ring-style:solid}.bda-hit.is-active .bda-faces{--bda-ring:var(--parchment)}.bda-tip{z-index:5;border:1px solid var(--line-strong);border-radius:var(--radius-sharp);background:#0c0a08f5;gap:10px;padding:12px 14px;display:grid;position:absolute;transform:translateY(-100%);box-shadow:0 14px 30px -16px #000000d9}.bda-tip.is-below{transform:none}.bda-tip-row+.bda-tip-row{border-top:1px solid var(--line-soft);padding-top:10px}.bda-tip-line{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.bda-tip-time{color:var(--parchment);font-size:16px;font-weight:700}.bda-tip-day{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--gold);font-size:10px}.bda-tip-status{color:var(--gold-bright);margin-left:auto;font-size:12px}.bda-tip-status.is-live{color:var(--parchment)}.bda-tip-names{color:var(--parchment);margin-top:4px;font-size:14px;line-height:1.35}.bda-tip-server{color:var(--parchment-dim);margin-top:2px;font-size:11px}.bda-now{grid-area:2/1;gap:10px;margin-top:20px;display:grid;position:relative}.bda-now-next{align-items:center;gap:16px;display:flex}.bda-now-faces{--bda-face:56px;--bda-step:20px;--bda-ring:var(--gold-bright);--bda-ring-w:2px}.bda-now-text{gap:2px;min-width:0;display:grid}.bda-now-label{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--gold);margin:0;font-size:10px;font-weight:400;line-height:1.3}.bda-now-names{color:var(--parchment);margin:0;font-size:18px;font-weight:700;line-height:1.3}.bda-now-when{flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:2px 0 0;display:flex}.bda-now-count{letter-spacing:var(--track-body);font-variant-numeric:tabular-nums;color:var(--gold-bright);font-size:26px;font-weight:700;line-height:1.15}.bda-now-time{color:var(--parchment-dim);font-size:12px}.bda-now-live{color:var(--parchment);align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.5;display:flex}.bda-now-dot{border-radius:var(--radius-round);background:var(--status-live);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--status-live) 35%, transparent);flex-shrink:0}.bda-now-none{color:var(--parchment-dim);margin:0;font-size:15px;line-height:1.5}@container bda-stage (min-width:800px){.bda-now{grid-area:1/1;place-self:end center;max-width:440px;margin:0 0 calc(4.4cqi + 14px)}}@container bda-stage (max-width:420px){.bda-now-faces{--bda-face:48px;--bda-step:16px}.bda-now-count{font-size:22px}}.bda-foot{margin-top:2px;display:flex;position:relative}.bda-legend{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--parchment-dim);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:9px;list-style:none;display:flex}.bda-legend li{align-items:center;gap:6px;display:inline-flex}.bda-legend svg{width:12px;height:12px;overflow:visible}.bda-key{fill:var(--surface-2);stroke:var(--gold);stroke-width:1.5px;vector-effect:non-scaling-stroke}.bda-key.is-tomorrow{stroke:var(--gold-deep);stroke-dasharray:2 2}.bda-key.is-live{stroke:var(--status-live);stroke-width:2px}.bda-key.is-next{stroke:var(--gold-bright);stroke-width:2px;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--gold-bright) 70%, transparent))}@media (max-width:640px){.bda{padding:16px 14px 14px}.bda-title{font-size:18px}.bda-stage{padding:24px 6px 20px}}@media (prefers-reduced-motion:reduce){.bda,.bda-sun-track,.bda-sun__disc,.bda-face{transition:none}}