*{box-sizing:border-box}body{margin:0;background:#07131f;color:#f4f8fc;font-family:Arial,sans-serif}header{min-height:66px;background:#0c1d2d;border-bottom:1px solid #244056;display:flex;align-items:center;justify-content:space-between;padding:10px 3vw}header span{display:block;font-size:10px;color:#75b9e4}.event{text-align:center;font-size:11px;color:#39df89}.event b{color:white}.program{margin:20px auto 0;width:min(1200px,95vw)}.screen{aspect-ratio:16/9;background:#061421;border:1px solid #24445d;position:relative;overflow:hidden}.screen>video{width:100%;height:100%;object-fit:cover}.blank{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#071b2c}.phoneLogo{width:72px;height:72px;border-radius:20px;margin:auto;background:linear-gradient(135deg,#20a8ff,#5e57ff);display:grid;place-items:center;font-size:25px;font-weight:bold}.live{position:absolute;top:15px;left:15px;background:#07111ccc;padding:9px;border-radius:8px}.lower{position:absolute;bottom:24px;left:20px;background:#0d6aa9e8;border-left:5px solid #32bdff;padding:10px 15px}.lower strong,.lower small{display:block}.bar{background:#10273a;padding:11px;display:flex;gap:20px;align-items:center}.bar b{color:#ff4768}.bar button{margin-left:auto}.cams{width:min(1200px,95vw);margin:18px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cam{background:#0d2030;border:1px solid #24445d;border-radius:14px;overflow:hidden}.cam.connected{border-color:#28c57a}.cam.on{outline:3px solid #ff3159}.cam h3{padding:0 12px}.cam small{float:right;color:#79a3bf;font-size:9px}.feed{aspect-ratio:16/9;background:#02070b;position:relative;display:grid;place-items:center;color:#7290a5}.feed video{position:absolute;width:100%;height:100%;object-fit:cover}.camstat{font-size:10px;padding:6px 10px;color:#77a0ba}.cam button,.controls button,.phoneCard button,.bar button{padding:11px;border:0;border-radius:8px;background:#e51f46;color:#fff;font-weight:bold}.cam button{width:100%;border-radius:0}.controls{width:min(720px,94vw);margin:20px auto;background:#0d2030;border:1px solid #24445d;border-radius:14px;padding:18px}.controls input,.phoneCard select{width:100%;padding:12px;margin:6px 0;background:#071522;border:1px solid #2a4a62;color:white;border-radius:9px}.note{font-size:12px;color:#86a0b4;line-height:1.5}.phoneMain{width:min(560px,94vw);margin:20px auto}.phoneCard{background:#0d2030;border:1px solid #24445d;border-radius:18px;padding:18px;text-align:center}.phoneCard label{display:block;text-align:left;font-size:11px;color:#8da5b8;margin-top:10px}.phoneVideo{aspect-ratio:9/16;max-height:58vh;background:#000;position:relative;margin:12px 0;border-radius:14px;overflow:hidden}.phoneVideo video{width:100%;height:100%;object-fit:cover}.phoneVideo #msg{position:absolute;inset:0;display:grid;place-items:center;color:#7891a5}.phoneCard button{width:100%;margin-top:8px}.phoneCard .start{background:#1595d4}.phoneCard .send{background:#16a36b}.status{margin:13px 0;color:#ff5572;font-weight:bold}.stats{display:flex;justify-content:space-between;font-size:11px;color:#89a6ba}@media(max-width:800px){.cams{grid-template-columns:1fr}.event{display:none}}