footer.copy{text-align:center;color:var(--dim);font-size:.8rem;padding:18px 5vw 30px;opacity:.75}footer.copy a{color:var(--accent);text-decoration:none}:root{--bg1:#0a2f18;--bg2:#06200f;--card1:#124a26;--card2:#0c3a1d;--accent:#f5c542;--accent2:#ffdf80;--txt:#f6f4ec;--dim:rgba(246,244,236,.65);--line:rgba(245,197,66,.25)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif}body{background:radial-gradient(1200px 700px at 50% -10%,#14572c 0%,var(--bg1) 45%,var(--bg2) 100%);color:var(--txt);min-height:100vh;padding:0 16px 20px}nav.hoofdnav{margin:0 -16px 20px}h1{text-align:center;font-family:Oswald,sans-serif;font-weight:700;font-size:1.7rem;letter-spacing:6px;margin-bottom:18px;color:var(--accent);text-shadow:0 0 24px rgba(245,197,66,.35)}h1:after{content:"";display:block;width:280px;height:2px;margin:10px auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.beurt{text-align:center;font-family:Oswald,sans-serif;font-weight:500;font-size:1.35rem;letter-spacing:4px;color:var(--accent2);margin:0 auto 14px;background:#00000047;border:1px solid var(--line);border-radius:12px;padding:8px 26px;width:fit-content}.board{display:flex;gap:20px;max-width:1150px;margin:0 auto}.card{flex:1;border-radius:20px;padding:24px;background:linear-gradient(160deg,var(--card1),var(--card2));border:2px solid var(--line);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f;transition:border .3s,box-shadow .3s}.card.active.c-yellow{border-color:#f2c230;animation:glowyellow 2.2s ease-in-out infinite;background:linear-gradient(160deg,#2a4a12,var(--card2))}@keyframes glowyellow{0%,to{box-shadow:0 0 22px #f2c23059,0 10px 30px #00000059}50%{box-shadow:0 0 46px #f2c230a6,0 10px 30px #00000059}}.card.active.c-white{border-color:#f4f2ea;animation:glowwhite 2.2s ease-in-out infinite;background:linear-gradient(160deg,#2c4a3a,var(--card2))}@keyframes glowwhite{0%,to{box-shadow:0 0 22px #f6f4ec4d,0 10px 30px #00000059}50%{box-shadow:0 0 46px #f6f4ec99,0 10px 30px #00000059}}.name{font-size:1.6rem;font-weight:800;display:flex;align-items:center;gap:12px;letter-spacing:.5px}.ball{width:24px;height:24px;border-radius:50%;display:inline-block;box-shadow:inset -3px -4px 6px #00000059,inset 3px 4px 6px #ffffff73,0 2px 4px #0006}.ball.white{background:radial-gradient(circle at 35% 30%,#fff,#d8d6cc)}.ball.yellow{background:radial-gradient(circle at 35% 30%,#ffe98a,#e0a80c)}.score{font-family:Oswald,sans-serif;font-weight:700;font-size:7.2rem;text-align:center;line-height:1.05;font-variant-numeric:tabular-nums;text-shadow:0 4px 18px rgba(0,0,0,.45)}.score.bump{animation:bump .6s ease;color:var(--accent2)}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.target{text-align:center;font-size:1.05rem;color:var(--dim);margin-bottom:14px;letter-spacing:.3px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.95rem}.stats div{background:#00000047;border-radius:10px;padding:10px 12px;color:var(--dim);border:1px solid rgba(255,255,255,.05)}.stats b{display:block;font-size:1.35rem;color:var(--txt);font-variant-numeric:tabular-nums;margin-top:2px}.pctbar{height:14px;background:#00000059;border-radius:7px;margin-top:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.pctbar span{display:block;height:100%;background:linear-gradient(90deg,#c99a1e,var(--accent),var(--accent2));box-shadow:0 0 10px #f5c54299;transition:width .6s}.leader{text-align:center;margin-top:18px;font-size:1.25rem;min-height:1.6em;color:var(--dim);letter-spacing:.3px}.winner{color:var(--accent);font-size:2rem;font-weight:800;animation:winner 1.4s ease-in-out infinite;display:inline-block}@keyframes winner{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media(max-width:700px){.board{flex-direction:column}.score{font-size:4.5rem}h1{font-size:1.2rem;letter-spacing:3px}}.demobar{display:flex;justify-content:center;align-items:center;text-align:center;gap:16px;flex-wrap:wrap;max-width:1150px;margin:18px auto 22px;padding:10px 14px;background:#00000047;border:1px solid var(--line);border-radius:12px}.demobar .logo{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:2px;color:var(--accent);text-decoration:none}.demotag{color:var(--dim);font-size:.85rem}.demobar button{background:linear-gradient(180deg,#217a44,#175a31);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 14px;font-size:.9rem;font-weight:600;cursor:pointer}.demobar button:hover{filter:brightness(1.12)}.demobar .cta{background:linear-gradient(180deg,#f5c542,#d9a41f);color:#231a02;font-weight:800;padding:8px 16px;border-radius:10px;text-decoration:none;margin-left:4px}.demobar .terug{display:inline-block;color:#fff;font-weight:600;font-size:.9rem;padding:8px 14px;border-radius:10px;background:linear-gradient(180deg,#217a44,#175a31);border:1px solid rgba(255,255,255,.12);text-decoration:none;margin-left:4px}.demobar .terug:hover{filter:brightness(1.12)}.onderknoppen{text-align:center;margin-top:26px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.onderknoppen .terug{display:inline-block;color:#fff;font-weight:600;padding:12px 22px;border-radius:10px;text-decoration:none;background:linear-gradient(180deg,#217a44,#175a31);border:1px solid rgba(255,255,255,.12)}.onderknoppen .cta{display:inline-block;color:#231a02;font-weight:800;padding:12px 22px;border-radius:10px;text-decoration:none;background:linear-gradient(180deg,#f5c542,#d9a41f);box-shadow:0 8px 26px #f5c5424d}.onderknoppen a:hover{filter:brightness(1.08)}