:root{--text: rgba(255, 255, 255, .96);--text-dim: rgba(255, 255, 255, .62);--text-faint: rgba(255, 255, 255, .4);--glass-bg: rgba(20, 20, 24, .34);--glass-border: rgba(255, 255, 255, .14);--ui-fade: .46s cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Sora,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#bg{position:fixed;inset:0;z-index:0;background:#000;overflow:hidden;opacity:1;transition:opacity .36s ease}#bg iframe,#bg video{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%,-50%);border:0;object-fit:cover;pointer-events:none}#bg video{background:#000}#grade{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 38%,transparent 52%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 22%,transparent 55%,rgba(0,0,0,.72) 100%)}#ui{position:fixed;inset:0;z-index:2;pointer-events:none}.chrome{transition:opacity var(--ui-fade),transform var(--ui-fade)}#ui.idle .chrome{opacity:0}.top{position:absolute;top:clamp(20px,4vh,46px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.live{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim)}.live .dot{width:7px;height:7px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 10px #ff3b3b;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.citymenu{position:absolute;top:clamp(50px,8vh,66px);left:clamp(16px,3vw,30px);z-index:3;pointer-events:auto;font-family:Sora,sans-serif}.citymenu-toggle{appearance:none;display:flex;align-items:center;gap:10px;background:#12121642;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);font-family:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:9px 14px;border-radius:10px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.citymenu-toggle:hover{border-color:#ffffff47;background:#12121666}.citymenu-chev{font-size:10px;opacity:.7;transition:transform .22s ease}.citymenu.open .citymenu-chev{transform:rotate(180deg)}.citymenu-list{display:none;flex-direction:column;margin-top:6px;padding:5px;min-width:178px;max-height:min(64vh,520px);overflow-y:auto;border-radius:10px;background:#1212166b;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.citymenu.open .citymenu-list{display:flex}.citymenu-country{padding:9px 12px 5px;font-size:9px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#ffffff61}.citymenu-country:not(:first-child){margin-top:4px;border-top:1px solid rgba(255,255,255,.08)}.citymenu-item{appearance:none;text-align:left;background:transparent;border:0;color:var(--text-dim);font-family:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:color .18s ease,background .18s ease}.citymenu-item:hover{color:var(--text);background:#ffffff12}.citymenu-item.active{color:#000;background:#ffffffe6}.corner{position:absolute;top:clamp(14px,3vh,26px);left:clamp(16px,3vw,30px);display:flex;align-items:baseline;gap:12px;opacity:.55;pointer-events:none;text-shadow:0 1px 14px rgba(0,0,0,.55)}.corner .time{font-family:Sora,sans-serif;font-weight:300;font-size:clamp(15px,2.2vw,21px);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.corner .time .sec{font-size:.66em;opacity:.65;margin-left:.18em}.corner .date{font-size:clamp(9px,1.2vw,11px);letter-spacing:.2em;text-transform:uppercase}.loc{position:absolute;left:50%;bottom:clamp(40px,9vh,88px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}.location{font-family:Sora,sans-serif;font-weight:400;font-size:clamp(18px,3vw,32px);letter-spacing:.32em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 34px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.cams{display:flex;gap:9px;pointer-events:auto}.cam-dot{appearance:none;width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:background .26s ease,transform .26s ease}.cam-dot:hover{background:#fff9}.cam-dot.active{background:#fffffff2;transform:scale(1.25);box-shadow:0 0 10px #ffffff80}.yt-notice{position:absolute;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vh,28px);z-index:4;max-width:320px;pointer-events:auto;display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:14px;background:#12121680;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 34px #00000073;animation:yt-rise .48s cubic-bezier(.22,1,.36,1) both}@keyframes yt-rise{0%{opacity:0;transform:translateY(10px)}}.yt-notice-text{font-family:Sora,sans-serif;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.yt-notice-text b{color:var(--text);font-weight:500}.yt-notice-actions{display:flex;flex-wrap:wrap;gap:8px}.yt-btn{appearance:none;font-family:Sora,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--text-dim);transition:color .2s ease,background .2s ease,border-color .2s ease}.yt-btn:hover{color:var(--text);border-color:#ffffff4d}.yt-btn.primary{background:#ffffffeb;color:#000;border-color:transparent}.yt-btn.primary:hover{background:#fff}.yt-btn.ghost{border-color:transparent}@media(max-width:560px){.yt-notice{left:clamp(12px,4vw,28px);right:clamp(12px,4vw,28px);max-width:none;bottom:12px}}.credit{position:absolute;bottom:clamp(10px,2vh,16px);left:50%;transform:translate(-50%);font-family:Sora,sans-serif;font-size:clamp(9px,1.1vw,11px);font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:#ffffff57;text-shadow:0 1px 10px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap}@media(max-width:560px){.city-btn{padding:10px 13px}}