:root{color-scheme:dark;--court: #131F3C;--court-diep: #0C1428;--lijn: rgba(255,255,255,.1);--wit: #F6F8FD;--grijs: #9AA6C0;--geel: #FFC53D;--blauw: #3D74F0;--groen: #3BA55D;--oranje: #E8A33D;--rood: #D9534F;--radius: 14px;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,var(--court) 0%,var(--court-diep) 100%);color:var(--wit);font-family:var(--body);font-size:15px;line-height:1.5}h1,h2,h3,.display{font-family:var(--display);font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin:0}.app{width:100%;max-width:1120px;margin:0 auto;padding:20px 16px 96px}.kaart{background:#ffffff0b;border:1px solid var(--lijn);border-radius:var(--radius);padding:16px;margin-bottom:14px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grijs);margin-bottom:6px}button.primair,button.secundair{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:17px;border-radius:999px;padding:12px 22px;cursor:pointer;border:2px solid transparent;width:100%}button.primair{background:var(--geel);color:var(--court-diep)}button.primair:active{transform:translateY(1px)}button.secundair{background:transparent;color:var(--wit);border-color:var(--lijn)}button:focus-visible{outline:3px solid var(--blauw);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}input,select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--lijn);background:#ffffff0f;color:var(--wit);font:inherit}input:focus-visible,select:focus-visible{outline:2px solid var(--blauw)}select option{background:var(--court-diep);color:var(--wit)}label{display:block;font-size:13px;color:var(--grijs);margin:12px 0 5px}input[type=checkbox],input[type=radio]{width:20px;height:20px;flex:none;accent-color:var(--geel);cursor:pointer}.checkregel{display:flex;gap:10px;align-items:flex-start;margin-top:14px;cursor:pointer}.checkregel span{font-size:14px;color:var(--wit);line-height:1.45}.rij{display:flex;gap:10px;align-items:center}.mini{font-size:12px;color:var(--grijs)}.fout{color:#f09a97;font-size:13px;margin-top:8px}.smal{max-width:460px;margin:0 auto}.dashboard-header{margin:8px 0 18px}.dashboard-grid{display:grid;gap:14px}.dashboard-grid>.kaart,.dashboard-grid>.kaart-knop{margin-bottom:0}.uitlog{margin-top:18px}button.kaart-knop{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}button.kaart-knop:hover{border-color:var(--geel)}button.kaart-knop:focus-visible{outline:3px solid var(--blauw);outline-offset:2px}.badge-rij{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1 90px;max-width:140px;padding:10px 6px;border:1px solid var(--lijn);border-radius:10px;background:#ffffff0a}.badge[data-verdiend=false]{opacity:.5;filter:grayscale(1)}.badge[data-verdiend=true]{border-color:var(--geel)}.badge-naam{font-size:12px;text-align:center;color:var(--wit)}.tag{flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--lijn);color:var(--grijs)}.tag-ster{border-color:var(--geel);color:var(--geel)}.pagina-kop{margin:8px 0 18px}.terug-knop{font:inherit;font-size:14px;color:var(--geel);background:none;border:none;padding:0;cursor:pointer;margin-bottom:10px}.terug-knop:focus-visible{outline:2px solid var(--blauw);outline-offset:2px}.kaarten-grid{display:grid;gap:14px}.kaarten-grid>.kaart{margin-bottom:0}@media (min-width: 720px){body{font-size:16px}.app{padding:32px 28px 96px}}@media (min-width: 860px){.dashboard-header,.pagina-kop{margin:8px 0 24px;padding-bottom:18px;border-bottom:1px solid var(--lijn)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>:nth-child(1){order:1}.dashboard-grid>:nth-child(2){order:3}.dashboard-grid>:nth-child(3){order:2}.dashboard-grid>:nth-child(4){order:4}.dashboard-grid>:nth-child(5){order:5;grid-column:1 / -1}.kaarten-grid{grid-template-columns:1fr 1fr}button.secundair.uitlog{width:auto;padding-inline:30px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}