:root { color-scheme: dark; --bg:#070a12; --card:#111726; --line:#1e2740; --fg:#e7ecf7; --dim:#9fb0cc; --accent:#6ee7ff; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif; }
.wrap { max-width: 980px; margin: 0 auto; padding: 24px 20px 64px; }
a { color: var(--accent); }
header.top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:12px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
header.top a.brand { color:var(--fg); font-weight:700; text-decoration:none; letter-spacing:.02em; }
nav.crumbs { font-size:14px; color:var(--dim); margin:16px 0 4px; }
nav.crumbs a { color:var(--dim); }
h1 { font-size: clamp(26px, 4.5vw, 38px); line-height:1.2; margin:.2em 0 .3em; }
h2 { font-size: 20px; margin: 32px 0 10px; }
p.lead { color:var(--dim); font-size:17px; }
dl.facts { display:grid; grid-template-columns:auto 1fr; gap:4px 16px; margin:18px 0; font-size:15px; }
dl.facts dt { color:var(--dim); }
dl.facts dd { margin:0; }
.player { position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:12px; overflow:hidden; border:1px solid var(--line); }
.player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
ul.cams { list-style:none; padding:0; margin:14px 0 0; display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
ul.cams li { background:var(--card); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
ul.cams img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:#000; }
ul.cams .meta { padding:10px 12px 12px; }
ul.cams .name { font-weight:600; font-size:15px; }
ul.cams .tags { color:var(--dim); font-size:13px; margin-top:2px; }
ul.cams .links { margin-top:8px; font-size:13px; display:flex; gap:12px; flex-wrap:wrap; }
.cta { display:inline-block; margin:18px 0 6px; padding:11px 18px; background:var(--accent); color:#04121a; font-weight:700; border-radius:999px; text-decoration:none; }
ul.inline { list-style:none; padding:0; margin:10px 0 0; display:flex; flex-wrap:wrap; gap:8px 14px; font-size:15px; }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); color:var(--dim); font-size:14px; }
footer a { color:var(--dim); }