:root{--bg:#010101;--ink:#e6f4fe;--blue:#005dcb;--green:#3cda52;--pink:#f32aa4;--yellow:#f5e141;--muted:#a1bbcf}@supports (color:lab(0% 0 0)){:root{--bg:lab(.195112% 0 0);--ink:lab(95.3885% -3.21209 -6.56531);--blue:lab(39.9404% 13.6799 -68.9436);--green:lab(77.0851% -61.9109 52.9433);--pink:lab(56.0088% 78.6761 -15.3752);--yellow:lab(89.2468% -5.12919 75.2572);--muted:lab(74.5212% -6.10259 -12.9809)}}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#000,#010b26);background:linear-gradient(135deg,lab(.112911% 0 0),lab(3.33241% 2.67077 -18.4955));margin:0;font-family:Trebuchet MS,Arial,sans-serif;overflow-x:hidden}button{font:inherit}.broadcast-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.studio-frame{width:min(1280px,100%);box-shadow:0 0 0 6px var(--blue),0 30px 90px #0000008c;background:#010408;background:lab(.884869% -.217319 -2.15163);border:8px solid #000;border:8px solid lab(.00722694% 0 0)}@supports (color:lab(0% 0 0)){.studio-frame{box-shadow:0 0 0 6px var(--blue),0 30px 90px lab(0% 0 0/.55)}}.topline{background:var(--blue);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:12px 18px;font-weight:900;display:flex}.topline em{background:var(--pink);color:#fff;padding:6px 12px;font-style:normal}.screen{background:radial-gradient(circle at 30% 40%,#001540,#0000 38%),#000207;background:radial-gradient(circle at 30% 40%,lab(6.64669% 15.9407 -41.3394),#0000 38%),lab(.430035% .0757501 -2.52296);height:680px;position:relative;overflow:hidden}.screen:after{content:"";pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 5px,#ffffff0b 5px 7px);background:repeating-linear-gradient(#0000 0 5px,lab(100% 0 0/.045) 5px 7px);position:absolute;inset:0}.radar{border:3px solid var(--green);background:radial-gradient(circle,#0000 0 22%,#28bc5e21 22% 23%,#0000 23% 46%,#28bc5e21 46% 47%,#0000 47%),linear-gradient(90deg,#0000 49.7%,#28bc5e2e 50%,#0000 50.3%),linear-gradient(#0000 49.7%,#28bc5e2e 50%,#0000 50.3%);background:radial-gradient(circle,#0000 0 22%,lab(67.444% -54.6043 36.3011/.13) 22% 23%,#0000 23% 46%,lab(67.444% -54.6043 36.3011/.13) 46% 47%,#0000 47%),linear-gradient(90deg,#0000 49.7%,lab(67.444% -54.6043 36.3011/.18) 50%,#0000 50.3%),linear-gradient(#0000 49.7%,lab(67.444% -54.6043 36.3011/.18) 50%,#0000 50.3%);border-radius:50%;position:absolute;inset:34px 350px 105px 34px}.radar span{background:var(--pink);box-shadow:0 0 20px var(--pink);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sweep{background:linear-gradient(90deg,var(--green),transparent);transform-origin:100%;width:50%;height:4px;animation:3s linear infinite radar;position:absolute;inset:50% 50% auto auto}.map-label{background:var(--yellow);color:#020202;color:lab(.462488% 0 0);padding:10px 16px;font-size:34px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px #000;box-shadow:8px 8px lab(0% 0 0)}.meteorologist{border:4px solid var(--ink);text-align:center;background:#000616;background:lab(1.36238% 1.32381 -12.9193);width:280px;padding:18px;position:absolute;top:42px;right:28px}.meteorologist img{object-fit:cover;border:4px solid var(--green);width:150px;height:150px;transform:rotate(2deg)}.meteorologist p{color:var(--muted);margin:12px 0 0;font-weight:800}.meteorologist strong{color:var(--yellow);letter-spacing:-.04em;font-size:72px;line-height:1;display:block}.meteorologist button{background:var(--green);color:#000;color:lab(.0578117% 0 0);text-transform:uppercase;cursor:pointer;border:0;margin-top:12px;padding:13px 18px;font-weight:900}.warning{background:var(--pink);color:#fff;border:5px solid #fff;padding:16px 20px;position:absolute;bottom:112px;left:28px;right:28px;box-shadow:10px 10px #000;box-shadow:10px 10px lab(0% 0 0)}.warning span{letter-spacing:.08em;font-weight:900}.warning h1{letter-spacing:-.035em;text-transform:uppercase;margin:8px 0 0;font-size:clamp(46px,7vw,92px);line-height:.85}.frequency{border:3px solid var(--green);max-width:calc(100% - 56px);color:var(--ink);text-align:left;cursor:pointer;z-index:2;background:#000;background:lab(.0243893% 0 0);padding:12px 16px;position:absolute;bottom:26px;left:28px}.frequency span{color:var(--green);letter-spacing:.08em;font-weight:900;display:block}.frequency strong{overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:18px;display:block}.frequency:disabled{cursor:not-allowed}.ticker{border-top:4px solid var(--pink);background:#000;background:lab(.00722694% 0 0);align-items:center;font-size:22px;font-weight:800;display:flex}.ticker span{background:var(--yellow);color:#000;color:lab(.112911% 0 0);margin-right:16px;padding:13px 18px;font-weight:900}.ticker p{margin:0;padding-right:20px}@keyframes radar{to{transform:rotate(360deg)}}@media (max-width:860px){.broadcast-shell{padding:8px}.studio-frame{border-width:4px}.topline{flex-direction:column;align-items:flex-start;gap:8px}.screen{height:720px}.radar{inset:24px 20px 300px}.meteorologist{width:160px;padding:10px;top:310px;right:18px}.meteorologist img{width:82px;height:82px}.meteorologist strong{font-size:42px}.warning{bottom:132px;left:12px;right:12px}.warning h1{font-size:42px}.frequency{max-width:none;bottom:38px;left:12px;right:12px}.ticker{align-items:stretch;font-size:16px}.ticker span{align-items:center;margin-right:8px;display:flex}.map-label{font-size:22px}}