: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}.welkom__tekening{height:58vh;max-width:40vw;object-fit:contain}.welkom__naam span{display:block}.welkom__naam--meer{font-size:7vh}.welkom--groep{flex-direction:column;gap:3vh;text-align:center}.welkom--groep .welkom__kop{margin:0}.welkom__portretten{display:flex;justify-content:center;gap:4vw}.portret{margin:0;display:flex;flex-direction:column;align-items:center;gap:1.5vh;width:19vw}.portret__tekening{height:40vh;max-width:19vw;object-fit:contain}.portret__leeg{height:40vh;width:15vw;display:flex;align-items:center;justify-content:center;font-size:9vh;font-weight:600;color:var(--waard);background:var(--waard-licht);border-radius:2vh}.portret__naam{font-size:3.6vh;font-weight:700;color:var(--tekst);line-height:1.15;overflow-wrap:anywhere}.welkom--groep .welkom__bedrijf,.welkom--groep .welkom__host{margin-top:0}.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}.scherm--voorbeeld{animation:none}.voorbeeld__label{font-size:1.8vh;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);background:var(--waard-licht);border-radius:1vh;padding:.4vh 1.2vh}