:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--paper:#f6f7f8;--card:#fff;--ink:#141a1d;--ink-soft:#5c676d;--line:#e4e8ea;--eigen:#2563b8;--tegen:#e5322b;--aanval:#eef4fb;--aanval-line:#cfe0f2;--verd:#fff3f2;--verd-line:#f6c9c6;--raak:#0f9d58;--mis:#c0505a;--warn:#e6a100;--radius:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1417;--card:#171e22;--ink:#eef2f4;--ink-soft:#9aa6ac;--line:#283238;--aanval:#14202e;--aanval-line:#274056;--verd:#2a1c1b;--verd-line:#5a2e2b}}*{box-sizing:inherit}html,body{margin:0;height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.num{font-family:Barlow Semi Condensed,Inter,sans-serif;font-variant-numeric:tabular-nums}button{font-family:inherit}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.spinner{padding:60px 20px;text-align:center;color:var(--ink-soft)}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:13px 12px;font:600 14px Inter;cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn.wide{width:100%}.btn.ghost{background:var(--paper)}.btn .ic{font-size:16px}.btn.primary{background:var(--eigen);color:#fff;border:0}.btn.tegen{border-color:var(--tegen);color:var(--tegen);background:color-mix(in srgb,var(--tegen) 7%,var(--card))}.btn.danger{color:var(--mis);border-color:var(--mis)}.btn.klein{padding:8px 10px;font-size:13px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,#141a1d,#1c2a3a 55%,#22344a)}.login-wrap{width:100%;max-width:360px;text-align:center;color:#fff}.logo-dot{width:62px;height:62px;border-radius:18px;background:var(--eigen);display:grid;place-items:center;font-size:30px;margin:0 auto 14px;box-shadow:0 10px 30px #2563b866}.login-wrap h1{font:800 22px Barlow Semi Condensed;margin:0 0 4px;letter-spacing:.2px}.login-intro{color:#aeb9bf;font-size:13px;margin:0 0 18px}.kaart{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:16px;text-align:left;box-shadow:0 12px 40px #00000047}.veld{display:block;margin-bottom:12px}.veld span{display:block;font:600 12px Inter;color:var(--ink-soft);margin-bottom:5px}.veld input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:500 15px Inter}.melding{border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px}.melding.err{background:color-mix(in srgb,var(--mis) 14%,var(--card));color:var(--mis)}.center{text-align:center}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 10px;background:var(--ink);color:#fff}.topbar h1{font:800 18px Barlow Semi Condensed;margin:0}.topbar .sub{font-size:12px;color:#aeb9bf}.who{text-align:right;font-size:11px;color:#aeb9bf}.who b{display:block;color:#fff;font-size:13px}.wrap{padding:14px 12px 40px}.card-b{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.blockh{font:700 12px Inter;color:var(--ink-soft);margin:0 2px 8px}.empty{color:var(--ink-soft);font-size:13px;text-align:center;padding:22px 10px;line-height:1.5}.hint{font-size:12px;color:var(--ink-soft);line-height:1.5;background:var(--paper);border:1px dashed var(--line);border-radius:10px;padding:10px;margin-bottom:12px}header.board{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--ink);color:#fff;padding:10px 14px 12px}.board-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aeb9bf;margin-bottom:6px}.board-top b{color:#fff;font-weight:600}#clockBtn{background:#2a343a;border:0;color:#fff;border-radius:8px;padding:5px 10px;font:600 13px Inter;cursor:pointer;display:flex;gap:6px;align-items:center}#clockBtn.run{background:#4a2f2f}#clockBtn .cl{font-size:15px}#clockBtn .ci{font-size:11px}.board-top .terug{background:none;border:0;color:#aeb9bf;font:600 13px Inter;cursor:pointer;padding:4px 6px 4px 0}.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.team{min-width:0}.team .name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team.eigen .name{color:#8fb8e6}.team.tegen{text-align:right}.team.tegen .name{color:#ff8f89}.pts{font-family:Barlow Semi Condensed;font-weight:800;font-size:54px;line-height:.9;letter-spacing:-1px}.team.tegen .pts{text-align:right}.dash{font-family:Barlow Semi Condensed;font-weight:700;font-size:34px;color:#59636a;padding:0 2px}.flash{animation:flash .5s ease}@keyframes flash{0%{color:var(--raak)}to{color:inherit}}.board-meta{display:flex;gap:8px;margin-top:8px}.chip{flex:1;background:#222c31;border-radius:10px;padding:6px 8px;text-align:center}.chip .k{font-size:10px;color:#9aa6ac}.chip .v{font-family:Barlow Semi Condensed;font-weight:700;font-size:17px}.chip.warn{background:#4a3a00}.chip.warn .v{color:#ffd45e}nav.tabs{position:sticky;top:0;display:flex;background:var(--card);border-bottom:1px solid var(--line);z-index:15}nav.tabs button{flex:1;border:0;background:none;padding:11px 2px;font:600 12px Inter;color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent}nav.tabs button.on{color:var(--ink);border-bottom-color:var(--eigen)}main.tabbody{flex:1;padding:12px 12px 40px}.zone{margin-bottom:12px;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:var(--card)}.zone-h{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font:700 12px Inter}.zone.aanval .zone-h{background:var(--aanval);color:var(--eigen);border-bottom:1px solid var(--aanval-line)}.zone.verd .zone-h{background:var(--verd);color:var(--tegen);border-bottom:1px solid var(--verd-line)}.zone-h .tag{font-weight:600;font-size:11px;opacity:.85}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.player{display:flex;align-items:center;gap:9px;padding:11px 10px;border-radius:12px;border:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:left;transition:transform .06s ease;width:100%}.player:active{transform:scale(.97)}.player .rug{font-family:Barlow Semi Condensed;font-weight:700;font-size:15px;width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;color:#fff}.rug.H{background:#39434a}.rug.V{background:var(--eigen)}.zone.verd .rug.V{background:var(--tegen)}.player .pinfo{min-width:0;display:flex;flex-direction:column}.player .pn{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .ps{display:block;font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.actions .btn.wide{grid-column:1/-1}.log h3{font:700 12px Inter;color:var(--ink-soft);margin:0 2px 8px}.ev{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--line);font-size:13px}.ev:last-child{border-bottom:0}.ev .dot{width:8px;height:8px;border-radius:50%;flex:none}.ev .et{flex:1;min-width:0}.ev .et b{font-weight:600}.ev .ex{font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.ev .note{display:block;font-size:11px;color:var(--ink-soft);font-style:italic}.ev.undone{opacity:.42;text-decoration:line-through}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1073;opacity:0;pointer-events:none;transition:opacity .18s;z-index:40}.sheet-bg.on{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--card);border-radius:20px 20px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(102%);transition:transform .22s cubic-bezier(.2,.8,.2,1);max-width:520px;margin:0 auto;box-shadow:0 -8px 30px #0003;max-height:88vh;overflow-y:auto}.sheet.on{transform:translateY(0)}.sheet .grab{width:40px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 12px}.sheet h2{margin:0 0 2px;font:800 20px Barlow Semi Condensed}.sheet .sub{color:var(--ink-soft);font-size:12px;margin-bottom:12px}.shot-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}.shot-row .sl{font-weight:600;font-size:14px}.shot-row .sl small{display:block;font-weight:400;color:var(--ink-soft);font-size:11px}.rm{border:0;border-radius:10px;padding:10px 14px;font:700 13px Inter;cursor:pointer;color:#fff;min-width:64px}.rm.raak{background:var(--raak)}.rm.mis{background:var(--mis)}.rm:active{transform:scale(.96)}.soortlist button{width:100%;text-align:left;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:11px;padding:12px;font:600 14px Inter;cursor:pointer;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.soortlist button small{font-weight:400;color:var(--ink-soft)}.sheet .close{width:100%;margin-top:8px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:12px;font:600 14px Inter;cursor:pointer;color:var(--ink)}.sheet .close.primary{background:var(--eigen);color:#fff;border:0}.sheet textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:500 14px Inter;resize:vertical}.pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 2px}.pick .player{background:var(--paper)}.pick .player.sel{outline:2px solid var(--eigen);background:var(--aanval)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 6px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{font:600 11px Inter;color:var(--ink-soft)}td.n{font-family:Barlow Semi Condensed;font-weight:600}.pct{font-size:11px;color:var(--ink-soft)}.barline{margin:9px 0}.barline .bl-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.barline .bl-top .r{color:var(--ink-soft);font-variant-numeric:tabular-nums}.bar{height:16px;border-radius:5px;background:var(--line);overflow:hidden;display:flex}.bar .raakseg{background:var(--raak)}.bar .misseg{background:var(--mis);opacity:.55}.bar .tegseg{background:var(--tegen)}.rep-head{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center;margin-bottom:6px}.rep-head .rt{font-weight:700;font-size:14px}.rep-head .rt.e{color:var(--eigen)}.rep-head .rt.t{color:var(--tegen)}.rep-head .rp{font-family:Barlow Semi Condensed;font-weight:800;font-size:40px;line-height:1}.field{margin-bottom:12px}.field label{display:block;font:600 12px Inter;color:var(--ink-soft);margin-bottom:4px}.field input,.field select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:500 14px Inter}.setup-p{display:grid;grid-template-columns:44px 1fr 78px 96px 30px;gap:6px;align-items:center;margin-bottom:6px}.setup-p input,.setup-p select{padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:500 13px Inter;width:100%}.setup-p .del{border:0;background:none;color:var(--mis);font-size:18px;cursor:pointer}.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.toggle .tl{font-size:13px;font-weight:600}.toggle .td{font-size:11px;color:var(--ink-soft)}.sw{width:46px;height:28px;border-radius:16px;background:var(--line);position:relative;cursor:pointer;flex:none;transition:background .15s}.sw.on{background:var(--raak)}.sw:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.sw.on:after{left:21px}.syncbar{display:flex;align-items:center;gap:6px;font-size:11px;color:#9aa6ac;margin-top:8px}.syncdot{width:7px;height:7px;border-radius:50%;background:#5fbf77}.syncdot.off{background:#e6a100}.syncdot.wacht{background:#8fb8e6}.vakbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.vakbar .vt{font-size:12px;color:var(--ink-soft);line-height:1.3}.vakbar .vt b{color:var(--ink)}.vakbtn{flex:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:8px 10px;font:600 12px Inter;cursor:pointer}.vakbtn:active{transform:scale(.97)}.rep-svg{width:100%;height:auto;display:block}.leg{display:flex;gap:14px;justify-content:center;margin-top:6px;font-size:11px;color:var(--ink-soft)}.leg i{display:inline-block;width:10px;height:3px;vertical-align:middle;margin-right:4px}.segrow{display:flex;gap:6px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px}.seg{flex:1;border:0;background:none;color:var(--ink-soft);border-radius:9px;padding:9px 6px;font:600 12px Inter;cursor:pointer}.seg.on{background:var(--eigen);color:#fff}.rowitem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid var(--line)}.rowitem:first-of-type{border-top:0}.rowitem .sub2{font-size:11px;color:var(--ink-soft);margin-top:2px}.rowacts{display:flex;align-items:center;gap:10px;flex:none}.mono{font-family:Barlow Semi Condensed,monospace;color:var(--ink-soft);font-size:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e108c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.modal{width:100%;max-width:360px;background:var(--card);color:var(--ink);border-radius:var(--radius);padding:18px;box-shadow:0 20px 50px #00000059}.modal h2{margin:0 0 12px;font:800 18px Barlow Semi Condensed}.modal .veld input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:500 15px Inter}