.gard-hero-cam{aspect-ratio:16 / 9;width:min(100%,calc((100svh - 120px) * 16 / 9));margin:0 auto}@media(max-width:640px){.gard-hero-cam{aspect-ratio:4 / 5;width:100%}.gard-hero-cam>img{object-position:62% center}}.gard-night{--fill: .7s;max-width:1080px;margin:0 auto;padding:44px 52px 36px;border-radius:var(--r-lg);background:radial-gradient(110% 120% at 50% 0%,#111319,#08090b 70%);box-shadow:inset 0 0 0 1px var(--line)}.gard-rows{display:flex;flex-direction:column;gap:14px}.gard-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:14px}.gard-row-name{font-size:14px;font-weight:500;color:var(--text-2);white-space:nowrap}.gard-row+.gard-row .gard-row-name{color:#fff}.gard-track{position:relative;height:26px;border-radius:8px;background:#ffffff0a}.gard-watch{position:absolute;inset:0;border-radius:8px;background:linear-gradient(90deg,#8fdcff8c,#3d8bff99 55%,#8b7bff99);clip-path:inset(0 100% 0 0 round 8px);transition:clip-path var(--fill) var(--ease) calc(var(--i) * .12s)}.gard-night.in .gard-watch{clip-path:inset(0 0 0 0 round 8px)}.gard-gap{position:absolute;top:0;bottom:0;border-radius:6px;background:repeating-linear-gradient(135deg,#ff4d3d47 0 4px,#ff4d3d14 4px 9px);opacity:0;transition:opacity .5s .9s}.gard-night.in .gard-gap{opacity:1}.gard-mark{position:absolute;top:50%;z-index:1;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .4s,transform .5s var(--ease);transition-delay:1.2s}.gard-night.in .gard-mark{opacity:1;transform:translate(-50%,-50%)}.gard-mark i{display:block;width:14px;height:14px;border-radius:50%}.gard-mark.is-passage i{background:#fff;box-shadow:0 0 0 4px #00000059}.gard-mark.is-ghost i{background:#0b0c0f;box-shadow:inset 0 0 0 2px var(--alarm)}.gard-mark.is-alarm i{background:var(--alarm);box-shadow:0 0 0 4px #ff4d3d40,0 0 16px var(--alarm)}.gard-mark em{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:2px 8px;border-radius:7px;font-style:normal;font-size:12.5px;font-weight:500;white-space:nowrap;color:#fff;background:#0a0b0ec7}.gard-mark.to-left em{left:auto;right:calc(100% + 10px)}.gard-mark.is-alarm em{background:var(--alarm)}.gard-mark.is-ghost em{color:#ffb4ab}.gard-axis{position:relative;height:18px;margin:14px 0 0 90px}.gard-axis span{position:absolute;top:0;transform:translate(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--text-3);white-space:nowrap}.gard-axis span:first-child{transform:none}.gard-legend{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;font-size:13.5px;color:var(--text-2)}.gard-legend li{display:inline-flex;align-items:center;gap:9px}.gard-legend i{display:block}.lg-passage{width:9px;height:9px;border-radius:50%;background:#fff}.lg-watch{width:18px;height:8px;border-radius:3px;background:linear-gradient(90deg,var(--ice),var(--violet))}.lg-alarm{width:9px;height:9px;border-radius:50%;background:var(--alarm)}@media(prefers-reduced-motion:reduce){.gard-watch,.gard-gap,.gard-mark{transition:none}}@media(max-width:760px){.gard-night{padding:22px 16px 20px}.gard-rows{gap:10px}.gard-row{grid-template-columns:60px 1fr;gap:8px}.gard-row-name{font-size:12.5px}.gard-track{height:22px}.gard-mark em{display:none}.gard-mark i{width:11px;height:11px}.gard-axis{margin-left:68px}.gard-axis span{font-size:10px}.gard-legend{gap:8px 18px;margin-top:18px;font-size:13px}}