.app-vlak{min-height:100vh;display:flex;flex-direction:column}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--paneel);border-bottom:1px solid var(--hairline)}@supports ((-webkit-backdrop-filter:blur(18px)) or (backdrop-filter:blur(18px))){.app-topbar{background:var(--glas);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}}@media (prefers-reduced-transparency:reduce){.app-topbar{background:var(--paneel);backdrop-filter:none;-webkit-backdrop-filter:none}}.app-topbar-bar{display:flex;align-items:center;gap:14px;padding:8px 20px;max-width:1440px;margin:0 auto}.app-veldchip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-s);background:var(--veld);border:1px solid var(--veld-rand);padding:4px 8px;transition:transform .2s var(--pass)}.app-veldchip:hover{transform:translateY(-1px)}.rol-switch{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.rol-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gedempt);white-space:nowrap}.rol-select{font:500 16px/1.2 var(--sans);color:var(--ink);background:var(--basis);border:1px solid var(--hairline);border-radius:var(--radius-s);min-height:44px;padding:0 12px;max-width:190px}.app-hamburger,.app-mobielmenu{display:none}.app-romp{flex:1 1;display:grid;grid-template-columns:232px minmax(0,1fr);max-width:1440px;width:100%;margin:0 auto}.app-zijnav{border-right:1px solid var(--hairline);padding:24px 16px;display:flex;flex-direction:column;gap:24px;position:-webkit-sticky;position:sticky;top:61px;align-self:start;height:calc(100vh - 61px);overflow-y:auto}.app-zijnav ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.zijnav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--radius-s);color:var(--body);font-weight:500;font-size:.95rem}.zijnav-link:hover{color:var(--ink);background:var(--tint)}.zijnav-stip{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--gedempt);flex:0 0 auto}.zijnav-link.actief{background:var(--accent-tint);color:var(--accent-pressed);font-weight:700}.zijnav-link.actief .zijnav-stip{background:var(--accent);border-color:var(--accent)}.zijnav-voet{margin-top:auto;display:grid;grid-gap:4px;gap:4px;font-size:.8rem;color:var(--gedempt)}.zijnav-voet p{max-width:24ch}.app-inhoud{padding:clamp(20px,3vw,40px);width:100%}.scherm{display:grid;grid-gap:22px;gap:22px;max-width:960px;align-content:start}.scherm-kop h1{font-size:clamp(1.55rem,2.6vw,2.2rem)}.scherm-kop .sub{margin-top:8px;color:var(--gedempt);max-width:52ch}.paneel{background:var(--paneel);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--schaduw);padding:clamp(18px,2.5vw,26px)}.paneel-kop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.paneel-kop h2{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.geen-toegang{display:grid;grid-gap:14px;gap:14px;justify-items:start;max-width:480px}.geen-toegang h1{font-size:1.4rem}.chip{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--tint);color:var(--gedempt);white-space:nowrap}.chip--accent{background:var(--accent-tint);color:var(--accent-pressed)}.chip--waarschuw{background:var(--waarschuw-tint);color:var(--waarschuw)}.chip--fout{background:var(--fout-tint);color:var(--fout)}.fase-rij{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fase-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;border:1px solid var(--hairline);color:var(--gedempt)}.fase-chip:before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid}.fase-chip.klaar{color:var(--accent-pressed);border-color:var(--accent-rand)}.fase-chip.klaar:before{background:var(--accent);border-color:var(--accent)}.fase-chip.bezig{color:var(--waarschuw);border-color:var(--waarschuw-rand)}.fase-pijl{color:var(--hairline);flex:0 0 auto}.vandaag-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}.vandaag-grid,.vandaag-kolom{display:grid;grid-gap:20px;gap:20px}.volgende-kaart{background:var(--veld);border:1px solid var(--veld-rand);border-radius:var(--radius);box-shadow:var(--schaduw-zweef);padding:clamp(18px,2.5vw,26px);display:grid;grid-gap:10px;gap:10px}.volgende-kaart .groot{color:var(--krijt);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.3rem,2.4vw,1.7rem);text-wrap:balance}.mono-tijd{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sug-lijst{display:grid;grid-gap:10px;gap:10px}.sug-rij{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:12px 14px}.sug-rij .sug-tekst{color:var(--ink)}.sug-klaar,.sug-rij .sug-tekst{font-weight:600;font-size:.95rem}.sug-klaar{display:flex;align-items:center;gap:10px;color:var(--accent-pressed)}.stip-ok{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto}.agenda-lijst{display:grid;grid-gap:10px;gap:10px}.agenda-rij{display:grid;grid-template-columns:86px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:12px 14px;background:var(--paneel)}.agenda-rij.wedstrijd{border-color:var(--accent-rand)}.agenda-dag{font-family:var(--mono);font-size:.78rem;color:var(--gedempt);line-height:1.4}.agenda-dag b{display:block;color:var(--ink);font-weight:500;font-size:.95rem}.agenda-titel{font-weight:600;color:var(--ink);min-width:0}.agenda-titel small{display:block;font-weight:400;color:var(--gedempt);font-size:.85rem}.aw-lijst{display:grid;grid-gap:8px;gap:8px}.aw-rij{display:flex;align-items:center;gap:12px;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:8px 10px 8px 14px}.aw-naam{font-weight:600;color:var(--ink);flex:1 1;min-width:0;display:flex;align-items:baseline;gap:10px}.aw-naam .nr{font-family:var(--mono);font-size:.72rem;color:var(--gedempt)}.aw-status{min-height:44px;min-width:110px;border-radius:999px;border:1px solid var(--hairline);background:var(--tint);color:var(--body);font:600 .85rem/1 var(--sans);cursor:pointer;transition:background-color .2s var(--pass),color .2s var(--pass),border-color .2s var(--pass)}.aw-status.aanwezig{background:var(--accent-tint);border-color:var(--accent-rand);color:var(--accent-pressed)}.aw-status.afwezig{background:var(--tint-sterk);color:var(--body)}.aw-status.onbekend{background:var(--waarschuw-tint);border-color:var(--waarschuw-rand);color:var(--waarschuw)}.aw-status[disabled]{cursor:default;opacity:.85}.aw-reactie{font-size:.85rem;color:var(--gedempt);margin-top:4px}.aw-reactie b{color:var(--body);font-weight:600}.medisch-blok{border:1px solid var(--waarschuw-rand);background:var(--waarschuw-tint-zacht);border-radius:var(--radius-s);padding:12px 14px;margin-top:8px;font-size:.9rem}.medisch-blok .kop{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--waarschuw);display:block;margin-bottom:6px}.stand-balk{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stand-balk .groot{font-size:2rem;color:var(--ink)}.bord-vlak{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:20px;gap:20px;align-items:start}.veldbord{background:var(--veld);border:1px solid var(--veld-rand);border-radius:var(--radius);box-shadow:var(--schaduw-zweef);padding:clamp(12px,2vw,20px);touch-action:none}.veldbord svg{display:block;width:100%;height:auto;max-height:72vh;margin:0 auto}.bord-slot{cursor:pointer}.bord-slot circle.leeg{fill:none;stroke:var(--krijt-40);stroke-dasharray:4 4}.bord-speler{cursor:-webkit-grab;cursor:grab}.bord-speler.sleept{cursor:-webkit-grabbing;cursor:grabbing}.bord-speler text{fill:var(--krijt);font-family:var(--sans);font-size:12px;font-weight:600;text-anchor:middle;pointer-events:none}.bord-speler .nr{fill:var(--veld);font-family:var(--mono);font-size:11px;font-weight:700}.bank-vlak{display:grid;grid-gap:16px;gap:16px}.bank{display:flex;flex-wrap:wrap;gap:8px}.bank-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--hairline);background:var(--paneel);font:600 .88rem/1 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .2s var(--pass),background-color .2s var(--pass)}.bank-chip .nr{font-family:var(--mono);font-weight:400;font-size:.72rem;color:var(--gedempt)}.bank-chip.gekozen,.bank-chip:hover{border-color:var(--accent)}.bank-chip.gekozen{background:var(--accent);color:var(--op-accent)}.bank-chip.gekozen .nr{color:color-mix(in oklch,var(--op-accent) 75%,transparent)}.bank-chip[disabled]{cursor:not-allowed;opacity:.55}.wissel-plan{display:grid;grid-gap:10px;gap:10px}.wissel-rij{display:flex;align-items:center;gap:10px;font-size:.9rem;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:8px 12px;justify-content:space-between}.wissel-vorm{display:grid;grid-template-columns:64px 1fr 1fr;grid-gap:8px;gap:8px;align-items:center}.wissel-vorm .knop-klein{grid-column:1/-1}.wissel-vorm input,.wissel-vorm select{font:400 16px/1.3 var(--sans);color:var(--ink);background:var(--basis);border:1px solid var(--hairline);border-radius:var(--radius-s);min-height:44px;padding:0 10px;width:100%;min-width:0}.knop-klein{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:600 .85rem/1 var(--sans);cursor:pointer;white-space:nowrap}.knop-klein:hover{background:var(--accent-tint-zacht)}.knop-tekst{background:none;border:0;color:var(--accent);font:600 .88rem/1 var(--sans);min-height:44px;cursor:pointer;padding:0 8px}.training-vlak{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.oefening-rij{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:10px 12px}.oefening-rij .info{min-width:0}.oefening-rij .naam{font-weight:600;color:var(--ink);font-size:.93rem}.oefening-rij .meta{font-family:var(--mono);font-size:.72rem;color:var(--gedempt);margin-top:2px}.duur-balk{display:flex;align-items:baseline;gap:8px;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.duur-balk .groot{font-size:1.6rem}.score-vlak{background:var(--veld);border:1px solid var(--veld-rand);border-radius:var(--radius);box-shadow:var(--schaduw-zweef);padding:clamp(18px,2.5vw,26px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.score-cijfer{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,5vw,3.2rem);color:var(--krijt);letter-spacing:-.02em}.minuut-blok{display:flex;align-items:center;gap:8px}.minuut-blok .cijfer{font-family:var(--mono);font-size:1.5rem;color:var(--krijt);min-width:2.6ch;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.minuut-knop{min-width:44px;min-height:44px;border-radius:var(--radius-s);border:1px solid var(--krijt-35);background:transparent;color:var(--krijt);font:600 .9rem/1 var(--mono);cursor:pointer}.minuut-knop:hover{background:var(--krijt-10)}.event-knoppen{display:flex;flex-wrap:wrap;gap:8px}.event-knop{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--hairline);background:var(--paneel);font:600 .88rem/1 var(--sans);color:var(--ink);cursor:pointer}.event-knop:hover{border-color:var(--accent);color:var(--accent-pressed)}.event-knop.geel{color:var(--waarschuw)}.event-knop.rood{color:var(--fout)}.verslag-lijst{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.verslag-lijst li{display:grid;grid-template-columns:44px auto 1fr;grid-gap:10px;gap:10px;align-items:baseline;font-size:.92rem;border-bottom:1px solid var(--hairline);padding-bottom:8px}.verslag-lijst .min{font-family:var(--mono);color:var(--gedempt);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.verslag-lijst .wat{font-weight:600;color:var(--ink)}.minuten-tabel{width:100%;border-collapse:collapse;font-size:.9rem}.minuten-tabel td{padding:8px 4px;border-bottom:1px solid var(--hairline)}.minuten-tabel td:last-child{text-align:right;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.chat-tabs{display:flex;gap:8px;flex-wrap:wrap}.chat-tab{white-space:nowrap;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--hairline);background:var(--paneel);font:600 .9rem/1 var(--sans);color:var(--body);cursor:pointer}.chat-tab.actief{background:var(--accent);border-color:var(--accent);color:var(--op-accent)}.chat-lijst{display:grid;grid-gap:12px;gap:12px;max-height:460px;overflow-y:auto;padding-right:4px}.bericht{max-width:78%;justify-self:start;display:grid;grid-gap:3px;gap:3px}.bericht.eigen{justify-self:end}.bericht .meta{font-family:var(--mono);font-size:.66rem;color:var(--gedempt);letter-spacing:.04em}.bericht.eigen .meta{text-align:right}.bericht .bubbel{background:var(--basis);border:1px solid var(--hairline);border-radius:14px;border-top-left-radius:4px;padding:10px 14px;font-size:.95rem}.bericht.eigen .bubbel{background:var(--accent-tint-zacht);border-color:var(--accent-rand-zacht);border-radius:14px;border-top-right-radius:4px}.chat-vorm{display:flex;gap:10px;margin-top:14px}.chat-vorm input{flex:1 1;width:0;font:400 16px/1.4 var(--sans);color:var(--ink);background:var(--basis);border:1px solid var(--hairline);border-radius:999px;min-height:48px;padding:0 18px;min-width:0}.chat-vorm input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.club-rij{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--hairline);border-radius:var(--radius-s);padding:14px;flex-wrap:wrap}.club-rij .info{min-width:0}.club-rij .naam{font-weight:700;color:var(--ink)}.club-rij .meta{font-size:.85rem;color:var(--gedempt);margin-top:2px}.zoek-vak{font:400 16px/1.4 var(--sans);color:var(--ink);background:var(--paneel);border:1px solid var(--hairline);border-radius:999px;min-height:48px;padding:0 20px;width:100%}.zoek-vak:focus{outline:2px solid var(--accent);border-color:var(--accent)}.wacht-noot{font-size:.9rem;color:var(--gedempt);max-width:52ch}.dialoog-scrim{position:fixed;inset:0;z-index:300;background:var(--scrim);display:grid;place-items:center;padding:16px}.dialoog{background:var(--paneel);border-radius:var(--radius);box-shadow:var(--schaduw-zweef);padding:clamp(20px,3vw,28px);width:min(440px,100%)}.dialoog h2{font-size:1.2rem;letter-spacing:-.02em}.dialoog-body{margin-top:10px;color:var(--body);font-size:.97rem}.dialoog-acties{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}.btn--gevaar{background:var(--fout);color:var(--op-fout)}.btn--gevaar:hover{background:var(--fout-pressed);color:var(--op-fout)}.toeken-teams{border:0;padding:0;margin:14px 0 0;display:grid;grid-gap:6px;gap:6px}.toeken-team{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.98rem;color:var(--ink)}.toeken-team input{width:18px;height:18px;accent-color:var(--accent)}.start-acties{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.start-vorm{display:grid;grid-gap:12px;gap:12px;margin-top:14px;max-width:380px}@media (max-width:1000px){.app-romp{grid-template-columns:1fr}.app-zijnav{display:none}.app-hamburger{display:block}.app-topbar .themaknop:not(.themaknop--menu){display:none}.app-mobielmenu .themaknop--menu{display:flex}.app-mobielmenu{display:block;position:absolute;inset:100% 0 auto 0;background:var(--paneel);border-bottom:1px solid var(--hairline);box-shadow:var(--schaduw-zweef);padding:8px 16px 16px;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .22s var(--pass),transform .22s var(--pass),visibility 0s linear .22s;max-height:calc(100dvh - 100%);overflow-y:auto}.app-mobielmenu.open{visibility:visible;opacity:1;transform:none;transition-delay:0s}.app-mobielmenu a{display:flex;align-items:center;min-height:48px;color:var(--ink);font-weight:600;font-size:1.05rem;border-bottom:1px solid var(--hairline)}.app-mobielmenu a:last-child{border-bottom:0}.app-mobielmenu .menu-uitloggen{display:flex;align-items:center;width:100%;min-height:48px;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);font-weight:600;font-size:1.05rem;border-bottom:1px solid var(--hairline);cursor:pointer}.app-mobielmenu a[aria-current=page]{color:var(--accent-pressed)}.bord-vlak,.training-vlak,.vandaag-grid{grid-template-columns:1fr}}@media (max-width:480px){.app-topbar-bar{padding:6px 12px;gap:8px}.rol-label{display:none}.rol-select{max-width:150px;font-size:16px}.app-inhoud{padding:16px 16px 40px}.agenda-rij{grid-template-columns:64px minmax(0,1fr)}.agenda-rij .chip{grid-column:2;justify-self:start}.aw-status{min-width:96px}.wissel-vorm{grid-template-columns:64px 1fr}.bericht{max-width:92%}}.demo-chip .demo-chip-lang{display:none}@media (min-width:1001px){.demo-chip .demo-chip-kort{display:none}.demo-chip .demo-chip-lang{display:inline;text-transform:none;letter-spacing:.04em}}.demo-cta{min-height:38px;padding:0 14px;font-size:.86rem;white-space:nowrap}@media (max-width:1000px){.app-topbar-bar .gids-knop,.demo-cta{display:none}}.app-mobielmenu .menu-demo-cta{font-weight:600;color:var(--accent-pressed)}.gids-knop{width:44px;height:44px;margin:-4px;border:0;background:transparent;cursor:pointer;color:var(--gedempt)}.gids-knop,.gids-knop span{display:inline-flex;align-items:center;justify-content:center}.gids-knop span{width:26px;height:26px;border-radius:50%;border:1px solid var(--hairline);font-family:var(--mono);font-size:.78rem}.gids-knop:hover span{color:var(--accent-pressed);border-color:var(--accent-rand)}.gids-kaart{position:fixed;right:18px;bottom:18px;z-index:60;max-width:360px;background:var(--paneel);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--schaduw);padding:18px 20px;display:grid;grid-gap:10px;gap:10px}.gids-kaart h2{font-size:1.05rem;letter-spacing:-.01em}.gids-kaart p{font-size:.92rem;color:var(--body);max-width:42ch}.gids-chips{row-gap:6px}.gids-acties{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.gids-acties .btn{min-height:40px;padding:0 14px;font-size:.88rem}.gids-wijzer{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--waarschuw)}.gids-overslaan{justify-self:start;font-size:.84rem;min-height:32px}@media (max-width:640px){.gids-kaart{left:12px;right:12px;bottom:12px;max-width:none}}@media (prefers-reduced-motion:no-preference){.gids-kaart{animation:gids-op .3s var(--pass,ease) both}@keyframes gids-op{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.infohint-knop{width:34px;height:34px;margin:-8px 0 -8px 2px;padding:0;border:0;background:transparent;cursor:pointer;vertical-align:middle;color:var(--gedempt)}.infohint-knop,.infohint-rond{display:inline-flex;align-items:center;justify-content:center}.infohint-rond{width:18px;height:18px;border-radius:50%;border:1px solid;font-family:var(--mono);font-size:.66rem;font-style:normal}.infohint-knop:hover,.infohint-knop[aria-expanded=true]{color:var(--accent-pressed)}.infohint-tekst{display:block;font-size:.9rem;color:var(--body);max-width:60ch;padding:8px 12px;margin-top:6px;border-left:2px solid var(--accent);background:var(--accent-tint-zacht,transparent);border-radius:0 8px 8px 0}@media (prefers-reduced-motion:reduce){.app-mobielmenu,.app-veldchip{transition:none}.gids-kaart{animation:none}}