.vl *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.vl{--bg: #08080A;--card: #131316;--text: #F5F5F3;--muted: #8A8A90;--accent: #00AACC;--accent-dark: #0088A3;--border: rgba(255,255,255,.1);--groen: #5ad18a;--rood: #ff6b6b;--amber: #e0a93a;margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.vl .kop{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.vl .eyebrow{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.vl .modus{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--amber);color:var(--amber);font-weight:600}.vl.presentatie .modus,.vl.presentatie .eyebrow{display:none}.vl main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.2rem}.vl .gate{max-width:340px;width:100%}.vl .gate label{display:block;color:var(--muted);font-size:.9rem;margin-bottom:.75rem}.vl .gate input{width:100%;background:var(--card);border:1.5px solid var(--border);color:var(--text);font:inherit;font-size:1rem;padding:.9rem 1.1rem;border-radius:8px;text-transform:uppercase}.vl .gate button{margin-top:.85rem;width:100%}.vl .fout{color:var(--rood);font-size:.9rem;margin-top:.8rem}.vl button{font:inherit;font-weight:600;border:none;border-radius:12px;cursor:pointer;padding:1.1rem 1.6rem;font-size:1.1rem;color:#fff;background:var(--accent);touch-action:manipulation}.vl button:active{transform:scale(.98)}.vl button.groot{font-family:Barlow Condensed,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:3rem;line-height:1;width:100%;max-width:520px;min-height:112px;padding:1rem 2rem;border-radius:22px;background:linear-gradient(135deg,#16cff0,#0ac 55%,#0088a3);box-shadow:0 0 #00aacc8c,0 14px 40px #00aacc59;text-shadow:0 2px 10px rgba(0,0,0,.25);animation:vl-adem 2.2s ease-in-out infinite}.vl button.groot:disabled{animation:none;box-shadow:none}@keyframes vl-adem{0%,to{box-shadow:0 0 #00aacc8c,0 14px 40px #00aacc59;transform:scale(1)}50%{box-shadow:0 0 0 18px #0ac0,0 18px 50px #00aacc80;transform:scale(1.02)}}.vl main.start{justify-content:space-evenly}.vl main.start .prijskaart{border-color:#00aacc59;padding:1.5rem 1.4rem}.vl main.start .prijskaart .t{font-size:1.05rem}.vl main.start .prijskaart .n{font-size:clamp(2.2rem,9vw,3.2rem)}.vl main.start .prijskaart .s{font-size:1rem}.vl main.start .loten b{font-size:2.2rem}.vl button.grijs{background:var(--card);border:1.5px solid var(--border);color:var(--text)}.vl button.groen{background:var(--groen);color:#08080a}.vl button.rood{background:transparent;border:1.5px solid var(--rood);color:var(--rood)}.vl button:disabled{opacity:.4}.vl .prijskaart{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.2rem 1.6rem;max-width:420px;width:100%}.vl .prijskaart .t{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.9rem}.vl .prijskaart .n{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.9rem;line-height:1.05;margin:.3rem 0 .2rem;text-transform:uppercase}.vl .prijskaart .s{color:var(--muted);font-size:.9rem}.vl .loten{color:var(--muted);font-size:.95rem}.vl .loten b{color:var(--text);font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.6rem}.vl main.toon-naam{justify-content:space-between;gap:.6rem}.vl .naam{font-family:Barlow Condensed,sans-serif;font-weight:900;text-transform:uppercase;line-height:.88;letter-spacing:0;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0 .15rem}.vl .naam span{display:block;white-space:nowrap}.vl .naam.rolt{color:var(--muted)}.vl .naam.winnaar{color:var(--accent);animation:vl-pop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes vl-pop{0%{transform:scale(.85);opacity:.3}to{transform:scale(1);opacity:1}}.vl .leeftijd{color:var(--muted);font-size:1.15rem}.vl .knoppen{display:flex;gap:.7rem;width:100%;max-width:520px}.vl .knoppen button{flex:1;min-height:68px;font-size:1.15rem;padding:.9rem .6rem}.vl .prijskaart.klein{padding:.55rem 1rem;display:flex;gap:.7rem;align-items:baseline;justify-content:center;flex-wrap:wrap}.vl .prijskaart.klein .t{font-size:.8rem}.vl .prijskaart.klein .n{font-size:1.15rem;margin:0}.vl .overzicht{width:100%;max-width:480px;text-align:left}.vl .overzicht h2{font-family:Barlow Condensed,sans-serif;font-weight:900;text-transform:uppercase;font-size:2.2rem;text-align:center;margin:0 0 1rem}.vl .win{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem;display:flex;gap:1rem;align-items:center}.vl .win .p{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.8rem;min-width:64px}.vl .win .w{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:1.6rem;line-height:1;text-transform:uppercase}.vl .win .w small{display:block;font-family:Inter,sans-serif;font-weight:400;text-transform:none;color:var(--muted);font-size:.85rem;margin-top:.2rem}.vl .win.top{border-color:var(--accent);background:#00aacc1a}.vl .afwezig{color:var(--muted);font-size:.85rem;margin-top:1rem}.vl .tandwiel{position:fixed;left:max(.6rem,env(safe-area-inset-left));bottom:max(.6rem,env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;background:transparent;color:#ffffff2e;border:none;font-size:1.4rem;padding:0;display:flex;align-items:center;justify-content:center}.vl.presentatie .tandwiel{color:#ffffff14}.vl .paneel{position:fixed;inset:auto 0 0;background:#191920;border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:1.2rem 1.2rem max(1.2rem,env(safe-area-inset-bottom));display:none;flex-direction:column;gap:.7rem;z-index:10}.vl .paneel.open{display:flex}.vl .paneel h3{margin:0 0 .3rem;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:1rem;color:var(--muted)}.vl .paneel .status{font-size:.82rem;color:var(--muted);line-height:1.5}.vl .paneel .status b{color:var(--text)}.vl .paneel button{font-size:1rem;padding:.9rem 1.2rem}.vl .sluier{position:fixed;inset:0;background:#0000008c;display:none;z-index:9}.vl .sluier.open{display:block}.vl .gefeliciteerd{font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--groen);font-size:1rem}.vl .hint{color:var(--muted);font-size:.85rem;max-width:320px}