:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182331;background:#edf1f5;font-size:16px;line-height:1.55;--ink:#102b44;--blue:#075bbb;--border:#dbe3eb}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:3px}header{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:22px max(24px,calc((100vw - 1160px)/2));gap:24px}.brand{font-size:1.6rem;letter-spacing:.08em;font-weight:850;color:white;text-decoration:none}.brand span{font-size:.8rem;display:block;font-weight:500;letter-spacing:.32em;color:#aed1f7}.pot{text-align:right;font-size:.88rem;color:#d4e3f2}.pot strong{display:block;font-size:2rem;color:#fff;letter-spacing:-.04em}nav{padding:12px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;background:white;border-bottom:1px solid var(--border)}nav a{text-decoration:none;font-size:.9rem;color:#42556a;padding:5px 0}nav a[aria-current]{color:var(--blue);font-weight:750;box-shadow:0 2px var(--blue)}nav button{padding:6px 12px;font-size:.88rem;background:#eaf0f7;color:var(--ink)}main{max-width:1208px;margin:0 auto;padding:32px 24px 60px}h1{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.04em;margin:8px 0 24px}h2{font-size:1.3rem;line-height:1.3;margin:0 0 12px}p{margin:12px 0 18px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.heading h1,.heading h2{margin-bottom:12px}.eyebrow{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.13em;color:#42638b;margin-bottom:6px}.card{background:white;border:1px solid var(--border);border-radius:12px;padding:26px;margin-bottom:24px;box-shadow:0 3px 12px #163a5a04}.auth{max-width:520px;margin:30px auto}.muted,.rules{color:#556779}.badge{background:#dceafa;color:#164b80;border-radius:25px;padding:6px 12px;font-size:.9rem;font-weight:650;white-space:nowrap}.match{display:grid;grid-template-columns:24px 1fr minmax(160px,210px);align-items:center;gap:16px;border-top:1px solid var(--border);padding:20px 0}.versus{color:#8b9bac;padding:0 8px}.prediction{display:block;background:#eaf0f7;padding:8px 20px;border-radius:6px;text-align:center;font-weight:700}label{display:block;font-size:.92rem;font-weight:600;margin-bottom:16px}input,select{display:block;width:100%;font:inherit;font-weight:400;min-height:44px;border:1px solid #a8b8c8;border-radius:6px;background:#fff;color:#182331;padding:9px 11px;margin-top:6px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #86baf0;outline-offset:3px}button,.button{font:inherit;font-weight:650;padding:11px 18px;background:var(--blue);color:white;border:0;border-radius:7px;cursor:pointer;text-decoration:none;display:inline-block;min-height:42px}button:hover,.button:hover{background:#064993;color:white}.inline{display:inline-block}.check{display:flex;align-items:center;gap:10px;font-weight:400}.check input{width:20px;min-height:20px;margin:0;flex-shrink:0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.columns>*{min-width:0}.filter{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:24px}.filter label{margin:0}.form-end{border-top:1px solid var(--border);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}.form-end p{max-width:650px}.form-end button{flex-shrink:0}.notice{padding:15px 18px;border-radius:8px;background:#dcf3e8;border-left:4px solid #20754d;margin-bottom:20px}.error{background:#ffebeb;border-color:#bb3737;color:#7c2020}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th,td{padding:13px 16px;border-bottom:1px solid var(--border);font-size:.92rem}th{font-weight:650}thead{background:#f2f6fa}.correct{background:#def4e7;color:#176b43;font-weight:750}.amount{font-size:3rem;font-weight:800;letter-spacing:-.05em;color:var(--ink);margin:8px 0}fieldset{border:1px solid var(--border);border-radius:8px;margin:20px 0;padding:18px}legend{font-weight:650;padding:0 8px}.settlement{margin-top:24px;border-top:1px solid var(--border);padding-top:12px}summary{cursor:pointer;font-weight:650}details form{margin-top:24px}.fixture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.fixture-option{position:relative;margin:0;border:1px solid var(--border);border-radius:9px;padding:14px 14px 14px 44px;cursor:pointer;background:#f9fbfd;min-height:84px}.fixture-option:hover{border-color:#8fb8df;background:#f2f7fc}.fixture-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px #b9d7f5;background:#edf6ff}.fixture-option input{position:absolute;left:14px;top:14px;width:19px;min-height:19px;margin:0}.fixture-option strong{display:block;margin-top:4px}.fixture-meta{display:block;color:#61778d;font-size:.8rem;font-weight:500}footer{max-width:1160px;margin:0 auto;padding:20px 24px;border-top:1px solid var(--border);font-size:.88rem;color:#586b7e}@media(max-width:680px){main{padding:24px 16px}header{padding:20px 16px}.brand{font-size:1.25rem}.pot strong{font-size:1.6rem}nav{padding:12px 16px;gap:10px 16px}.card{padding:18px}.match{grid-template-columns:20px 1fr;gap:10px}.match>div{grid-column:2}.match select{width:100%;max-width:100%}.columns,.fixture-grid{grid-template-columns:1fr;gap:0}.fixture-grid{gap:10px}.form-end{display:block}.form-end button{width:100%}.scroll{padding:8px}.heading .button{margin-bottom:12px}}

button.danger{background:#b42318;color:white}h2 a,.match strong a{color:inherit;text-decoration:none}h2 a:hover,.match strong a:hover{text-decoration:underline;color:#0066b8}
.club-team{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}.fixture-teams{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap}.club-logo{display:inline-block;width:28px;height:28px;flex:0 0 28px;background-image:url('/logos/eredivisie.php');background-repeat:no-repeat;background-size:168px 84px}.club-logo--ado-den-haag{background-position:0 0}.club-logo--ajax{background-position:-28px 0}.club-logo--az{background-position:-56px 0}.club-logo--excelsior{background-position:-84px 0}.club-logo--fc-groningen{background-position:-112px 0}.club-logo--fc-twente{background-position:-140px 0}.club-logo--fc-utrecht{background-position:0 -28px}.club-logo--feyenoord{background-position:-28px -28px}.club-logo--fortuna-sittard{background-position:-56px -28px}.club-logo--go-ahead-eagles{background-position:-84px -28px}.club-logo--nec{background-position:-112px -28px}.club-logo--pec-zwolle{background-position:-140px -28px}.club-logo--psv{background-position:0 -56px}.club-logo--sc-cambuur{background-position:-28px -56px}.club-logo--sc-heerenveen{background-position:-56px -56px}.club-logo--sparta-rotterdam{background-position:-84px -56px}.club-logo--telstar{background-position:-112px -56px}.club-logo--willem-ii{background-position:-140px -56px}.fixture-option .fixture-teams{margin-top:5px}.fixture-option .club-logo{width:30px;height:30px;flex-basis:30px;background-size:180px 90px}.fixture-option .club-logo--ajax{background-position:-30px 0}.fixture-option .club-logo--az{background-position:-60px 0}.fixture-option .club-logo--excelsior{background-position:-90px 0}.fixture-option .club-logo--fc-groningen{background-position:-120px 0}.fixture-option .club-logo--fc-twente{background-position:-150px 0}.fixture-option .club-logo--fc-utrecht{background-position:0 -30px}.fixture-option .club-logo--feyenoord{background-position:-30px -30px}.fixture-option .club-logo--fortuna-sittard{background-position:-60px -30px}.fixture-option .club-logo--go-ahead-eagles{background-position:-90px -30px}.fixture-option .club-logo--nec{background-position:-120px -30px}.fixture-option .club-logo--pec-zwolle{background-position:-150px -30px}.fixture-option .club-logo--psv{background-position:0 -60px}.fixture-option .club-logo--sc-cambuur{background-position:-30px -60px}.fixture-option .club-logo--sc-heerenveen{background-position:-60px -60px}.fixture-option .club-logo--sparta-rotterdam{background-position:-90px -60px}.fixture-option .club-logo--telstar{background-position:-120px -60px}.fixture-option .club-logo--willem-ii{background-position:-150px -60px}

/* Buzzels: rustiger voorspellen en vertrouwde rode accenten */
:root{--brand-red:#b4232c;--brand-red-dark:#8f1d24;--brand-red-soft:#f9e8ea;--blue:var(--brand-red)}
a{color:var(--brand-red)}.brand span{color:#efb0b4}.eyebrow{color:#9a343b}.badge{background:#f8e8ea;color:#8e2027}nav a[aria-current]{color:var(--brand-red);box-shadow:0 2px var(--brand-red)}nav button{background:#f7ebec;color:#7f2026}button,.button{background:var(--brand-red);border-radius:8px}button:hover,.button:hover{background:var(--brand-red-dark)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #d9888e;outline-offset:2px}.fixture-option:hover{border-color:#d7a2a6;background:#fff9f9}.fixture-option:has(input:checked){border-color:var(--brand-red);box-shadow:0 0 0 2px #efc7ca;background:#fff6f7}h2 a:hover,.match strong a:hover{color:var(--brand-red-dark)}
.match{grid-template-columns:30px minmax(0,1fr) 156px;gap:18px;padding:18px 0}.match>strong{min-width:0}.match .fixture-teams{display:grid;grid-template-columns:minmax(150px,1fr) 24px minmax(150px,1fr);align-items:center;column-gap:8px;width:min(100%,560px);flex-wrap:initial}.match .fixture-teams>.versus{padding:0;text-align:center}.match .club-team{min-width:0}.match>div{justify-self:end;width:156px}.match select{width:156px;min-height:38px;height:38px;margin:0;padding:6px 32px 6px 11px;border:1px solid #c8d0d9;border-radius:7px;background:#fff;color:#25313d;font-size:.92rem;box-shadow:none}.match select:hover{border-color:#aeb8c3}.match select:focus{outline:none;border-color:var(--brand-red);box-shadow:0 0 0 3px rgba(180,35,44,.12)}.prediction{background:#f7ecee;color:#7f2026;border-radius:7px}
@media(max-width:680px){.match{grid-template-columns:20px minmax(0,1fr);gap:10px;padding:16px 0}.match .fixture-teams{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);column-gap:4px;width:100%}.match>div{width:100%;justify-self:stretch}.match select{width:100%;height:40px}.match .club-team{gap:5px}.match .club-logo{width:25px;height:25px;flex-basis:25px;background-size:150px 75px}.match .club-logo--ajax{background-position:-25px 0}.match .club-logo--az{background-position:-50px 0}.match .club-logo--excelsior{background-position:-75px 0}.match .club-logo--fc-groningen{background-position:-100px 0}.match .club-logo--fc-twente{background-position:-125px 0}.match .club-logo--fc-utrecht{background-position:0 -25px}.match .club-logo--feyenoord{background-position:-25px -25px}.match .club-logo--fortuna-sittard{background-position:-50px -25px}.match .club-logo--go-ahead-eagles{background-position:-75px -25px}.match .club-logo--nec{background-position:-100px -25px}.match .club-logo--pec-zwolle{background-position:-125px -25px}.match .club-logo--psv{background-position:0 -50px}.match .club-logo--sc-cambuur{background-position:-25px -50px}.match .club-logo--sc-heerenveen{background-position:-50px -50px}.match .club-logo--sparta-rotterdam{background-position:-75px -50px}.match .club-logo--telstar{background-position:-100px -50px}.match .club-logo--willem-ii{background-position:-125px -50px}}