@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap');
:root{color-scheme:dark;--bg:#07110e;--surface:#131e1a;--line:#314039;--muted:#aebcb4;--ink:#f2f5ef;--accent:#c1ed83;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-size:16px;line-height:1.4;background:radial-gradient(circle at 50% -20%,#23372d 0,transparent 48%),var(--bg)}button,a{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.loop-shell{width:min(1500px,100%);margin:auto;padding:clamp(8px,1.5vw,22px)}
.loop-camera{min-width:0}.loop-video-frame{position:relative;width:100%;height:min(72vh,calc(100vw * .5625));min-height:300px;border:1px solid var(--line);border-radius:clamp(12px,2vw,24px);overflow:hidden;background:#020504;box-shadow:0 24px 70px #0008}.loop-video-frame iframe{border:0;display:block;width:100%;height:100%;object-fit:contain;background:#020504}.loop-camera-label{position:absolute;left:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);top:clamp(12px,2vw,22px);display:flex;justify-content:space-between;align-items:center;pointer-events:none;text-shadow:0 2px 10px #000}.loop-camera-label h1{margin:0;font-family:'Space Grotesk',sans-serif;font-size:.85rem;letter-spacing:.12em}.loop-camera-label h1 span{color:var(--muted);font-weight:500}.loop-camera-label a{pointer-events:auto;padding:8px 12px;border:1px solid #8a9c8e66;border-radius:999px;background:#07110ecc;font-size:.78rem}.loop-camera-label a:hover{color:var(--accent);border-color:var(--accent)}
.loop-video-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at center,#1d3027cc,#07110ef2);color:var(--muted)}.loop-video-state[hidden]{display:none}.loop-video-state button{min-height:44px;padding:9px 18px;border:1px solid #718064;border-radius:999px;background:#1c2b23;color:var(--ink);cursor:pointer}.loop-video-state button:hover{border-color:var(--accent);color:var(--accent)}
.loop-conditions{margin-top:clamp(10px,1.4vw,20px);padding:clamp(17px,2.3vw,30px);border:1px solid var(--line);border-radius:clamp(12px,2vw,22px);background:#131e1af2}.loop-conditions header{display:flex;align-items:center;justify-content:space-between;gap:16px}.loop-kicker{margin:0 0 3px;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.14em}.loop-conditions h2{margin:0;font-family:'Space Grotesk',sans-serif;font-size:1.2rem}.loop-status{padding:5px 10px;border:1px solid #526259;border-radius:999px;color:var(--muted);font-size:.75rem;white-space:nowrap}.loop-status.live{color:var(--accent);border-color:#728e51}
.loop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:20px 0 14px}.loop-grid>div{min-width:0;padding:2px clamp(12px,2vw,26px);border-left:1px solid var(--line)}.loop-grid>div:first-child{padding-left:0;border-left:0}.loop-grid dt{color:var(--muted);font-size:.8rem}.loop-grid dd{margin:7px 0 0;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.15rem,2.2vw,1.85rem);line-height:1.1;white-space:nowrap}.loop-grid .loop-primary dd{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.06em}.loop-grid dd span{color:var(--muted);font-family:'DM Sans',sans-serif;font-size:.8rem}.loop-note{margin:3px 0 0;color:var(--muted);font-size:.75rem}.loop-noscript{margin:20px;color:var(--muted)}
@media(max-width:900px){.loop-video-frame{height:auto;min-height:200px;aspect-ratio:16/9}.loop-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.loop-grid>div:nth-child(4){border-left:0;padding-left:0}.loop-grid>div:nth-child(n+4){padding-top:17px;border-top:1px solid var(--line)}}
@media(max-width:560px){.loop-shell{padding:0}.loop-video-frame{border-width:0 0 1px;border-radius:0}.loop-camera-label{top:10px;left:10px;right:10px}.loop-camera-label a{padding:6px 9px}.loop-conditions{margin:8px;border-radius:14px;padding:16px}.loop-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;row-gap:0}.loop-grid>div{padding:14px 10px;border-top:1px solid var(--line)}.loop-grid>div:nth-child(odd){padding-left:0;border-left:0}.loop-grid>div:nth-child(even){padding-right:0}.loop-grid>div:first-child,.loop-grid>div:nth-child(2){border-top:0;padding-top:3px}.loop-grid>div:nth-child(4){border-left:1px solid var(--line);padding-left:10px}.loop-grid .loop-primary dd{font-size:clamp(2.2rem,14vw,3.25rem)}.loop-grid dd{font-size:1.18rem}.loop-note{line-height:1.5}}
@media(max-width:340px){.loop-conditions{margin:6px;padding:13px}.loop-grid>div{padding-inline:7px}.loop-grid>div:nth-child(4){padding-left:7px}.loop-grid dt{font-size:.72rem}.loop-grid .loop-primary dd{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}