.reset-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.reset-modal{background:var(--vlak);border-radius:16px;padding:24px;max-width:480px;width:100%;box-shadow:0 8px 24px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-modal h2{margin:0 0 20px;font-size:calc(var(--base-readable-size) * 1.1);font-weight:700;color:var(--tekst);text-align:center}.reset-info{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:var(--vlak-grijs);border-radius:12px}.info-item{display:flex;align-items:center;gap:12px;font-size:var(--base-readable-size)}.info-icon{font-size:var(--base-readable-size);min-width:30px;text-align:center}.info-text{color:var(--tekst-2);font-weight:500}.reset-buttons{display:flex;flex-wrap:wrap;gap:10px}.reset-modal .btn{flex:1;padding:12px 14px;border:none;border-radius:10px;font-size:var(--base-readable-size);font-weight:700;cursor:pointer;transition:transform .15s;min-height:68px;font-family:inherit}.reset-modal .btn:active{transform:scale(.98)}.btn-cancel{background:var(--knop-grijs);color:var(--tekst-2)}.btn-cancel:active{background:var(--knop-grijs-actief)}.btn-confirm{background:#22c55e;color:#fff;font-weight:700}.btn-confirm:active{background:#16a34a}@media (max-width: 480px){.reset-modal{padding:18px}}.kijklink{display:flex;flex-direction:column;gap:8px}.kijklink .btn{flex:0 0 auto}.kijklink-uitleg,.kijklink-melding{font-size:var(--base-readable-size);line-height:1.3;color:var(--tekst-zacht)}.kijklink-melding{padding:8px 10px;border-radius:10px;background:var(--groen-vlak);color:var(--groen-tekst)}.kijklink-melding.fout{background:var(--rood-vlak);color:var(--rood-tekst)}.kijklink-adres{margin-bottom:0}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:2000;align-items:center;justify-content:center;padding:12px}.modal.show{display:flex}.modal-content{background:var(--vlak);width:100%;max-width:640px;min-height:50dvh;max-height:92dvh;padding:24px 18px;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.modal-title{font-size:var(--base-readable-size);font-weight:700;color:var(--tekst);margin-bottom:4px}.modal-subtitle{font-size:var(--base-readable-size);color:var(--tekst-zacht);margin-bottom:16px}.modal-empty{font-size:var(--base-readable-size);color:var(--tekst-zacht);text-align:center;padding:24px 0}.modal-options{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-option{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:10px 20px;border:3px solid var(--rand);border-radius:12px;background:var(--vlak);cursor:pointer;font-family:inherit;color:var(--tekst);text-align:left;transition:background .15s,border-color .15s}.modal-option:active{transform:scale(.98)}.modal-option.selected{background:#1e40af;border-color:#1e40af;color:#fff}.modal-option-name{font-size:var(--base-readable-size);font-weight:700}.modal-option-count{font-size:var(--base-readable-size);font-weight:700;color:var(--rood-tel);background:var(--rood-vlak);padding:4px 12px;border-radius:8px}.modal-option-place{font-size:var(--base-readable-size);color:var(--tekst-zacht);margin-left:12px;white-space:nowrap}.modal-option.selected .modal-option-place{color:#fff}.modal-mode-btn{flex:0 0 auto;width:100%;margin-bottom:12px}.modal-option.selected .modal-option-count{background:#fff3;color:#fff}.modal-input{width:100%;min-height:68px;padding:12px 16px;border:2px solid var(--rand-sterk);border-radius:12px;font-size:var(--base-readable-size);font-family:inherit;margin-bottom:18px}.modal-actions{flex-shrink:0;display:flex;gap:10px;margin-top:auto}.btn{flex:1;min-height:68px;padding:12px 16px;border:none;border-radius:12px;font-size:var(--base-readable-size);font-weight:700;cursor:pointer;font-family:inherit;transition:transform .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary:active:not(:disabled){background:#1e3a8a;transform:scale(.98)}.modal-fout{color:var(--rood-tekst)}.instellingen{display:flex;flex-direction:column;width:100%;max-width:720px;margin:0 auto}.instellingen-kop{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--vlak);border-bottom:2px solid var(--rand)}.instellingen-terug{min-height:60px;padding:0 14px;border:none;border-radius:10px;background:var(--knop-grijs);color:var(--tekst);font-family:inherit;font-size:var(--base-readable-size);font-weight:700;cursor:pointer;flex-shrink:0}.instellingen-kop-titel{font-size:var(--base-readable-size);font-weight:700;color:var(--tekst);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instellingen-inhoud{display:flex;flex-direction:column;gap:14px;padding:10px 8px 24px}.instellingen-kaart{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--vlak);border:2px solid var(--rand);border-radius:12px}.instellingen-kaart-titel{font-size:var(--base-readable-size);font-weight:700;color:var(--tekst-2);text-transform:uppercase;letter-spacing:.5px}.account-form{display:flex;flex-direction:column;gap:12px}.account-form .modal-input{margin-bottom:0}.account-form .btn{flex:0 0 auto}.account-label{display:flex;flex-direction:column;gap:4px;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst-2)}.account-uitleg{font-size:var(--base-readable-size);color:var(--tekst-zacht);line-height:1.3}.account-melding{font-size:var(--base-readable-size);line-height:1.3;padding:10px 12px;border-radius:10px;background:var(--groen-vlak);color:var(--groen-tekst)}.account-melding.fout{background:var(--rood-vlak);color:var(--rood-tekst)}.account-wie{display:flex;flex-direction:column;padding:10px 14px;background:var(--vlak-blauw);border-radius:10px}.account-wie-naam{font-size:calc(var(--base-readable-size) * 1.15);font-weight:700;color:var(--blauw-donker-tekst);overflow-wrap:anywhere}.account-wie-sub{font-size:var(--base-readable-size);color:var(--tekst-zacht);overflow-wrap:anywhere}.account-lijst{display:flex;flex-direction:column;gap:8px}.account-regel{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:68px;padding:6px 6px 6px 14px;background:var(--vlak);border:2px solid var(--rand);border-radius:10px;font-family:inherit;text-align:left;color:var(--tekst);cursor:pointer}button.account-regel:active:not(:disabled){background:var(--vlak-blauw)}button.account-regel:disabled{cursor:default;background:var(--vlak-zacht)}.account-regel-tekst{flex:1;min-width:0;display:flex;flex-direction:column}.account-regel-naam{font-size:var(--base-readable-size);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-regel-sub{flex-shrink:0;font-size:var(--base-readable-size);color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.account-weg{min-width:60px;min-height:60px;border:none;border-radius:10px;background:var(--rood-vlak);color:var(--rood-tekst);font-size:var(--base-readable-size);cursor:pointer;flex-shrink:0}.account-rij{display:flex;gap:8px}.account-rij .modal-input{flex:1;min-width:0;margin-bottom:0}.account-rij-knop{flex:0 0 auto}.account-rollen{display:flex;flex-direction:column;gap:8px}.account-rol{display:flex;flex-direction:column;align-items:flex-start;min-height:68px;padding:8px 14px;border:3px solid var(--rand);border-radius:12px;background:var(--vlak);font-family:inherit;text-align:left;color:var(--tekst);cursor:pointer}.account-rol.actief{border-color:#1e40af;background:#1e40af;color:#fff}.account-rol-naam{font-size:var(--base-readable-size);font-weight:700}.account-rol-uitleg{font-size:var(--base-readable-size);opacity:.85}.instellingen .btn-gevaar,.instellingen .modal .btn-gevaar{background:var(--rood-vlak);color:var(--rood-tekst);border:2px solid var(--rood-rand)}.instellingen .knop-rood{background:#dc2626}.account-team{display:flex;gap:8px;align-items:stretch}.account-team-kies{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:68px;padding:6px 12px;background:var(--vlak);border:2px solid var(--rand);border-radius:10px;font-family:inherit;text-align:left;color:var(--tekst);cursor:pointer}.account-team.actief .account-team-kies,.account-team-kies.los.actief{border-color:#1e40af;background:var(--vlak-blauw)}.account-team-vink{flex:0 0 28px;font-size:var(--base-readable-size);font-weight:700;color:var(--blauw-tekst)}.account-team-beheer{flex:0 0 auto;min-height:60px;padding:0 14px;border:none;border-radius:10px;background:var(--knop-grijs);color:var(--tekst);font-family:inherit;font-size:var(--base-readable-size);font-weight:700;cursor:pointer}.account-sync{min-height:60px;padding:8px 12px;border:none;border-radius:10px;background:var(--groen-vlak);color:var(--groen-tekst);font-family:inherit;font-size:var(--base-readable-size);text-align:left;line-height:1.3;cursor:pointer}.account-sync.fout{background:var(--geel-vlak);color:var(--geel-tekst)}.account-bericht{min-height:120px;resize:vertical}.account-citaat{padding:10px 12px;border-left:4px solid var(--rand-blauw);background:var(--vlak-zacht);white-space:pre-wrap;overflow-wrap:anywhere}.account-kaart{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:14px 12px;background:var(--vlak-zacht);border:2px solid var(--rand);border-radius:12px}.account-kaart-titel{font-size:calc(var(--base-readable-size) * 1.1);font-weight:700;color:var(--tekst)}.account-team-kies .account-regel-sub{white-space:normal}.thema-keuze{display:flex;flex-direction:column;gap:8px}.thema-knop{min-height:60px;padding:8px 14px;border:2px solid var(--rand);border-radius:10px;background:var(--vlak);color:var(--tekst);font-family:inherit;font-size:var(--base-readable-size);font-weight:700;text-align:left;cursor:pointer}.thema-knop.actief{border-color:#1e40af;background:#1e40af;color:#fff}.account-aanvraag{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:2px solid var(--rand-blauw);border-radius:10px;background:var(--vlak-blauw)}.account-aanvraag .account-regel-sub{white-space:normal;overflow-wrap:anywhere}.account-aanvraag-knoppen{display:flex;gap:8px;margin-top:4px}.timer{display:flex;flex-direction:column;gap:8px;padding:10px;margin-top:4px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:10px}.timer-tijd{text-align:center;font-size:calc(var(--base-readable-size) * 2);font-weight:700;line-height:1.1;color:var(--tekst-2);font-variant-numeric:tabular-nums}.timer.loopt .timer-tijd{color:var(--groen-tekst)}.timer-knoppen{display:flex;gap:8px}.timer-knoppen .btn{flex:1 1 0;min-width:0;padding:10px 4px}.timer-start{background:#047857;color:#fff}.timer-start:active{background:#065f46}.dashboard{display:flex;flex-direction:column;padding:6px;gap:6px;width:100%;flex:0 0 100%;min-height:0;overflow:hidden}.wissels-eronder{flex:0 0 auto;margin:0 6px;padding:8px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:8px}.dashboard-knoppen{display:flex;flex-direction:column;gap:8px;padding:12px 6px 16px;flex:0 0 auto;border-top:2px solid var(--rand)}.btn-gevaar{background:var(--rood-vlak);color:var(--rood-tekst);border:2px solid var(--rood-rand)}.btn-gevaar:active{background:var(--rood-vlak-actief)}.btn:disabled{opacity:.45;cursor:default}.score-regel{display:flex;gap:6px;flex:0 0 auto}.score-min,.score-team{min-height:60px;border-radius:10px;font-family:inherit;font-weight:700;cursor:pointer;transition:transform .15s}.score-min:active,.score-team:active{transform:scale(.96)}.score-min{flex:0 0 60px;border:2px solid var(--rand-sterk);background:var(--vlak-zacht);color:var(--tekst-2);font-size:calc(var(--base-readable-size) * 1.3)}.score-min:disabled{opacity:.35;cursor:default}.score-team{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 10px;border:none;color:#fff}.score-team.wij{background:#1e40af}.score-team.zij{background:#b91c1c}.score-naam{font-size:var(--base-readable-size)}.score-getal{font-size:calc(var(--base-readable-size) * 1.6);line-height:1;font-variant-numeric:tabular-nums}.field-container{background:linear-gradient(to bottom,var(--veld-boven),var(--veld-onder));border-radius:8px;padding:4px;box-shadow:0 2px 8px #00000026;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative;container-type:size}.field{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;flex:1;position:relative}.field:before{content:"";position:absolute;top:50%;left:5%;right:5%;height:2px;background:var(--vlak);opacity:.25}.field-row{display:flex;justify-content:space-evenly;align-items:center;width:100%;max-width:640px;z-index:1}.field-row.rij-2{padding:0 10%}.field-row.rij-4 .player-slot{padding:4px 5px}.field-row.rij-4 .player-slot .name,.field-row.rij-4 .player-slot .count{font-size:max(calc(var(--size) * .23),22px)}.player-slot{--size: min(calc(93cqw / var(--breedste, 3)), calc(96cqh / var(--rijen, 4)), 170px);background:var(--vlak);border:none;border-radius:50%;width:auto;min-width:var(--size);height:auto;min-height:var(--size);padding:4px 14px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;text-align:center;font-weight:600;color:var(--blauw-tekst);cursor:pointer;transition:transform .15s;flex-shrink:0;font-family:inherit}.player-slot:active{transform:scale(.94)}.player-slot .name{font-size:max(calc(var(--size) * .23),var(--base-readable-size));font-weight:700;line-height:1.05}.player-slot .count{line-height:1.05;font-size:max(calc(var(--size) * .21),var(--base-readable-size));color:var(--rood-tel);font-weight:700;margin-top:2px}.player-slot.keeper{background:#fcd34d;color:#7c2d12}.player-slot.keeper .count{color:#7c2d12}.player-slot.groen{box-shadow:0 0 0 6px #16a34a,0 2px 6px #00000040}.player-slot.oranje{box-shadow:0 0 0 6px #f59e0b,0 2px 6px #00000040}.player-slot.rood{box-shadow:0 0 0 6px #dc2626,0 2px 6px #00000040}.player-slot.leeg{background:#ffffff40;border:3px dashed white;color:#fff;box-shadow:none}.substitutes-section{background:var(--vlak-zacht);border-radius:8px;padding:4px;border:1px solid var(--rand);flex:0 0 auto}.section-title{font-size:var(--base-readable-size);font-weight:700;color:var(--tekst-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.substitutes-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.substitute-item{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:6px 12px;background:var(--vlak);border-radius:10px;border:2px solid var(--rand)}.substitute-item .name{flex:1;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst)}.substitute-item .count{background:var(--rood-vlak);padding:6px 12px;border-radius:8px;font-size:var(--base-readable-size);font-weight:700;color:var(--rood-tel);margin-left:12px;flex-shrink:0}.btn{min-height:60px;padding:10px 12px;border:none;border-radius:8px;font-size:var(--base-readable-size);font-weight:700;cursor:pointer;transition:transform .15s;flex:1;font-family:inherit}.btn-primary{background:#1e40af;color:#fff}.btn-primary:active{background:#1e3a8a;transform:scale(.98)}.btn-secondary{background:var(--knop-grijs);color:var(--tekst-2)}.btn-secondary:active{background:var(--knop-grijs-actief);transform:scale(.98)}.player-slot:disabled,.score-team:disabled{opacity:1;cursor:default}.player-slot:disabled{color:var(--blauw-tekst)}.player-slot.keeper:disabled{color:#7c2d12}.player-slot.leeg:disabled{color:#fff}.kijker-melding{font-size:var(--base-readable-size);color:var(--tekst-zacht);line-height:1.3;padding:8px 10px;background:var(--vlak-blauw);border-radius:8px}.inlog-balk{flex:0 0 auto;min-height:60px;display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--rand-blauw);border-radius:10px;background:var(--vlak-blauw);color:var(--blauw-donker-tekst);font-family:inherit;font-size:var(--base-readable-size);font-weight:700;cursor:pointer}.inlog-balk:active{background:var(--vlak-blauw-actief)}.players-screen{padding:8px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:720px;margin:0 auto;flex:1;min-height:0;overflow-y:auto}.spelvorm-kop{font-size:var(--base-readable-size);font-weight:700;color:var(--tekst-2)}.spelvorm{display:flex;gap:0;border:2px solid #1e40af;border-radius:10px;overflow:hidden;flex-shrink:0}.spelvorm-knop{flex:1;min-height:60px;border:none;background:var(--vlak);color:var(--blauw-tekst);font-family:inherit;font-size:var(--base-readable-size);font-weight:700;cursor:pointer}.spelvorm-knop.actief{background:#1e40af;color:#fff}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.section-title{font-size:var(--base-readable-size);font-weight:700;color:var(--tekst-2);text-transform:uppercase;letter-spacing:.5px}.section-header .button-group{display:flex;gap:8px}.btn-icon{min-height:60px;padding:10px 14px;background:#1e40af;color:#fff;border:none;border-radius:8px;font-size:var(--base-readable-size);font-weight:700;cursor:pointer;transition:all .2s}.btn-icon:active{background:#1e3a8a;transform:scale(.95)}.players-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.players-uitleg{margin:0 0 4px;font-size:var(--base-readable-size);color:var(--tekst-zacht);line-height:1.3}.player-card{background:var(--vlak);border-radius:10px;border:1px solid var(--rand);border-left:6px solid #10b981;display:flex;align-items:stretch;gap:8px;padding:6px;min-height:76px}.player-card.doet-niet-mee{border-left-color:#9ca3af;background:var(--vlak-grijs)}.meedoen-knop{flex:1;min-width:0;min-height:60px;display:flex;align-items:center;gap:12px;padding:4px 8px;background:none;border:none;border-radius:8px;font-family:inherit;text-align:left;cursor:pointer}.meedoen-knop:active{background:#0000000d}.player-info{flex:1;min-width:0;display:flex;flex-direction:column}.player-naamregel{display:flex;align-items:center;gap:10px;min-width:0}.player-goals{flex-shrink:0;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst)}.player-name{font-weight:700;font-size:var(--base-readable-size);color:var(--tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-status{font-size:var(--base-readable-size);color:var(--groen-tekst)}.doet-niet-mee .player-name,.doet-niet-mee .player-status{color:var(--tekst-zacht)}.player-toggle{width:64px;height:36px;background:var(--knop-grijs-actief);border-radius:18px;position:relative;transition:background .3s;flex-shrink:0}.player-toggle:after{content:"";position:absolute;width:32px;height:32px;background:var(--vlak);border-radius:50%;top:2px;left:2px;transition:left .3s}.player-toggle.on{background:#10b981}.player-toggle.on:after{left:30px}.delete-btn{background:#ef4444;color:#fff;border:none;border-radius:10px;min-width:60px;min-height:60px;padding:8px 12px;font-size:var(--base-readable-size);cursor:pointer;transition:all .2s;flex-shrink:0}.delete-btn:active{background:#dc2626;transform:scale(.95)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stat{background:var(--vlak-zacht);padding:10px;border-radius:6px;text-align:center;border:1px solid var(--rand)}.stat-value{font-size:var(--base-readable-size);font-weight:700;color:var(--blauw-tekst)}.stat-label{font-size:var(--base-readable-size);color:var(--tekst-zacht);margin-top:4px}.positions-screen{display:flex;flex-direction:column;gap:20px;padding:20px;height:100%;overflow-y:auto}.positions-screen h2{margin:0;font-size:28px}.help-text{font-size:var(--base-readable-size);color:var(--tekst-zacht);margin:0}.positions-list{display:flex;flex-direction:column;gap:12px}.position-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--vlak-grijs);border-radius:8px;min-height:60px}.player-name{font-size:22px;font-weight:700;min-width:120px}.position-buttons{flex:1;display:flex;gap:8px}.keuze{position:relative;flex:1 1 0;min-width:0;min-height:60px;display:flex;align-items:center;justify-content:center;padding:6px 10px;border:2px solid var(--rand-sterk);border-radius:10px;background:var(--vlak);text-align:center;cursor:pointer}.keuze.gekozen{border-color:#1e40af;background:var(--vlak-blauw)}.keuze-tekst{font-size:var(--base-readable-size);line-height:1.15;color:var(--tekst-zacht);overflow-wrap:anywhere}.keuze.gekozen .keuze-tekst{color:var(--blauw-tekst);font-weight:700}.keuze-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:var(--base-readable-size);cursor:pointer}.keuze:focus-within{outline:3px solid rgba(30,64,175,.4);outline-offset:2px}@media (max-width: 768px){.positions-screen{padding:12px;gap:12px}.position-item{flex-direction:column;align-items:stretch;gap:8px}.player-name{font-size:22px}}.wedstrijd-velden{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;margin:8px 0 12px}.wedstrijd-velden .modal-input{margin-bottom:0}.wedstrijd-uitleg{font-size:var(--base-readable-size);color:var(--tekst-zacht);line-height:1.3}.wedstrijd-label{display:flex;flex-direction:column;gap:4px;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst-2)}.wedstrijd-datum{background:var(--vlak);color:var(--tekst)}.keuze-knoppen{display:flex;border:2px solid #1e40af;border-radius:12px;overflow:hidden;flex-shrink:0}.keuze-knop{flex:1;min-height:60px;border:none;background:var(--vlak);color:var(--blauw-tekst);font-family:inherit;font-size:var(--base-readable-size);font-weight:700;cursor:pointer}.keuze-knop.actief{background:#1e40af;color:#fff}.gekozen-club{display:flex;align-items:center;gap:8px;min-height:68px;padding:4px 4px 4px 16px;background:#1e40af;color:#fff;border-radius:12px;flex-shrink:0}.gekozen-club-naam{flex:1;min-width:0;font-size:var(--base-readable-size);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gekozen-club-wijzig{font-family:inherit;font-weight:700;padding:0 14px;min-width:60px;min-height:60px;border:none;border-radius:10px;background:#fff3;color:#fff;font-size:var(--base-readable-size);cursor:pointer}.club-lijst{display:flex;flex-direction:column;gap:8px}.club-lijst .modal-option{min-height:64px}.modal-option.nieuw{border-style:dashed;border-color:#1e40af;color:var(--blauw-tekst)}.stand-rij{display:flex;align-items:center;gap:10px;flex-shrink:0}.stand-naam{flex:1;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst)}.stand-knop{width:60px;height:60px;border:2px solid var(--rand-sterk);border-radius:10px;background:var(--vlak-zacht);color:var(--tekst);font-family:inherit;font-size:calc(var(--base-readable-size) * 1.3);font-weight:700;cursor:pointer}.stand-knop:disabled{opacity:.35;cursor:default}.stand-getal{min-width:48px;text-align:center;font-size:calc(var(--base-readable-size) * 1.4);font-weight:700;font-variant-numeric:tabular-nums;color:var(--tekst)}.wedstrijd-kaart{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:76px;padding:8px 14px;background:var(--vlak-zacht);border:2px solid var(--rand);border-radius:10px;font-family:inherit;text-align:left;cursor:pointer}.wedstrijd-kaart:active{background:var(--vlak-blauw)}.wedstrijd-kaart-club{max-width:100%;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wedstrijd-kaart-info{font-size:var(--base-readable-size);color:var(--tekst-zacht)}.doelpunten{padding:8px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:8px}.doelpunten-lijst{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--base-readable-size);color:var(--tekst)}.deze-wedstrijd{display:flex;flex-direction:column;gap:8px;padding:10px;border:2px solid var(--rand);border-radius:12px;background:var(--vlak)}.deze-wedstrijd .btn{flex:0 0 auto}.deze-wedstrijd-stand{display:flex;justify-content:center;align-items:baseline;gap:14px;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst)}.deze-wedstrijd-getal{font-size:calc(var(--base-readable-size) * 1.6);font-variant-numeric:tabular-nums}.historie{padding:8px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto}.historie section{display:flex;flex-direction:column;gap:6px}.historie-leeg,.historie-uitleg,.doelsaldo{font-size:var(--base-readable-size);color:var(--tekst-zacht);line-height:1.3}.historie-leeg{padding:24px 8px;text-align:center}.doelsaldo{text-align:center}.balans{display:grid;grid-template-columns:1fr 1fr;gap:8px}.balans-vak{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--vlak-zacht);border:2px solid var(--rand);border-radius:10px}.balans-vak.W{border-color:#16a34a}.balans-vak.G{border-color:var(--rand-sterk)}.balans-vak.V{border-color:#dc2626}.balans-getal{font-size:calc(var(--base-readable-size) * 1.5);font-weight:700;color:var(--tekst);line-height:1.1}.balans-naam{font-size:var(--base-readable-size);color:var(--tekst-zacht)}.historie-lijst{list-style:none;display:flex;flex-direction:column;gap:8px}.historie-regel{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 14px;background:var(--vlak);border:2px solid var(--rand);border-radius:10px;font-family:inherit;text-align:left;color:var(--tekst)}.wedstrijd-regel{min-height:76px;cursor:pointer}.wedstrijd-regel:active:not(:disabled){background:var(--vlak-blauw)}.wedstrijd-regel:disabled{cursor:default;background:var(--vlak-zacht)}.regel-tekst{flex:1;min-width:0;display:flex;flex-direction:column}.regel-naam{font-size:var(--base-readable-size);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.regel-sub,.regel-waarde{font-size:var(--base-readable-size);color:var(--tekst-zacht);white-space:nowrap}.regel-waarde{font-weight:700;color:var(--tekst)}.uitslag{flex-shrink:0;padding:6px 12px;border-radius:8px;font-size:var(--base-readable-size);font-weight:700;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.uitslag.W{background:#16a34a}.uitslag.G{background:#6b7280}.uitslag.V{background:#dc2626}.uitslag.groot{align-self:center;font-size:calc(var(--base-readable-size) * 1.6);padding:8px 24px}.detail{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.detail-regel{font-size:var(--base-readable-size);color:var(--tekst);line-height:1.3;text-align:center}.detail-knoppen{flex-wrap:wrap}.detail-knoppen .btn{flex:1 1 40%}.historie .btn-gevaar,.detail-knoppen .btn-gevaar{background:var(--rood-vlak);color:var(--rood-tekst);border:2px solid var(--rood-rand)}.knop-rood{background:#dc2626}.programma{display:flex;flex-direction:column;gap:10px;padding:8px;width:100%;max-width:720px;margin:0 auto}.prog-uitleg{font-size:var(--base-readable-size);color:var(--tekst-zacht);line-height:1.3}.prog-uitleg.midden{text-align:center;padding:12px 4px}.prog-kind{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--vlak-blauw);border:2px solid var(--rand-blauw);border-radius:12px}.prog-kind-kop{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prog-kind-kop .prog-kind-kies{margin-left:auto}.prog-kind-titel{font-size:var(--base-readable-size);font-weight:700;color:var(--blauw-donker-tekst)}.prog-kind-kies,.prog-filter{min-height:60px;padding:0 16px;border:2px solid var(--rand-blauw);border-radius:10px;background:var(--vlak);color:var(--blauw-tekst);font-family:inherit;font-size:var(--base-readable-size);font-weight:700;cursor:pointer}.prog-filter.actief{background:#1e40af;border-color:#1e40af;color:#fff}.prog-chips{display:flex;flex-wrap:wrap;gap:8px}.prog-chip{padding:4px 14px;border-radius:999px;background:#1e40af;color:#fff;font-size:var(--base-readable-size);font-weight:700}.prog-toevoegen{flex:0 0 auto}.prog-kaart{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 12px;background:var(--vlak);border:2px solid var(--rand);border-left-width:8px;border-radius:12px;font-family:inherit;text-align:left;color:var(--tekst)}button.prog-kaart{cursor:pointer}button.prog-kaart:active{background:var(--vlak-blauw)}.prog-kaart.volgende{border-color:#1e40af}.prog-kaart.mijn{border-color:#f59e0b;background:var(--geel-vlak)}.prog-kaart.vrij{background:var(--vlak-zacht);border-style:dashed;border-left-style:solid}.prog-kaart.geweest{opacity:.6}.prog-kop{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.prog-datum{font-size:var(--base-readable-size);font-weight:700}.prog-waar{font-size:var(--base-readable-size);color:var(--tekst-zacht)}.prog-tegen{font-size:calc(var(--base-readable-size) * 1.1);font-weight:700;overflow-wrap:anywhere}.prog-vrij{font-size:var(--base-readable-size);font-style:italic;color:var(--tekst-zacht)}.prog-regel{display:flex;gap:8px;font-size:var(--base-readable-size);line-height:1.3}.prog-regel.mijn{font-weight:700}.prog-regel.notitie{color:var(--tekst-zacht)}.onbekend{color:var(--tekst-vaag);font-style:italic}.prog-labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.prog-label{padding:2px 10px;border-radius:8px;font-size:var(--base-readable-size);font-weight:700}.prog-label.volgende{background:#1e40af;color:#fff}.prog-label.mijn{background:#f59e0b;color:#1f2937}.prog-filters{display:flex;gap:8px}.prog-filters .prog-filter{flex:1 1 0;min-width:0;padding:4px 8px;line-height:1.15}.prog-velden{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin:8px 0 12px}.prog-velden .modal-input{margin-bottom:0}.prog-velden .btn{flex:0 0 auto}.prog-veld{display:flex;flex-direction:column;gap:4px;font-size:var(--base-readable-size);font-weight:700;color:var(--tekst-2)}.prog-tijden{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prog-knoppen{display:flex;flex-direction:column;gap:8px}.prog-knoppen .btn{flex:0 0 auto}.prog-schakel{display:flex;align-items:center;gap:12px;min-height:76px;padding:8px 12px;border:2px solid var(--rand);border-radius:12px;background:var(--vlak);color:var(--tekst);font-family:inherit;text-align:left;cursor:pointer}.prog-schakel-tekst{flex:1;display:flex;flex-direction:column;gap:2px}.prog-schakel-naam{font-size:var(--base-readable-size);font-weight:700}.prog-schakel-uitleg{font-size:var(--base-readable-size);color:var(--tekst-zacht);line-height:1.25}.verversen{position:fixed;top:12px;left:50%;z-index:1100;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--vlak);color:var(--tekst-zacht);box-shadow:0 2px 10px #00000040;pointer-events:none}.verversen.klaar{color:var(--blauw-tekst)}.verversen.laden .verversen-pijl{animation:verversen-draai .8s linear infinite}@keyframes verversen-draai{to{transform:rotate(360deg)}}.mobile-frame{width:100%;height:100%;display:flex;flex-direction:column;background:var(--vlak);position:relative}.tabs{display:flex;border-bottom:2px solid var(--rand);background:var(--vlak);flex-shrink:0}.tab-btn{flex:1 1 0;min-width:0;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6px 4px calc(var(--base-readable-size) * 1.15 + 6px);border:none;background:none;cursor:pointer;font-size:var(--base-readable-size);font-weight:600;color:var(--tekst-zacht);border-bottom:3px solid transparent;transition:all .3s}.tab-btn.active{background:var(--vlak-blauw);color:var(--blauw-tekst);border-bottom-color:#1e40af}.content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--vlak);display:flex;flex-direction:column;min-height:0;width:100%}.tab-icoon{font-size:calc(var(--base-readable-size) * 1.25);line-height:1}.tab-btn:not(.active) .tab-icoon{opacity:.55;filter:grayscale(.4)}.tab-naam{position:absolute;bottom:4px;left:50%;transform:translate(-50%);white-space:nowrap;line-height:1.15;z-index:1;pointer-events:none}.tab-btn:first-child .tab-naam{left:6px;transform:none}.tab-btn:last-child .tab-naam{left:auto;right:6px;transform:none}.tab-btn{position:relative}.tab-waarschuwing{position:absolute;top:2px;right:4px;font-size:var(--base-readable-size);line-height:1;color:var(--geel-tekst)}*{margin:0;padding:0;box-sizing:border-box}:root{--base-readable-size: 24px;color-scheme:light dark;--achtergrond: #ffffff;--vlak: #ffffff;--vlak-zacht: #f9fafb;--vlak-grijs: #f3f4f6;--knop-grijs: #e5e7eb;--knop-grijs-actief: #d1d5db;--vlak-blauw: #eef2ff;--vlak-blauw-actief: #e0e7ff;--rand: #e5e7eb;--rand-sterk: #d1d5db;--rand-blauw: #c7d2fe;--tekst: #1f2937;--tekst-2: #374151;--tekst-zacht: #4b5563;--tekst-vaag: #9ca3af;--blauw-tekst: #1e40af;--blauw-donker-tekst: #1e3a8a;--rood-vlak: #fee2e2;--rood-vlak-actief: #fecaca;--rood-rand: #fca5a5;--rood-tekst: #b91c1c;--rood-tel: #dc2626;--groen-vlak: #ecfdf5;--groen-tekst: #065f46;--geel-vlak: #fef3c7;--geel-tekst: #92400e;--veld-boven: #2d5016;--veld-onder: #3d6b1f}@media (prefers-color-scheme: dark){:root:not([data-thema=licht]){--achtergrond: #0f172a;--vlak: #1e293b;--vlak-zacht: #172234;--vlak-grijs: #1e293b;--knop-grijs: #334155;--knop-grijs-actief: #475569;--vlak-blauw: #1e2b4d;--vlak-blauw-actief: #26386a;--rand: #334155;--rand-sterk: #475569;--rand-blauw: #3b5190;--tekst: #f1f5f9;--tekst-2: #e2e8f0;--tekst-zacht: #a3b1c6;--tekst-vaag: #7c8aa0;--blauw-tekst: #a5c8ff;--blauw-donker-tekst: #c7dbff;--rood-vlak: #3b1a1d;--rood-vlak-actief: #52212a;--rood-rand: #7f2a2a;--rood-tekst: #fca5a5;--rood-tel: #f87171;--groen-vlak: #0f2e24;--groen-tekst: #86efac;--geel-vlak: #3a2d0c;--geel-tekst: #fcd34d;--veld-boven: #1d3510;--veld-onder: #284a15}}:root[data-thema=donker]{--achtergrond: #0f172a;--vlak: #1e293b;--vlak-zacht: #172234;--vlak-grijs: #1e293b;--knop-grijs: #334155;--knop-grijs-actief: #475569;--vlak-blauw: #1e2b4d;--vlak-blauw-actief: #26386a;--rand: #334155;--rand-sterk: #475569;--rand-blauw: #3b5190;--tekst: #f1f5f9;--tekst-2: #e2e8f0;--tekst-zacht: #a3b1c6;--tekst-vaag: #7c8aa0;--blauw-tekst: #a5c8ff;--blauw-donker-tekst: #c7dbff;--rood-vlak: #3b1a1d;--rood-vlak-actief: #52212a;--rood-rand: #7f2a2a;--rood-tekst: #fca5a5;--rood-tel: #f87171;--groen-vlak: #0f2e24;--groen-tekst: #86efac;--geel-vlak: #3a2d0c;--geel-tekst: #fcd34d;--veld-boven: #1d3510;--veld-onder: #284a15}:root[data-thema=licht]{color-scheme:light}:root[data-thema=donker]{color-scheme:dark}html{background:var(--achtergrond);color:var(--tekst);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%;height:100%;overflow:hidden}body{background:var(--achtergrond);color:var(--tekst);width:100%;height:100%;overflow:hidden;margin:0;padding:0}#root{width:100%;height:100dvh;display:flex}input,select,textarea{background:var(--vlak);color:var(--tekst)}