:root{--bg: #08152f;--bg-soft: #0e1f42;--card: #122650;--line: #22406f;--text: #ffffff;--muted: #9aacd0;--muted-dim: #6b81ad;--accent: #fedc03;--accent-rgb: 254, 220, 3;--op-accent: #08152f;--blue: #3b7be8;--blue-rgb: 59, 123, 232;--red: #f4522e;--red-rgb: 244, 82, 46;--display: "Anton", "Arial Narrow", Impact, sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;overscroll-behavior:none}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-weight:400;margin:0}.app{display:flex;flex-direction:column;height:100dvh;max-width:560px;margin:0 auto;padding-top:env(safe-area-inset-top)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.topbar h1{font-size:25px;text-align:center;flex:1;letter-spacing:.03em}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);flex:none}.icon-btn:active{background:#ffffff1f}.icon-btn.is-ghost{background:none;border-color:transparent;pointer-events:none}.icon-btn.is-small{width:34px;height:34px;font-size:15px;color:var(--muted)}.icon{flex:none;display:block}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.scroll>*,.home-scroll>*{flex-shrink:0}.card{background:linear-gradient(180deg,#ffffff09,#fff0 70%),var(--card);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 18px #00000038}.card-title{font-size:19px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;letter-spacing:.03em}.stappen{counter-reset:stap}.stappen>.card>.card-title:before{counter-increment:stap;content:counter(stap);flex:none;display:inline-grid;place-items:center;width:24px;height:24px;margin-right:2px;border-radius:50%;background:var(--accent);color:var(--op-accent);font-size:14px;align-self:center}.stappen>.card>.card-title{justify-content:flex-start}.stappen>.card>.card-title>.badge-count,.stappen>.card>.card-title>.round-off{margin-left:auto}.muted{color:var(--muted);margin:0}.small{font-size:13px}.strong{font-weight:700}.hint{color:var(--muted);font-size:13px;margin:0;line-height:1.45}.warning{background:rgba(var(--red-rgb),.15);border:1px solid rgba(var(--red-rgb),.4);color:#ffc6b6;border-radius:14px;padding:12px 14px;font-size:14px;margin:0}.btn{border-radius:999px;padding:14px 22px;font-weight:800;font-size:16px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.4}.btn-primary{background:var(--accent);color:var(--op-accent)}.btn-green{background:var(--blue);color:#fff}.btn-ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.06)}.btn:active:not(:disabled){filter:brightness(1.1);transform:scale(.99)}.btn-primary{box-shadow:0 6px 18px rgba(var(--accent-rgb),.18)}.btn-block{width:100%}.sticky-footer{padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent);border-top:1px solid rgba(255,255,255,.05)}.add-row{display:flex;gap:8px}.text-input{flex:1;min-width:0;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--text);font-size:16px}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.add-row .btn{min-width:56px;padding:14px 18px;font-size:22px}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;gap:10px;background:var(--bg-soft);border-radius:14px;padding:8px 10px}.player-name{flex:1;font-weight:600}.badge-muted{color:var(--muted);font-size:13px}.avatar{display:grid;place-items:center;border-radius:50%;font-family:var(--display);color:var(--op-accent);flex:none}.segmented{display:flex;gap:8px}.segmented.is-stacked{flex-direction:column}.segmented:not(.is-stacked){gap:4px;padding:4px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--line)}.segmented button{flex:1;padding:12px 10px;border-radius:12px;background:transparent;border:1px solid transparent;font-weight:700;font-size:15px;color:var(--muted);transition:background .15s,color .15s}.segmented.is-stacked button{background:var(--bg-soft);border-color:var(--line);color:var(--text);padding:14px 12px;border-radius:14px}.segmented button.is-active{background:var(--accent);border-color:var(--accent);color:var(--op-accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.2)}.segmented.is-klein button{padding:8px 10px;border-radius:11px;font-size:14px}.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}.stepper-controls{display:flex;align-items:center;gap:4px}.stepper-controls button{width:44px;height:44px;border-radius:50%;background:var(--bg-soft);border:1px solid var(--line);font-size:22px;font-weight:700}.stepper-controls button:disabled{opacity:.35}.stepper-controls strong{min-width:38px;text-align:center;font-size:20px}.switch-row{display:flex;align-items:center;justify-content:space-between;font-weight:600}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:54px;height:32px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);position:relative;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch-row input:checked~.switch{background:var(--accent);border-color:var(--accent)}.switch-row input:checked~.switch:after{transform:translate(22px);background:var(--op-accent)}.btn-hero{min-height:58px;font-size:17px}.section-title{font-size:18px;color:var(--muted);margin:6px 4px -4px}.empty-note{padding:8px 4px}.alltime-card{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--radius);padding:14px 16px;text-align:left;width:100%}.alltime-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.alltime-icon{display:flex;color:var(--accent)}.chevron{color:var(--muted);font-size:22px;line-height:1}.day-card{display:flex;align-items:stretch;gap:4px;background:var(--card);border-radius:var(--radius);padding-right:8px}.day-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px 4px 14px 16px;text-align:left}.day-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.day-date{font-family:var(--display);text-transform:uppercase;font-size:17px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-status{flex:none;font-size:12px;font-weight:700;color:var(--muted)}.day-status.is-done{color:var(--accent)}.day-avatars{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.day-label{font-family:var(--display);font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;margin-right:2px}.panel-note{margin:-2px 0 0;font-size:12px;font-weight:700;opacity:.75}.day-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-winner{font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;color:var(--accent)}.day-delete{align-self:center;flex:none;font-size:16px}.badge-count{font-family:var(--body);font-size:13px;font-weight:700;color:var(--muted)}.roster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.roster-chip{display:flex;align-items:center;gap:10px;background:var(--bg-soft);border:2px solid var(--line);border-radius:16px;padding:8px 10px;font-weight:700;font-size:15px;min-height:56px;text-align:left;transition:background .12s,border-color .12s,transform .12s}.roster-chip:active{transform:scale(.98)}.roster-chip>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-chip.is-on{color:var(--op-accent)}.roster-chip.is-on .avatar{background:#08152f47!important;color:#fff}.check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#08152f4d;color:#fff;font-size:13px;font-weight:800}.tabbar{display:flex;gap:4px;margin:0 10px calc(8px + env(safe-area-inset-bottom));padding:5px;border-radius:22px;background:#0e1f42eb;border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 30px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab{flex:1;padding:8px 4px 9px;border-radius:17px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--muted);transition:background .15s,color .15s}.tab.is-active{color:var(--accent);background:rgba(var(--accent-rgb),.12)}.tab-icon{display:flex;opacity:.65}.tab.is-active .tab-icon{opacity:1}.tab.is-bezig .tab-icon{opacity:1;animation:live-knipper 1.6s ease-in-out infinite}.tab.is-bezig:not(.is-active){color:var(--red)}@media(prefers-reduced-motion:reduce){.tab.is-bezig .tab-icon{animation:none}}.progress-bar{height:10px;border-radius:999px;background:#00000040;overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffe94d,var(--accent));box-shadow:0 0 12px rgba(var(--accent-rgb),.5);transition:width .4s ease}.round-off{font-family:var(--body);font-size:12px;text-transform:none;color:var(--muted);font-weight:500}.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.match-row{display:flex;align-items:stretch;gap:6px;background:var(--bg-soft);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding-right:6px}.match-row:has(.status-live){border-color:rgba(var(--red-rgb),.55);background:linear-gradient(90deg,rgba(var(--red-rgb),.14),var(--bg-soft) 60%)}.match-row.is-next{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.match-open{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"board teams" "status teams";align-items:center;gap:2px 10px;padding:10px 4px 10px 10px;text-align:left}.board-badge{grid-area:board;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.status{grid-area:status;font-size:12px;font-weight:700}.status-pending{color:var(--muted)}.status-live{color:var(--red)}.status-done{color:var(--muted-dim)}.match-teams{grid-area:teams;display:flex;align-items:center;gap:8px;min-width:0}.team{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team.is-right{justify-content:flex-end;text-align:right}.team.is-loser{opacity:.45}.match-score{font-family:var(--display);font-size:17px;flex:none}.reset-btn{align-self:center;flex:none}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;padding:0 6px 8px;text-align:center}.table td{padding:10px 6px;text-align:center;border-top:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums}.table .left{text-align:left}.table tr.is-leader td{background:rgba(var(--accent-rgb),.1)}.table tr.is-leader td:first-child{box-shadow:inset 3px 0 0 var(--accent);color:var(--accent)}.table tr.is-afwezig td{opacity:.45}.tag-nieuw{font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.cell-player{display:flex;align-items:center;gap:8px;font-weight:700}.pos{color:var(--accent)}.neg{color:#ff8a70}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.result-list li{display:grid;grid-template-columns:28px 1fr auto 1fr;align-items:center;gap:8px;background:var(--bg-soft);border-radius:14px;padding:10px;font-size:14px}.result-list li>span:last-child{text-align:right}.result-list.is-power li{grid-template-columns:28px 1fr auto 1fr auto}.result-list.is-power li>span:nth-child(4){text-align:right}.power-punten{font-family:var(--display);font-size:16px;color:var(--accent);min-width:42px}.stunt{margin:0;font-size:15px;line-height:1.45}.result-score{font-family:var(--display);font-size:17px}.player-card-head{display:flex;align-items:center;gap:12px}.player-card-head>div:nth-child(2){flex:1;min-width:0}.big-average{text-align:right;display:flex;flex-direction:column}.big-average span{font-family:var(--display);font-size:26px;line-height:1}.big-average small{color:var(--muted);font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:linear-gradient(180deg,#ffffff0a,#fff0),var(--bg-soft);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:11px 8px;display:flex;flex-direction:column;gap:2px;text-align:center}.stat strong{font-family:var(--display);font-size:20px}.stat span{color:var(--muted);font-size:11px;line-height:1.2}.match-screen{padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:8px}.match-screen .topbar h1{font-size:24px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 10px;border-radius:var(--radius);overflow:hidden;flex:none}.panel{padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;transition:opacity .2s;opacity:.55}.panel.is-active{opacity:1}.panel-head{display:flex;align-items:center;gap:6px;min-width:0}.dot{width:9px;height:9px;border-radius:50%;background:transparent;flex:none}.dot.is-on{background:var(--bg-soft)}.panel-name{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-score{display:flex;align-items:center;justify-content:space-between;gap:6px}.panel-score strong{font-family:var(--display);font-size:clamp(46px,16vw,72px);line-height:.95}.legs-badge{font-family:var(--display);background:var(--bg-soft);border-radius:8px;padding:4px 10px;font-size:19px;flex:none}.checkout{background:#00000047;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:center}.checkout.is-dim{background:#00000029;opacity:.62}.panel-stats{margin:0;display:flex;flex-direction:column;gap:2px}.panel-stats div{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.panel-stats dt{font-size:12px;font-weight:700}.panel-stats dd{margin:0;font-family:var(--display);font-size:16px}.vlakken{--uit: #8a93a6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 10px;flex:none}.vlak{min-width:0;display:flex;flex-direction:column;gap:4px;padding:8px 10px 10px;border:3px solid transparent;border-radius:16px;transition:border-color .2s}.vlak.is-aan{border-color:var(--kleur)}.vlak-kop{display:flex;align-items:baseline;justify-content:space-between;gap:6px;color:var(--kleur);font-family:var(--display);text-transform:uppercase;font-size:17px;letter-spacing:.02em;opacity:.55;transition:opacity .2s}.vlak-b .vlak-kop{flex-direction:row-reverse}.vlak-naam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vlak-legs{flex:none}.vlak-rest{font-family:var(--display);font-size:clamp(52px,18vw,84px);line-height:.95;text-align:center;font-variant-numeric:tabular-nums;color:var(--uit);transition:color .2s}.vlak-route{font-family:var(--display);font-size:15px;letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;color:var(--uit)}.vlak-cijfers{margin:4px 0 0;display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:10px;color:var(--kleur);opacity:.55;transition:opacity .2s}.vlak-cijfers>div{display:contents}.vlak-cijfers dt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.vlak-cijfers dd{margin:0;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.vlak.is-aan .vlak-kop,.vlak.is-aan .vlak-cijfers{opacity:1}.vlak.is-aan .vlak-rest,.vlak.is-aan .vlak-route{color:#fff}.match-screen .topbar{display:grid;grid-template-columns:58px minmax(0,1fr) 58px}.match-screen .topbar>:first-child{justify-self:start}.match-screen .topbar>:last-child{justify-self:end}.match-screen .topbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-screen .topbar .cloud-status{white-space:nowrap}.turn-line{font-family:var(--display);text-transform:uppercase;font-size:20px;margin:2px 14px;color:var(--red)}.quick-row{display:flex;gap:6px;overflow-x:auto;padding:0 12px 2px;scrollbar-width:none}.quick-row::-webkit-scrollbar{display:none}.quick-row button{flex:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:700;font-size:15px}.entry{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;margin:4px 10px 0;padding:6px 6px 6px 22px}.entry-display{flex:1;color:var(--op-accent);font-family:var(--display);text-transform:uppercase;font-size:24px;letter-spacing:.02em;min-width:0}.entry-display.has-value{font-size:34px;line-height:1}.entry .btn{min-height:52px;padding:12px 26px}.entry-ok{flex:none;width:66px;height:66px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--display);font-size:28px;letter-spacing:.02em}.entry-ok:active{filter:brightness(1.15)}.numpad{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;margin:4px 10px 0;min-height:220px}.numpad button{font-family:var(--display);font-size:32px;border-radius:12px;background:var(--bg-soft)}.numpad button:active{background:var(--card)}.numpad .np-secondary{font-family:var(--body);font-size:22px;color:var(--muted)}@media(max-height:700px){.match-screen .topbar{padding:4px 12px}.match-screen .topbar h1{font-size:19px}.panel{padding:8px 10px 10px;gap:3px}.panel-score strong{font-size:clamp(34px,12vw,52px)}.panel-stats dt{font-size:11px}.panel-stats dd{font-size:14px}.turn-line{font-size:16px;margin:0 14px}.quick-row button{padding:6px 14px;font-size:14px}.vlak{padding:6px 8px 8px;gap:2px}.vlak-rest{font-size:clamp(40px,13vw,60px)}.entry{padding-left:16px}.entry .btn{min-height:44px;padding:10px 20px}.entry-ok{width:54px;height:54px;font-size:24px}.numpad{min-height:170px;gap:5px}.numpad button{font-size:24px}}.toast{position:fixed;left:50%;bottom:24%;transform:translate(-50%);background:var(--red);color:#fff;font-family:var(--display);font-size:22px;text-transform:uppercase;padding:10px 26px;border-radius:999px;z-index:20}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a18d1;display:grid;place-items:center;padding:20px;z-index:30}.dialog{background:var(--card);border-radius:22px;padding:22px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;text-align:center}.dialog h2{font-size:24px}.trophy{display:flex;justify-content:center;color:var(--accent)}.final-score{font-family:var(--display);font-size:40px;margin:0}.dart-choice{display:flex;gap:8px}.dart-choice button{flex:1;background:var(--accent);color:var(--op-accent);font-family:var(--display);font-size:30px;padding:16px 0;border-radius:14px}.panel-choice{align-items:center;justify-content:center;gap:10px;opacity:1;min-height:220px;font-family:var(--display);font-size:22px;text-transform:uppercase}.panel-choice span{font-family:var(--body);font-size:13px;text-transform:none;opacity:.8}.bull-actions{margin-top:auto;padding:12px}@media(max-height:720px){.start-hero{gap:6px}.start-logo{width:clamp(72px,22vw,100px)}.start-hero h1{font-size:clamp(26px,8vw,34px)}}.start-hero{display:flex;flex-direction:column;align-items:center;gap:12px}.start-logo{width:clamp(96px,30vw,132px);height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.start-hero h1{font-size:clamp(30px,9vw,40px)}.lopend-potje{border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.1)}.lopend-potje .bull-alt .btn{min-height:46px}.start-voet{text-align:center;color:var(--muted);font-size:12px;margin:0}.start-inlog{text-align:center;color:var(--muted);font-size:12px;margin:-14px 0 0}.start-inlog strong{color:var(--text)}.linkje{padding:0;font:inherit;color:var(--muted);text-decoration:underline}.live-kaart{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px 10px}.live-kaart:active{background:var(--bg-soft)}.live-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.live-stip{display:flex;align-items:center;gap:6px;color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.live-stip>span{width:8px;height:8px;border-radius:50%;background:var(--red);animation:live-knipper 1.6s ease-in-out infinite}@keyframes live-knipper{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.live-stip>span{animation:none}}.live-rij{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px}.live-rij.is-aanzet{background:#ffffff12}.live-naam{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.live-naam strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-route{color:var(--muted);font-size:11px;letter-spacing:.04em}.live-rij.is-aanzet .live-route{color:var(--accent)}.live-power{flex:none;font-family:var(--display);font-size:14px;color:var(--accent)}.live-legs{flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:8px;background:#ffffff1a;display:grid;place-items:center;font-size:13px;font-weight:800}.live-rest{flex:none;width:62px;text-align:right;font-family:var(--display);font-size:30px;line-height:1}.live-voet{display:block;margin-top:8px;color:var(--muted);font-size:12px}.live-leeg{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:48px 24px}.live-leeg-icoon{display:flex;color:var(--muted);opacity:.6}.live-leeg strong{font-family:var(--display);text-transform:uppercase;font-size:20px}.scorebord{--sa-top: env(safe-area-inset-top, 0px);--sa-right: env(safe-area-inset-right, 0px);--sa-bottom: env(safe-area-inset-bottom, 0px);--sa-left: env(safe-area-inset-left, 0px);height:100dvh;max-width:none;padding:0;gap:0}.sb-balk{display:flex;align-items:center;gap:10px;padding:6px 10px;padding-top:max(6px,var(--sa-top));padding-left:max(10px,var(--sa-left));padding-right:max(10px,var(--sa-right));border-bottom:1px solid var(--line);flex:none}.sb-baan{flex:none;font-family:var(--display);font-size:17px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.sb-titel{flex:1;min-width:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-af{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.sb-panelen{--uit: #8a93a6;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px;padding:8px;padding-left:max(8px,var(--sa-left));padding-right:max(8px,var(--sa-right));padding-bottom:max(8px,var(--sa-bottom))}.sb-paneel{min-width:0;min-height:0;display:flex;flex-direction:column;padding:8px 10px 10px;border:3px solid transparent;border-radius:18px;transition:border-color .2s}.sb-paneel.is-aanzet{border-color:var(--kleur)}.sb-kop{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex:none;color:var(--kleur);opacity:.55;transition:opacity .2s}.sb-paneel-b .sb-kop{flex-direction:row-reverse}.sb-paneel.is-aanzet .sb-kop{opacity:1}.sb-naam{min-width:0;font-family:var(--display);text-transform:uppercase;font-size:18px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-legs{flex:none;font-family:var(--display);font-size:20px}.sb-midden{flex:none;display:flex;flex-direction:column;gap:4px}.sb-rest{flex:none;font-family:var(--display);font-size:clamp(48px,11vh,88px);line-height:.95;text-align:center;padding:2px 0;font-variant-numeric:tabular-nums;color:var(--uit);transition:color .2s}.sb-paneel.is-aanzet .sb-rest{color:#fff}.sb-onder{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.sb-route{flex:none;text-align:center;font-family:var(--display);font-size:16px;letter-spacing:.02em;white-space:nowrap;color:var(--uit)}.sb-paneel.is-aanzet .sb-route{color:#fff}.sb-cijfers{flex:none;margin:0;display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:12px;row-gap:1px;color:var(--kleur);opacity:.55;transition:opacity .2s}.sb-paneel.is-aanzet .sb-cijfers{opacity:1}.sb-cijfers>div{display:contents}.sb-cijfers dt{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.sb-cijfers dd{margin:0;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.sb-worpen{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0;scrollbar-width:none}.sb-worpen::-webkit-scrollbar{display:none}.sb-worp{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:3px 2px;border-bottom:1px solid var(--line)}.sb-worp-score{font-family:var(--display);font-size:19px}.sb-worp-rest{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sb-worp.is-bust .sb-worp-score{text-decoration:line-through;opacity:.6}.sb-worp.is-bust .sb-worp-rest{color:var(--red)}.sb-worp.is-leeg{border:none;font-size:12px;color:var(--muted);padding-top:6px}.sb-draai{flex:none;margin:0;padding:0 12px calc(8px + var(--sa-bottom));text-align:center;color:var(--muted);font-size:11px;line-height:1.4}.sb-draaiknop.is-aan{background:rgba(var(--accent-rgb),.2);color:var(--accent)}.scorebord.is-gedraaid{--sa-top: env(safe-area-inset-right, 0px);--sa-right: env(safe-area-inset-bottom, 0px);--sa-bottom: env(safe-area-inset-left, 0px);--sa-left: env(safe-area-inset-top, 0px);position:fixed;top:0;left:0;width:100dvh;height:100dvw;transform-origin:0 0;transform:translate(100dvw) rotate(90deg)}.scorebord.is-breed{--sb-lang: 1vw;--sb-kort: 1vh}.scorebord.is-gedraaid.is-breed{--sb-lang: 1vh;--sb-kort: 1vw}.scorebord.is-breed .sb-worpen{display:none}.scorebord.is-breed .sb-balk{padding-top:max(2px,var(--sa-top));padding-bottom:2px}.scorebord.is-breed .sb-balk .icon-btn{min-height:34px;height:34px}.scorebord.is-breed .sb-baan{font-size:clamp(17px,calc(1.9 * var(--sb-lang)),26px)}.scorebord.is-breed .sb-panelen{gap:12px;padding:10px;padding-left:max(10px,var(--sa-left));padding-right:max(10px,var(--sa-right));padding-bottom:max(10px,var(--sa-bottom));transition:grid-template-columns .35s ease}.scorebord.is-breed .sb-panelen.is-a{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.scorebord.is-breed .sb-panelen.is-b{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.scorebord.is-breed .sb-paneel{padding:clamp(10px,calc(2.4 * var(--sb-kort)),22px) clamp(14px,calc(2 * var(--sb-lang)),30px);border-width:clamp(5px,calc(.7 * var(--sb-lang)),10px);border-radius:clamp(20px,calc(2.4 * var(--sb-lang)),32px)}.scorebord.is-breed .sb-kop{gap:10px}.scorebord.is-breed .sb-naam{font-size:clamp(18px,calc(3.4 * var(--sb-lang)),40px)}.scorebord.is-breed .sb-legs{font-size:clamp(20px,calc(3.4 * var(--sb-lang)),40px)}.scorebord.is-breed .sb-midden{flex:1;min-height:0;justify-content:space-evenly;gap:0}.scorebord.is-breed .sb-rest{font-size:clamp(56px,min(calc(17.5 * var(--sb-lang)),calc(29 * var(--sb-kort))),230px);line-height:.9;letter-spacing:-.01em}.scorebord.is-breed .sb-onder{flex:none}.scorebord.is-breed .sb-route{min-height:1.1em;line-height:1.1;font-size:clamp(18px,min(calc(3.4 * var(--sb-lang)),calc(6 * var(--sb-kort))),44px)}.scorebord.is-breed .sb-paneel-b .sb-cijfers{justify-content:end}.scorebord.is-breed .sb-cijfers{column-gap:clamp(12px,calc(2 * var(--sb-lang)),28px);row-gap:2px}.scorebord.is-breed .sb-cijfers dt{font-size:clamp(10px,calc(1.25 * var(--sb-lang)),15px)}.scorebord.is-breed .sb-cijfers dd{font-size:clamp(11px,calc(1.4 * var(--sb-lang)),17px)}.speler-kiezer{display:flex;gap:8px;overflow-x:auto;flex:none;scrollbar-width:none;position:sticky;top:-4px;z-index:5;background:var(--bg);margin:0 -12px;padding:8px 12px;box-shadow:0 6px 10px -6px #0000008c}.speler-kiezer::-webkit-scrollbar{display:none}.speler-knop{display:flex;align-items:center;gap:7px;flex:none;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px;font-weight:700;font-size:14px;transition:background .12s,border-color .12s}.speler-knop.is-on{color:var(--op-accent)}.speler-knop.is-on .avatar{background:#08152f47!important;color:#fff}.potje-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.potje{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.potje:first-child{border-top:none}.potje-uitslag{flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800}.potje-uitslag.is-winst{background:rgba(var(--accent-rgb),.2);color:var(--accent)}.potje-uitslag.is-verlies{background:rgba(var(--red-rgb),.18);color:#ff9377}.potje-uitslag.is-live{background:#ffffff14;color:var(--muted)}.potje-tegen{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.potje-tegen>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potje-legs{font-family:var(--display);font-size:17px;flex:none}.potje-gem{flex:none;width:44px;text-align:right;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.kijk-hint{padding:0 16px;text-align:center}.login-screen{justify-content:center;gap:28px;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.login-form{display:flex;flex-direction:column;gap:12px}.login-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-size:15px;color:var(--muted);text-align:center}.login-input{text-align:center;font-size:26px;font-weight:700;letter-spacing:.18em;padding:16px 12px}.login-input::placeholder{color:var(--line);letter-spacing:.18em}.login-fout{text-align:center}.cloud-status{position:fixed;top:calc(env(safe-area-inset-top) + 16px);right:max(14px,calc(50vw - 266px));z-index:40;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:#0000004d;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--muted);pointer-events:none}.cloud-status.is-inline{position:static;z-index:auto}.cloud-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.cloud-status.is-live{color:var(--accent)}.cloud-status.is-live .cloud-dot{background:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.cloud-status.is-bezig .cloud-dot,.cloud-status.is-verbinden .cloud-dot{background:#f7b32b;animation:cloud-pulse 1.1s ease-in-out infinite}.cloud-status.is-offline{color:#ffb3a1;background:rgba(var(--red-rgb),.25)}.cloud-status.is-offline .cloud-dot{background:var(--red)}@keyframes cloud-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.cloud-status .cloud-dot{animation:none}}.vrij-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin:0 10px;border-radius:var(--radius);overflow:hidden;flex:none}.vrij-panels.is-veel{grid-template-columns:repeat(3,1fr)}.vrij-panels.is-bull{gap:8px;margin:0 12px;border-radius:0;overflow:visible}.vrij-panels.is-bull .bull-card{padding:10px 8px}.vrij-panels.is-veel .bull-card-throw{font-size:18px}.bull-screen{gap:10px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.bull-cards{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 12px;flex:none}.bull-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 10px;text-align:center;opacity:.55;transition:opacity .15s,border-color .15s,background .15s,box-shadow .15s}.bull-card.is-turn{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.bull-card.is-winner{opacity:1;border-color:var(--accent);background:rgba(var(--accent-rgb),.16)}.bull-card-name{max-width:100%;font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bull-card-throw{font-family:var(--display);font-size:22px;line-height:1.1}.bull-card-dist{font-size:11px;color:var(--muted)}.bull-vs{font-family:var(--display);font-size:15px;color:var(--muted)}.bull-board{flex:1;min-height:0;display:grid;place-items:center;padding:0 12px}.bull-hint{margin:0 14px;font-family:var(--display);text-transform:uppercase;font-size:17px;text-align:center;color:var(--accent)}.bull-hint.is-alert{color:var(--red)}.bull-foot{display:flex;flex-direction:column;gap:8px;padding:0 12px}.bull-alt{display:flex;gap:6px}.bull-alt .btn{flex:1;min-width:0;min-height:42px;padding:10px 12px;font-size:13px;font-weight:700;line-height:22px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.dartboard{width:100%;height:100%;max-width:380px;cursor:crosshair;touch-action:manipulation;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.dartboard.is-disabled{cursor:default}.db-frame{fill:#0a1120;stroke:#ffffff24;stroke-width:1.5}.db-back{fill:#191919}.db-bed{stroke:#d2d2d273;stroke-width:.5}.db-wire{fill:none;stroke:#dcdcdc80;stroke-width:.7}.db-num{fill:#e6d9bb;font-family:var(--display);font-size:13px;text-anchor:middle;dominant-baseline:central;pointer-events:none}.db-line{stroke-width:1;stroke-dasharray:3 3;opacity:.75;pointer-events:none}.db-marker{animation:marker-in .18s ease-out;transform-origin:center;transform-box:fill-box;pointer-events:none}.db-marker-dot{stroke:#fff;stroke-width:1.4}.db-marker-halo{fill:none;stroke:var(--accent);stroke-width:2}.db-marker-label{fill:#fff;font-family:var(--display);font-size:7px;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#00000080;stroke-width:1.2}@keyframes marker-in{0%{transform:scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.db-marker{animation:none}}@media(max-height:700px){.bull-card{padding:8px}.bull-card-throw{font-size:18px}.bull-hint{font-size:15px;margin:0 14px}}.avatar.is-getekend{display:block;overflow:hidden;background:none}.avatar-art{display:block;width:100%;height:100%}.avatar-screen .scroll{padding-bottom:16px}.avatar-podium{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 2px}.avatar-groot{width:164px;height:164px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--line)}.avatar-naam{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:22px;letter-spacing:.02em}.avatar-blok{display:flex;flex-direction:column;gap:8px}.avatar-kop{font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.avatar-rij{display:flex;gap:10px;overflow-x:auto;flex:none;margin:0 -12px;padding:2px 12px 4px;scrollbar-width:none}.avatar-rij::-webkit-scrollbar{display:none}.avatar-rij .avatar-optie{flex:none;width:84px}.avatar-tabs{position:sticky;top:-4px;z-index:2;display:flex;align-items:center;gap:6px;overflow-x:auto;flex:none;margin:0 -12px;padding:8px 12px;background:var(--bg);scrollbar-width:none}.avatar-tabs::-webkit-scrollbar{display:none}.avatar-mini{position:sticky;left:0;z-index:1;flex:none;width:38px;height:38px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px var(--bg);margin-right:4px}.avatar-tab{flex:none;padding:9px 15px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:800;font-size:14px}.avatar-tab.is-on{background:var(--accent);border-color:var(--accent);color:var(--op-accent)}.avatar-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}.avatar-optie{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 7px;border-radius:14px;background:var(--card);border:2px solid transparent;min-width:0}.avatar-optie.is-on{border-color:var(--accent);background:var(--bg-soft)}.avatar-optie:active{background:var(--bg-soft)}.avatar-optie-plaatje{width:62px;height:62px;border-radius:50%;overflow:hidden;flex:none}.avatar-optie-label{font-size:12px;font-weight:700;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.avatar-kleuren{display:flex;flex-wrap:wrap;gap:10px}.avatar-kleur{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff38}.avatar-kleur.is-on{box-shadow:inset 0 0 0 2px #ffffff38,0 0 0 3px var(--bg),0 0 0 5px var(--accent)}.avatar-voet{flex:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.home{padding-top:calc(10px + env(safe-area-inset-top))}.home-kop{display:flex;align-items:center;gap:12px;padding:6px 16px 12px;flex:none}.home-logo{width:46px;height:46px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.home-groet{flex:1;min-width:0;display:flex;flex-direction:column}.home-groet-regel{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600}.home-groet-regel .cloud-status{padding:2px 8px 2px 6px;font-size:10px}.home-groet strong{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:26px;letter-spacing:.02em;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-avatar{position:relative;flex:none;padding:0;border-radius:50%;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}.home-avatar-leeg{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--muted)}.home-avatar-plus{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--op-accent);font-weight:800;font-size:16px;line-height:22px;text-align:center;box-shadow:0 0 0 2px var(--bg)}.home-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.home-hero{position:relative;overflow:hidden;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:18px 18px 20px;border-radius:22px;background:linear-gradient(135deg,#01378b,#0b2a66 60%,#0e1f42);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.home-hero:active{filter:brightness(1.1)}.home-hero.is-bezig{background:linear-gradient(135deg,#8b1d0c,#4a1b2a 55%,#0e1f42)}.home-hero-label{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.home-hero.is-bezig .live-stip{color:#fff}.home-hero.is-bezig .live-stip>span{background:#fff}.home-hero-titel{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:40px;line-height:1;letter-spacing:.01em}.home-hero-tekst{max-width:72%;color:#ffffffc7;font-size:13px;line-height:1.35}.home-hero-beker{position:absolute;right:-6px;bottom:-10px;color:var(--accent);opacity:.22;transform:rotate(-12deg)}.home-duo{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;flex:none}.home-tegel{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line);min-width:0}.home-tegel:active,.home-spel:active{background:var(--bg-soft)}.home-tegel strong{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:19px;letter-spacing:.02em;margin-top:6px}.home-tegel>span:last-child{color:var(--muted);font-size:12px;line-height:1.3}.home-tegel-icoon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft)}.home-tegel.is-vrij .home-tegel-icoon{color:var(--accent)}.home-tegel.is-stats .home-tegel-icoon{color:var(--blue)}.home-sectie{display:flex;align-items:baseline;gap:8px;font-size:20px;margin-top:8px}.home-sectie span{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:13px;color:var(--muted)}.home-spellen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:none}.home-spel:last-child:nth-child(odd){grid-column:1 / -1}.home-spel{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px 13px;border-radius:18px;background:var(--card);border:1px solid var(--line);min-width:0}.home-spel strong{font-weight:800;font-size:15px;margin-top:6px}.home-spel-teken{font-family:var(--display);font-size:22px;line-height:1;min-width:46px;height:40px;padding:0 10px;border-radius:12px;display:grid;place-items:center;color:var(--op-accent);background:var(--accent)}.home-spel.is-random .home-spel-teken{background:#3b7be8;color:#fff}.home-spel.is-klok .home-spel-teken{background:#22c98d;color:#08152f}.home-spel.is-dubbels .home-spel-teken{background:#f4522e;color:#fff}.home-spel.is-bobs27 .home-spel-teken{background:#8e7cff;color:#fff}.home-spel-record{color:var(--muted);font-size:12px}.home .start-inlog{margin:8px 0 0}.training-intro{display:flex;align-items:center;gap:14px;padding:4px 2px}.training-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}.training-teken{flex:none;font-family:var(--display);font-size:26px;min-width:58px;height:52px;padding:0 12px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:var(--op-accent)}.training-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.training-recent li{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:baseline}.training-screen{padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:8px}.training-bord{flex:none;margin:0 10px;padding:12px 14px 14px;border-radius:18px;border:3px solid var(--accent);display:flex;flex-direction:column;align-items:center;gap:4px}.training-regel{align-self:stretch;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.training-doel{color:var(--accent);font-family:var(--display);text-transform:uppercase;font-size:18px;letter-spacing:.03em;margin-top:4px}.training-groot{font-family:var(--display);font-size:clamp(72px,26vw,120px);line-height:.95;font-variant-numeric:tabular-nums}.training-groot.is-krap{color:var(--red)}.training-route{font-family:var(--display);font-size:17px;letter-spacing:.02em;min-height:1.2em}.training-pips{display:flex;gap:6px;margin-top:4px}.training-pips span{width:26px;height:7px;border-radius:4px;background:var(--line)}.training-pips .is-op{background:var(--muted-dim)}.training-pips .is-nu{background:var(--accent)}.training-spoor,.training-doelen{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px}.training-spoor span,.training-doelen span{min-width:26px;padding:3px 4px;border-radius:7px;font-size:11px;font-weight:800;text-align:center;background:var(--bg-soft);color:var(--muted-dim);font-variant-numeric:tabular-nums}.training-spoor .is-raak,.training-doelen .is-raak{background:#22c98d33;color:#22c98d}.training-spoor .is-mis,.training-doelen .is-mis{background:rgba(var(--red-rgb),.18);color:var(--red)}.training-doelen .is-nu{background:var(--accent);color:var(--op-accent)}.training-vraag{margin:4px 14px 0;text-align:center;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.training-knoppen{flex:1;display:grid;gap:8px;margin:4px 10px 0;min-height:160px}.training-knoppen.is-twee{grid-template-columns:1fr 1fr}.training-knoppen.is-vier{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.training-knop{font-family:var(--display);text-transform:uppercase;font-size:34px;letter-spacing:.03em;border-radius:18px;background:var(--bg-soft);border:2px solid var(--line)}.training-knop.is-raak{background:#22c98d29;border-color:#22c98d8c;color:#4fe0ab}.training-knop.is-mis{background:rgba(var(--red-rgb),.12);border-color:rgba(var(--red-rgb),.5);color:#ff7a5c}.training-knop:active{filter:brightness(1.3)}.training-uitslag{margin:0;text-align:center;font-family:var(--display);font-size:22px;line-height:1.2}.training-screen .topbar .icon-btn:disabled{opacity:.35}@media(max-height:700px){.training-groot{font-size:clamp(56px,18vw,84px)}.training-bord{padding:8px 12px 10px}}.ranglijst .card-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ranglijst-instelling{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--muted)}.ranglijst.is-compact{text-align:left;border-top:1px solid var(--line);padding-top:10px}.ranglijst-rijen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ranglijst-rij{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:12px}.ranglijst-rij.is-eigen{background:rgba(var(--accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45)}.ranglijst-plek{width:20px;text-align:center;font-family:var(--display);font-size:17px;color:var(--muted)}.ranglijst-rij.is-eerste .ranglijst-plek{color:var(--accent)}.ranglijst-leeg{width:28px;height:28px;border-radius:50%;background:var(--bg-soft);flex:none}.ranglijst-naam{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranglijst-score{font-family:var(--display);font-weight:400;font-size:19px}.hero{position:relative;overflow:hidden;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px 18px;border-radius:22px;background:linear-gradient(135deg,#01378b,#0b2a66 60%,#0e1f42);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.hero-label{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-titel{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:34px;line-height:1.02;letter-spacing:.01em;position:relative;z-index:1}.hero-tekst{max-width:80%;color:#ffffffc7;font-size:13px;line-height:1.35;position:relative;z-index:1}.hero-icoon{position:absolute;right:-8px;bottom:-14px;color:var(--accent);opacity:.16;transform:rotate(-12deg);pointer-events:none}.hero>:not(.hero-icoon){position:relative;z-index:1}.hero-knop{margin-top:10px;min-height:46px;padding:10px 20px}.hero-voortgang{align-self:stretch;margin-top:8px}.hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hero-chips span{padding:4px 10px;border-radius:999px;background:#00000038;border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:700;color:#ffffffd9}.volgende-kaart{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 12px;border-radius:20px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.03)),var(--card);border:2px solid rgba(var(--accent-rgb),.55);text-align:center}.volgende-kaart:active{filter:brightness(1.1)}.volgende-label{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.volgende-spelers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.volgende-speler{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.volgende-speler strong{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volgende-vs{font-family:var(--display);font-size:26px;color:var(--muted)}.volgende-actie{color:var(--muted);font-size:12px;font-weight:700}.podium{flex:none;display:flex;flex-direction:column;gap:10px;padding:14px 12px 0;border-radius:22px;background:radial-gradient(120% 90% at 50% 0%,rgba(var(--accent-rgb),.14),transparent 60%),var(--card);border:1px solid rgba(255,255,255,.06);overflow:hidden}.podium-titel{text-align:center;font-size:16px;color:var(--accent);letter-spacing:.06em}.podium-rij{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px}.podium-plek{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.podium-avatar{position:relative;margin-bottom:4px;border-radius:50%;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--muted-dim)}.podium-plek.is-1 .podium-avatar{box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--accent),0 8px 24px rgba(var(--accent-rgb),.35)}.podium-plek.is-3 .podium-avatar{box-shadow:0 0 0 3px var(--card),0 0 0 5px #c9783c}.podium-kroon{position:absolute;top:-20px;left:50%;transform:translate(-50%) rotate(-8deg);color:var(--accent);font-size:22px;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.5)}.podium-naam{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:17px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-waarde{font-weight:800;font-size:14px}.podium-sub{color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.podium-blok{align-self:stretch;margin-top:8px;display:grid;place-items:center;border-radius:12px 12px 0 0;font-family:var(--display);font-size:22px;color:#ffffffd9;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);height:34px}.podium-plek.is-1 .podium-blok{height:58px;color:var(--op-accent);background:linear-gradient(180deg,#ffe94d,var(--accent))}.podium-plek.is-2 .podium-blok{height:44px}.podium-plek.is-3 .podium-blok{background:linear-gradient(180deg,#c9783c99,#c9783c40)}.day-card{border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #00000038;padding-left:12px}.day-blok{flex:none;align-self:center;width:54px;padding:6px 0 7px;border-radius:14px;display:flex;flex-direction:column;align-items:center;background:var(--bg-soft);border:1px solid var(--line);line-height:1.05}.day-blok span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.day-blok strong{font-family:var(--display);font-weight:400;font-size:26px;color:var(--accent)}.day-open{padding-left:10px}.day-avatars .avatar+.avatar{margin-left:-8px}.day-avatars .avatar{box-shadow:0 0 0 2px var(--card)}.alltime-card{border:1px solid rgba(var(--accent-rgb),.3);background:linear-gradient(90deg,rgba(var(--accent-rgb),.1),transparent 70%),var(--card)}.alltime-top{display:flex;flex:none}.alltime-top .avatar+.avatar{margin-left:-10px}.alltime-top .avatar{box-shadow:0 0 0 2px var(--card)}.player-card{position:relative;overflow:hidden;padding-top:20px}.player-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--kleur, var(--accent))}.player-card .big-average span{color:var(--accent)}.record-tegel{align-items:center;gap:4px}.record-tegel strong{color:var(--accent)}.record-tegel em{display:block;font-style:normal;font-weight:800;color:var(--text)}.login-onder{margin:0;color:var(--muted);font-size:14px}.login-form.card{padding:18px}.avatar-foto{display:block;width:100%;height:100%;object-fit:cover}.avatar-3d{display:block;touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none}.avatar-groot{width:auto;height:auto;border-radius:0;overflow:visible;box-shadow:none;padding:0 24px;background:radial-gradient(closest-side,color-mix(in srgb,var(--kleur, var(--blue)) 45%,transparent),transparent)}.avatar-bewegingen{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.avatar-bewegingen button{padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:800;font-size:13px}.avatar-bewegingen button:active{background:var(--accent);color:var(--op-accent)}.avatar-tip{color:var(--muted-dim);font-size:11px}.home-avatar:has(.home-pop){box-shadow:none;border-radius:0}.home-pop{display:block;margin:-6px -10px -18px 0}.podium-pop{display:block;margin:-10px 0 -6px}.winnaar-pop{display:flex;justify-content:center;margin:-8px 0 -6px}.profiel-hero{position:relative;overflow:hidden;flex:none;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 4px;border-radius:22px;background:radial-gradient(70% 90% at 18% 60%,color-mix(in srgb,var(--kleur) 40%,transparent),transparent 70%),linear-gradient(135deg,#01378b,#0b2a66 60%,#0e1f42);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.profiel-pop{flex:none;display:grid;place-items:center;min-width:120px}.profiel-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profiel-naam{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:32px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profiel-sub{color:#ffffffbf;font-size:13px}.profiel-gem{display:flex;flex-direction:column;margin-top:8px}.profiel-gem strong{font-family:var(--display);font-weight:400;font-size:34px;line-height:1;color:var(--accent)}.profiel-gem small{color:#ffffffa6;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.bull-pop{display:block;margin:-6px 0 -4px}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,5vh,44px);padding:calc(24px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(60% 45% at 25% 45%,rgba(var(--blue-rgb),.35),transparent 70%),radial-gradient(60% 45% at 75% 45%,rgba(var(--accent-rgb),.18),transparent 70%),linear-gradient(180deg,#0b1d44,var(--bg));animation:intro-in .3s ease-out;cursor:pointer}@keyframes intro-in{0%{opacity:0}}.intro-titel{color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.intro-spelers{position:relative;width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.intro-speler{display:flex;flex-direction:column;align-items:center;gap:4px;animation:intro-links .55s cubic-bezier(.2,.9,.3,1.2) both}.intro-speler.is-b{animation-name:intro-rechts}@keyframes intro-links{0%{transform:translate(-60vw)}}@keyframes intro-rechts{0%{transform:translate(60vw)}}.intro-naam{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:30px;letter-spacing:.02em;color:var(--kleur);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-speler.is-begint .intro-naam{text-shadow:0 0 18px color-mix(in srgb,var(--kleur) 60%,transparent)}.intro-vs{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(0);font-family:var(--display);font-size:64px;line-height:1;color:var(--accent);text-shadow:0 6px 0 rgba(0,0,0,.35),0 0 30px rgba(var(--accent-rgb),.5);transition:transform .35s cubic-bezier(.2,1.6,.4,1)}.intro-vs.is-aan{transform:translate(-50%,-50%) scale(1) rotate(-6deg)}.intro-onder{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:150px}.intro-begint{font-family:var(--display);text-transform:uppercase;font-size:26px;letter-spacing:.02em;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.intro-begint strong{font-weight:400}.intro-begint.is-aan{opacity:1;transform:none}.intro-tel{font-family:var(--display);font-size:84px;line-height:1;color:#fff;animation:intro-plop .45s cubic-bezier(.2,1.6,.4,1)}.intro.is-gameon .intro-tel,.intro.is-klaar .intro-tel{color:var(--accent);font-size:64px;text-transform:uppercase}@keyframes intro-plop{0%{transform:scale(2.2);opacity:0}}.intro-tip{color:var(--muted-dim);font-size:11px}@media(prefers-reduced-motion:reduce){.intro,.intro-speler,.intro-tel{animation:none}}.intro-spelers.is-3{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.intro-spelers.is-3 .intro-naam{font-size:22px}.intro.is-groot .intro-spelers{max-width:900px}.intro.is-groot .intro-titel{font-size:clamp(14px,1.8vw,22px)}.intro.is-groot .intro-naam{font-size:clamp(30px,5vw,64px)}.intro.is-groot .intro-vs{font-size:clamp(64px,11vw,140px)}.intro.is-groot .intro-begint{font-size:clamp(26px,4vw,48px)}.intro.is-groot .intro-tel{font-size:clamp(84px,13vw,170px)}.intro.is-groot.is-gameon .intro-tel,.intro.is-groot.is-klaar .intro-tel{font-size:clamp(64px,10vw,130px)}.training-knop small{display:block;font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.04em;opacity:.75;margin-top:2px}.training-knop.is-dubbel{background:rgba(var(--blue-rgb),.16);border-color:rgba(var(--blue-rgb),.6);color:#8fb6ff}.training-knop.is-triple{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.55);color:var(--accent)}.training-knop:disabled{opacity:.3}.training-teken.is-shot,.home-spel.is-shotjes .home-spel-teken{background:#e8577a;color:#fff}.home-spel.is-shotjes .home-spel-teken{font-size:18px;letter-spacing:.04em}.shot-stand{flex:none;list-style:none;margin:0 10px;padding:6px;display:flex;flex-direction:column;gap:4px;border-radius:18px;background:var(--card);border:1px solid rgba(255,255,255,.06);max-height:44vh;overflow-y:auto}.shot-rij{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;border:2px solid transparent}.shot-rij.is-aan{border-color:var(--kleur);background:color-mix(in srgb,var(--kleur) 14%,transparent)}.shot-naam{flex:1;min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-score{font-family:var(--display);font-size:20px;min-width:44px;text-align:right;color:var(--muted)}.shot-rij.is-aan .shot-score{color:var(--accent);font-family:var(--body);font-size:12px;font-weight:800;text-transform:uppercase}.shot-teller{flex:none;display:inline-flex;align-items:center;gap:4px;min-width:56px;justify-content:center;padding:4px 10px;border-radius:999px;background:var(--bg-soft);color:var(--muted);font-family:var(--display);font-size:22px}.shot-teller.is-vol{background:#e8577a;color:#fff;box-shadow:0 4px 12px #e8577a59}.shot-stand.is-veel .shot-rij{padding:3px 8px}.shot-stand.is-veel .shot-teller{font-size:18px;padding:2px 8px}.shotjes-screen .numpad{min-height:170px}.shot-dialog{text-align:center}.shot-regel{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border-radius:14px;text-align:left;font-size:15px;line-height:1.35;background:var(--bg-soft)}.shot-regel.is-erbij{background:#e8577a29;color:#ffc2d1}.shot-regel.is-erbij .icon{color:#e8577a}.shot-regel.is-eraf{background:#22c98d24;color:#b6f2da}.shot-streep{flex:none;font-family:var(--display);font-size:20px;color:#22c98d}.shot-regel.is-niks{color:var(--muted);font-size:13px}.shot-eind{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}.shot-eind li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:var(--bg-soft)}.shot-eind li span{flex:1;font-weight:700}.shot-eind li strong{font-family:var(--display);font-weight:400;font-size:18px}.shot-eind li:first-child strong{color:#e8577a}.vlakken.is-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vlakken.is-raster.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}.vlak.is-compact{padding:6px 8px 8px;gap:2px;border-radius:14px}.vlak.is-compact .vlak-kop{font-size:14px}.vlak.is-compact .vlak-rest{font-size:clamp(34px,11vw,52px)}.vlakken.is-4 .vlak.is-compact .vlak-rest{font-size:clamp(40px,14vw,64px)}.vlak.is-compact .vlak-route{font-size:12px}.vlak.is-compact .vlak-cijfers{column-gap:6px}.vlak.is-compact .vlak-cijfers dt{font-size:9px}.vlak.is-compact .vlak-cijfers dd{font-size:10px}.scorebord.is-breed .sb-paneel{position:relative}.sb-pop{position:absolute;bottom:clamp(8px,2vh,20px);z-index:1;pointer-events:auto}.sb-paneel-a .sb-pop{right:clamp(8px,1.5vw,24px)}.sb-paneel-b .sb-pop{left:clamp(8px,1.5vw,24px)}.games-strip{flex:none;list-style:none;margin:0 10px;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.games-strip::-webkit-scrollbar{display:none}.games-speler{flex:none;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--card);border:2px solid transparent;opacity:.7}.games-speler.is-aan{opacity:1;border-color:var(--kleur);background:color-mix(in srgb,var(--kleur) 16%,var(--card))}.games-speler.is-klaar{opacity:.45}.games-naam{font-weight:800;font-size:13px}.games-stand{color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.games-wie{margin:0 14px;text-align:center;font-family:var(--display);text-transform:uppercase;font-size:20px;letter-spacing:.02em}.games-wie strong{font-weight:400}.games-uitslag{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}.games-uitslag li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:var(--bg-soft)}.games-uitslag li>span:nth-child(3){flex:1;font-weight:700}.games-uitslag li strong{font-family:var(--display);font-weight:400;font-size:18px}.games-uitslag li:first-child strong,.games-uitslag li:first-child .games-plek{color:var(--accent)}.games-plek{width:18px;text-align:center;font-family:var(--display);color:var(--muted)}.games-record{margin:0;color:var(--accent);font-weight:800}.training-terug{flex:none;margin:6px 10px 0;padding:12px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);font-weight:800;font-size:14px}.training-terug:disabled,.numpad .np-secondary:disabled{opacity:.35}.home-galerij{flex:none;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px 12px 16px;border-radius:18px;background:linear-gradient(90deg,rgba(142,124,255,.16),transparent 70%),var(--card);border:1px solid rgba(142,124,255,.35)}.home-galerij:active{background:var(--bg-soft)}.home-galerij-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.home-galerij-tekst strong{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:19px;letter-spacing:.02em}.home-galerij-tekst span{color:var(--muted);font-size:12px}.home-galerij-kopjes{display:flex;flex:none}.home-galerij-kopjes .avatar+.avatar{margin-left:-12px}.home-galerij-kopjes .avatar{box-shadow:0 0 0 2px var(--card)}.galerij-podium{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 12px 16px;border-radius:22px;background:radial-gradient(60% 55% at 50% 38%,color-mix(in srgb,var(--kleur) 42%,transparent),transparent 70%),linear-gradient(180deg,#0b2a66,#0e1f42);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.galerij-naam{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:30px;line-height:1;color:var(--kleur);text-shadow:0 2px 0 rgba(0,0,0,.35)}.galerij-knop{min-height:44px;padding:10px 20px}.galerij-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.galerij-tegel{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 9px;border-radius:16px;background:var(--card);border:2px solid transparent;min-width:0}.galerij-tegel.is-on{border-color:var(--kleur);background:color-mix(in srgb,var(--kleur) 14%,var(--card))}.galerij-tegel span{font-weight:800;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.galerij-tegel small{position:absolute;top:6px;right:6px;padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--op-accent);font-size:10px;font-weight:800;text-transform:uppercase}