:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nacht:#f3f3f3;--tribune:#fff;--veld:#f3f3f3;--lijn:#e3e3e3;--tekst:#131313;--zacht:#535353;--kaart:#fff;--kaart-schaduw:0 2px 14px #0000000f;--spoor:#e3e3e3;--zweef:#0000000b;--glas:#ffffffdb;--glas-sterk:#fffffff2;--zijbalk:#fff;--invoer:#fff;--fout-tekst:#b4231a;--goed-tekst:#006b00;--kop-kleur:#00c300;--gloed:#00c30012;--goud:#ffc94d;--zilver:#d8e4ec;--brons:#d98a4a;--koraal:#ff5a64;--stroom:#df4;--groen:#00c300;--blauw:#06e;--display:"Archivo", "Poppins", system-ui, sans-serif;--spel:"Bungee", Impact, system-ui, sans-serif;--body:"Assistant", "Segoe UI", system-ui, sans-serif;--kop:"Poppins", "Segoe UI", system-ui, sans-serif}.donker{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nacht:#0d0d0d;--tribune:#171717;--veld:#202020;--lijn:#303030;--tekst:#fff;--zacht:#b8b8b8;--kaart:linear-gradient(180deg, #171717, #131313);--kaart-schaduw:none;--spoor:#080808;--zweef:#ffffff0d;--glas:#0d0d0dcc;--glas-sterk:#171717eb;--zijbalk:#111;--invoer:#0d0d0d;--fout-tekst:#ffb3b8;--goed-tekst:#b8f5b8;--kop-kleur:#fff;--gloed:#00c30029;color:var(--tekst)}body:has(.donker){background:radial-gradient(1100px 520px at 50% -12%,#00c30029 0%,#0000 60%) fixed,#0d0d0d}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1100px 520px at 50% -12%, var(--gloed) 0%, transparent 60%) fixed, var(--nacht);min-height:100dvh;color:var(--tekst);font-family:var(--body);font-size:15px;line-height:1.55}a{color:var(--blauw)}h1,h2,h3{font-family:var(--kop);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:800}h1,h2{color:var(--kop-kleur)}h1{font-size:clamp(28px,5vw,44px);line-height:1}h1 span{color:var(--goud)}h2{font-size:20px}h3{font-size:16px;font-weight:700}.zacht{color:var(--zacht)}.klein{font-size:13px}.getal{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:800;font-stretch:125%}.pagina{gap:20px;max-width:1180px;margin:0 auto;padding:20px 16px 64px;display:grid}.kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.kop-links{align-items:center;gap:14px;min-width:0;display:flex}.logo3d{flex:none;width:72px;height:72px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--goud);font-size:12px;font-weight:600}.kaart{background:var(--kaart);box-shadow:var(--kaart-schaduw);border:1px solid var(--lijn);border-radius:18px;align-content:start;gap:12px;min-width:0;padding:18px;display:grid;position:relative}.kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.raster{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.twee{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;display:grid}@media (max-width:860px){.twee{grid-template-columns:1fr}}.merk{align-items:center;gap:10px;min-width:0;display:flex}.merk .logo3d{width:44px;height:44px}.woordmerk{font-family:var(--display);letter-spacing:.01em;color:var(--groen);font-size:20px;font-weight:900;font-stretch:125%;line-height:1}.merk.groot .logo3d{width:72px;height:72px}.merk.groot .woordmerk{font-size:clamp(26px,3.4vw,44px)}.merk-label{letter-spacing:.14em;text-transform:uppercase;color:var(--nacht);background:var(--goud);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.spel-hud{z-index:20;background:var(--glas);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.hud-rechts{align-items:center;gap:8px;min-width:0;display:flex}.spelerkaart{background:var(--veld);border:1px solid var(--lijn);color:var(--tekst);cursor:pointer;text-align:left;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:5px 12px 5px 5px;display:flex}.spelerkaart:hover{border-color:var(--blauw)}.speler-info{gap:3px;min-width:0;display:grid}.speler-info b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1;overflow:hidden}.speler-regel{align-items:center;gap:6px;display:flex}.lv{font-family:var(--display);color:#131313;background:var(--stroom);border-radius:5px;padding:0 5px;font-size:10px;font-weight:800;font-stretch:125%;line-height:1.5}.xp{background:var(--spoor);border:1px solid var(--lijn);border-radius:999px;width:64px;height:6px;overflow:hidden}.xp i{background:linear-gradient(90deg, var(--groen), var(--stroom));height:100%;display:block}.speler-pnt{border-left:1px solid var(--lijn);justify-items:center;padding-left:8px;line-height:1;display:grid}.speler-pnt b{font-family:var(--display);color:var(--goud);font-size:16px;font-weight:800;font-stretch:125%}.speler-pnt small{letter-spacing:.1em;color:var(--zacht);font-size:9px}.icoon-knop{border:1px solid var(--lijn);background:var(--veld);width:40px;height:40px;color:var(--zacht);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.icoon-knop:hover{color:var(--tekst);border-color:var(--groen)}.icoon-knop svg{width:20px;height:20px}.welkom{gap:2px;display:grid}.welkom h2{font-size:22px}.pagina.met-dock{padding-bottom:120px}.dock{z-index:30;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--glas-sterk);-webkit-backdrop-filter:blur(14px);border:1px solid var(--lijn);border-radius:22px;gap:4px;padding:6px;display:flex;position:fixed;translate:-50%;box-shadow:0 12px 40px #0000008c}.dock button{min-width:66px;color:var(--zacht);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:16px;justify-items:center;gap:3px;padding:8px 10px 6px;font-size:11px;font-weight:700;transition:transform .18s cubic-bezier(.2,.9,.2,1.3),background .15s,color .15s;display:grid}.dock button svg{width:24px;height:24px}.dock button:hover{color:var(--tekst)}.dock button[aria-current=page]{color:#fff;background:var(--blauw);transform:translateY(-6px);box-shadow:0 6px 20px #0066ee59}.dock button:focus-visible{outline:2px solid var(--stroom);outline-offset:2px}@media (max-width:560px){.spel-hud{padding:8px 12px}.merk .woordmerk{font-size:17px}.merk .logo3d{width:34px;height:34px}.xp,.speler-pnt{display:none}.dock{justify-content:space-between;left:8px;right:8px;translate:none}.dock button{flex:1;min-width:0;padding-inline:4px}}.zijbalk{display:none}@media (min-width:861px){.team-opbouw{grid-template-columns:260px minmax(0,1fr);min-height:100dvh;display:grid}.zijbalk{background:var(--zijbalk);border-right:1px solid var(--lijn);border-radius:0 28px 28px 0;flex-direction:column;gap:18px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;box-shadow:6px 0 30px #0000000f}.zijbalk-merk{border-bottom:1px solid var(--lijn);align-items:center;gap:12px;padding:4px 6px 16px;display:flex}.zijbalk-merk>span:last-child{gap:2px;display:grid}.zijbalk-merk small{letter-spacing:.08em;font-size:11px}.zijbalk-merk .logo3d{width:46px;height:46px}.zijbalk-merk .woordmerk{font-size:19px}.zijbalk-menu{gap:6px;display:grid}.zijbalk-menu button{color:var(--zacht);font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:700;transition:background .15s,color .15s,transform .15s;display:flex}.zijbalk-menu button svg{flex:none;width:22px;height:22px}.zijbalk-menu button:hover{color:var(--tekst);background:var(--zweef);transform:translate(3px)}.zijbalk-menu button[aria-current=page]{color:#fff;background:var(--blauw);box-shadow:0 6px 18px #0066ee4d}.zijbalk-avatar{cursor:pointer;background:0 0;border:0;border-radius:18px;flex:1;min-height:160px;padding:0;position:relative}.zijbalk-avatar canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.zijbalk-avatar:focus:not(:focus-visible){outline:none}.zijbalk-avatar:hover{background:var(--zweef)}.zijbalk-voet{gap:10px;display:grid;position:relative}.zijbalk-voet .spelerkaart{border-radius:16px}.zijbalk-voet .knoppen{justify-content:flex-end}.team-inhoud .spel-hud,.team-inhoud .dock{display:none}.pagina.met-dock{padding-bottom:64px}.team-inhoud .pagina{max-width:none;padding-inline:32px}}.logo-tegel{flex:none;place-items:center;display:grid}.speler-pijl{color:var(--zacht);place-items:center;transition:transform .2s;display:grid}.speler-pijl svg{width:18px;height:18px}.speler-pijl.open{color:var(--blauw);transform:rotate(180deg)}.spelerkaart[aria-expanded=true]{border-color:var(--blauw);box-shadow:0 0 0 3px #0066ee1f}.voet-label{letter-spacing:.12em;text-transform:uppercase;color:var(--zacht);padding-left:6px;font-size:11px;font-weight:700}.menu-achtergrond{z-index:40;position:fixed;inset:0}.profiel-menu{z-index:41;background:var(--tribune);border:1px solid var(--lijn);border-radius:16px;gap:2px;width:250px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000002e}.zijbalk-voet .profiel-menu{width:100%;inset:auto auto calc(100% + 8px) 0}.hud-rechts{position:relative}.profiel-menu-kop{border-bottom:1px solid var(--lijn);align-items:center;gap:10px;margin-bottom:4px;padding:8px 8px 12px;display:flex}.profiel-menu-kop span{min-width:0;display:grid}.profiel-menu-kop small{color:var(--zacht);font-size:12px}.profiel-menu button,.profiel-menu a{color:var(--tekst);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;font-weight:600;text-decoration:none;display:flex}.profiel-menu button:hover,.profiel-menu a:hover{background:var(--zweef);color:var(--blauw)}.profiel-menu svg{width:18px;height:18px}.profiel-menu .uit{color:#c0261b}.schakel{cursor:pointer;align-items:center;gap:12px;display:flex}.schakel span{display:grid}.schakel input{appearance:none;background:var(--spoor);cursor:pointer;border:0;border-radius:999px;flex:none;width:44px;height:26px;padding:0;transition:background .15s;position:relative}.schakel input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.schakel input:checked{background:var(--blauw)}.schakel input:checked:after{transform:translate(18px)}button{font:inherit}.knop{font-family:var(--body);letter-spacing:.02em;color:#fff;background:var(--blauw);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.knop:hover{filter:brightness(1.08);transform:translateY(-1px)}.knop:active{transform:translateY(1px)}.knop:disabled{opacity:.5;cursor:not-allowed;transform:none}.knop.goud{background:var(--goud);color:#131313}.knop.koraal{background:var(--koraal);color:#fff}.knop.lime{background:var(--stroom);color:#131313}.knop.groen{background:var(--groen)}.knop.stil{color:var(--blauw);border:1px solid var(--blauw);background:0 0}.knop.klein{padding:6px 10px;font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--stroom);outline-offset:2px}.knoppen{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input,select,textarea{font:inherit;color:var(--tekst);background:var(--invoer);border:1px solid var(--lijn);border-radius:10px;min-width:0;padding:9px 12px}textarea{width:100%;min-height:160px;font-family:ui-monospace,Menlo,monospace;font-size:13px}label.veld{color:var(--zacht);gap:4px;font-size:13px;display:grid}label.veld>input,label.veld>select{width:100%}.fout{color:var(--fout-tekst);background:#ff5a641f;border:1px solid #ff5a6466;border-radius:10px;padding:8px 12px}.goed{color:var(--goed-tekst);background:#00c3001a;border:1px solid #00c30066;border-radius:10px;padding:8px 12px}.tabs{background:var(--zweef);border:1px solid var(--lijn);border-radius:14px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex}.tabs button{color:var(--zacht);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-weight:700;transition:background .15s,color .15s}.tabs button:hover{color:var(--tekst);background:var(--zweef)}.tabs button[aria-selected=true]{background:var(--blauw);color:#fff;box-shadow:0 4px 16px #0066ee4d}.tabs button:focus-visible{outline:2px solid var(--groen);outline-offset:2px}.rond{width:40px;height:40px;font-family:var(--display);color:#0d0d0d;background:conic-gradient(from 200deg, var(--groen), #b8f5b8, var(--stroom));background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;font-stretch:125%;display:grid;overflow:hidden}.rond.groot{width:84px;height:84px;font-size:26px}.rond.koraal{background:conic-gradient(from 20deg, var(--koraal), #ffb3b8, var(--koraal))}.lijst{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lijst li{background:var(--veld);border:1px solid #0000;border-radius:12px;grid-template-columns:34px 40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.lijst li.ik{border-color:var(--groen);box-shadow:0 0 0 1px var(--groen) inset}.lijst li.p1{background:linear-gradient(90deg, #ffc94d38, var(--veld));border-color:var(--goud)}.lijst li.p2{background:linear-gradient(90deg, #d8e4ec24, var(--veld))}.lijst li.p3{background:linear-gradient(90deg, #d98a4a29, var(--veld))}.lijst .pos{font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;font-stretch:125%}.lijst .wie{min-width:0}.lijst .wie b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lijst .wie small{color:var(--zacht)}.lijst .pnt{font-family:var(--display);font-variant-numeric:tabular-nums;text-align:right;font-size:17px;font-weight:800;font-stretch:125%}.lijst .pnt small{font-family:var(--body);color:var(--zacht);letter-spacing:.06em;font-size:11px;display:block}.lijst li.flits{animation:1.4s flits}@keyframes flits{0%{box-shadow:0 0 0 2px var(--groen), 0 0 30px #00c30099}to{box-shadow:none}}.tegel.accent .groot{color:var(--blauw)}.raster.tegels{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width:860px){.raster.tegels{grid-template-columns:repeat(2,minmax(0,1fr))}}.tegel{background:var(--kaart);box-shadow:var(--kaart-schaduw);border:1px solid var(--lijn);border-radius:14px;gap:2px;padding:14px;display:grid}.tegel .groot{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;font-stretch:125%;line-height:1.05}.tegel .label{color:var(--zacht);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.arena{border:1px solid var(--lijn);color:#fff;background:#060606;border-radius:14px;position:relative;overflow:hidden}.arena canvas{cursor:grab;width:100%;height:470px;display:block}.arena.tv canvas{height:100%}.hud{pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:14px;display:grid;position:absolute;inset:12px 14px auto}.hud-kant{gap:6px;min-width:0;display:grid}.hud-kant.r{text-align:right}.hud-naam{text-shadow:0 2px 8px #000;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.hud-naam small{color:var(--zacht);margin-left:4px;font-weight:500}.hud-balk{background:#0009;border:1px solid #ffffff2e;border-radius:3px;height:16px;display:flex;overflow:hidden;transform:skew(-14deg)}.hud-kant.r .hud-balk{justify-content:flex-end;transform:skew(14deg)}.hud-balk i{width:50%;height:100%;transition:width .55s cubic-bezier(.2,.9,.2,1.25);display:block}.hud-kant.l .hud-balk i{background:linear-gradient(90deg, #00a800, var(--groen));box-shadow:0 0 14px #00c300b3}.hud-kant.r .hud-balk i{background:linear-gradient(90deg, var(--koraal), #c9303b);box-shadow:0 0 14px #ff5a64b3}.hud-score{font-family:var(--display);text-shadow:0 3px #000,0 0 18px #000c;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;font-stretch:125%;line-height:1}.hud-midden{justify-items:center;gap:4px;display:grid}.vs{font-family:var(--spel);color:var(--goud);text-shadow:0 0 24px #ffc94db3;font-size:34px;animation:1.6s ease-in-out infinite puls}@keyframes puls{50%{opacity:.25;transform:scale(.8)}}.hud-tijd{color:var(--tekst);font-variant-numeric:tabular-nums;white-space:nowrap;background:#0000008c;border-radius:999px;padding:2px 10px;font-size:12px}.melding{font-family:var(--display);color:var(--goud);text-shadow:0 3px #000,0 0 26px #ffc94d8c;white-space:nowrap;pointer-events:none;opacity:0;font-size:clamp(20px,4.2vw,36px);font-weight:800;font-stretch:125%;position:absolute;bottom:22px;left:50%;translate:-50%}.melding.toon{animation:1.9s forwards knal}@keyframes knal{0%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.18)}24%{transform:scale(1)}82%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.klap{font-family:var(--display);color:var(--goud);pointer-events:none;text-shadow:0 3px #000;font-size:30px;font-weight:800;font-stretch:125%;animation:1.1s ease-out forwards omhoog;position:absolute}@keyframes omhoog{0%{opacity:1;transform:translateY(0)scale(.8)}to{opacity:0;transform:translateY(-70px)scale(1.3)}}.arena.flits:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 55%,#ffffff52,#0000 60%);animation:.28s ease-out forwards flitsweg;position:absolute;inset:0}@keyframes flitsweg{to{opacity:0}}.laden{color:var(--zacht);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.laden[hidden]{display:none}@media (max-width:560px){.arena canvas{height:380px}.hud-score{font-size:26px}.vs{font-size:24px}.hud-naam small{display:none}}.duelkaart{border:1px solid var(--lijn);background:linear-gradient(90deg,#00c30029,#0d0d0d00 45% 55%,#ff5a6424);border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.duelkaart .kant{align-items:center;gap:8px;min-width:0;display:flex}.duelkaart .kant.r{text-align:right;flex-direction:row-reverse}.duelkaart .kant b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.duelkaart .stand{font-family:var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:800;font-stretch:125%}.duelkaart .winst b{color:var(--goud)}.goal{z-index:50;border:2px solid var(--goud);background:#0d0d0df0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(92vw,640px);padding:16px 22px;animation:5s forwards goal;display:grid;position:fixed;top:18%;left:50%;translate:-50%;box-shadow:0 0 80px #ffc94d73}.goal .t1{font-family:var(--display);color:var(--goud);font-size:26px;font-weight:800;font-stretch:125%}.goal .t2{color:var(--zacht)}.goal .pt{font-family:var(--display);color:var(--groen);font-size:40px;font-weight:800;font-stretch:125%}@keyframes goal{0%{opacity:0;transform:scale(.5)rotate(-6deg)}8%{opacity:1;transform:scale(1.08)rotate(2deg)}14%{transform:scale(1)rotate(0)}88%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.klok{--p:1;background:conic-gradient(var(--goud) calc(var(--p) * 360deg), var(--spoor) 0);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.klok:before{content:"";background:var(--tribune);border-radius:50%;position:absolute;inset:6px}.klok b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;font-stretch:125%;position:relative}.klok.laag{background:conic-gradient(var(--koraal) calc(var(--p) * 360deg), var(--spoor) 0)}.antw{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.antw button{text-align:left;border:1px solid var(--lijn);background:var(--veld);color:var(--tekst);cursor:pointer;border-radius:12px;padding:12px 14px;font-weight:600}.antw button:hover:not(:disabled){border-color:var(--groen)}.antw button.goed{border-color:var(--groen);background:#00c3002e}.antw button.fout{border-color:var(--koraal);background:#ff5a6426}.opties{flex-wrap:wrap;gap:6px;display:flex}.opties button{border:1px solid var(--lijn);background:var(--veld);color:var(--tekst);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:600}.opties button[aria-pressed=true]{border-color:var(--goud);box-shadow:0 0 0 1px var(--goud) inset}.opties button.kleur{border-radius:50%;width:32px;height:32px;padding:0}.showroom canvas{border-radius:14px;width:100%;height:420px;display:block}@media (min-width:861px){.showroom{align-self:start;position:sticky;top:20px}.showroom canvas{height:max(420px,100dvh - 210px)}}.home{gap:16px;display:grid}.held{background:linear-gradient(120deg, var(--kaart) 55%, #00c3001a), var(--kaart);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.held-tekst{gap:10px;min-width:0;display:grid}.held h2{font-size:clamp(22px,2.6vw,30px)}.held-cijfers{flex-wrap:wrap;gap:26px;display:flex}.held-cijfers>div{gap:2px;display:grid}.held-cijfers .label{color:var(--zacht);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.held-cijfers b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;font-stretch:125%;line-height:1.05}.held-cijfers b.blauw{color:var(--blauw)}.held-cijfers small{color:var(--zacht);font-size:12px}.held-level{justify-items:center;gap:6px;display:grid}.level-ring{--p:0;background:conic-gradient(var(--groen) calc(var(--p) * 360deg), var(--spoor) 0);border-radius:50%;place-items:center;width:112px;height:112px;display:grid}.level-ring span{background:var(--tribune);border-radius:50%;align-content:center;place-items:center;width:88px;height:88px;display:grid}.level-ring small{letter-spacing:.14em;color:var(--zacht);font-size:10px}.level-ring b{font-family:var(--display);color:var(--groen);font-size:36px;font-weight:900;font-stretch:125%;line-height:1}.home-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:860px){.home-raster,.held{grid-template-columns:1fr}.held-level{grid-auto-flow:column;place-items:center start}.level-ring{width:84px;height:84px}.level-ring span{width:66px;height:66px}.level-ring b{font-size:26px}}.missies{gap:8px;margin:0;padding:0;list-style:none;display:grid}.missies li{background:var(--veld);border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.missies .vink{border:2px solid var(--lijn);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.missies li.klaar .vink{background:var(--groen);border-color:var(--groen)}.missies li.klaar .missie-tekst b{color:var(--zacht);text-decoration:line-through}.missie-tekst{min-width:0;display:grid}.missie-tekst small{color:var(--zacht)}.top3{gap:8px;margin:0;padding:0;list-style:none;display:grid}.top3 li{background:var(--veld);border-radius:12px;grid-template-columns:32px 40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.top3 .medaille{width:30px;height:30px;font-family:var(--display);color:#131313;border-radius:50%;place-items:center;font-weight:900;display:grid}.top3 .m1 .medaille{background:var(--goud)}.top3 .m2 .medaille{background:var(--zilver)}.top3 .m3 .medaille{background:var(--brons)}.top3 .m1{background:linear-gradient(90deg, #ffc94d40, var(--veld))}.top3 li.ik{box-shadow:0 0 0 2px var(--blauw) inset}.top3 .wie{min-width:0}.top3 .wie b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.top3 .wie small{color:var(--zacht)}.top3 .pnt{font-family:var(--display);text-align:right;font-weight:800;font-stretch:125%}.top3 .pnt small{font-family:var(--body);color:var(--zacht);font-size:11px;display:block}.scoren{gap:4px;margin:0;padding:0;list-style:none;display:grid}.scoren li{border-bottom:1px solid var(--lijn);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.scoren li b{font-family:var(--display);color:var(--groen);font-stretch:125%}.scoren li.bonus span{color:var(--blauw);font-weight:600}.level{gap:6px;display:grid}.levelbalk{background:var(--spoor);border:1px solid var(--lijn);border-radius:999px;height:10px;overflow:hidden}.levelbalk i{background:linear-gradient(90deg, var(--groen), var(--stroom));height:100%;display:block;box-shadow:0 0 12px #00c30099}.bladeren{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bladeren .paginas{flex-wrap:wrap;gap:4px;display:flex}.bladeren .paginas button{border:1px solid var(--lijn);background:var(--veld);min-width:36px;color:var(--tekst);cursor:pointer;border-radius:10px;padding:6px 10px;font-weight:700}.bladeren .paginas button[aria-current=page]{background:var(--groen);color:#fff;border-color:var(--groen)}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:8px 10px}.tabel th{color:var(--zacht);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.tabel-wrap{overflow-x:auto}.label-chip{border:1px solid var(--lijn);color:var(--zacht);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.label-chip.aan{border-color:var(--groen);color:var(--groen)}.inlog{max-width:420px;margin:8vh auto 0}.tv-scherm{grid-template-rows:auto minmax(0,1fr);gap:14px;height:100dvh;padding:18px 22px;display:grid;overflow:hidden}.tv-kop{justify-content:space-between;align-items:center;gap:16px;display:flex}.tv-3d{border:1px solid var(--lijn);border-radius:18px;position:relative;overflow:hidden}.tv-3d canvas{width:100%;height:100%;display:block}.aftel{gap:10px;display:flex}.aftel .tegel{padding:8px 14px}.aftel .tegel .groot{font-size:26px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.zijbalk-voet .speler-info{flex:1}.zijbalk-voet .xp{flex:1;width:auto}.lv{white-space:nowrap;flex:none}.showroom-beeld{position:relative}.zoom-knoppen{gap:6px;display:grid;position:absolute;bottom:12px;right:12px}.zoom-knoppen button{width:38px;height:38px;color:var(--blauw);font:800 20px/1 var(--display);cursor:pointer;background:#ffffffeb;border:0;border-radius:12px;box-shadow:0 4px 14px #0000002e}.zoom-knoppen button:hover{background:#fff}.zijbalk-vul{flex:1}.zijbalk-menu a{color:var(--zacht);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.zijbalk-menu a svg{flex:none;width:22px;height:22px}.zijbalk-menu a:hover{color:var(--tekst);background:var(--zweef);transform:translate(3px)}.zijbalk-menu.klein{gap:2px}.zijbalk-menu.klein a,.zijbalk-menu.klein button{padding:9px 14px;font-size:14px}.zijbalk-menu .uit{color:#c0261b}.admin-tabs{scrollbar-width:none;flex-wrap:nowrap;margin-bottom:4px;overflow-x:auto}.admin-tabs button{white-space:nowrap}@media (min-width:861px){.admin-tabs{display:none}}.werkbalk{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.werkbalk .zoekveld{flex:220px}.werkbalk select{min-width:140px}.tellers{flex-wrap:wrap;gap:6px;display:flex}.teller{border:1px solid var(--lijn);background:var(--veld);color:var(--tekst);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.teller b{font-family:var(--display);font-stretch:125%}.teller[aria-pressed=true]{background:var(--blauw);border-color:var(--blauw);color:#fff}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.groen{color:#007a00;background:#00c3001f}.badge.grijs{background:var(--zweef);color:var(--zacht)}.badge.goud{color:#8a5a00;background:#ffc94d40}.badge.blauw{color:var(--blauw);background:#0066ee1f}.badge.rood{color:#b4231a;background:#ff5a6424}.tabel tbody tr.klikbaar{cursor:pointer;transition:background .12s}.tabel tbody tr.klikbaar:hover{background:var(--zweef)}.tabel tbody tr.gekozen{background:#0066ee0f}.tabel td{vertical-align:middle}.tabel .rechts{text-align:right}.sorteer{all:unset;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;white-space:nowrap}.sorteer:hover{color:var(--tekst)}.sorteer:focus-visible{outline:2px solid var(--blauw);outline-offset:2px;border-radius:4px}.agent-cel{align-items:center;gap:10px;min-width:0;display:flex}.agent-cel span{min-width:0;display:grid}.agent-cel b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-cel small{color:var(--zacht)}.bulkbalk{z-index:5;background:var(--blauw);color:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky;top:8px;box-shadow:0 10px 30px #0066ee4d}.bulkbalk .knop.stil{color:#fff;border-color:#fff9}.bulkbalk select{min-width:0}.voet-tabel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.voet-tabel .paginas{flex-wrap:wrap;gap:4px;display:flex}.voet-tabel .paginas button{border:1px solid var(--lijn);background:var(--veld);min-width:36px;color:var(--tekst);cursor:pointer;border-radius:10px;padding:6px 10px;font-weight:700}.voet-tabel .paginas button[aria-current=page]{background:var(--blauw);color:#fff;border-color:var(--blauw)}.icoon-knop{border:1px solid var(--lijn);background:var(--invoer);width:34px;height:34px;color:var(--tekst);cursor:pointer;border-radius:10px;place-items:center;font-weight:800;display:grid}.icoon-knop:hover{border-color:var(--blauw);color:var(--blauw)}.rij-menu{position:relative}.rij-menu .profiel-menu{width:220px;top:calc(100% + 4px);right:0}.lade-achtergrond{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1959;animation:.15s verschijn;position:fixed;inset:0}.lade{z-index:61;background:var(--nacht);border-radius:22px 0 0 22px;align-content:start;gap:14px;width:min(640px,100vw);padding:22px;animation:.2s inschuif;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 60px #0003}.lade-sluit{border:1px solid var(--lijn);background:var(--kaart);cursor:pointer;width:36px;height:36px;color:var(--tekst);border-radius:50%;font-size:22px;line-height:1;position:absolute;top:14px;right:16px}@keyframes inschuif{0%{opacity:0;transform:translate(40px)}}@keyframes verschijn{0%{opacity:0}}.profiel-kop{align-items:center;gap:14px;padding-right:40px;display:flex}.profiel-kop h2{margin:0}.mini-tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mini-tegels .tegel{padding:10px 12px}.mini-tegels .tegel .groot{font-size:24px}.staafjes{grid-template-columns:repeat(14,1fr);align-items:end;gap:4px;height:110px;padding-top:8px;display:grid}.staafjes div{text-align:center;height:100%;color:var(--zacht);align-content:end;gap:4px;font-size:10px;display:grid}.staafjes i{background:var(--blauw);border-radius:4px 4px 0 0;min-height:2px;display:block}.staafjes i.nul{background:var(--lijn)}.quiz-opbouw{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:1000px){.quiz-opbouw{grid-template-columns:1fr}}.quiz-lijst{gap:6px;display:grid}.quiz-item{text-align:left;border:1px solid var(--lijn);background:var(--veld);color:var(--tekst);font:inherit;cursor:pointer;border-radius:14px;gap:4px;padding:12px 14px;transition:border-color .12s,transform .12s;display:grid}.quiz-item:hover{border-color:var(--blauw);transform:translate(2px)}.quiz-item[aria-current=true]{border-color:var(--blauw);box-shadow:0 0 0 1px var(--blauw) inset;background:#0066ee12}.quiz-item-kop{justify-content:space-between;align-items:center;gap:8px;display:flex}.vraag-kaart{border:1px solid var(--lijn);background:var(--veld);border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}.vraag-kaart.bewerken{border-color:var(--blauw);background:var(--kaart);grid-template-columns:1fr}.vraag-nr{background:var(--blauw);color:#fff;width:32px;height:32px;font-family:var(--display);border-radius:10px;place-items:center;font-weight:800;font-stretch:125%;display:grid}.vraag-knoppen{gap:4px;display:flex}.vraag-knoppen .icoon-knop:disabled{opacity:.35;cursor:default}.antwoorden{flex-wrap:wrap;gap:6px;display:flex}.antwoord{background:var(--kaart);border:1px solid var(--lijn);border-radius:999px;padding:4px 10px;font-size:13px}.antwoord.juist{color:#007a00;background:#00c3001f;border-color:#00c30080;font-weight:700}.antwoord-velden{border:0;gap:6px;margin:0;padding:0;display:grid}.antwoord-veld{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:4px 6px;display:flex}.antwoord-veld.juist{background:#00c3000f;border-color:#00c30080}.antwoord-veld input[type=radio]{width:18px;height:18px;accent-color:var(--groen)}.schakel-rij{background:var(--veld);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.schakel-rij input{width:18px;height:18px;accent-color:var(--blauw);margin-top:2px}.acties-raster{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.actie-blok{background:var(--veld);border:1px solid var(--lijn);border-radius:14px;align-content:start;gap:6px;padding:14px;display:grid}.details{white-space:pre-wrap;word-break:break-word;max-height:240px;margin:0;font-size:12px;overflow:auto}.balk{background:var(--spoor);border-radius:999px;height:6px;margin-top:6px;display:block;overflow:hidden}.balk i{border-radius:inherit;background:var(--blauw);height:100%;display:block}.regel-kaart{border:1px solid var(--lijn);background:var(--veld);border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.regel-kaart.uit{opacity:.5}.regel-punten{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;font-stretch:125%;line-height:1}.regel-punten small{font-family:var(--body);color:var(--zacht);letter-spacing:.06em;font-size:11px;font-weight:600;display:block}.schakelaar{cursor:pointer;flex:none;align-self:center;width:40px;height:24px;position:relative}.schakelaar input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.schakelaar span{background:var(--lijn);pointer-events:none;border-radius:999px;transition:background .15s;position:absolute;inset:0}.schakelaar span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.schakelaar input:checked+span{background:var(--groen)}.schakelaar input:checked+span:after{transform:translate(16px)}.schakelaar input:focus-visible+span{outline:2px solid var(--blauw);outline-offset:2px}.flow-lijst{gap:4px;max-height:280px;padding:2px;display:grid;overflow-y:auto}.flow-keuze{border:1px solid var(--lijn);background:var(--kaart);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.flow-keuze span{display:grid}.flow-keuze.aan{border-color:var(--blauw);background:#0066ee0f}.flow-keuze input{accent-color:var(--blauw);width:16px;height:16px}@media (max-width:600px){.regel-kaart{grid-template-columns:32px minmax(0,1fr)}}.profiel-held{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;padding-right:40px;display:grid}.profiel-avatar{background:radial-gradient(circle at 50% 30%, #0066ee1f, transparent 70%), var(--kaart);border:1px solid var(--lijn);border-radius:18px;height:190px;position:relative;overflow:hidden}.profiel-avatar canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.profiel-held .profiel-kop{flex-wrap:wrap;padding-right:0}.raster.tegels.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.raster.tegels.kpi .tegel .groot{font-size:28px}@media (max-width:860px){.raster.tegels.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}.dagbalken{align-items:stretch;gap:4px;height:220px;padding-top:18px;display:flex}.dagbalk{text-align:center;flex:1;grid-template-rows:auto 1fr auto;align-items:end;min-width:0;display:grid;position:relative}.dagbalk i{background:var(--blauw);border-radius:4px 4px 0 0;align-self:end;min-height:2px;transition:filter .12s;display:block}.dagbalk i.nul{background:var(--lijn)}.dagbalk:hover i{filter:brightness(1.15)}.dagbalk-waarde{color:var(--zacht);white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.dagbalk-label{color:var(--zacht);white-space:nowrap;padding-top:4px;font-size:10px;overflow:hidden}.hbalk-spoor{background:var(--spoor);border-radius:999px;height:10px;display:block;overflow:hidden}.hbalk-spoor i{border-radius:inherit;background:var(--blauw);height:100%;display:block}.voortgang{background:var(--veld);border-radius:12px;gap:6px;padding:12px;display:grid}.voortgang>span:first-child{justify-content:space-between;gap:8px;font-size:14px;display:flex}.team-raster{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.team-kaart{background:var(--veld);border:1px solid var(--lijn);border-radius:16px;align-content:start;gap:12px;padding:14px;display:grid}.ringen{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ring{--p:0;aspect-ratio:1;text-align:center;background:radial-gradient(closest-side, var(--kaart) 74%, transparent 75%), conic-gradient(var(--blauw) calc(var(--p) * 1%), var(--spoor) 0);border-radius:50%;place-content:center;display:grid}.ring span{font-family:var(--display);font-size:14px;font-weight:800;font-stretch:125%;line-height:1}.ring small{color:var(--zacht);font-size:10px}.voortgang small{font-size:12px}.podium-widget{border-radius:14px;height:340px;overflow:hidden}.podium-widget canvas{width:100%;height:100%;display:block}.lijst.twee-kolom{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.periode-overzicht{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.periode-overzicht>div{background:var(--veld);border:1px solid var(--lijn);border-radius:14px;gap:2px;padding:14px;display:grid}.periode-overzicht .label{color:var(--zacht);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.periode-overzicht b{font-size:18px}.ronde-tijdlijn{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.ronde-stap{text-align:left;border:1px solid var(--lijn);background:var(--veld);color:var(--tekst);font:inherit;cursor:pointer;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.ronde-stap:hover{border-color:var(--blauw)}.ronde-stap[aria-current=true]{border-color:var(--blauw);box-shadow:0 0 0 1px var(--blauw) inset;background:#0066ee12}.stappen{counter-reset:stap;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.stappen li{counter-increment:stap;background:var(--veld);border:1px solid var(--lijn);border-radius:14px;gap:4px;padding:12px 14px 12px 50px;font-size:14px;display:grid;position:relative}.stappen li:before{content:counter(stap);background:var(--lijn);width:26px;height:26px;color:var(--zacht);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:12px;left:14px}.stappen li.nu{border-color:var(--blauw)}.stappen li.nu:before{background:var(--blauw);color:#fff}.stappen li.klaar:before{content:"✓";background:var(--groen);color:#fff}.duel-rij{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.vrij-lijst{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;max-height:360px;display:grid;overflow-y:auto}.vrij-agent{background:var(--veld);border-radius:10px;padding:6px 8px}.tv-scherm{grid-template-rows:auto minmax(0,1fr) auto}.tv-scherm.licht{background:radial-gradient(1200px 600px at 50% -10%, #00c3001a, transparent 60%), var(--nacht)}.tv-uitzending{grid-template:"ring zij"minmax(0,1fr)"zap zij"/minmax(0,2.1fr) minmax(0,1fr);gap:14px;min-height:0;display:grid}.tv-uitzending.zonder-live{grid-template-rows:minmax(0,1fr);grid-template-areas:"ring zij"}.tv-ring{border-radius:18px;grid-area:ring;min-height:0;display:grid;position:relative;overflow:hidden}.tv-ring>.tv-3d,.tv-ring>.arena{height:100%;min-height:0}.tv-zijkant{grid-area:zij;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);gap:14px;min-height:0;display:grid}.tv-uitzending.zonder-live .tv-zijkant{grid-template-rows:minmax(0,1fr) auto}.tv-podium-klein{min-height:0}.tv-top{gap:8px;padding:12px 14px;overflow:hidden}.tv-top h2{margin:0;font-size:18px}.tv-top .lijst{gap:4px}.tv-top .lijst li{padding-block:3px}.tv-top .lijst .rond{width:32px;height:32px;font-size:12px}.tv-zaplijst{grid-area:zap;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.zap-kaart{border:1px solid var(--lijn);background:var(--kaart);color:var(--tekst);box-shadow:var(--kaart-schaduw);border-radius:14px;gap:4px;padding:10px 12px;transition:transform .25s,border-color .25s;display:grid;position:relative;overflow:hidden}.zap-kaart.aan{border-color:var(--blauw);box-shadow:0 0 0 1px var(--blauw) inset, 0 10px 24px #0066ee40;transform:translateY(-3px)}.zap-kaart.vers{animation:1.2s 2 vers}.zap-namen{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.zap-namen b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.zap-namen b:last-child{text-align:right}.zap-namen .live-score{font-size:18px}.zap-kaart small{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.zap-tijd{background:var(--blauw);transform-origin:0;width:100%;height:3px;animation:linear forwards zaptijd;position:absolute;bottom:0;left:0}@keyframes zaptijd{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.zap-bug{z-index:3;color:#fff;letter-spacing:.08em;background:#000000b8;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:flex;position:absolute;top:58px;left:14px}.zap-bug b{font-family:var(--display);font-stretch:125%}.zap-wipe{z-index:4;pointer-events:none;background:linear-gradient(105deg,#009c00 0 50%,#0052c4 50% 100%);place-items:center;animation:3s cubic-bezier(.7,0,.3,1) forwards paneel;display:grid;position:absolute;inset:0}@keyframes paneel{0%{clip-path:polygon(0 0,0 0,-20% 100%,-20% 100%)}14%{clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)}86%{clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)}to{clip-path:polygon(120% 0,120% 0,100% 100%,100% 100%)}}.zap-tegen{color:#fff;text-shadow:0 4px #00000040;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px 28px;width:min(92%,1000px);display:grid}.zap-tegen small{letter-spacing:.24em;opacity:0;grid-column:1/-1;justify-self:center;font-size:clamp(12px,1.3vw,18px);font-weight:800;animation:3s forwards tekst-in}.zap-kant{opacity:0;gap:4px;display:grid}.zap-kant b{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(28px,4.2vw,64px);font-weight:800;font-stretch:125%;line-height:1;overflow:hidden}.zap-kant em{opacity:.85;font-size:clamp(13px,1.4vw,20px);font-style:normal}.zap-kant.l{text-align:right;animation:3s cubic-bezier(.2,.9,.2,1) forwards kant-l}.zap-kant.r{text-align:left;animation:3s cubic-bezier(.2,.9,.2,1) forwards kant-r}.zap-tegen i{font-style:normal;font-family:var(--display);color:var(--goud);opacity:0;font-size:clamp(30px,4vw,60px);font-weight:800;font-stretch:125%;animation:3s forwards vs-in}@keyframes tekst-in{0%,12%{opacity:0}20%,82%{opacity:1}90%,to{opacity:0}}@keyframes kant-l{0%,12%{opacity:0;transform:translate(-60px)}22%,82%{opacity:1;transform:none}90%,to{opacity:0;transform:translate(-30px)}}@keyframes kant-r{0%,12%{opacity:0;transform:translate(60px)}22%,82%{opacity:1;transform:none}90%,to{opacity:0;transform:translate(30px)}}@keyframes vs-in{0%,18%{opacity:0;transform:scale(2.2)}26%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}90%,to{opacity:0}}.tv-ring .hud,.tv-ring .zap-bug,.tv-ring .zap-onderbalk,.tv-ring .melding{transition:opacity .3s}.tv-ring.wisselt .hud,.tv-ring.wisselt .zap-bug,.tv-ring.wisselt .zap-onderbalk,.tv-ring.wisselt .melding{opacity:0}.zap-onderbalk{z-index:3;border-radius:10px;align-items:stretch;animation:.6s 3s both onderbalk;display:flex;position:absolute;bottom:16px;left:14px;overflow:hidden;box-shadow:0 8px 24px #0006}.zap-onderbalk>span{color:#fff;background:#0a0a0ad9;align-items:center;gap:6px;padding:8px 14px;font-size:18px;display:flex}.zap-onderbalk small{color:#b8b8b8;font-size:13px}.zap-onderbalk i{color:var(--goud);margin:0 4px;font-style:normal;font-weight:800}.zap-onderbalk .zap-label{background:var(--groen);color:#fff;font-family:var(--display);letter-spacing:.08em;font-size:14px;font-weight:800;font-stretch:125%}@keyframes onderbalk{0%{transform:translate(-110%)}to{transform:translate(0)}}.tv-cijfers{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2.4fr);gap:12px;display:grid}.tv-cijfers .tegel{padding:10px 14px}.tv-cijfers .tegel .groot{font-size:30px}.tv-cijfers .klein-groot{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:22px!important}.live-stip{letter-spacing:.12em;color:#e0303b;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.live-stip:before{content:"";background:#e0303b;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite puls}@keyframes vers{50%{box-shadow:0 0 0 3px #ffc94d99}}.live-score{font-family:var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:26px;font-weight:800;font-stretch:125%}.live-score i{color:var(--zacht);margin:0 6px;font-style:normal}.tv-ticker{background:var(--kaart);border:1px solid var(--lijn);box-shadow:var(--kaart-schaduw);border-radius:14px;align-content:center;gap:6px;min-width:0;padding:10px 16px;display:grid}.tv-ticker .label{color:var(--zacht);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.ticker-band{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.ticker-loop{gap:34px;font-size:18px;animation:45s linear infinite ticker;display:inline-flex}.ticker-loop em{color:var(--groen);font-style:normal;font-weight:800}@keyframes ticker{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker-loop,.live-stip:before,.zap-kaart.vers,.zap-wipe,.zap-onderbalk{animation:none}.zap-wipe{display:none}.tv-ring.wisselt .hud,.tv-ring.wisselt .zap-bug,.tv-ring.wisselt .zap-onderbalk,.tv-ring.wisselt .melding{opacity:1}}@media (max-width:1100px){.tv-uitzending{grid-template:"ring"55vh"zap""zij"/1fr}.tv-scherm{height:auto;overflow:auto}.tv-zaplijst{grid-template-columns:repeat(2,1fr)}.tv-cijfers{grid-template-columns:repeat(3,1fr)}.tv-ticker{grid-column:1/-1}}.test-balk{z-index:45;color:#131313;background:repeating-linear-gradient(135deg,#ffc94d 0 14px,#ffd36e 14px 28px);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 16px;font-size:14px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001f}.test-balk b{letter-spacing:.14em;font-family:var(--display);font-stretch:125%}.test-balk button{color:#fff;font:inherit;cursor:pointer;background:#131313;border:0;border-radius:999px;margin-left:auto;padding:5px 12px;font-weight:700}.tv-scherm.met-test{grid-template-rows:auto auto minmax(0,1fr)}.tv-scherm .test-balk{border-radius:12px;font-size:16px}.testmodus-kaart.aan{border-color:#ffc94d;box-shadow:0 0 0 2px #ffc94d80}.schakelaar.groot{width:56px;height:32px}.schakelaar.groot span:after{width:26px;height:26px}.schakelaar.groot input:checked+span{background:#f0a500}.schakelaar.groot input:checked+span:after{transform:translate(24px)}.bevestig-achtergrond{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1966;place-items:center;padding:16px;animation:.12s verschijn;display:grid;position:fixed;inset:0}.bevestig{background:var(--kaart);border:1px solid var(--lijn);border-radius:18px;gap:14px;width:min(440px,100%);padding:20px;display:grid;box-shadow:0 24px 60px #00000040}.bevestig p{margin:0;font-size:16px;font-weight:600}.onb{z-index:90;color:#fff;background:radial-gradient(900px 500px at 15% 10%,#00c30059,#0000 60%),radial-gradient(900px 600px at 90% 90%,#0066ee73,#0000 60%),#070b14;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:18px clamp(16px,4vw,48px);display:grid;position:fixed;inset:0;overflow:hidden}.onb-kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.onb-stappen{flex-wrap:wrap;gap:6px;display:flex}.onb-stip{color:#fff9;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.onb-stip:disabled{cursor:default}.onb-stip i{background:#ffffff4d;border-radius:50%;width:8px;height:8px}.onb-stip.nu{background:var(--stroom);color:#131313;border-color:var(--stroom)}.onb-stip.nu i{background:#131313}.onb-stip.gedaan{color:#fff}.onb-stip.gedaan i{background:var(--groen)}.onb-overslaan{color:#ffffffb3;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.onb-inhoud{align-content:center;gap:12px;width:min(1000px,100%);min-height:0;margin:0 auto;animation:.45s cubic-bezier(.2,.9,.2,1) onb-in;display:grid;overflow-y:auto}@keyframes onb-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}.onb h1{font-family:var(--display);color:#fff;margin:0;font-size:clamp(30px,5vw,58px);font-weight:800;font-stretch:125%;line-height:1.05}.onb h2{font-family:var(--display);color:#fff;margin:0;font-size:clamp(24px,3.4vw,40px);font-weight:800;font-stretch:125%}.onb h3{color:var(--stroom);letter-spacing:.02em;margin:8px 0 0;font-size:16px}.onb-lead{color:#ffffffe0;max-width:760px;margin:0;font-size:clamp(16px,1.6vw,20px)}.onb-zacht{color:#ffffffa6;margin:0}.onb-welkom{justify-items:start;gap:16px;display:grid}.onb-logo{width:90px;height:90px}.onb-logo canvas{width:100%;height:100%;display:block}.onb-tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.onb-tegels div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;gap:4px;padding:16px;display:grid}.onb-tegels b{font-family:var(--display);color:var(--stroom);font-size:clamp(20px,2.4vw,30px);font-stretch:125%}.onb-tegels span{color:#ffffffbf}.onb-blok{align-content:start;gap:12px;display:grid}.onb-midden{text-align:center;justify-items:center}.onb-voorbeeld{background:#ddff441f;border:1px solid #ddff4459;border-radius:14px;margin:0;padding:12px 14px}.onb-week{border-radius:16px;grid-template-columns:5fr 2.5fr;display:grid;overflow:hidden}.onb-week>div{gap:4px;padding:14px 16px;display:grid}.onb-week b{font-size:16px}.onb-week span{opacity:.9;font-size:14px}.onb-week-strijd{background:linear-gradient(90deg,#00a800,#00c300)}.onb-week-kies{background:linear-gradient(90deg,#0052c4,#06e)}.onb-avatar{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:20px;display:grid}.onb-voorbeeld3d{border-radius:20px;height:min(58vh,520px);overflow:hidden}.onb-voorbeeld3d .showroom-beeld{height:100%}.onb-voorbeeld3d canvas{border-radius:20px;width:100%;display:block;height:100%!important}.onb-presets{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.onb-preset{color:#fff;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;justify-items:center;gap:4px;padding:12px 8px;font-size:14px;font-weight:700;transition:transform .15s,border-color .15s;display:grid}.onb-preset span{font-size:26px}.onb-preset .portret{object-fit:cover;background:radial-gradient(circle at 50% 35%,#ddff4440,#ffffff0a 70%);border-radius:50%;width:72px;height:72px}.onb-preset:hover{border-color:#fff6;transform:translateY(-2px)}.onb-preset.aan{border-color:var(--stroom);box-shadow:0 0 0 1px var(--stroom) inset;background:#ddff4424}.bewerker{gap:8px;display:grid}.bewerker h3{margin:6px 0 0;font-size:14px}.bewerker-rij{gap:6px;display:grid}.bewerker-kleur{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;display:grid}.bewerker-kleur>span{font-size:13px;font-weight:600}.segment{background:var(--veld);border:1px solid var(--lijn);border-radius:999px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.segment button{color:var(--tekst);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-weight:700}.segment button[aria-selected=true]{background:var(--stroom);color:#131313}.presets{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.preset{border:1px solid var(--lijn);background:var(--veld);color:var(--tekst);font:inherit;cursor:pointer;border-radius:14px;justify-items:center;gap:4px;padding:10px 6px;font-size:13px;font-weight:700;transition:transform .15s;display:grid}.preset span{font-size:26px;line-height:64px}.preset .portret{object-fit:cover;background:radial-gradient(circle at 50% 35%,#00c3002e,#0000 70%);border-radius:50%;width:64px;height:64px}.preset:hover{transform:translateY(-2px)}.preset.aan{border-color:var(--goud);box-shadow:0 0 0 1px var(--goud) inset}.sparring-blok{border-radius:16px;height:300px;overflow:hidden}.sparring-blok canvas{width:100%;display:block;height:100%!important}.opties button.kleur.klein{width:24px;height:24px}.kleur-eigen{cursor:pointer;border:1px solid var(--lijn);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:24px;height:24px;position:relative}.kleur-eigen input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.onb-modus{background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.onb-modus button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-weight:700}.onb-modus button[aria-pressed=true]{background:var(--stroom);color:#131313}.onb-avatar.bewerken{align-items:start}.onb-avatar.bewerken .onb-voorbeeld3d{position:sticky;top:0}.onb-avatar.bewerken>.onb-blok{max-height:min(62vh,560px);padding-right:6px;overflow-y:auto}.onb .opties button{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.onb .opties button[aria-pressed=true]{border-color:var(--stroom);box-shadow:0 0 0 1px var(--stroom) inset}.onb .kleur-eigen{border-color:#ffffff4d}.onb-meedoen{background:var(--stroom);color:#131313;font-family:var(--display);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:18px 34px;font-size:clamp(20px,2.6vw,30px);font-weight:800;font-stretch:125%;transition:transform .15s;box-shadow:0 10px 40px #ddff4459}.onb-meedoen:hover{transform:scale(1.04)}.onb-meedoen.aan{background:var(--groen);color:#fff;animation:.5s knal-in}@keyframes knal-in{40%{transform:scale(1.12)}}.onb-kiezen{gap:10px;display:grid}.onb-kiezen input{max-width:380px}.onb-kandidaten{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.onb-kandidaat{text-align:left;color:#fff;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.onb-kandidaat span{min-width:0;display:grid}.onb-kandidaat b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.onb-kandidaat small{color:#ffffffa6}.onb-kandidaat em{color:var(--stroom);font-style:normal;font-weight:800}.onb-kandidaat:hover{border-color:var(--stroom)}.onb-voet{justify-content:space-between;align-items:center;width:min(1000px,100%);margin:0 auto;display:flex}.onb .knop.stil{color:#fff;border-color:#ffffff80}.knop.groot{padding:14px 28px;font-size:17px}@media (max-width:760px){.onb-tegels,.onb-avatar{grid-template-columns:1fr}.onb-voorbeeld3d{height:42vh}.onb-avatar.bewerken .onb-voorbeeld3d{height:36vh;position:static}.onb-avatar.bewerken>.onb-blok{max-height:none;padding-right:0;overflow:visible}.onb-presets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.onb-week,.onb-flow{grid-template-columns:1fr}.onb-stip{gap:0;padding:5px 9px;font-size:0}.onb-stip.nu{gap:6px;font-size:12px}}@media (prefers-reduced-motion:reduce){.onb-inhoud,.onb-meedoen.aan{animation:none}}.onb-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.onb-puntkaarten{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.onb-kaart{animation:.45s cubic-bezier(.2,.9,.2,1) both onb-kaart-in;animation-delay:calc(var(--n,0) * 70ms);background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:12px 14px;display:grid}.onb-kaart span{grid-row:span 2;font-size:28px}.onb-kaart b{font-size:15px;line-height:1.25}.onb-kaart small{color:#ffffffb8;font-size:13px;line-height:1.3}.onb-kaart.punt{grid-template-columns:auto 1fr auto}.onb-kaart.punt span{grid-row:auto}.onb-kaart.punt em{font-style:normal;font-family:var(--display);color:#131313;background:var(--stroom);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:18px;font-weight:800;font-stretch:125%}.onb-kaart.punt.bonus{background:#7cc4ff1a;border-color:#7cc4ff73}.onb-kaart.punt.bonus em{background:#7cc4ff}@keyframes onb-kaart-in{0%{opacity:0;transform:translateY(12px)}}.onb-probeer{color:#fff;background:#ffffff1f;border-radius:999px;grid-column:2;justify-self:start;margin-top:6px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:800}.onb-slag:hover .onb-probeer,.onb-slag.aan .onb-probeer{background:var(--stroom);color:#131313}.onb-titelrij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.onb-slagen{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.onb-slag{text-align:left;color:#fff;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:10px;padding:12px;transition:transform .15s,border-color .15s;display:grid}.onb-slag span{grid-row:span 2;align-self:center;font-size:28px}.onb-slag small{color:#ffffffb3;font-size:12px;line-height:1.3}.onb-slag:hover{border-color:#fff6;transform:translateY(-2px)}.onb-slag.aan{border-color:var(--stroom);box-shadow:0 0 0 1px var(--stroom) inset;background:#ddff4424}.arena.sparring,.arena.sparring canvas{height:100%}