:root{--red:#c8102e;--red-dark:#a80d26;--black:#141416;--white:#fff;--yellow:#f2c200;--bg:#f4f3f1;--border:#ddd9d4;--border-soft:#ebe9e6;--hairline:#f0eeeb;--divider:#e4e1dd;--text-2:#7a7a80;--text-3:#a6a29c;--text-mid:#57575c;--played-bg:#edebe8;--played-text:#8a8680;--played-label:#e2dfdb;--ja:#1e8e3e;--twijfel:#e08a00;--nee:#c8102e;--open:#b4b0aa;--open-list:#d8d4cf;--warn-bg:#fdf3e3;--warn-text:#8a5a00;--shadow:0 2px 10px #00000012;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--black);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:Barlow,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.35}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--red);text-decoration:none}img{display:block}.app{flex-direction:column;height:100dvh;display:flex}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.scroll{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:12px;overflow-y:auto}.head{background:var(--red);color:#fff;padding:calc(14px + var(--safe-top)) 18px 13px;flex:none;align-items:center;gap:11px;display:flex}.head.black{background:var(--black)}.head .logo{object-fit:cover;border:1.5px solid #00000080;border-radius:50%;flex:none;width:38px;height:38px}.head .logo.sm{width:30px;height:30px}.head .club{letter-spacing:.2em;color:#ffffffb8;text-transform:uppercase;margin-bottom:3px;font:700 10px/1 Barlow Condensed,Barlow,sans-serif}.head .title{font:800 19px/1.1 Barlow,sans-serif}.head .title.lg{font-size:21px}.head .grow{flex:1;min-width:0}.head .season{color:var(--yellow);letter-spacing:.02em;font:700 13px/1 Barlow,sans-serif}.head .meta{color:#ffffffe6;font:600 14px/1 Barlow,sans-serif}.head .back{color:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-10px;display:flex}.head .action{color:#fff;padding:10px 0 10px 10px;font:700 15px/1 Barlow,sans-serif}.banner{background:var(--yellow);color:var(--black);text-align:left;flex:none;align-items:center;gap:10px;width:100%;padding:11px 18px;font:700 16px/1.2 Barlow,sans-serif;display:flex}.banner .dot{background:var(--black);border-radius:50%;flex:none;width:7px;height:7px}.banner.cancel{background:var(--red);color:#fff}.banner.cancel .dot{background:#fff}.content{flex-direction:column;gap:9px;padding:12px 16px 0;display:flex}.content.g8{gap:8px}.card{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:14px 16px}.card.lg{border-radius:18px;padding:16px 18px}.card.flat{box-shadow:none}.badge{letter-spacing:.12em;text-transform:uppercase;border-radius:4px;padding:5px 7px;font:700 12px/1 Barlow,sans-serif;display:inline-block}.badge.thuis{background:var(--black);color:#fff}.badge.uit{background:var(--border-soft);color:var(--text-mid)}.badge.gewijzigd{background:var(--yellow);color:var(--black);letter-spacing:.08em;font-size:11px}.badge.afgelast{background:var(--red);color:#fff;letter-spacing:.08em;font-size:11px}.badge.activiteit{color:#2b4f7a;background:#e3eef9}.row{align-items:center;gap:10px;display:flex}.meta{color:var(--text-2);font:500 14px/1.2 Barlow,sans-serif}.hairline{background:var(--border-soft);height:1px;margin:12px 0}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font:700 13px/1 Barlow,sans-serif}.clublogo{object-fit:contain;border-radius:6px;flex:none}.clublogo.inline{vertical-align:-6px;margin-right:8px;display:inline-block}.mc-opp-row{align-items:center;gap:12px;display:flex}.mc-opp-row .mc-opp{flex:1;min-width:0}.pitem.played .clublogo{opacity:.5;filter:grayscale()}.mc-opp{letter-spacing:-.02em;word-break:break-word;margin:8px 0 12px;font:800 32px/1.08 Barlow,sans-serif}.mc-opp.sm{margin:6px 0 10px;font-size:26px}.mc-times{align-items:stretch;display:flex}.mc-times>div{flex:1}.mc-times .vsep{background:var(--border-soft);flex:none;width:1px;margin:0 14px}.mc-times .k{color:var(--text-2);margin-bottom:4px;font:500 14px/1.2 Barlow,sans-serif}.mc-times .k.red{color:var(--red);font-weight:600}.mc-times .v{color:var(--black);font:700 24px/1 Barlow,sans-serif}.mc-times .v.red{color:var(--red);font:800 34px/1 Barlow,sans-serif}.mc-times .v.red.sm{font-size:28px}.mc-loc{align-items:center;gap:10px;display:flex}.mc-loc .name{font:600 16px/1.25 Barlow,sans-serif}.mc-loc .addr{color:var(--text-2);margin-top:2px;font:400 15px/1.3 Barlow,sans-serif}.mc-loc .grow{flex:1;min-width:0}.btn2{background:var(--bg);border:1px solid var(--border);min-height:44px;color:var(--black);border-radius:11px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font:700 16px/1 Barlow,sans-serif;display:inline-flex}.btn2:active{background:var(--border-soft)}.btn2.block{width:100%}.btn1{background:var(--red);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:0 18px;font:800 17px/1 Barlow,sans-serif;display:inline-flex}.btn1:active{background:var(--red-dark)}.btn1:disabled,.btn2:disabled{opacity:.5}.btn-text{color:var(--red);align-items:center;min-height:44px;padding:0 4px;font:700 15px/1 Barlow,sans-serif;display:inline-flex}.rsvp{gap:8px;display:flex}.rsvp button{border:2px solid var(--border);height:76px;color:var(--black);text-align:center;background:#fff;border-radius:15px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;font:700 16px/1.05 Barlow,sans-serif;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .1s ease-out;display:flex}.rsvp button:active{transform:scale(.97)}.rsvp button.on.ja{background:var(--ja);border-color:var(--ja);color:#fff}.rsvp button.on.twijfel{background:var(--twijfel);border-color:var(--twijfel);color:#fff}.rsvp button.on.nee{background:var(--nee);border-color:var(--nee);color:#fff}.rsvp button.small{height:56px;font-size:15px}.note{border:1px solid var(--border);background:#fff;border-radius:13px;outline:none;width:100%;padding:12px 14px;font:400 16px/1.3 Barlow,sans-serif}.note::placeholder{color:var(--text-3)}.note:focus{border-color:var(--text-3)}.note-wrap{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:center;gap:8px;padding:0 12px;display:flex}.note-wrap input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 0;font:400 16px/1.3 Barlow,sans-serif}.note-wrap input::placeholder{color:var(--text-3)}.note-wrap svg{color:var(--text-3);flex:none}.tally{font:600 16px/1.3 Barlow,sans-serif}.warn{background:var(--warn-bg);color:var(--warn-text);border-radius:10px;margin-top:8px;padding:9px 12px;font:600 15px/1.2 Barlow,sans-serif}.avrow{align-items:center;gap:10px;min-height:30px;margin-top:9px;display:flex}.dot{border-radius:50%;flex:none;width:9px;height:9px}.dot.ja{background:var(--ja)}.dot.twijfel{background:var(--twijfel)}.dot.nee{background:var(--nee)}.dot.open{background:var(--open)}.avatars{display:flex}.avatar{object-fit:cover;background:var(--border-soft);border:2px solid #fff;border-radius:50%;width:30px;height:30px;margin-right:-8px}.avatar.open{filter:grayscale();opacity:.55}.avatar-fallback.more{background:var(--black);color:#fff;font-size:11px}.avatar-fallback{background:var(--border);width:30px;height:30px;color:var(--text-mid);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-right:-8px;font:700 12px/1 Barlow,sans-serif;display:flex}.avrow .none{color:var(--text-3);font:500 14px/1 Barlow,sans-serif}.next{text-align:left;width:100%;color:var(--text-mid);align-items:center;gap:10px;padding:6px 2px;font:500 16px/1.2 Barlow,sans-serif;display:flex}.next .label{flex:none}.next .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.next svg{color:var(--text-3);flex:none}.tabs{border-top:1px solid var(--divider);padding:9px 0 calc(10px + var(--safe-bottom));background:#fff;flex:none;display:flex}.tabs button{color:var(--text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:44px;font:500 13px/1 Barlow,sans-serif;display:flex}.tabs button.on{color:var(--red);font-weight:700}.plist{flex-direction:column;gap:8px;display:flex}.pitem{box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex;position:relative;overflow:hidden}.pitem.changed:before{content:"";background:var(--yellow);width:4px;position:absolute;top:0;bottom:0;left:0}.pitem.played{background:var(--played-bg);box-shadow:none;color:var(--played-text)}.pitem .date{white-space:nowrap;flex:none;width:56px}.pitem .date .d{font:700 17px/1.1 Barlow,sans-serif}.pitem .date .t{color:var(--text-2);margin-top:2px;font:500 15px/1.2 Barlow,sans-serif}.pitem.played .date .t{color:var(--played-text)}.pitem .date .t.strike{text-decoration:line-through}.pitem .mid{flex:1;min-width:0}.pitem .opp{font:700 18px/1.2 Barlow,sans-serif}.pitem .badges{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.pitem.played .badge.uit,.pitem.played .badge.thuis{background:var(--played-label);color:var(--played-text)}.sdot{background:var(--open-list);border-radius:50%;flex:none;width:14px;height:14px}.sdot.ja{background:var(--ja)}.sdot.twijfel{background:var(--twijfel)}.sdot.nee{background:var(--nee)}.pitem.played .sdot{opacity:.5}.section-toggle{text-align:left;align-items:center;gap:6px;width:100%;padding:8px 2px;display:flex}.footnote{color:var(--text-3);padding:12px 2px 4px;font:400 15px/1.3 Barlow,sans-serif}.counters{gap:7px;display:flex}.counters div{text-align:center;color:#fff;border-radius:12px;flex:1;padding:10px 6px}.counters .n{font:800 22px/1 Barlow,sans-serif}.counters .w{margin-top:5px;font:600 13px/1 Barlow,sans-serif}.counters .ja{background:var(--ja)}.counters .twijfel{background:var(--twijfel)}.counters .nee{background:var(--nee)}.counters .open{background:var(--border-soft);color:var(--text-mid)}.group-h{letter-spacing:.1em;text-transform:uppercase;padding:12px 0 8px;font:700 13px/1 Barlow,sans-serif}.group-h.ja{color:var(--ja)}.group-h.twijfel{color:var(--twijfel)}.group-h.nee{color:var(--nee)}.group-h.open{color:var(--text-3)}.prow{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.prow:last-child{border-bottom:0}.prow img,.prow .ph{object-fit:cover;background:var(--border-soft);border-radius:50%;flex:none;width:36px;height:36px}.prow .ph{color:var(--text-mid);justify-content:center;align-items:center;font:700 13px/1 Barlow,sans-serif;display:flex}.prow img.open{filter:grayscale();opacity:.7}.prow .nm{font:600 16px/1.2 Barlow,sans-serif}.prow .nt{color:var(--text-2);margin-top:1px;font:400 15px/1.3 Barlow,sans-serif}.prow .nr{color:var(--text-3);font:700 15px/1 Barlow,sans-serif}.prow .grow{flex:1;min-width:0}.prow.team img,.prow.team .ph{width:42px;height:42px}.iconbtn{width:44px;height:44px;color:var(--ja);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.iconbtn:active{background:var(--bg)}.iconbtn.muted{color:var(--text-3)}.setrow{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;min-height:48px;padding:10px 0;display:flex}.setrow:last-child{border-bottom:0}.setrow .grow{flex:1;min-width:0}.setrow .t{font:500 16px/1.25 Barlow,sans-serif}.setrow .s{color:var(--text-2);margin-top:1px;font:400 15px/1.3 Barlow,sans-serif}.setrow .v{font:700 16px/1 Barlow,sans-serif}.setrow .v small{color:var(--text-2);margin-left:6px;font:400 15px/1 Barlow,sans-serif}.toggle{background:var(--border);border-radius:14px;flex:none;width:48px;height:28px;transition:background .15s ease-out;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s ease-out;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on{background:var(--ja)}.toggle.on:after{left:23px}.numin{text-align:right;border:1px solid var(--border);background:#fff;border-radius:10px;width:72px;padding:8px 10px;font:700 16px/1 Barlow,sans-serif}.timein,.sel{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 10px;font:600 16px/1 Barlow,sans-serif}.field{flex-direction:column;gap:5px;display:flex}.field label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font:700 13px/1 Barlow,sans-serif}.field input,.field select{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 13px;font:500 16px/1.2 Barlow,sans-serif}.field input:focus{border-color:var(--text-3)}.seg{border:1px solid var(--border);border-radius:12px;display:flex;overflow:hidden}.seg button{color:var(--text-mid);background:#fff;flex:1;padding:11px;font:700 15px/1 Barlow,sans-serif}.seg button.on{background:var(--black);color:#fff}.stack{flex-direction:column;gap:10px;display:flex}.card .label+.stack,.card .label+.setrow{margin-top:4px}.card>.label{margin-bottom:6px;display:block}.sheet-bg{z-index:20;background:#14141673;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-height:92dvh;padding:14px 16px calc(18px + var(--safe-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;display:flex;overflow-y:auto}.sheet h3{margin:4px 0 0;font:800 21px/1.1 Barlow,sans-serif}.sheet .grab{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto}.welcome{background:var(--black);color:#fff;min-height:100dvh;padding:calc(36px + var(--safe-top)) 22px calc(20px + var(--safe-bottom));flex-direction:column;gap:14px;display:flex}.welcome .logo{border:2px solid #ffffff26;border-radius:50%;width:96px;height:96px;margin:0 auto}.welcome .season{text-align:center;letter-spacing:.24em;color:var(--yellow);margin-top:6px;font:700 11px/1 Barlow Condensed,Barlow,sans-serif}.welcome h1{text-align:center;letter-spacing:-.02em;margin:0;font:800 30px/1.15 Barlow,sans-serif}.welcome .who{text-align:center;color:#b4b4ba;font:400 16px/1.4 Barlow,sans-serif}.welcome .who b{color:#fff}.dcard{background:#1e1e22;border:1px solid #2c2c31;border-radius:16px;padding:14px 16px}.dcard .label{color:#8a8a90;margin-bottom:8px;display:block}.dcard p{color:#b4b4ba;margin:6px 0;font:400 16px/1.4 Barlow,sans-serif}.dcard p b{color:#fff;font-weight:700}.dcard .t{color:#fff;font:600 16px/1.25 Barlow,sans-serif}.dcard .s{color:#8a8a90;margin-top:2px;font:400 15px/1.3 Barlow,sans-serif}.dcard .toggle{background:#3a3a40}.dcard .toggle.on{background:#2fbf5c}.welcome .spacer{flex:1}.welcome .btn1{min-height:56px;font-size:19px}.toast{left:16px;right:16px;bottom:calc(84px + var(--safe-bottom));background:var(--black);color:#fff;z-index:30;border-radius:12px;padding:12px 16px;font:600 15px/1.3 Barlow,sans-serif;position:fixed;box-shadow:0 6px 20px #00000040}.center{text-align:center;color:var(--text-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.empty{text-align:center;color:var(--text-3);padding:24px 12px;font:500 16px/1.4 Barlow,sans-serif}.fade-bottom{background:linear-gradient(to bottom, #f4f3f100, var(--bg));pointer-events:none;height:28px;margin-top:-28px;position:sticky;bottom:0}@media (width>=520px){.app{max-width:480px;box-shadow:0 0 0 1px var(--divider);margin:0 auto}.toast{max-width:448px;margin:0 auto}.sheet{max-width:480px;margin:0 auto}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.badges-row{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.pill{letter-spacing:.02em;background:var(--border-soft);color:var(--text-mid);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font:600 12px/1 Barlow,sans-serif;display:inline-flex}.pill.pos{background:var(--black);color:#fff}.pill.tag-aanvoerder{color:#7a5a00;background:#fff3c2}.pill.tag-leider{color:#2b4f7a;background:#e3eef9}.pill.tag-auto{color:#1e4fa3;background:#e6f0ff}.pill.tag-geblesseerd{color:var(--red);background:#fde3e6}.pill.tag-fit{color:var(--ja);background:#e4f5e8}.prow.team{padding:10px 0}.prow.team .nm{font-size:17px}.inl{vertical-align:-2px;margin-left:5px;display:inline-block}.tag-aanvoerder-ic{color:#c89b00}.tag-auto-ic{color:#1e4fa3}.tag-geblesseerd-ic{color:var(--red)}