:root{--achtergrond:#14181f;--achtergrond-gesprek:#0f1d17;--tekst:#f2f2f0;--gedempt:#9aa3ad;--rood:#e5484d;--accent:#f2b33d;--accent-tekst:#14181f;--vlak:#222a35;--hoek:16px;--hoek-groot:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--achtergrond);color:var(--tekst);margin:0}button{font:inherit;cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;touch-action:none;border:0}.scherm{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:32px 16px;transition:background .6s;display:flex}.scherm.in-gesprek{background:var(--achtergrond-gesprek)}.programma{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex-direction:column;align-items:center;gap:12px;padding:20px 16px;font-size:.85rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.logo{width:auto;height:40px}.kop{margin:0 0 16px;font-size:1.6rem;font-weight:600}.teams{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.team{background:var(--vlak);border-radius:var(--hoek) var(--hoek) var(--hoek-groot) var(--hoek);padding:28px 40px;font-size:1.3rem;font-weight:600}.team:hover{background:var(--accent);color:var(--accent-tekst)}.portret{aspect-ratio:1;border:4px solid var(--accent);border-radius:50%;width:min(240px,60vw);transition:box-shadow .25s,width .4s;position:relative;overflow:hidden;box-shadow:0 0 #0000}.portret video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.portret.met-video{width:min(340px,75vw)}.portret.met-video video{opacity:1}.portret img{object-fit:cover;width:100%;height:100%;display:block}.portret.gaat-over{animation:1.4s ease-out infinite overgaan}.portret.spreekt{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 0 22px color-mix(in srgb, var(--accent) 15%, transparent)}@keyframes overgaan{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent)}to{box-shadow:0 0 0 36px #0000}}.naam{margin:16px 0 0;font-size:2rem;font-weight:600}.regel{color:var(--gedempt);font-variant-numeric:tabular-nums;min-height:1.5em;margin:0}.regel.bijna-klaar{color:var(--accent);font-weight:600}.fout{color:#ffb4b4;max-width:420px}.bediening{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.bellen{background:var(--accent);color:var(--accent-tekst);border-radius:var(--hoek) var(--hoek) var(--hoek-groot) var(--hoek);align-items:center;gap:12px;padding:18px 36px;font-size:1.2rem;font-weight:700;display:flex}.bellen:disabled{opacity:.6;cursor:progress}.praat{border-radius:var(--hoek) var(--hoek) var(--hoek-groot) var(--hoek);background:var(--vlak);flex-direction:column;gap:4px;min-width:280px;padding:26px 32px;font-size:1.15rem;font-weight:600;transition:background .15s,transform .1s;display:flex}.praat small{color:var(--gedempt);font-size:.85rem;font-weight:400}.praat.actief{background:var(--accent);color:var(--accent-tekst);transform:scale(.98)}.praat.actief small{color:var(--accent-tekst);opacity:.75}.ophangen{background:var(--rood);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.ophangen svg{transform:rotate(135deg)}.voet{color:var(--gedempt);gap:8px;font-size:.9rem;display:flex;position:fixed;bottom:16px}.wissel{color:var(--gedempt);background:0 0;padding:0;text-decoration:underline}
