:root{--waard: #004f72;--waard-licht: #e6eef2;--tekst: #1e2a32;--grijs: #5f6b73;--wit: #ffffff;--ok: #1f7a4d;--offline: #9aa5ab}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--wit);color:var(--tekst);font-family:Montserrat,Segoe UI,Arial,sans-serif;overflow:hidden;cursor:none;-webkit-font-smoothing:antialiased}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scherm{height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:4vh 5vw 2.5vh;animation:zweef 180s ease-in-out infinite alternate}@keyframes zweef{0%{transform:translate(0)}to{transform:translate(.6vw,.8vh)}}.scherm__kop{display:flex;align-items:flex-start;justify-content:space-between}.scherm__logo{height:7vh}.scherm__klok{text-align:right;color:var(--waard)}.scherm__tijd{font-size:6vh;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.scherm__datum{font-size:2.2vh;color:var(--grijs);margin-top:.8vh}.scherm__inhoud{display:flex;align-items:center;justify-content:center;min-height:0;animation:verschijn .7s ease-out}@keyframes verschijn{0%{opacity:0;transform:translateY(1.5vh)}to{opacity:1;transform:none}}.scherm__voet{display:flex;align-items:center;justify-content:space-between;height:3vh}.scherm__status{width:1.2vh;height:1.2vh;border-radius:50%;display:inline-block}.scherm__status--ok{background:var(--ok);opacity:.6}.scherm__status--offline{background:var(--offline)}.scherm__teller{display:flex;gap:.8vh}.scherm__teller i{width:1.2vh;height:1.2vh;border-radius:50%;background:var(--waard-licht);display:inline-block}.scherm__teller i.actief{background:var(--waard)}.welkom{display:flex;align-items:center;gap:6vw;max-width:90vw}.welkom__beeld{height:42vh;max-width:36vw;object-fit:contain;border-radius:1.5vh}.welkom__kop{font-family:Montserrat Alternates,Montserrat,sans-serif;font-size:5vh;font-weight:600;color:var(--waard);margin:0 0 1vh;letter-spacing:.04em}.welkom__naam{font-size:11vh;font-weight:700;line-height:1.05;margin:0;color:var(--tekst);overflow-wrap:anywhere}.welkom__bedrijf{font-size:5vh;color:var(--grijs);margin:2vh 0 0}.welkom__host{font-size:3.2vh;color:var(--grijs);margin:4vh 0 0}.welkom__host strong{color:var(--waard);font-weight:600}.beeld{max-height:70vh;max-width:86vw;object-fit:contain;border-radius:1.5vh;animation:verschijn .9s ease-out}.leeg{text-align:center}.leeg__logo{height:22vh;opacity:.9}.leeg__tekst{font-family:Montserrat Alternates,Montserrat,sans-serif;font-size:5vh;color:var(--waard);margin:3vh 0 0}.screensaver{height:100vh;background:#000;position:relative;color:#fff}.screensaver__icoon{position:absolute;top:4vh;left:4vw;height:6vh;opacity:.9;animation:zweef 180s ease-in-out infinite alternate}.screensaver__tekst{position:absolute;bottom:3vh;left:0;right:0;text-align:center;font-size:1.8vh;color:#fff;opacity:.7;margin:0}.koppelen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8vw}.koppelen__logo{height:9vh;margin-bottom:5vh}.koppelen__titel{font-size:4.5vh;font-weight:600;color:var(--waard);margin:0 0 1.5vh}.koppelen__uitleg{font-size:2.4vh;color:var(--grijs);margin:0 0 5vh;max-width:70vw}.koppelen__code{font-size:16vh;font-weight:700;letter-spacing:.12em;color:var(--tekst);font-variant-numeric:tabular-nums;background:var(--waard-licht);padding:2vh 5vw;border-radius:2vh}.koppelen__status{font-size:2.4vh;color:var(--grijs);margin:4vh 0 0}.koppelen__versie{position:absolute;bottom:2vh;right:2vw;font-size:1.4vh;color:var(--offline);margin:0}