:root{--lucht:#0060B7;--zon:#FC4616;--veld:#FFEB01;--diep:#08325C;--papier:#EDEFF2;--papier-2:#E0E5EA;--grijs:#5E6E7D;--lijn:#C3CBD3;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--papier);color:var(--diep);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.wrap{max-width:620px;margin:0 auto;min-height:100%;background:var(--papier)}.top{background:var(--lucht);color:#fff;padding:16px 20px 0;border-bottom:5px solid var(--veld)}.kop{display:flex;align-items:center;gap:14px}.vlag{width:56px;height:38px;object-fit:cover;box-shadow:0 0 0 2px #ffffffd9}h1{font-family:var(--serif);font-size:24px;line-height:1.08;font-weight:600;margin:0}.sub{margin:4px 0 0;font-size:12.5px;color:#c6e0f7}.tabs{display:flex;gap:8px;margin-top:14px}.tab{flex:1;padding:9px 8px;border:1px solid rgba(255,255,255,.45);border-bottom:none;background:transparent;color:#dcebfa;border-radius:2px 2px 0 0;font-size:13px;cursor:pointer}.tab[aria-pressed=true]{background:var(--papier);color:var(--lucht);border-color:var(--papier);font-weight:600}.blok{padding:18px 20px;border-bottom:1px solid var(--lijn)}h2{font-family:var(--serif);font-size:17px;margin:0 0 12px;font-weight:600}h3{font-family:var(--serif);font-size:16px;margin:0;padding:18px 20px 6px;font-weight:600}.toel{padding:0 20px 10px;font-size:12px;color:var(--grijs);margin:0}.hint{font-size:12px;color:var(--grijs);line-height:1.55;margin:10px 0 0}.fout{background:var(--zon);color:#2a0b02;padding:10px 20px;font-size:13px;font-weight:600}.leeg{padding:28px 20px;color:var(--grijs);font-size:14px;text-align:center}label{display:block;font-size:12px;color:var(--grijs);margin-bottom:4px}input,select{padding:9px 10px;font-size:16px;border:1px solid var(--lijn);background:#fff;border-radius:2px;color:var(--diep);width:100%;font-family:inherit}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--lucht);outline-offset:1px}.velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:end}.knop{background:var(--lucht);color:#fff;border:none;padding:11px 18px;font-size:14px;border-radius:2px;cursor:pointer;font-family:inherit}.knop.zon{background:var(--zon);color:#2a0b02;font-weight:600}.knop.stil{background:#fff;color:var(--diep);border:1px solid var(--lijn)}.knop:disabled{background:var(--lijn);color:#7a8794;cursor:not-allowed}.knoppen{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 12px;border:1px solid var(--lijn);background:#fff;border-radius:2px;font-size:13px;cursor:pointer;color:var(--diep);font-family:inherit}.chip[aria-pressed=true]{background:var(--lucht);border-color:var(--lucht);color:#fff}.keuze{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.lusbalk{padding:9px 20px;background:var(--diep);color:#b9cfe3;font-size:11px;display:flex;justify-content:space-between;gap:12px}.rij{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:11px 20px;border-bottom:1px solid var(--lijn)}.rij:nth-child(odd){background:var(--papier-2)}.holenr{font-family:var(--serif);font-size:20px;text-align:center;font-variant-numeric:tabular-nums}.meta{font-size:12px;color:var(--grijs)}.meta b{color:var(--lucht);font-weight:600}.stepper{display:flex;align-items:center;gap:6px}.rond{width:36px;height:36px;border:1px solid var(--lijn);background:#fff;font-size:18px;line-height:1;border-radius:2px;cursor:pointer;color:var(--diep)}.score{width:42px;text-align:center;font-size:20px;font-variant-numeric:tabular-nums;font-family:var(--serif)}.score.leegveld{color:var(--lijn)}.punt{min-width:30px;text-align:right;font-size:13px;color:var(--grijs);font-variant-numeric:tabular-nums}.opgeef{border:1px solid var(--lijn);background:transparent;color:var(--grijs);font-size:11px;padding:4px 7px;border-radius:2px;cursor:pointer;margin-top:6px;font-family:inherit}.opgeef[aria-pressed=true]{background:var(--zon);border-color:var(--zon);color:#2a0b02;font-weight:600}.rij.op .score{color:#c2350c}.balk{position:sticky;bottom:0;background:var(--lucht);color:#fff;display:flex;justify-content:space-between;padding:12px 20px;border-top:4px solid var(--veld)}.balk div{font-size:11px;color:#c6e0f7}.balk strong{display:block;font-family:var(--serif);font-size:22px;color:var(--veld);font-variant-numeric:tabular-nums;font-weight:600;margin-bottom:2px}.lijst{list-style:none;margin:0;padding:0}.lijst li{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:baseline;padding:9px 20px;border-bottom:1px solid var(--lijn);font-size:14px}.lijst li:nth-child(odd){background:var(--papier-2)}.pos{font-family:var(--serif);color:var(--grijs);font-size:15px}.tot{font-variant-numeric:tabular-nums;font-size:15px}.winnaar{background:var(--lucht)!important;color:#fff}.winnaar .pos{color:var(--veld)}.taak{padding:14px 20px;background:var(--veld);color:#2a2300;font-size:13px;line-height:1.55}.beheerrij{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 20px;border-bottom:1px solid var(--lijn);font-size:14px}.beheerrij:nth-child(odd){background:var(--papier-2)}.code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;letter-spacing:.06em;background:#fff;border:1px solid var(--lijn);padding:3px 6px;border-radius:2px}.klein{font-size:11.5px;color:var(--grijs)}.mid{text-align:center;padding:36px 24px}.mid p{font-size:14px;color:var(--grijs);line-height:1.6;max-width:40ch;margin:10px auto 0}.flyer{display:block;background:var(--papier-2)}.flyer img{display:block;width:100%;height:auto}.intro{margin:0;padding:16px 20px;font-size:14px;line-height:1.6;border-bottom:1px solid var(--lijn)}.feiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-bottom:1px solid var(--lijn)}.feit{padding:14px 20px;border-right:1px solid var(--lijn)}.feit:last-child{border-right:none}.feit-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--grijs)}.feit-waarde{display:block;font-family:var(--serif);font-size:15px;margin-top:3px}.feit-extra{display:block;font-size:12px;color:var(--grijs);margin-top:2px}.verbinding{padding:10px 20px;font-size:13px;line-height:1.5}.verbinding.uit{background:var(--zon);color:#2a0b02}.verbinding.bezig{background:var(--veld);color:var(--diep)}