:root{--brand: #0e6b61;--accent: #8a3a10;--font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:var(--font);cursor:none;user-select:none}.viewport{position:absolute;inset:0;overflow:hidden}.viewport.rotated{inset:50% auto auto 50%;transform-origin:center}.stage,.override-layer,.banner-layer,.status-layer,.blackout{position:absolute;inset:0}.override-layer,.status-layer,.blackout{display:none}.override-layer.is-visible,.status-layer.is-visible,.blackout.is-visible{display:block}.override-layer{background:#000;z-index:20}.banner-layer{z-index:25;pointer-events:none;top:auto}.status-layer{z-index:30;background:#0b0f0e}.blackout{z-index:40;background:#000}.layer{position:absolute;inset:0;display:grid;place-items:center;background:#000;opacity:0}.layer.is-visible{opacity:1}.layer.t-fade{transition:opacity .6s ease}.layer.t-slide{transform:translate(6%);transition:opacity .6s ease,transform .6s ease}.layer.t-slide.is-visible{transform:none}.layer.t-none.is-visible{transition:none}.media{width:100%;height:100%;object-fit:contain;background:#000}.status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vmin;padding:6vmin;text-align:center}.status h1{font-size:5vmin;margin:0;font-weight:600}.status-text{font-size:2.8vmin;max-width:70vmin;opacity:.85;margin:0;line-height:1.4}.status-small{font-size:2vmin;opacity:.7;margin:0}.status-foot{position:absolute;bottom:3vmin;font-size:1.6vmin;opacity:.45;margin:0}.status-logo{max-width:40vmin;max-height:14vmin;object-fit:contain;background:#fff;padding:1.6vmin 2.4vmin;border-radius:1.6vmin}.pair-code{display:flex;gap:1.4vmin;margin:1vmin 0}.pair-code span{width:11vmin;height:14vmin;display:grid;place-items:center;font-size:9vmin;font-weight:700;border-radius:1.6vmin;background:var(--brand);font-family:Consolas,IBM Plex Mono,monospace}.pair-qr-block{display:flex;flex-direction:column;align-items:center;gap:1vmin}.pair-qr{width:18vmin;height:18vmin;background:#fff;padding:1vmin;border-radius:1.2vmin}.status-idle{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--brand) 35%,#000),#000 70%)}.idle-clock{font-size:14vmin;font-weight:300;letter-spacing:-.02em}.idle-name{font-size:5vmin;font-weight:600}.w{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vmin;padding:6vmin;background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 85%,#000),#06110f);text-align:center}.w-muted{opacity:.75;font-size:2.6vmin}.w-clock-time{font-size:22vmin;font-weight:300;line-height:1}.w-clock-date{font-size:4.4vmin;opacity:.85}.w-weather-place{font-size:4vmin;opacity:.85}.w-weather-temp{font-size:20vmin;font-weight:300;line-height:1}.w-weather-desc{font-size:3.6vmin}.w-weather-days{display:flex;gap:6vmin;margin-top:3vmin}.w-weather-day{display:flex;flex-direction:column;gap:.6vmin;font-size:3vmin;text-transform:capitalize}.w-ticker{justify-content:flex-end;padding:0;background:#000}.w-ticker-band{width:max-content;white-space:pre;font-size:5vmin;padding:2.5vmin 0;background:var(--accent);animation:ticker linear infinite;min-width:200%}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.w-qr-title,.w-rss-title,.w-countdown-label{font-size:5vmin;font-weight:600}.w-qr-img{width:45vmin;height:45vmin;background:#fff;padding:2vmin;border-radius:2vmin}.w-countdown-value{font-size:12vmin;font-weight:600}.w-rss-list{list-style:none;padding:0;margin:0;text-align:left;max-width:80vw;display:flex;flex-direction:column;gap:2vmin}.w-rss-list li{font-size:3.6vmin;border-left:.8vmin solid var(--accent);padding-left:2vmin}.w-webpage{border:0;background:#fff;padding:0}.melding{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vmin;padding:8vmin;text-align:center;background:var(--brand)}.melding-emergency{background:#b91c1c;animation:knipper 2s ease-in-out infinite}@keyframes knipper{50%{background:#7f1d1d}}.melding h1{font-size:9vmin;margin:0}.melding p{font-size:4.4vmin;margin:0;max-width:85vw;line-height:1.35}.melding-tweede{opacity:.85;font-style:italic}.melding-icoon{width:16vmin;height:16vmin;border-radius:50%;background:#fff;color:#b91c1c;display:grid;place-items:center;font-size:12vmin;font-weight:800}.banner{display:flex;gap:3vmin;align-items:center;padding:2.4vmin 4vmin;font-size:3.4vmin;background:var(--accent)}.banner-emergency{background:#b91c1c}.testbeeld{position:absolute;inset:0;display:flex;flex-direction:column}.testbeeld-balken{flex:1;display:grid;grid-template-columns:repeat(7,1fr)}.testbeeld-info{display:flex;justify-content:space-between;align-items:center;gap:4vmin;padding:3vmin 5vmin;background:#111;font-size:3.4vmin}.testbeeld-tijd{opacity:.7}.debug{display:none;position:absolute;left:1vmin;top:1vmin;z-index:100;margin:0;padding:1.2vmin 1.6vmin;background:#000c;color:#9fe;font:1.5vmin/1.5 Consolas,monospace;border-radius:.8vmin;white-space:pre}.debug.is-visible{display:block}.offline-dot{display:none;position:absolute;right:1.2vmin;bottom:1.2vmin;z-index:100;width:1.4vmin;height:1.4vmin;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 .4vmin #0009}.offline-dot.is-visible{display:block}@media (prefers-reduced-motion: reduce){.layer.t-fade,.layer.t-slide{transition:none}.melding-emergency{animation:none}}.zones-layer{position:absolute;inset:0;z-index:1}.stage{z-index:2}.stage[style]{position:absolute;overflow:hidden}.zone{position:absolute;overflow:hidden;container-type:size}.z{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4cqmin;padding:5cqmin;background:linear-gradient(165deg,color-mix(in srgb,var(--brand) 80%,#000),#07110f);color:#fff;overflow:hidden}.z-muted{opacity:.7;font-size:7cqmin}.z-titel{font-weight:700;font-size:8cqmin}.z-ticker{padding:0;gap:0;justify-content:flex-start;background:#0b0f0e}.z-ticker-label{flex-shrink:0;height:100%;display:flex;align-items:center;padding:0 max(14px,2.5cqw);font-weight:800;font-size:38cqh;background:var(--accent);text-transform:uppercase;letter-spacing:.04em}.z-ticker-baan{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;align-items:center}.z-ticker-band{display:flex;white-space:pre;font-size:42cqh;font-weight:500;will-change:transform}.z-ticker-band.loopt{animation:doorloop linear infinite}@keyframes doorloop{0%{transform:translate(0)}to{transform:translate(-50%)}}.z-nieuws{flex-direction:column;align-items:stretch;justify-content:flex-start}.z-nieuws-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3cqmin}.z-nieuws-lijst li{font-size:6cqmin;line-height:1.25;border-left:1.2cqmin solid var(--accent);padding-left:3cqmin}.z-weer.z-paneel{flex-direction:column;text-align:center;gap:2cqmin}.z-weer-plaats{font-size:7cqmin;opacity:.85}.z-weer-nu{display:flex;align-items:center;justify-content:center;gap:3cqmin}.z-weer-icoon{width:26cqmin;height:26cqmin}.z-weer-icoon svg,.z-weer-dag-icoon svg{width:100%;height:100%}.z-weer-temp{font-size:22cqmin;font-weight:300;line-height:1}.z-weer-omschrijving{font-size:6cqmin}.z-weer-dagen{display:flex;justify-content:space-around;width:100%;margin-top:3cqmin}.z-weer-dag{display:flex;flex-direction:column;align-items:center;gap:1cqmin;font-size:5.5cqmin;text-transform:capitalize}.z-weer-dag-icoon{width:13cqmin;height:13cqmin}.z-weer.z-balk{justify-content:flex-start;padding:0 3cqw}.z-weer.z-balk .z-weer-icoon{width:80cqh;height:80cqh}.z-weer.z-balk .z-weer-temp{font-size:55cqh}.z-weer.z-balk .z-weer-plaats{font-size:32cqh}.z-klok{flex-direction:column;gap:1cqmin;text-align:center}.z-klok-tijd{font-size:30cqmin;font-weight:300;line-height:1}.z-klok-datum{font-size:7cqmin;opacity:.85}.z-klok.z-balk{flex-direction:row;gap:4cqh}.z-klok.z-balk .z-klok-tijd{font-size:60cqh}.z-klok.z-balk .z-klok-datum{font-size:30cqh}.z-qr{flex-direction:column}.z-qr-img{width:60cqmin;height:60cqmin;background:#fff;padding:2cqmin;border-radius:2cqmin}.w-weather-now{display:flex;align-items:center;gap:3vmin}.w-weather-icon{width:18vmin;height:18vmin}.w-weather-icon svg,.w-weather-day-icon svg{width:100%;height:100%}.w-weather-day-icon{width:9vmin;height:9vmin;margin:0 auto}