@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.19s5evoqhirey.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.44dak0sams9f0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.hanken_grotesk_1af633a5-module__9GbOPa__className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.hanken_grotesk_1af633a5-module__9GbOPa__variable{--font-sans:"Hanken Grotesk", "Hanken Grotesk Fallback"}
:root{--blue:var(--club-primary,#062c72);--yellow:var(--club-accent,#ffd51e);--yellow-soft:color-mix(in oklch,var(--yellow) 45%,#fff);--ink:#10213e;--ink-soft:#2f4558;--muted:#646f87;--line:#08265f1c;--panel:#fffc;--brand-on:color(from var(--blue) srgb-linear clamp(0,calc((.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000000),1) clamp(0,calc((.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000000),1) clamp(0,calc((.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000000),1));--brand-on-accent:color(from var(--yellow) srgb-linear clamp(0,calc((.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000000),1) clamp(0,calc((.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000000),1) clamp(0,calc((.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000000),1));--brand-tegen:color(from var(--brand-on) srgb calc(1 - r) calc(1 - g) calc(1 - b));--brand-ink:oklch(from var(--blue) min(l,.44) c h);--blue-2:color-mix(in oklch,var(--blue) 86%,var(--brand-tegen));--shadow-sm:0 1px 2px #1129570d,0 4px 10px #1129570d;--shadow-md:0 3px 8px #11295712,0 14px 30px #1129571a;--shadow-lg:0 8px 18px #1129571a,0 28px 60px #11295729;--shadow-xl:0 12px 28px #11295724,0 40px 90px #1129573d;--shadow-brand-md:0 3px 8px color-mix(in oklch,var(--blue) 14%,transparent),0 12px 26px color-mix(in oklch,var(--blue) 20%,transparent);--shadow-brand-lg:0 8px 18px color-mix(in oklch,var(--blue) 18%,transparent),0 28px 62px color-mix(in oklch,var(--blue) 26%,transparent);--shadow:var(--shadow-md);--spring:cubic-bezier(.22,1,.36,1);--btn-gap:10px}@supports not (color:oklch(from red l c h)){:root{--brand-on:#fff;--brand-on-accent:var(--ink);--brand-tegen:#000;--brand-ink:color-mix(in oklch,var(--blue) 78%,#0b1220);--blue-2:color-mix(in oklch,var(--blue) 84%,#fff)}}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--club-primary,#0c4cac);outline-offset:3px;box-shadow:0 0 0 3px #fff}.scoreboard :focus-visible,.korfbal-field-planner :focus-visible,.team-photo-card :focus-visible,.match-option-card i:focus-visible{outline-color:#fff;box-shadow:0 0 0 3px #04133699}.auth-form select:focus-visible{outline:2px solid var(--club-primary,#0c4cac);outline-offset:1px}html{background:#f7faff;min-width:320px}body{min-height:100vh;color:var(--ink);font-family:var(--stack-body);margin:0;font-weight:600}button,input{font:inherit}button{cursor:pointer}.app{isolation:isolate;background:linear-gradient(145deg,color-mix(in oklch,var(--club-primary,#062c72) 5%,#f8fbff) 0%,#f8fbff 48%,color-mix(in oklch,var(--club-accent,#ffd51e) 12%,#fff) 100%);min-height:100vh;transition:background .52s var(--spring),color .32s ease;padding-bottom:72px;position:relative;overflow-x:hidden}.app:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(ellipse 54rem 36rem at 100% -12%,color-mix(in oklch,var(--club-accent,#ffd51e) 26%,transparent),transparent 66%),radial-gradient(ellipse 48rem 42rem at -10% 80%,color-mix(in oklch,var(--club-primary,#1d6ada) 16%,transparent),transparent 68%),radial-gradient(ellipse 30rem 20rem at 55% 38%,#ffffffe6,transparent 74%);transition:background .52s var(--spring);position:fixed;inset:0}.orb{z-index:-1;filter:blur(2px);pointer-events:none;will-change:transform;border-radius:999px;position:fixed}.orb-one{opacity:.32;background:radial-gradient(circle,color-mix(in oklch,var(--yellow) 60%,transparent),transparent 68%);width:360px;height:360px;animation:25s ease-in-out infinite alternate orb-drift;top:11%;right:-190px}.orb-two{opacity:.16;background:radial-gradient(circle,color-mix(in oklch,var(--blue-2) 70%,transparent),transparent 68%);width:420px;height:420px;animation:32s ease-in-out infinite alternate-reverse orb-drift;bottom:-230px;left:-190px}.topbar{justify-content:space-between;align-items:center;width:min(1160px,100% - 32px);height:80px;margin:0 auto;display:flex}.brand{color:var(--brand-ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 8px 10px #11283b2e);width:36px;height:36px}.brand span{font:700 1.24rem/1 var(--stack-display);letter-spacing:-.06em;grid-template-columns:auto auto;align-items:baseline;display:grid}.brand span b,.brand span:not(b){color:var(--brand-ink)}.brand small{color:var(--muted);font:800 .52rem/1 var(--stack-display);letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin-top:3px}.top-actions{align-items:center;gap:10px;display:flex}.live-pill,.status{color:#12733f;letter-spacing:.06em;text-transform:uppercase;background:#ebfdf2d1;border:1px solid #0c945029;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.live-pill i{background:#1ab96a;border-radius:50%;width:6px;height:6px;animation:1.8s ease-out infinite live-pulse;box-shadow:0 0 0 4px #1ab96a1f}.close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:var(--panel);transition:transform .2s var(--spring),background .2s;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #fff9}.shell{width:min(1160px,100% - 32px);margin:0 auto}.match-context{min-height:48px;color:var(--muted);align-items:center;gap:13px;font-size:.76rem;display:flex}.back-link,.spectator-code,.section-heading button,.booklet-card button{color:var(--brand-ink);background:0 0;border:0;padding:0;font-weight:800}.spectator-code{border:1px solid var(--line);background:var(--panel);border-radius:999px;margin-left:auto;padding:7px 9px}.spectator-code b{margin-left:4px}.wachtrij-melding{color:#8a6100;background:#fff8e6db;border:1px solid #e6a40047;border-radius:999px;align-items:center;gap:8px;margin:0 0 9px;padding:7px 11px;font-size:.68rem;font-weight:800;display:inline-flex}.wachtrij-melding i{background:#e6a400;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite live-pulse;box-shadow:0 0 0 4px #e6a4001f}.wachtrij-melding.meetellen{border-color:color-mix(in oklch,var(--brand-ink) 24%,transparent);color:var(--brand-ink);background:color-mix(in oklch,var(--brand-ink) 7%,var(--panel))}.wachtrij-melding.meetellen i{background:var(--brand-ink);box-shadow:0 0 0 4px color-mix(in oklch,var(--brand-ink) 12%,transparent)}.back-link,.spectator-code,.section-heading button{position:relative}.back-link:after,.section-heading button:after{content:"";position:absolute;inset:-12px -6px}.spectator-code:after{content:"";position:absolute;inset:-4px -6px}.brand,.desktop-nav button,.signout-button{position:relative}.brand:after,.desktop-nav button:after{content:"";position:absolute;inset:-4px 0}.signout-button:after{content:"";position:absolute;inset:-5px 0}.close{position:relative}.close:after{content:"";position:absolute;inset:-4px}.scoreboard{border:1px solid color-mix(in oklch,var(--blue) 20%,transparent);background:linear-gradient(135deg,color-mix(in oklch,var(--blue) 92%,var(--brand-tegen)),color-mix(in oklch,var(--blue) 76%,var(--brand-tegen)) 58%,var(--blue));min-height:222px;color:var(--brand-on);border-radius:29px;grid-template-columns:1fr 176px 1fr;align-items:center;padding:22px 32px;display:grid;position:relative;overflow:hidden}.scoreboard:after{content:"";pointer-events:none;background:radial-gradient(circle at 12% 70%,color-mix(in oklch,var(--yellow) 22%,transparent),transparent 15rem),linear-gradient(122deg,transparent 47%,#ffffff0e 47.2%,transparent 47.5%);position:absolute;inset:0}.team-side,.match-clock{z-index:1;position:relative}.team-side{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.team-side img,.away-mark{object-fit:contain;width:44px;height:44px}.away-mark{color:#fff;font:800 .72rem var(--stack-display);background:#647391;border-radius:50%;place-items:center;display:grid}.team-side span{opacity:.76;align-self:end;font-size:.83rem;font-weight:700}.team-side b{font:800 clamp(3.1rem,7vw,5.1rem)/.95 var(--stack-display);letter-spacing:-.08em;grid-column:2}.team-side.away{text-align:right;grid-template-rows:44px auto;grid-template-columns:1fr auto}.team-side.away .away-mark{grid-area:1/2/3}.team-side.away b{grid-column:1}@keyframes score-bump{0%{color:var(--yellow);transform:translateY(3px)scale(1)}34%{color:var(--yellow);transform:translate(0,0)scale(1.14)}to{color:#fff;transform:translate(0,0)scale(1)}}@keyframes score-tint{0%,45%{color:var(--yellow)}to{color:#fff}}.team-side b{animation:score-bump .42s var(--spring)}@media (prefers-reduced-motion:reduce){.team-side b{animation:.56s ease-out score-tint}}.match-clock{text-align:center;place-items:center;display:grid}.period{color:var(--brand-on-accent);background:var(--yellow);letter-spacing:.12em;border-radius:7px;padding:5px 7px;font-size:.57rem;font-weight:900}.match-clock strong{font:800 1.72rem/1 var(--stack-display);letter-spacing:-.06em;margin:10px 0}.match-clock button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:112px;transition:transform .2s var(--spring),background .2s;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;padding:9px 10px;font-size:.7rem;font-weight:800}.match-clock button:hover{background:#fff3;transform:translateY(-2px)}.match-clock .loopt{border-color:color-mix(in oklch,var(--yellow) 62%,var(--brand-on));color:var(--brand-on);background:0 0}.match-clock .loopt:hover{background:color-mix(in oklch,var(--yellow) 18%,transparent)}.match-clock .stil,.match-clock .stil:hover{background:color-mix(in oklch,var(--yellow) 93%,transparent);color:var(--brand-on-accent);border-color:#0000}.action-grid{gap:var(--btn-gap);margin:var(--btn-gap) 0 20px;grid-template-columns:repeat(6,1fr);display:grid}.goal-action,.quick-action{border:1px solid var(--line);min-height:88px;color:var(--ink);background:var(--panel);box-shadow:inset 0 1px 0 #ffffffa6,var(--shadow-sm);transition:transform .22s var(--spring),box-shadow .22s var(--spring),background .22s;border-radius:19px}.goal-action:hover,.quick-action:hover,.person-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.goal-action{place-content:center;gap:3px;display:grid;position:relative;overflow:hidden}.goal-action:after{content:"";opacity:.6;width:100px;height:100px;transition:transform .35s var(--spring);border-radius:50%;position:absolute;inset:auto -25% -75% auto}.goal-action:hover:after{transform:scale(2.4)}.goal-action.home{border-color:color-mix(in oklch,var(--blue) 18%,transparent);background:linear-gradient(135deg,#fff 0%,color-mix(in oklch,var(--blue) 7%,#fff) 100%)}.goal-action.home:after{background:color-mix(in oklch,var(--blue-2) 13%,transparent)}.goal-action.opponent{border-color:color-mix(in oklch,var(--yellow) 32%,transparent);background:linear-gradient(135deg,color-mix(in oklch,var(--yellow) 4%,#fff),color-mix(in oklch,var(--yellow) 20%,#fff))}.goal-action.opponent:after{background:color-mix(in oklch,var(--yellow) 24%,transparent)}.goal-action b,.goal-action small,.mini-ball{z-index:1;position:relative}.goal-action b{font:800 .87rem var(--stack-display)}.goal-action small{color:var(--muted);font-size:.64rem}.mini-ball{width:22px;height:22px;color:var(--brand-ink);border:2px solid;border-radius:50%;place-items:center;margin:auto;font-size:.7rem;display:grid}.opponent .mini-ball{color:color-mix(in oklch,var(--yellow) 65%,#7b5900)}.quick-action{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:.69rem;font-weight:800;display:flex}.quick-action span{width:28px;height:28px;color:var(--brand-ink);background:color-mix(in oklch,var(--blue) 9%,#fff);border-radius:9px;place-items:center;font-size:1rem;display:grid}.sound-stop span{color:#b2243d;background:#ffe9ee}.feed-layout,.team-columns{grid-template-columns:1.45fr .9fr;gap:16px;display:grid}.timeline-card,.panel,.public-card,.vote-card,.booklet-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:23px}.timeline-card,.panel{padding:21px}.section-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.eyebrow{color:var(--brand-ink);letter-spacing:.13em;text-transform:uppercase;font-size:.61rem;font-weight:900;display:block}.section-heading h2,.panel h2,.goal-modal h2,.lineup-modal h2,.vote-card h2{font:800 1.2rem/1.1 var(--stack-display);letter-spacing:-.035em;margin:4px 0 0}.timeline{margin:18px 0 0;padding:0;list-style:none}.timeline li{min-height:35px;color:var(--muted);grid-template-columns:45px 14px 1fr;align-items:center;font-size:.77rem;display:grid}.timeline time{font-feature-settings:"tnum";font-weight:800}.timeline .dot{background:#a7b2c7;border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #50648226}.timeline li.home .dot{background:var(--blue-2)}.timeline li.away .dot{background:#e2aa00}.timeline p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.timeline.full li{min-height:42px}.booklet-card button{align-self:start;font-size:.73rem}.reveal{animation:resolve-in .6s var(--spring) both}.page-hero,.admin-title{padding:27px 0 19px}.page-hero h1,.admin-title h1{max-width:620px;font:800 clamp(2rem,5.2vw,3.45rem)/.98 var(--stack-display);letter-spacing:-.065em;margin:5px 0 7px}.page-hero p,.admin-title p{max-width:520px;color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.primary,.secondary{min-height:40px;transition:transform .2s var(--spring),box-shadow .2s;border-radius:12px;justify-content:center;align-items:center;padding:10px 13px;font-size:.73rem;font-weight:800;display:inline-flex}.primary{border:1px solid var(--blue);color:var(--brand-on);background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:var(--shadow-brand-md)}.primary:hover,.secondary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.secondary{border:1px solid var(--line);color:var(--ink);background:var(--panel)}.wide{width:100%}.stats-strip{border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow-sm);border-radius:19px;grid-template-columns:repeat(4,1fr);gap:1px;margin:10px 0 16px;display:grid;overflow:hidden}.stats-strip div{background:var(--panel);min-width:0;padding:15px 18px}.stats-strip small{color:var(--muted);letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;font-weight:900;display:block;overflow:hidden}.stats-strip b{font:800 1.2rem var(--stack-display);margin-top:5px;display:block}.player-list{margin-top:15px}.player-row{border-bottom:1px solid var(--line);grid-template-columns:20px 38px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 0;display:grid}.player-row:last-child{border-bottom:0}.rank{color:var(--muted);font-size:.72rem}.player-row img{object-fit:cover;background:color-mix(in oklch,var(--blue) 8%,#fff);border-radius:12px;width:38px;height:38px}.player-row div{min-width:0}.player-row b,.player-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-row b{font-size:.78rem}.player-row small{color:var(--muted);margin-top:2px;font-size:.62rem}.player-row strong{color:var(--brand-ink);font:800 .95rem var(--stack-display)}.player-row strong small{color:var(--muted);font-size:.58rem;display:inline}.player-row em{color:var(--muted);font-size:.61rem;font-style:normal}.event-panel{min-height:300px}.status{align-self:center}.admin-title{justify-content:space-between;align-items:start;gap:18px;display:flex}.desktop-note{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;flex:none;padding:8px 10px;font-size:.66rem}.panel label{color:var(--muted);gap:6px;margin-top:14px;font-size:.68rem;font-weight:800;display:grid}.panel input:not([type=checkbox]){border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff9e;border-radius:10px;outline:0;padding:10px 11px;font-size:.73rem}.toggle-row{grid-template-columns:1fr auto;align-items:center}.toggle-row span{gap:3px;display:grid}.toggle-row b{color:var(--ink);font-size:.73rem}.toggle-row small,.hint{color:var(--muted);font-size:.62rem;line-height:1.45}.toggle-row input{appearance:none;background:#b6c0d1;border-radius:99px;width:35px;height:20px;transition:all .2s;position:relative}.toggle-row input:after{content:"";width:14px;height:14px;transition:.2s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-row input:checked{background:var(--blue-2)}.toggle-row input:checked:after{transform:translate(15px)}.panel .wide{margin-top:16px}.waveform{background:linear-gradient(90deg,#1158c214,#ffd51e1f);border:1px solid #1357b71f;border-radius:12px;align-items:center;gap:3px;height:62px;margin-top:16px;padding:8px;display:flex;overflow:hidden}.waveform i{width:5px;height:var(--h);background:var(--blue-2);opacity:.75;border-radius:99px;flex:none}.waveform i:nth-child(3n){height:31px}.waveform i:nth-child(4n){height:43px}.waveform i:nth-child(5n){height:20px}.waveform i:nth-child(7n){height:49px}.waveform i:not(:nth-child(3n)):not(:nth-child(4n)):not(:nth-child(5n)):not(:nth-child(7n)){height:13px}.person-card{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;transition:transform .2s var(--spring),box-shadow .2s var(--spring);background:#ffffff70;border-radius:13px;align-items:center;gap:8px;padding:7px;display:flex}.person-card img{object-fit:cover;border-radius:9px;flex:none;width:34px;height:34px}.person-card span{min-width:0}.person-card b,.person-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.person-card b{font-size:.7rem}.person-card small{color:var(--muted);font-size:.56rem}.person-card i{color:var(--muted);margin-left:auto;font-style:normal}.public-screen{width:min(740px,100% - 32px);margin:8px auto 0}.public-content{gap:14px;margin-top:14px;display:grid}.public-card,.vote-card,.booklet-card{padding:20px}.vote-card{background:linear-gradient(135deg,#ffffffdb,#fffbdbe6)}.vote-card p,.booklet-card p{color:var(--muted);font-size:.72rem;line-height:1.5}.vote-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.vote-grid button{border:1px solid var(--line);color:var(--ink);background:#ffffffb8;border-radius:12px;gap:5px;padding:6px;font-size:.62rem;font-weight:800;display:grid}.vote-grid button:hover,.vote-grid button.voted{border-color:var(--brand-ink);transform:translateY(-2px)}.vote-grid button.voted{color:var(--brand-on);background:var(--blue)}.vote-grid img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.vote-card>small{color:#24804e;margin-top:10px;font-size:.63rem;display:block}.booklet-card{align-items:center;gap:12px;display:flex}.booklet-card p{flex:1;margin:3px 0 0}.booklet-card button{flex:none}.public-sync{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;margin:0 0 10px;padding:7px 11px;font-size:.65rem;font-weight:900;display:inline-flex}.public-sync i{background:#d3374c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d3374c1a}.public-sync i.online{background:#1ab96a;box-shadow:0 0 0 4px #1ab96a1f}.public-sync i.offline{background:#e6a400;box-shadow:0 0 0 4px #e6a4001f}.public-scoreboard{margin-bottom:14px}.public-field{margin:0 0 14px}.public-player{background:#ffffff8f;border-radius:16px;place-items:center;gap:5px;min-width:0;padding:9px 4px;font-size:.62rem;font-weight:900;display:grid}.public-player b{text-overflow:ellipsis;white-space:nowrap;max-width:58px;overflow:hidden}.mobile-nav{z-index:9;width:min(440px,100% - 24px);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfeffc7;border:1px solid #ffffff80;border-radius:20px;padding:7px;display:none;position:fixed;bottom:11px;left:50%;transform:translate(-50%)}.mobile-nav button{color:var(--muted);background:0 0;border:0;border-radius:13px;flex:1;place-items:center;gap:3px;padding:4px;font-size:.55rem;font-weight:800;display:grid}.mobile-nav button span{font-size:.97rem}.mobile-nav button.active{color:var(--brand-ink);background:color-mix(in oklch,var(--blue) 9%,#fff)}.modal-backdrop{z-index:20;background:#0413369e;place-items:end center;padding:18px;animation:.2s backdrop-in;display:grid;position:fixed;inset:0}.goal-modal,.lineup-modal{width:min(530px,100%);max-height:calc(100vh - 36px);color:var(--ink);box-shadow:var(--shadow-xl);animation:modal-in .36s var(--spring);background:linear-gradient(150deg,#fff,#f5f8ff);border:1px solid #ffffff80;border-radius:26px;padding:23px;overflow:auto}.close{float:right;background:#edf2fc;border:0;font-size:1.35rem}.goal-modal h3{font:800 .78rem var(--stack-display);margin:21px 0 9px}.kind-buttons{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:15px;display:grid}.kind-buttons button{color:#4b5a75;background:#fff;border:1px solid #dbe3f1;border-radius:10px;min-height:44px;padding:9px 6px;font-size:.66rem;font-weight:800}.kind-buttons button.selected{border-color:var(--brand-ink);color:var(--brand-on);background:var(--blue)}.confirm-goal{margin-top:18px}.goal-modal,.lineup-modal{place-self:center}.toast{z-index:30;color:#086837;max-width:calc(100% - 32px);box-shadow:var(--shadow);animation:toast-in .3s var(--spring);background:#f4fff9f2;border:1px solid #18a1562e;border-radius:13px;padding:12px 15px;font-size:.72rem;font-weight:800;position:fixed;bottom:18px;right:16px}@keyframes resolve-in{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-30px,30px)scale(1.12)}}@keyframes live-pulse{0%{box-shadow:0 0 #1ab96a54}80%,to{box-shadow:0 0 0 6px #1ab96a00}}@keyframes modal-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(13px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:721px){.app{padding-bottom:30px}}@media (max-width:920px){.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-layout,.team-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.topbar{height:66px}.shell{width:min(100% - 24px,620px)}.brand img{width:32px;height:32px}.brand span{font-size:1.08rem}.top-actions .live-pill{padding:6px 8px;font-size:.59rem}.mobile-nav{display:flex}.match-context{gap:8px;min-height:46px;font-size:.65rem}.match-context>span{display:none}.scoreboard{border-radius:23px;grid-template-columns:minmax(0,1fr) 93px minmax(0,1fr);min-height:173px;padding:17px 12px}.team-side{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px}.team-side img,.away-mark{width:31px;height:31px}.team-side span{align-self:auto;font-size:.62rem}.team-side b{grid-column:auto;font-size:3rem}.team-side.away{text-align:center;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);justify-items:center}.team-side.away .away-mark{grid-area:auto}.team-side.away b{grid-column:auto}.match-clock strong{margin:9px 0;font-size:1.28rem}.match-clock button{min-width:80px;padding:8px 3px;font-size:.59rem}:root{--btn-gap:8px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-action{min-height:93px}.quick-action{flex-direction:row;gap:7px;min-height:65px}.quick-action span{width:25px;height:25px;font-size:.85rem}.timeline-card,.panel,.public-card,.vote-card,.booklet-card{border-radius:18px}.timeline-card,.panel{padding:17px}.page-hero{padding:21px 0 14px}.page-hero h1,.admin-title h1{font-size:2.2rem}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-strip div{padding:13px}.admin-title{padding-top:20px;display:block}.desktop-note{margin-top:13px;display:inline-block}.person-card{padding:6px}.person-card img{width:31px;height:31px}.player-row{grid-template-columns:16px 36px minmax(0,1fr) auto}.player-row em{display:none}.public-screen{width:calc(100% - 24px);margin-top:1px}.vote-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kind-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{align-items:end;padding:9px}.goal-modal,.lineup-modal{border-radius:21px 21px 15px 15px;place-self:end center;padding:19px}.toast{bottom:78px;right:12px}.hero-actions{gap:7px}.primary,.secondary{min-height:44px;padding:11px 13px}}@media (max-width:380px){.scoreboard{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}.team-side b{font-size:2.55rem}.goal-action{min-height:84px}.vote-grid{gap:5px}.vote-grid button{padding:4px;font-size:.53rem}}@media print{.topbar,.mobile-nav,.desktop-nav,.hero-actions,.action-grid,.orb,.toast{display:none!important}.app{color:var(--ink)!important;background:#fff!important}.shell{width:100%!important}.panel,.timeline-card{box-shadow:none!important;background:#fff!important}.page-hero{padding-top:0!important}}.toast{border:1px solid color-mix(in oklch,var(--blue) 14%,white);max-width:calc(100% - 32px);color:var(--ink);background:color-mix(in oklch,white 92%,var(--club-primary,#0c4cac));box-shadow:var(--shadow-lg);animation:toast-in-centered .3s var(--spring);text-align:center;border-radius:999px;padding:11px 16px;bottom:22px;left:50%;right:auto;transform:translate(-50%)}@keyframes toast-in-centered{0%{opacity:0;transform:translate(-50%,13px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.desktop-nav{border:1px solid var(--line);background:#ffffff6b;border-radius:13px;gap:3px;padding:4px;display:flex}.desktop-nav button{color:var(--muted);transition:background .2s,color .2s,transform .2s var(--spring);background:0 0;border:0;border-radius:9px;padding:7px 11px;font-size:.68rem;font-weight:800}.desktop-nav button:hover{color:var(--brand-ink);transform:translateY(-1px)}.desktop-nav button.active{color:var(--brand-ink);box-shadow:var(--shadow-sm);background:#fff}@media (max-width:720px){.desktop-nav{display:none}}.brand span,.brand small,.team-side b,.away-mark,.match-clock strong,.goal-action b,.section-heading h2,.panel h2,.goal-modal h2,.lineup-modal h2,.vote-card h2,.page-hero h1,.admin-title h1,.stats-strip b,.player-row strong{font-family:var(--stack-display)}.topbar{height:88px}.scoreboard{background:linear-gradient(125deg,color-mix(in oklch,var(--blue) 94%,var(--brand-tegen)) 0%,color-mix(in oklch,var(--blue) 78%,var(--brand-tegen)) 50%,var(--blue-2) 100%);box-shadow:var(--shadow-brand-lg),inset 0 1px #fff3;border-radius:34px}.scoreboard:before{content:"";border:1px solid #ffffff24;border-radius:50%;width:24rem;height:24rem;position:absolute;top:-17rem;right:8%;box-shadow:0 0 0 2.4rem #ffffff06,0 0 0 6.4rem #ffffff05}.portrait-orb,.mini-portrait{background:linear-gradient(135deg,#d9e7ff,#fff3bd);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.portrait-orb{width:56px;height:56px;box-shadow:var(--shadow-md);border:2px solid #ffffffe6}.portrait-orb.large{width:104px;height:104px}.portrait-orb img,.mini-portrait img{object-fit:cover;transform-origin:50%;width:100%;height:100%}.compact-actions{margin-top:var(--btn-gap);grid-template-columns:repeat(5,1fr)}.compact-actions .goal-action,.compact-actions .quick-action,.match-toggles .quick-action{border-radius:17px;min-height:76px}.selected-scorer{background:linear-gradient(110deg,#edf4ff,#fff8d8);border-radius:17px;align-items:center;gap:11px;margin:13px 0 18px;padding:10px;display:flex}.selected-scorer .portrait-orb{width:46px;height:46px}.selected-scorer div{gap:2px;min-width:0;display:grid}.selected-scorer b{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.selected-scorer small{color:var(--muted);font-size:.6rem}.selected-scorer button{color:#a61d37;background:#ffffffbd;border:1px solid #b2243d2e;border-radius:9px;margin-left:auto;padding:7px 9px;font-size:.62rem;font-weight:800}.person-card{background:#ffffff87;border-radius:16px;min-height:58px;padding:8px}.person-card.selected{box-shadow:var(--shadow-md);background:#fff;border-color:#0c4cac6b}.mini-portrait{border-radius:13px;width:39px;height:39px}.person-card>img{display:none}.profile-editor-head{align-items:center;gap:11px;margin:11px 0 3px;display:flex}.profile-editor-head b,.profile-editor-head small{display:block}.profile-editor-head b{font-size:.78rem}.profile-editor-head small{color:var(--muted);margin-top:3px;font-size:.59rem}@media (max-width:920px){.compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-editor-head{grid-column:1/-1}}@media (max-width:720px){.portrait-orb{width:50px;height:50px}.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-actions .goal-action,.compact-actions .quick-action,.match-toggles .quick-action{min-height:68px}.topbar{height:70px}}.auth-shell{color:#f4fffa;min-height:100vh;transition:background .52s var(--spring),color .42s ease;background:linear-gradient(135deg,#043e33 0%,#08634e 43%,#0b8d6c 100%);place-items:center;padding:24px;display:grid}.auth-submit{justify-content:space-between;width:100%;margin-top:5px;padding-inline:16px}.auth-error{color:#a3263e;background:#fff0f3;border-radius:10px;margin:0;padding:9px 10px;font-size:.65rem;line-height:1.4}.auth-uitleg{color:var(--brand-ink);background:color-mix(in oklch, var(--blue) 8%, #fff);border-radius:10px;margin:14px 0 0;padding:9px 10px;font-size:.65rem;line-height:1.4}.session-chip{border:1px solid var(--line);max-width:170px;color:var(--muted);background:var(--panel);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;padding:7px 9px;font-size:.62rem;font-weight:800;overflow:hidden}.signout-button{color:var(--muted);background:0 0;border:0;padding:7px 9px;font-size:.62rem;font-weight:800}.signout-button:hover{color:var(--brand-ink)}@media (max-width:720px){.auth-shell{padding:18px}.session-chip,.signout-button{display:none}}body,.app,button,input,select,.brand span,.brand small,.team-side b,.away-mark,.match-clock strong,.goal-action b,.section-heading h2,.panel h2,.goal-modal h2,.lineup-modal h2,.vote-card h2,.page-hero h1,.admin-title h1,.stats-strip b,.player-row strong{font-family:var(--stack-body)}.auth-shell{isolation:isolate;color:var(--ink);background:#fffaf4;place-items:center;padding:24px;position:relative;overflow:hidden}.auth-shell:before{content:none}.auth-shell.app{padding-bottom:24px}.auth-shell .auth-panel{margin-bottom:24px}@media (max-width:720px){.auth-shell.app{padding-bottom:18px}}.auth-shell.club-selected{color:var(--ink);background:#fbfdff}.auth-color-wash{z-index:0;filter:blur(24px);opacity:.94;pointer-events:none;background:radial-gradient(circle at 42% 40%,#ffba5240,#ffdc9d24 36%,#0000 69%);border-radius:50%;width:min(90vw,1080px);height:min(90vw,1080px);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .52s cubic-bezier(.22,1,.36,1),background .52s cubic-bezier(.22,1,.36,1);animation:13s cubic-bezier(.45,.05,.55,.95) infinite alternate entry-colour-drift;position:fixed;transform:translate(-28%,-23%)scale(.88)}.club-selected .auth-color-wash{background:radial-gradient(circle at 42% 40%,color-mix(in oklch,var(--club-primary,#123d84) 22%,transparent),color-mix(in oklch,var(--club-primary,#123d84) 16%,#fff) 37%,color-mix(in oklch,var(--club-accent,#d3b000) 13%,transparent) 56%,transparent 72%);opacity:1;animation:11s cubic-bezier(.45,.05,.55,.95) infinite alternate club-colour-drift}.match-finished{place-items:center;min-height:60vh;display:grid}.finished-card{width:min(100%,520px);box-shadow:var(--shadow-md);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #12283b1a;border-radius:24px;gap:22px;padding:38px 30px;display:grid}.finished-card .eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.finished-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.finished-score i{color:#a8b4c2;font-size:1.6rem;font-style:normal}.finished-side{justify-items:center;gap:7px;display:grid}.finished-side img,.finished-mark{object-fit:contain;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.finished-mark{color:var(--brand-ink);background:color-mix(in oklch,var(--blue) 7%,#fff);font-size:.9rem;font-weight:800}.finished-side span{color:var(--ink-soft);font-size:.78rem;font-weight:700;line-height:1.3}.finished-side b{color:var(--ink);letter-spacing:-.05em;font-size:2.6rem}.finished-card p{color:var(--muted);margin:0;font-size:.82rem}@media (max-width:560px){.finished-card{padding:30px 20px}.finished-side b{font-size:2.1rem}}.match-finished{align-content:center;gap:14px}.finished-potm{gap:3px;display:grid}.finished-potm b{color:var(--ink);font-family:var(--stack-display);font-size:var(--fs-xl);letter-spacing:-.03em;font-weight:700}.finished-verloop{text-align:left;width:min(100%,520px)}.finished-verloop .timeline{margin-top:12px}.auth-panel{z-index:1;width:min(100%,448px);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #12283b1a;border-radius:22px;padding:30px;animation:.44s cubic-bezier(.22,1,.36,1) both auth-panel-in;position:relative}.auth-panel-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-panel-brand img{object-fit:contain;filter:drop-shadow(0 5px 10px #11283b29);width:42px;height:42px}.auth-panel-brand span{gap:1px;display:grid}.auth-panel-brand b{color:var(--brand-ink);letter-spacing:-.05em;font-size:1.2rem}.auth-panel-brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;font-weight:800}.auth-panel-copy h1{color:var(--ink);letter-spacing:-.06em;margin:4px 0 5px;font-size:2rem}.auth-panel-copy p{color:var(--muted);margin:0;font-size:.83rem;line-height:1.55}.auth-form{gap:14px;margin-top:23px;display:grid}.auth-form label{color:var(--ink-soft);gap:7px;font-size:.72rem;font-weight:800;display:grid;position:relative}.auth-form input,.auth-form select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #2f455829;border-radius:14px;outline:0;padding:0 13px;font-size:.82rem;font-weight:600;transition:border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 2px #11283b0d}.auth-form select{appearance:auto;cursor:pointer}.auth-form input:focus,.auth-form select:focus{outline-offset:2px;border-color:var(--club-primary,#123d84);box-shadow:0 0 0 3px color-mix(in oklch,var(--club-primary,#123d84) 16%,transparent);outline:2px solid #0000}.auth-form .auth-submit{background:var(--blue-2);min-height:48px;box-shadow:var(--shadow-brand-md);border-radius:14px;margin-top:3px}.auth-form .auth-submit:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-2px)}.login-mode{background:#f4f7fb;border:1px solid #2f45581f;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.login-mode button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-size:.72rem;font-weight:800;transition:background .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}.login-mode button.active{color:var(--brand-ink);box-shadow:var(--shadow-sm);background:#fff}.hervat-wedstrijd{background:#f4f7fb;border:1px solid #2f455824;border-radius:14px;gap:2px;padding:12px 13px;display:grid}.hervat-wedstrijd b{color:var(--ink);font-size:.86rem;font-weight:800}.hervat-wedstrijd small{color:var(--muted);font-feature-settings:"tnum";font-size:.7rem}.hervat-knoppen{grid-template-columns:1.6fr 1fr;gap:7px;margin-top:9px;display:grid}.hervat-knoppen button{min-height:44px;font-size:.72rem}.auth-credentials{opacity:0;pointer-events:none;visibility:hidden;gap:14px;max-height:0;transition:max-height .44s cubic-bezier(.22,1,.36,1),opacity .24s,transform .44s cubic-bezier(.22,1,.36,1),visibility 0s linear .44s;display:grid;overflow:hidden;transform:translateY(-8px)}.auth-credentials.ready{opacity:1;pointer-events:auto;visibility:visible;max-height:360px;transition:max-height .44s cubic-bezier(.22,1,.36,1),opacity .24s,transform .44s cubic-bezier(.22,1,.36,1),visibility;transform:translateY(0)}.club-select{z-index:3;color:var(--ink-soft);gap:7px;font-size:.72rem;font-weight:800;display:grid;position:relative}.club-select-trigger{width:100%;min-height:50px;color:var(--ink);font:600 .82rem var(--stack-body);text-align:left;background:#ffffffeb;border:1px solid #2f455829;border-radius:14px;justify-content:space-between;align-items:center;padding:0 14px;transition:border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);display:flex}.club-select-trigger:hover,.club-select-trigger[aria-expanded=true]{border-color:color-mix(in oklch,var(--club-primary,#123d84) 45%,transparent);box-shadow:0 0 0 4px color-mix(in oklch,var(--club-primary,#123d84) 12%,transparent)}.club-select-trigger i{border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);width:9px;height:9px;margin-right:3px;transition:transform .2s cubic-bezier(.22,1,.36,1);transform:rotate(45deg)translateY(-2px)}.club-select-trigger[aria-expanded=true] i{transform:rotate(225deg)translate(-1px,-2px)}.club-select-menu{z-index:5;box-shadow:var(--shadow-lg);background:#fffffffa;border:1px solid #2f455821;border-radius:15px;padding:6px;animation:.18s cubic-bezier(.22,1,.36,1) both club-menu-in;position:absolute;top:calc(100% + 8px);left:0;right:0}.club-select-menu button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:background .18s,transform .18s cubic-bezier(.22,1,.36,1);display:flex}.club-select-menu button:hover{background:color-mix(in oklch,var(--blue) 6%,#fff);transform:translate(2px)}.club-select-menu img{object-fit:contain;width:34px;height:34px}.club-select-menu span{gap:2px;display:grid}.club-select-menu b{font-size:.76rem}.club-select-menu small{color:var(--muted);font-size:.61rem;font-weight:700}.club-select-menu em{color:var(--brand-ink);margin-left:auto;font-size:1rem;font-style:normal}.club-select:has(.club-select-menu)+.auth-credentials{visibility:hidden}@keyframes auth-panel-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes entry-colour-drift{0%{transform:translate(-30%,-25%)scale(.84)}to{transform:translate(-12%,-8%)scale(1.13)}}@keyframes club-colour-drift{0%{transform:translate(16%,2%)scale(1.08)}to{transform:translate(26%,10%)scale(1.22)}}@keyframes club-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.privacy-note{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.privacy-note h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 7px;font-size:.78rem}.privacy-note p{color:var(--muted);margin:0;font-size:.68rem;font-weight:600;line-height:1.6}.privacy-note summary{min-height:44px;color:var(--brand-ink);cursor:pointer;align-items:center;font-size:.68rem;font-weight:800;display:flex}.privacy-note summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.privacy-note ul{color:var(--muted);margin:0 0 6px;padding-left:17px;font-size:.66rem;font-weight:600;line-height:1.6}.privacy-note li+li{margin-top:6px}.makers{text-align:center;margin:26px 0 4px}.makers summary{width:44px;height:44px;color:var(--muted);cursor:pointer;opacity:.45;border-radius:50%;place-items:center;list-style:none;display:inline-grid}.makers summary::-webkit-details-marker{display:none}.makers summary:hover,.makers[open] summary{opacity:.9;background:#0819400d}.makers summary:focus-visible{opacity:.9;outline:2px solid var(--blue);outline-offset:2px}.makers summary svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:15px;height:15px}.makers p{color:var(--muted);font-size:var(--fs-meta);margin:0;font-weight:400}@media (max-width:560px){.auth-shell{padding:18px 15px}.auth-panel{border-radius:19px;padding:23px 19px}.auth-panel-brand{margin-bottom:23px}.auth-panel-copy h1{font-size:1.75rem}}@media (max-width:560px) and (max-height:700px){.auth-shell{align-items:start}.auth-panel{margin-top:clamp(16px,6vh,48px)}}.team-admin-overview{border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.team-admin-overview article{background:#ffffffc7;padding:15px 17px}.team-admin-overview small{color:var(--muted);letter-spacing:.1em;font-size:.56rem;font-weight:900;display:block}.team-admin-overview b{color:var(--ink);margin-top:4px;font-size:1.15rem;display:block}.team-admin-overview span{color:var(--muted);margin-top:2px;font-size:.62rem;display:block}.team-admin-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.team-admin-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.team-admin-player{border:1px solid var(--line);min-width:0;min-height:64px;color:var(--ink);text-align:left;transition:transform .22s var(--spring),border-color .22s var(--spring),box-shadow .22s var(--spring),background .22s var(--spring);background:#ffffff85;border-radius:16px;align-items:center;gap:10px;padding:9px;display:flex}.team-admin-player:hover,.team-admin-player.selected{border-color:color-mix(in oklch,var(--blue) 38%,transparent);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-2px)}.team-admin-player span:nth-child(2){min-width:0}.team-admin-player b,.team-admin-player small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.team-admin-player b{font-size:.78rem}.team-admin-player small{color:var(--muted);margin-top:2px;font-size:.61rem}.team-admin-player i{color:var(--muted);margin-left:auto;font-style:normal}.team-roster-afgehaald{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.team-roster-afgehaald .hint{margin:6px 0 0}.afgehaald-lijst{gap:8px;margin-top:12px;display:grid}.afgehaald-rij{border:1px solid var(--line);background:#ffffff85;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.afgehaald-rij b{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.afgehaald-rij button{min-height:44px;color:var(--brand-ink);white-space:nowrap;margin-left:auto;padding:0 14px;font-size:.68rem}.player-detail-panel{position:sticky;top:12px}.player-detail-panel p{margin:8px 0 0}.player-detail-panel input[type=file]{min-height:42px;padding:9px;font-size:.66rem}.uit-selectie-bevestiging{gap:8px;margin-top:14px;display:grid}.uit-selectie-bevestiging b{font-size:.73rem}.crop-controls{gap:4px;margin-top:8px;display:grid}.crop-controls label{grid-template-columns:82px 1fr;align-items:center}.crop-controls input[type=range]{height:44px;accent-color:var(--brand-ink)}.secondary-layout{grid-template-columns:1fr 1fr}.schedule-list{gap:9px;margin-top:14px;display:grid}.schedule-row{border:1px solid var(--line);background:#ffffff8a;border-radius:15px;align-items:center;gap:12px;padding:11px;display:flex}.schedule-row div{min-width:0}.schedule-row b,.schedule-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.schedule-row b{font-size:.74rem}.schedule-row small{color:var(--muted);margin-top:3px;font-size:.61rem}.schedule-row span{border-radius:999px;flex:none;margin-left:auto;padding:6px 8px;font-size:.57rem;font-weight:900}.sound-on{color:#11683a;background:#e8faef}.sound-off{color:#8d5f00;background:#fff2c9}.match-history{gap:9px;margin-top:15px;display:grid}.match-history-row{border:1px solid var(--line);background:#ffffff8a;border-radius:15px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;display:grid}.match-history-row b,.match-history-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.match-history-row b{font-size:.75rem}.match-history-row small{color:var(--muted);margin-top:3px;font-size:.6rem}.match-history-row strong{color:var(--brand-ink);font-size:.9rem}.match-history-row button{border:1px solid color-mix(in oklch,var(--blue) 16%,transparent);color:var(--brand-ink);background:color-mix(in oklch,var(--blue) 7%,#fff);border-radius:10px;padding:7px 9px;font-size:.58rem;font-weight:900}.empty-state{text-align:center;min-height:230px;color:var(--muted);place-content:center;display:grid}.empty-state b{color:var(--ink)}.empty-state p{max-width:330px;margin:6px auto 0;font-size:.7rem;line-height:1.5}.empty-state .primary{justify-self:center;margin-top:16px}.team-columns.enkel{grid-template-columns:minmax(0,1fr)}.player-list.compact .player-row{grid-template-columns:18px 34px minmax(0,1fr)}@media (max-width:980px){.team-admin-layout,.secondary-layout{grid-template-columns:minmax(0,1fr)}.player-detail-panel{position:static}.team-admin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.team-admin-player-list{grid-template-columns:minmax(0,1fr)}.team-admin-overview article{padding:13px}.match-history-row{grid-template-columns:minmax(0,1fr) auto}.match-history-row button{grid-column:1/-1}}.platform-screen .page-hero h1{max-width:520px}.platform-screen .page-hero p{max-width:650px}.platform-screen .page-hero.compact{padding-top:12px}.team-admin-panel{grid-row:span 2}@media (max-width:980px){.team-admin-panel{grid-row:auto}}.player-workspace{padding-top:10px}.player-schedule{grid-template-columns:minmax(0,.9fr) minmax(280px,.8fr);align-items:stretch;gap:18px;display:grid}.player-schedule-copy{align-self:center}.player-schedule-copy h1,.lineup-setup-card h1{letter-spacing:-.07em;margin:6px 0 10px;font-size:clamp(2.25rem,5vw,4.25rem);line-height:.96}.player-schedule-copy p,.lineup-setup-card p{max-width:620px;color:var(--muted);margin:0;font-size:1rem;line-height:1.45}.team-photo-card{border:1px solid color-mix(in oklch,var(--blue) 12%,transparent);min-height:360px;box-shadow:var(--shadow);background:#fff;border-radius:32px;margin:0;position:relative;overflow:hidden}.team-photo-stack{scroll-snap-type:x mandatory;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:14px;min-width:0;padding:2px 2px 14px;display:grid;overflow-x:auto}.team-photo-stack .team-photo-card{scroll-snap-align:center;min-width:0}.team-photo-placeholder{width:100%;height:100%;min-height:360px;color:var(--muted);background:linear-gradient(145deg,color-mix(in srgb,var(--club-primary) 7%,#fff),color-mix(in srgb,var(--club-accent) 13%,#fff));align-content:center;place-items:center;gap:12px;display:grid}.team-photo-placeholder img{object-fit:contain;filter:drop-shadow(0 12px 18px #11283b1f);width:72px;height:72px}.team-photo-placeholder span{font-size:.72rem;font-weight:850}.team-photo-card img{object-fit:cover;object-position:center 30%;width:100%;height:100%;min-height:360px;transform:scale(1.02)}.team-photo-card:after{content:"";background:linear-gradient(180deg,transparent 58%,color-mix(in srgb,var(--blue) 62%,transparent));pointer-events:none;position:absolute;inset:0}.team-photo-card figcaption{z-index:1;color:var(--brand-on);background:var(--blue);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:.7rem;font-weight:900;position:absolute;bottom:16px;left:18px}.team-admin-photo-preview{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:22px;margin:14px 0;display:block}.team-admin-photo-empty{border:1px dashed color-mix(in oklch,var(--blue) 22%,transparent);min-height:160px;color:var(--muted);background:color-mix(in oklch,var(--panel) 84%,var(--yellow) 16%);border-radius:22px;place-items:center;margin:14px 0;display:grid}.match-option-list{grid-column:1/-1;gap:10px;display:grid}.match-option-card{border:1px solid var(--line);color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);transition:transform .22s var(--spring),box-shadow .22s var(--spring),border-color .22s var(--spring);background:#ffffffb8;border-radius:22px;gap:4px;padding:17px 18px;display:grid}.match-option-card:hover{border-color:color-mix(in oklch,var(--blue) 32%,transparent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.match-option-card span{color:var(--brand-ink);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:900}.match-option-card b{font-size:1.05rem}.match-option-card small{color:var(--muted)}.match-option-card i{color:var(--brand-ink);justify-self:end;font-style:normal;font-weight:900}.lineup-setup-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffc7;border-radius:30px;padding:24px}.live-field-card{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.live-field-card>div{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffb8;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px;display:grid}.live-field-card .eyebrow{grid-column:1/-1}.live-field-card button{min-width:0;color:var(--ink);transition:transform .22s var(--spring),box-shadow .22s var(--spring);background:#ffffff94;border:1px solid #0000;border-radius:18px;place-items:center;gap:5px;padding:9px 6px;display:grid}.live-field-card button:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.live-field-card b{text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:.66rem;overflow:hidden}.live-field-card small{color:var(--muted);font-size:.55rem}.empty-state.slim{min-height:150px}.compact-button{min-height:32px;padding:7px 10px}.match-history-row.as-button{cursor:pointer;text-align:left;width:100%}.match-history-row.selected{border-color:color-mix(in oklch,var(--blue) 44%,transparent);box-shadow:var(--shadow-md);background:#fff}.match-history-row span{color:var(--brand-ink);font-size:.62rem;font-weight:900}.pdf-report-template{margin-top:16px}.report-sheet{border:1px solid var(--line);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--blue) 4%,#fff) 72%,color-mix(in srgb,var(--yellow) 22%,#fff));width:min(100%,794px);min-height:1123px;box-shadow:var(--shadow);border-radius:24px;margin:0 auto;padding:42px}.report-sheet header{border-bottom:3px solid var(--yellow);align-items:center;gap:16px;padding-bottom:18px;display:flex}.report-sheet header img{object-fit:contain;width:62px;height:62px}.report-sheet header span{color:var(--brand-ink);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:900}.report-sheet h2{letter-spacing:-.05em;margin:4px 0;font-size:2rem}.report-sheet p{color:var(--muted);margin:0}.report-score{color:var(--brand-on);background:linear-gradient(135deg,var(--blue),var(--blue-2));text-align:center;border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:28px 0;padding:20px;display:grid}.report-score strong{color:var(--yellow);letter-spacing:-.08em;font-size:3rem}.report-player-bubbles{flex-wrap:wrap;gap:10px;margin:0 0 24px;display:flex}.report-player-bubbles span{color:var(--muted);place-items:center;gap:4px;font-size:.58rem;font-weight:800;display:grid}.report-player-bubbles .portrait-orb{width:54px;height:54px;box-shadow:var(--shadow-md);border:3px solid #fff}.media-block{border:1px solid var(--line);background:#f7faffa8;border-radius:18px;margin-top:16px;padding:14px}.file-drop{text-align:center;min-height:54px;transition:transform .2s var(--spring),background .2s var(--spring);place-items:center;border:1px dashed color-mix(in oklch,var(--blue) 32%,transparent)!important;color:var(--brand-ink)!important;background:#ffffffb3!important;border-radius:16px!important;padding:12px!important;display:grid!important}.file-drop:hover{transform:translateY(-2px);background:#fff!important}.file-drop input{opacity:0;overflow:hidden;border:0!important;width:1px!important;height:1px!important;padding:0!important}.waveform.interactive{cursor:ew-resize}.schedule-url-grid{gap:9px;margin-top:14px;display:grid}.korfbal-field-planner{background:linear-gradient(90deg,#0e5d35,#117043);border-radius:26px;grid-template-columns:1fr 1fr;gap:12px;min-height:420px;margin:15px 0;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff38}.korfbal-field-planner:before{content:"";pointer-events:none;border:2px solid #ffffff8c;border-radius:10px;position:absolute;inset:22px}.field-zone{border:1px solid #ffffff59;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-content:center;gap:12px;padding:16px;display:grid;position:relative}.field-zone b{color:#fff;text-shadow:0 1px 2px #0003;position:absolute;top:8px;left:16px;right:16px}.field-zone:after{content:"";pointer-events:none;border:2px solid #ffffff8c;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-slot{z-index:1;place-self:center;width:min(100%,160px);position:relative;color:#fff!important;margin:0!important}.field-slot>span{width:36px;height:36px;color:var(--brand-on-accent);background:var(--yellow);border:3px solid #fff;border-radius:50%;place-items:center;margin:0 auto 7px;font-weight:900;display:grid}.field-slot select{width:100%;min-height:36px;color:var(--ink);background:#ffffffeb;border:0;border-radius:12px;font-size:.62rem;font-weight:800}.lineup-bench-editor{border:1px solid var(--line);background:#ffffffbd;border-radius:20px;gap:10px;margin:14px 0 16px;padding:14px;display:grid}.lineup-bench-editor>b,.lineup-step{color:var(--brand-ink)}.lineup-bench-editor input,.lineup-bench-editor select{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border-radius:12px;padding:9px 10px;font-size:.72rem;font-weight:800}.lineup-bench-editor>div:not(.quick-player-create):not(.frequent-bench){flex-wrap:wrap;gap:8px;min-width:0;display:flex}.lineup-bench-editor span,.frequent-bench button{border:1px solid var(--line);min-width:0;max-width:100%;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 8px;font-size:.64rem;font-weight:900;line-height:1;display:inline-flex}.frequent-bench button{overflow:hidden}.lineup-bench-editor .chip-portret,.frequent-bench .chip-portret{border:0;border-radius:50%;flex:none;width:28px;height:28px;padding:0;overflow:hidden}.lineup-bench-editor .chip-portret img,.frequent-bench .chip-portret img{object-fit:cover!important;border-radius:0!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important}.lineup-bench-editor span img,.frequent-bench img{transform-origin:50%;object-fit:cover!important;border-radius:50%!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;display:block!important}.lineup-bench-editor span button{color:#9c1831;background:#ffe9ee;border:0;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;padding:0;font-size:.8rem;font-weight:900;display:grid;position:relative}.lineup-bench-editor span button:after{content:"";position:absolute;inset:-11px}.frequent-bench{flex-wrap:wrap;gap:8px;display:flex}.frequent-bench button{cursor:pointer;border-style:dashed;min-height:44px}.quick-player-create{grid-template-columns:minmax(0,1fr) 86px auto;align-items:center;gap:8px;display:grid}.quick-player-create .secondary{white-space:nowrap;min-height:44px}.lineup-step{margin-top:6px}.frequent-bench button small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.52rem;font-weight:800;display:block;overflow:hidden}.swap-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.swap-columns>div{align-content:start;gap:8px;display:grid}.swap-columns b{color:var(--brand-ink)}.swap-columns button{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:#ffffffb3;border-radius:14px;align-items:center;gap:9px;padding:8px;display:flex}.swap-columns button.selected{border-color:var(--brand-ink);background:color-mix(in oklch,var(--blue) 7%,#fff)}.swap-columns button:disabled{opacity:.45;cursor:not-allowed}.swap-columns button span:last-child{min-width:0;display:grid}.swap-columns small{color:var(--muted);font-size:.56rem}.spotify-card{border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in oklch,var(--yellow) 10%,#fff),#ffffffd6 58%,color-mix(in oklch,var(--blue) 6%,#fff));box-shadow:var(--shadow);border-radius:23px;gap:14px;padding:20px;display:grid;position:relative;overflow:hidden}.spotify-card:after{content:"";background:radial-gradient(circle,color-mix(in oklch,var(--yellow) 22%,transparent),transparent 68%);pointer-events:none;border-radius:50%;width:180px;height:180px;animation:18s ease-in-out infinite alternate orb-drift;position:absolute;bottom:-96px;right:-82px}.spotify-card>div,.spotify-card label,.spotify-card button{z-index:1;position:relative}.spotify-card>div{align-items:center;gap:12px;display:flex}.spotify-card>div>span{width:42px;height:42px;color:var(--brand-on-accent);background:var(--yellow);box-shadow:var(--shadow-sm);border-radius:50%;flex:0 0 42px;place-items:center;font-size:1.15rem;display:grid}.spotify-card b{letter-spacing:-.035em;font-size:1rem;display:block}.spotify-card small{color:var(--muted);margin-top:3px;font-size:.67rem;line-height:1.35;display:block}.spotify-card label{color:var(--muted);gap:6px;font-size:.62rem;font-weight:900;display:grid}.spotify-card input{border:1px solid var(--line);width:100%;min-height:39px;color:var(--ink);background:#ffffffb8;border-radius:12px;padding:9px 11px;font-size:.66rem;font-weight:800}.spotify-card button{border:1px solid color-mix(in oklch,var(--blue) 32%,transparent);min-height:44px;color:var(--brand-ink);box-shadow:var(--shadow-sm);background:#ffffffb3;border-radius:14px;font-weight:900}.live-snapshot-list{margin:18px 0 0}.live-snapshot-card{background:linear-gradient(135deg,#effff6eb,#fffc)!important;border-color:#1ab96a3d!important}.live-snapshot-card span{color:#12733f!important}.snapshot-actions{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:10px;display:grid}.snapshot-actions .primary,.snapshot-actions .secondary{border-radius:12px;min-height:36px;padding:8px 12px;font-size:.62rem}.spectator-share-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffbd;border-radius:22px;grid-template-columns:minmax(0,1fr) 86px auto;align-items:center;gap:12px;margin:12px 0 16px;padding:14px 46px 14px 14px;display:grid;position:relative;overflow:hidden}.spectator-share-card h2{letter-spacing:-.04em;margin:3px 0;font-size:1rem}.spectator-share-card p{color:var(--muted);margin:0;font-size:.68rem;line-height:1.35}.spectator-share-card img{border:1px solid var(--line);width:86px;height:86px;box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;padding:6px}.spectator-share-card .secondary{white-space:nowrap;min-height:38px}.qr-close{z-index:2;border:1px solid color-mix(in oklch,var(--blue) 12%,transparent);width:26px;height:26px;min-height:0;color:var(--muted);box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffffa6;transition:transform .18s var(--spring),color .18s,background .18s;background:#ffffffbd;border-radius:50%;place-items:center;padding:0;font-size:.86rem;font-weight:900;line-height:1;display:grid;position:absolute;top:12px;right:12px}.qr-close:after{content:"";position:absolute;inset:-10px}.qr-close:hover{color:var(--brand-ink);background:#fff;transform:scale(1.06)rotate(4deg)}.qr-actions{gap:8px;display:grid}.qr-mini-card{border:1px solid var(--line);width:100%;color:var(--brand-ink);box-shadow:var(--shadow-sm);text-align:left;background:#ffffffb3;border-radius:18px;margin:12px 0 16px;padding:11px 14px;font-size:.68rem;font-weight:900}.qr-mini-card span{float:right;color:var(--muted);font-size:.6rem}.qr-mini-card.bottom{opacity:.86;margin:16px 0 92px}.spotify-card.compact{border-radius:19px;gap:10px;padding:14px}.spotify-card.compact>div{gap:10px}.spotify-card.compact>div>span{flex-basis:34px;width:34px;height:34px}.spotify-logo{width:34px;height:34px;color:var(--brand-on-accent);background:var(--yellow);border-radius:50%;place-items:center;font-size:1.05rem;line-height:1;display:grid}.spotify-logo img{object-fit:contain;width:22px;height:22px;display:block}.spotify-card.compact button{border-radius:12px;min-height:44px;font-size:.68rem}.music-layout{grid-template-columns:.82fr 1.35fr;align-items:start;gap:16px;display:grid}.music-owner-card,.music-editor-card{overflow:hidden}.music-owner-card .profile-editor-head{margin-top:14px}.sound-status-card{border:1px solid color-mix(in oklch,var(--blue) 12%,transparent);background:linear-gradient(135deg,#1158c214,#ffd51e1a);border-radius:17px;gap:4px;margin-top:18px;padding:14px;display:grid}.sound-status-card span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:900}.sound-status-card b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.sound-status-card small{color:var(--muted);font-size:.62rem;line-height:1.4}.music-editor-card h2{font:800 1.35rem/1.05 var(--stack-body);letter-spacing:-.04em;margin:5px 0 8px}.sound-file-drop{margin-top:16px;background:linear-gradient(135deg,#ffffffe6,#e8f1ffbf)!important;min-height:66px!important}.team-admin-select-row{grid-template-columns:minmax(116px,.72fr) minmax(190px,1fr) minmax(190px,1fr) auto;align-items:center}.team-admin-select-row select{border:1px solid var(--line);width:100%;min-height:39px;color:var(--ink);background:#fff;border-radius:12px;padding:8px 10px;font-size:.64rem;font-weight:800}.wedstrijdvorm-keuze select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#ffffff9e;border-radius:10px;padding:10px 11px;font-size:.73rem;font-weight:700}.timeline li{align-items:start;padding:4px 0}.timeline p{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.35;overflow:visible}@media (max-width:760px){.player-schedule{grid-template-columns:minmax(0,1fr)}.player-schedule-copy h1,.lineup-setup-card h1{font-size:2.45rem}.team-photo-card{aspect-ratio:16/11;border-radius:24px;min-height:0}.team-photo-card img{object-position:center 28%;min-height:0}.live-field-card,.swap-columns{grid-template-columns:minmax(0,1fr)}.live-field-card>div{grid-template-columns:repeat(4,minmax(68px,1fr));overflow-x:auto}.korfbal-field-planner{grid-template-columns:minmax(0,1fr);min-height:620px}.field-zone{min-height:285px}.report-sheet{border-radius:20px;min-height:auto;padding:22px}.report-score{grid-template-columns:minmax(0,1fr)}}@media print{.pdf-report-template{margin:0!important}.report-sheet{width:210mm!important;min-height:297mm!important;box-shadow:none!important;border:0!important;border-radius:0!important}.team-screen>:not(.pdf-report-template){display:none!important}}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}.schedule-list,.schedule-url-grid,.match-history,.match-option-list,.qr-actions,.public-content{grid-template-columns:minmax(0,1fr)}.app,.shell,.topbar,.player-workspace,.player-schedule,.player-schedule-copy,.match-option-list,.match-option-card,.lineup-setup-card,.team-photo-card{min-width:0;max-width:100%}.shell,.topbar{width:min(1160px,100dvw - 32px)}.player-schedule-copy h1,.lineup-setup-card h1,.match-option-card b,.match-option-card small,.player-schedule-copy p,.lineup-setup-card p{overflow-wrap:break-word;max-width:100%}.korfbal-field-planner.single-court{aspect-ratio:2.15;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:0;padding:14px}.korfbal-field-planner.single-court .field-zone{border:0;border-radius:0;min-height:0}.korfbal-field-planner.single-court .field-zone:first-child{border-right:2px solid #ffffff8c}.korfbal-field-planner.single-court .field-zone.defense:after{left:38%}.korfbal-field-planner.single-court .field-zone.attack:after{left:62%}.korfbal-field-planner.single-court .field-slot{width:56px;height:56px}.korfbal-field-planner.single-court .field-slot>span{background:#fff;width:56px;height:56px;margin:0 auto;overflow:hidden;box-shadow:0 8px 18px #0000002e}.korfbal-field-planner.single-court .field-slot>span img{object-fit:cover!important;border-radius:50%!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;display:block!important}.korfbal-field-planner.single-court .field-slot select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.korfbal-field-planner.single-court .field-slot .veldnaam{color:#fff;letter-spacing:.01em;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #0000008c;white-space:nowrap;pointer-events:none;width:104px;margin-top:4px;font-size:.6rem;font-style:normal;font-weight:800;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%)}@media (max-width:760px){.app{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.shell,.topbar,.public-screen{width:calc(100dvw - 24px)}.topbar{gap:10px;height:auto;min-height:68px;padding:14px 0 8px}.brand{min-width:0;min-height:44px}.brand img{width:34px;height:34px}.brand span{min-width:0;font-size:1.03rem}.top-actions{flex:none;gap:7px}.session-chip,.signout-button{display:none}.player-workspace{padding-top:4px}.player-schedule{width:100%;display:block}.player-schedule-copy{margin-bottom:15px}.player-schedule-copy .eyebrow{letter-spacing:.13em;font-size:.56rem}.player-schedule-copy h1,.lineup-setup-card h1{letter-spacing:-.075em;margin-top:10px;font-size:clamp(2rem,14vw,2.72rem);line-height:.93}.player-schedule-copy p,.lineup-setup-card p{font-size:.91rem;line-height:1.42}.team-photo-card{aspect-ratio:16/9;border-radius:24px;width:100%;min-height:0;margin:12px 0}.team-photo-stack{grid-auto-columns:100%;margin:12px 0;padding-bottom:10px}.team-photo-stack .team-photo-card{margin:0}.team-photo-card img{object-fit:cover;object-position:center 31%;width:100%;height:100%;min-height:0;display:block;transform:none}.team-photo-card figcaption{font-size:.63rem;bottom:13px;left:14px}.match-option-list{width:100%}.match-option-card{border-radius:22px;grid-template-columns:minmax(0,1fr);width:100%;padding:16px;overflow:hidden}.match-option-card span{font-size:.58rem}.match-option-card b{white-space:normal;font-size:.94rem;line-height:1.18}.match-option-card small{white-space:normal;font-size:.75rem;line-height:1.35}.match-option-card i{color:var(--brand-on);background:linear-gradient(135deg,var(--blue),var(--blue-2));text-align:center;box-shadow:var(--shadow-brand-md);border-radius:14px;justify-self:stretch;margin-top:10px;padding:11px 12px;font-size:.76rem}.lineup-setup-card{border-radius:24px;padding:18px 14px;overflow:hidden}.korfbal-field-planner.single-court{aspect-ratio:1.45;border-radius:21px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;margin:14px 0;padding:10px}.korfbal-field-planner.single-court:before{border-radius:8px;inset:10px}.korfbal-field-planner.single-court .field-zone{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:22px 7px;min-height:0;padding:11px 7px}.korfbal-field-planner.single-court .field-zone b{font-size:.66rem}.korfbal-field-planner.single-court .field-zone:after{width:44px;height:44px}.korfbal-field-planner.single-court .field-slot{width:46px;height:46px}.korfbal-field-planner.single-court .field-slot>span{border-width:2px;width:46px;height:46px}.lineup-bench-editor{border-radius:18px;padding:12px}.quick-player-create{grid-template-columns:minmax(0,1fr)}.lineup-bench-editor span{justify-content:flex-start;width:100%}.lineup-bench-editor span button{margin-left:auto}.live-field-card{grid-template-columns:minmax(0,1fr)}.live-field-card>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px 8px;overflow:visible}.live-field-card button{border-radius:15px;padding:8px 3px}.live-field-card b{max-width:58px;font-size:.58rem}.spotify-card{border-radius:20px;padding:17px}.spotify-card input{font-size:.6rem}.spotify-card.compact{padding:13px}.music-layout{grid-template-columns:minmax(0,1fr);gap:12px}.music-screen .page-hero p{font-size:.78rem}.spectator-share-card{border-radius:19px;grid-template-columns:minmax(0,1fr) 72px;padding:12px 44px 12px 12px}.spectator-share-card img{border-radius:13px;width:72px;height:72px}.spectator-share-card .qr-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.spectator-share-card .qr-actions button{width:100%}.spectator-share-card .qr-close{width:24px;height:24px}.spectator-share-card .qr-close:after{inset:-11px}.snapshot-actions{grid-template-columns:minmax(0,1fr)}.team-admin-select-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.mobile-nav .mobile-signout{color:#8d253d;background:#fff5f7}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action,.goal-action{min-width:0}}@media (max-width:560px){.korfbal-field-planner.single-court{aspect-ratio:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:0;min-height:520px;padding:12px}.korfbal-field-planner.single-court .field-zone{grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:24px 8px;padding:12px 10px}.korfbal-field-planner.single-court .field-zone:first-child{border-bottom:2px solid #ffffff8c;border-right:0}.korfbal-field-planner.single-court .field-zone b{letter-spacing:.02em;font-size:.72rem}.korfbal-field-planner.single-court .field-zone.defense:after,.korfbal-field-planner.single-court .field-zone.attack:after{width:38px;height:38px;left:50%}.korfbal-field-planner.single-court .field-zone.defense:after{top:33%}.korfbal-field-planner.single-court .field-zone.attack:after{top:67%}.korfbal-field-planner.single-court .field-slot{width:100%;max-width:56px;height:auto}.korfbal-field-planner.single-court .field-slot>span{width:44px;height:44px}}@media (max-width:380px){.shell,.topbar,.public-screen{width:calc(100dvw - 20px)}.player-schedule-copy h1,.lineup-setup-card h1{font-size:2.28rem}.player-schedule-copy p,.lineup-setup-card p{font-size:.86rem}.match-option-card{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.orb,.app:before,.auth-color-wash{animation-play-state:running!important}}.quick-action span:before{content:"";width:20px;height:20px;-webkit-mask:var(--actie-icoon) center/20px 20px no-repeat;-webkit-mask:var(--actie-icoon) center/20px 20px no-repeat;mask:var(--actie-icoon) center/20px 20px no-repeat;background:currentColor;display:block}.quick-action{text-align:center}.quick-action em{font-style:normal}.quick-action[data-actie=statistieken] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 20.2h16.8'/%3E%3Cpath d='M6.8 20.2v-6.6'/%3E%3Cpath d='M12 20.2V4.6'/%3E%3Cpath d='M17.2 20.2v-9.8'/%3E%3C/svg%3E")}.quick-action[data-actie=muziek] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.4 17.4V5.5l8.6-1.7v11.9'/%3E%3Ccircle cx='7.1' cy='17.6' r='2.4'/%3E%3Ccircle cx='15.7' cy='15.7' r='2.4'/%3E%3C/svg%3E")}.quick-action[data-actie=muziek-uit] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.4 17.4V5.5l8.6-1.7v11.9'/%3E%3Ccircle cx='7.1' cy='17.6' r='2.4'/%3E%3Ccircle cx='15.7' cy='15.7' r='2.4'/%3E%3Cpath d='M4.3 4.3 19.7 19.7'/%3E%3C/svg%3E")}.quick-action[data-actie=wissel] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.8 8.6h14.4'/%3E%3Cpath d='M14.8 5.2 18.2 8.6 14.8 12'/%3E%3Cpath d='M20.2 15.4H5.8'/%3E%3Cpath d='M9.2 12 5.8 15.4 9.2 18.8'/%3E%3C/svg%3E")}.quick-action[data-actie=time-out] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.4'/%3E%3Cpath d='M10.1 9.1v5.8'/%3E%3Cpath d='M13.9 9.1v5.8'/%3E%3C/svg%3E")}.quick-action[data-actie=geluid-uit] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 9.3h3.3L11.9 5.6v12.8L7.5 14.7H4.2z'/%3E%3Cpath d='M15.9 9.9 20.1 14.1'/%3E%3Cpath d='M20.1 9.9 15.9 14.1'/%3E%3C/svg%3E")}.quick-action[data-actie=helft] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.3 20.4V3.9'/%3E%3Cpath d='M6.3 5.1h11.4l-2.3 3.7 2.3 3.7H6.3'/%3E%3C/svg%3E")}.quick-action[data-actie=helft-scherp] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.3 20.9 19.7H3.1z'/%3E%3Cpath d='M12 10.1v3.9'/%3E%3Cpath d='M12 16.8h.01'/%3E%3C/svg%3E")}.quick-action[data-actie=rapport] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 3.8h7.3l4.3 4.3v12.1H6.2z'/%3E%3Cpath d='M13.5 3.8v4.3h4.3'/%3E%3Cpath d='M9.1 13h5.8'/%3E%3Cpath d='M9.1 16.4h5.8'/%3E%3C/svg%3E")}.quick-action[data-actie=terugdraaien] span{--actie-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 4.6v6h6'/%3E%3Cpath d='M5.1 15.1a8.6 8.6 0 1 0 2-8.9L2.6 10.6'/%3E%3C/svg%3E")}@media (max-width:720px){.quick-action{text-align:left;grid-template-columns:25px minmax(0,1fr);place-items:center start;column-gap:9px;padding:9px 11px;display:grid}.quick-action em{min-width:0}}.toggle-chip em{font-style:normal}.toggle-chip b{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);font-size:.58rem;font-weight:800}.toggle-chip.uit{color:var(--muted)}.toggle-chip.uit span{color:#8a94a6;background:#e9edf4}.toggle-chip.uit b{color:#8a94a6}.finish-match.scherp{color:#8d1a2f;background:linear-gradient(135deg,#fff6f7,#ffe4e9);border-color:#b2243d66}.finish-match.scherp span{color:#fff;background:#b2243d}.finish-match.scherp{animation:finish-arm .18s var(--spring)}@keyframes finish-arm{0%{transform:scale(.96)}to{transform:none}}.match-toggles{gap:var(--btn-gap);margin:var(--btn-gap) 0 0;grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:920px){.match-toggles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.match-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}}.match-finished{min-height:auto;padding-top:8px}.match-finished .finished-card{margin-inline:auto}.attack-card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in oklch, var(--blue) 8%, var(--panel)) 0%, var(--panel) 52%);box-shadow:var(--shadow-sm);border-radius:11px 11px 26px 26px;gap:5px;margin:5px 0 0;padding:9px 14px 8px;display:grid}.attack-card>.eyebrow{color:var(--muted);font-size:.55rem}@media (max-width:699px){.attack-card{row-gap:16px}}.attack-row{align-items:center;gap:8px;display:flex}.attack-row>img,.attack-mark{object-fit:contain;width:22px;height:22px;color:var(--brand-ink);background:color-mix(in oklch, var(--blue) 10%, #fff);border-radius:50%;flex:none;place-items:center;font-size:.52rem;font-weight:800;display:grid}.attack-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.76rem;font-weight:700;overflow:hidden}.attack-step{align-items:center;gap:4px;display:flex}.attack-step b{min-width:20px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:800}.attack-tick{border:1px solid var(--line);width:26px;height:26px;color:var(--brand-ink);transition:transform .14s var(--spring), background .14s ease;background:#fff;border-radius:8px;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:relative}.attack-tick:after{content:"";position:absolute;inset:-10px}.attack-tick:hover{background:color-mix(in oklch, var(--blue) 8%, #fff)}.attack-tick:active{transform:scale(.88)}.attack-tick:disabled{opacity:.3}.attack-foot{color:var(--muted);margin:1px 0 0;font-size:.66rem}@media (min-width:700px){.attack-card{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4px 28px;padding:10px 16px 9px}.attack-card>.eyebrow,.attack-card>.attack-foot{grid-column:1/-1}.attack-row{width:min(100%,360px)}}.attack-foot b{color:var(--brand-ink);font-variant-numeric:tabular-nums;font-weight:800}.goal-burst{z-index:2;pointer-events:none;border-radius:34px;place-items:start center;padding:6px 12px 0;display:grid;position:absolute;inset:0;overflow:hidden}.goal-burst span{max-width:100%;color:var(--yellow);letter-spacing:-.03em;text-overflow:ellipsis;text-shadow:0 4px 22px #00000059;white-space:nowrap;animation:goal-word 1.2s var(--spring) forwards;font-size:clamp(1.05rem,4.6vw,2.1rem);font-weight:900;line-height:1;overflow:hidden}.goal-burst i{background:var(--yellow);opacity:0;border-radius:2px;width:9px;height:9px;animation:1.2s ease-out forwards goal-fleck;position:absolute;top:50%;left:50%}.goal-burst i:nth-child(odd){background:#fff}.goal-burst i:nth-child(3n){border-radius:50%;width:7px;height:7px}.goal-burst i:nth-child(2){--dx:-132px;--dy:-74px;animation-delay:20ms}.goal-burst i:nth-child(3){--dx:118px;--dy:-92px;animation-delay:60ms}.goal-burst i:nth-child(4){--dx:-96px;--dy:66px;animation-delay:10ms}.goal-burst i:nth-child(5){--dx:148px;--dy:52px;animation-delay:90ms}.goal-burst i:nth-child(6){--dx:-176px;--dy:14px;animation-delay:40ms}.goal-burst i:nth-child(7){--dx:168px;--dy:-24px;animation-delay:.12s}.goal-burst i:nth-child(8){--dx:-52px;--dy:-104px;animation-delay:70ms}.goal-burst i:nth-child(9){--dx:64px;--dy:98px;animation-delay:30ms}.goal-burst i:nth-child(10){--dx:-210px;--dy:-46px;animation-delay:.11s}.goal-burst i:nth-child(11){--dx:206px;--dy:82px;animation-delay:50ms}.goal-burst i:nth-child(12){--dx:-24px;--dy:112px;animation-delay:.14s}.goal-burst i:nth-child(13){--dx:32px;--dy:-118px;animation-delay:80ms}@keyframes goal-word{0%{opacity:0;transform:scale(.55)rotate(-5deg)}18%{opacity:1;transform:scale(1.12)rotate(2deg)}32%{transform:scale(1)rotate(0)}74%{opacity:1}to{opacity:0;transform:scale(1.04)translateY(-14px)}}@keyframes goal-fleck{0%{opacity:0;transform:translate(0)scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx,0),var(--dy,0)) scale(1) rotate(220deg)}}.vote-confirm{z-index:60;border:1px solid color-mix(in oklch, var(--blue) 14%, transparent);background:var(--panel);max-width:min(92vw,380px);box-shadow:var(--shadow-xl);animation:vote-in .42s var(--spring);border-radius:20px;align-items:center;gap:13px;padding:13px 16px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.vote-trophy{background:color-mix(in oklch, var(--yellow) 34%, #fff);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:1.35rem;animation:1.4s ease-in-out .38s 2 vote-trophy;display:grid}.vote-confirm-body{flex:1;gap:2px;display:grid}.vote-confirm-body b{color:var(--ink);font-size:.94rem}.vote-confirm-body small{color:var(--muted);font-size:.78rem}.vote-confirm-portrait img{object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px;display:block}@keyframes vote-in{0%{opacity:0;transform:translate(-50%,22px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes vote-trophy{0%,to{transform:rotate(0)}30%{transform:rotate(-13deg)}65%{transform:rotate(13deg)}}@keyframes goal-word-stil{0%{opacity:0}12%,74%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.goal-burst i{display:none}.goal-burst span{animation:1.5s ease-out forwards goal-word-stil}}.live-idle{border:1px solid var(--line);background:var(--panel);max-width:560px;min-height:clamp(240px,42vh,400px);box-shadow:var(--shadow-sm);border-radius:24px;align-content:center;justify-items:start;gap:7px;margin:8px 0;padding:26px;display:grid}.live-idle h1{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,4vw,1.95rem)}.live-idle p{max-width:44ch;color:var(--muted);margin:0 0 6px;font-size:.86rem;line-height:1.6}.live-idle .primary{min-height:46px;padding-inline:20px}.password-field{display:block;position:relative}.password-field input{padding-right:46px}.password-eye{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:color .18s,background .18s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-eye:hover{color:var(--brand-ink);background:color-mix(in oklch,var(--blue) 7%,transparent)}.password-eye:after{content:"";position:absolute;inset:-6px}.password-eye svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:19px;height:19px;overflow:visible}.password-eye .eye-pupil{transition:r .22s cubic-bezier(.22,1,.36,1)}.password-eye .eye-slash{stroke-dasharray:23;stroke-dashoffset:23px;transition:stroke-dashoffset .22s cubic-bezier(.22,1,.36,1)}.password-eye.open{color:var(--brand-ink)}.password-eye.open .eye-slash{stroke-dashoffset:23px}.password-eye:not(.open) .eye-slash{stroke-dashoffset:0}.password-eye:not(.open) .eye-pupil{r:1.7}.password-gate-card{width:min(460px,100%);max-height:calc(100vh - 36px);color:var(--ink);box-shadow:var(--shadow-lg);animation:modal-in .36s var(--spring);background:linear-gradient(150deg,#fff,#f5f8ff);border:1px solid #ffffff80;border-radius:26px;place-self:center;padding:23px;overflow:auto}.password-gate-card h2{font:800 1.5rem/1.1 var(--stack-body);letter-spacing:-.04em;margin:4px 0 0}.password-gate-card>p{color:var(--muted);margin:8px 0 0;font-size:.74rem;line-height:1.55}.password-gate-card label{color:var(--muted);gap:6px;margin-top:15px;font-size:.66rem;font-weight:800;display:grid}.password-gate-card input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:12px;outline:0;padding:0 13px;font-size:.8rem}.password-gate-card input:focus{border-color:var(--brand-ink);box-shadow:0 0 0 3px color-mix(in oklch, var(--blue) 13%, transparent)}.password-note{min-height:34px;color:var(--muted);border-radius:10px;margin:14px 0 0;padding:8px 10px;font-size:.67rem;line-height:1.45}.password-note.fout{color:#a3263e;background:#fff0f3}.password-note.goed{color:#086837;background:#f4fff9f2}.password-gate-actions{gap:var(--btn-gap);grid-template-columns:1fr auto;margin-top:16px;display:grid}.password-gate-actions button{min-height:46px}.password-gate-actions button:disabled{opacity:.5;cursor:not-allowed}.password-gate-actions button:disabled:hover{box-shadow:var(--shadow-brand-md);transform:none}.account-password-card{margin-top:16px}.account-password-card h2{margin:4px 0 9px}.account-password-card .hint{max-width:62ch;display:block}.account-password-card .wide{max-width:290px;min-height:46px}.person-reset{border:1px solid var(--line);min-height:44px;color:var(--brand-ink);transition:transform .2s var(--spring),box-shadow .2s;background:#ffffffb8;border-radius:12px;flex:none;margin-left:auto;padding:0 11px;font-size:.6rem;font-weight:800}.person-reset:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}@media (max-width:720px){.password-gate-card{border-radius:21px 21px 15px 15px;place-self:end center;padding:19px}.password-gate-actions{grid-template-columns:minmax(0,1fr)}.account-password-card .wide{max-width:none}}.self-planning-details{border:1px solid var(--line);background:color-mix(in oklch, var(--panel) 86%, transparent);box-shadow:var(--shadow-sm);border-radius:20px;margin-top:18px;overflow:hidden}.self-planning-details>summary{min-height:66px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:14px 17px;list-style:none;display:flex}.self-planning-details>summary::-webkit-details-marker{display:none}.self-planning-details>summary span{gap:4px;min-width:0;display:grid}.self-planning-details>summary b{font:800 1rem/1.1 var(--stack-body);letter-spacing:-.025em}.self-planning-details>summary small{color:var(--muted);font-size:.68rem;line-height:1.3}.self-planning-details>summary i{border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);width:9px;height:9px;transition:transform .22s var(--spring);flex:none;transform:rotate(45deg)translateY(-2px)}.self-planning-details[open]>summary i{transform:rotate(225deg)translate(-1px,-2px)}.self-planning-body{animation:auth-panel-in .28s var(--spring) both;padding:0 10px 10px}.self-planning-body .cm-panel{box-shadow:none;background:0 0;border:0;padding:9px 7px 7px}.eigen-wedstrijden{border-top:1px solid var(--line);margin:4px 7px 0;padding-top:14px}.eigen-wedstrijden .hint{margin:6px 0 0}.eigen-wedstrijd-rij{border:1px solid var(--line);background:color-mix(in oklch,var(--panel) 92%,transparent);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.eigen-wedstrijd-rij>div{flex:150px;gap:2px;min-width:0;display:grid}.eigen-wedstrijd-rij b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.eigen-wedstrijd-rij small{color:var(--muted);font-size:.63rem}.eigen-wedstrijd-rij button{min-height:44px;color:var(--brand-ink);white-space:nowrap;padding:0 14px;font-size:.68rem}.eigen-wedstrijd-bevestiging{flex-wrap:wrap;gap:8px;display:flex}.privacy-note details{margin-top:0}.privacy-note summary{min-height:44px;color:var(--brand-ink);cursor:pointer;align-items:center;font-size:.68rem;font-weight:800;list-style:none;display:flex}.privacy-note summary::-webkit-details-marker{display:none}.privacy-note summary:before{content:"+";border:1px solid color-mix(in oklch, var(--blue) 24%, transparent);width:20px;height:20px;color:var(--brand-ink);transition:transform .2s var(--spring);border-radius:50%;place-items:center;margin-right:8px;font-size:.8rem;display:grid}.privacy-note details[open] summary:before{content:"-"}.privacy-note details>p{margin:0 0 7px}.security-audit-note{border:1px solid color-mix(in oklch,var(--blue) 14%,var(--line));background:color-mix(in oklch,var(--blue) 3%,white);border-radius:14px;margin-top:14px;padding:14px 15px}.security-audit-note>strong{color:var(--ink);margin-bottom:5px;font-size:.72rem;display:block}.security-audit-note>p{margin:0 0 8px;font-size:.64rem;line-height:1.55}.security-audit-note code{color:var(--ink);background:color-mix(in oklch,var(--blue) 8%,white);border-radius:4px;padding:1px 4px;font-family:ui-monospace,monospace;font-size:.9em}.security-checks{margin:8px 0!important;padding-left:17px!important;font-size:.62rem!important;line-height:1.5!important}.security-checks li+li{margin-top:5px!important}.security-open{color:color-mix(in oklch,var(--ink) 72%,var(--muted))!important;margin-bottom:0!important}.privacy-brief{margin-top:0!important}.profile-security-wrap{margin-top:18px}.profile-security-details{border:1px solid var(--line);background:color-mix(in oklch,white 92%,var(--blue));border-radius:18px;overflow:hidden}.profile-security-details summary{min-height:54px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding:0 16px;font-size:.72rem;font-weight:800;list-style:none;display:flex}.profile-security-details summary::-webkit-details-marker{display:none}.profile-security-details summary:after{content:"+";color:var(--brand-ink);margin-left:auto;font-size:1rem}.profile-security-details[open] summary:after{content:"−"}.profile-security-icon{width:23px;height:23px;color:var(--brand-ink);background:color-mix(in oklch,var(--blue) 10%,white);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.profile-security-details .security-audit-note{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0}@media (max-width:720px){.toast{bottom:90px;left:50%;right:auto;transform:translate(-50%)}}.mobile-nav button{transition:color .2s var(--spring), background .2s var(--spring), box-shadow .2s var(--spring), transform .2s var(--spring)}.mobile-nav button.active{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--blue) 15%, transparent), 0 3px 9px color-mix(in oklch, var(--blue) 8%, transparent)}.mobile-nav button.active span{transform:translateY(-1px)scale(1.06)}.mobile-nav button span{transition:transform .2s var(--spring)}.panel input:focus{border-color:color-mix(in oklch,var(--blue) 58%,transparent);box-shadow:0 0 0 3px color-mix(in oklch,var(--blue) 11%,transparent)}.waveform{border-color:color-mix(in oklch,var(--blue) 12%,transparent);background:linear-gradient(90deg,color-mix(in oklch,var(--blue) 8%,transparent),color-mix(in oklch,var(--yellow) 12%,transparent))}.sound-status-card{border-color:color-mix(in oklch,var(--blue) 12%,transparent);background:linear-gradient(135deg,color-mix(in oklch,var(--blue) 8%,transparent),color-mix(in oklch,var(--yellow) 10%,transparent))}@media (max-width:430px){.vote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vote-grid button{min-height:150px;padding:8px;font-size:.68rem}.vote-grid button span{overflow-wrap:anywhere;line-height:1.25}}.club-select-empty{color:var(--muted);font:700 .72rem var(--stack-body);margin:0;padding:14px 12px}.reveal{will-change:transform,opacity;animation-duration:.46s}.delay-one{animation-delay:50ms}.delay-two{animation-delay:.1s}.delay-three{animation-delay:.15s}.delay-four{animation-delay:.2s}@media (max-width:720px){.timeline-card,.panel,.public-card,.vote-card,.booklet-card,.mobile-nav,.auth-panel,.finished-card{-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--stack-body:var(--font-sans,"Hanken Grotesk"),system-ui,-apple-system,"Segoe UI",sans-serif;--stack-display:var(--stack-body);--fs-micro:clamp(.75rem,.74rem + .046vw,.781rem);--fs-caption:clamp(.8125rem,.802rem + .046vw,.844rem);--fs-meta:clamp(.875rem,.865rem + .046vw,.906rem);--fs-sm:clamp(.9375rem,.927rem + .046vw,.969rem);--fs-body:clamp(1rem,.979rem + .093vw,1.0625rem);--fs-md:clamp(1.0625rem,1.042rem + .093vw,1.125rem);--fs-lg:clamp(1.1875rem,1.146rem + .185vw,1.3125rem);--fs-xl:clamp(1.375rem,1.292rem + .37vw,1.625rem);--fs-2xl:clamp(1.75rem,1.583rem + .741vw,2.25rem);--fs-3xl:clamp(2.125rem,1.833rem + 1.296vw,3rem);--fs-4xl:clamp(2.5rem,2rem + 2.222vw,4rem);--fs-clock:clamp(1.75rem,1.542rem + .926vw,2.375rem);--fs-score:clamp(3rem,2.292rem + 3.148vw,5.125rem);--fs-nav:clamp(.75rem,.695rem + .245vw,.8125rem);--lh-tight:1.02;--lh-snug:1.22;--lh-copy:1.5;--lh-loose:1.58;--tr-display:-.028em;--tr-tight:-.012em;--tr-caps:.085em}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--stack-body);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-copy);font-synthesis-weight:none}body,.app,button,input,select,textarea{font-family:var(--stack-body)}.brand span,.team-side b,.away-mark,.match-clock strong,.goal-action b,.section-heading h2,.panel h2,.goal-modal h2,.lineup-modal h2,.vote-card h2,.page-hero h1,.admin-title h1,.stats-strip b,.player-row strong,.auth-panel-copy h1,.auth-panel-brand b,.player-schedule-copy h1,.lineup-setup-card h1,.live-idle h1,.finished-side b,.match-option-card b,.password-gate-card h2,.music-editor-card h2,.report-sheet h2,.report-score strong,.spectator-share-card h2,.team-admin-overview b,.empty-state b,.attack-step b,.match-history-row strong,.goal-burst span{font-family:var(--stack-display)}.brand small{font-family:var(--stack-body)}.match-clock strong,.team-side b,.timeline time,.stats-strip b,.player-row strong,.attack-step b,.attack-foot b,.finished-side b,.report-score strong,.team-admin-overview b,.match-history-row strong,.period{font-variant-numeric:tabular-nums}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:max(1rem,1em)}input[type=file]{font-size:var(--fs-sm)}.page-hero h1,.admin-title h1{font-size:var(--fs-3xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--tr-display)}.page-hero p,.admin-title p{max-width:58ch;font-size:var(--fs-body);font-weight:400;line-height:var(--lh-copy)}.player-schedule-copy h1,.lineup-setup-card h1{font-size:var(--fs-4xl);letter-spacing:var(--tr-display);font-weight:700;line-height:.98}.player-schedule-copy p,.lineup-setup-card p{max-width:58ch;font-size:var(--fs-body);font-weight:400;line-height:var(--lh-copy)}.section-heading h2,.panel h2,.goal-modal h2,.lineup-modal h2,.vote-card h2,.music-editor-card h2,.password-gate-card h2{font-size:var(--fs-xl);font-weight:700;line-height:var(--lh-snug);letter-spacing:var(--tr-tight)}.goal-modal h2,.lineup-modal h2{font-size:var(--fs-2xl)}.goal-modal h3{font-size:var(--fs-md);letter-spacing:var(--tr-tight);font-weight:700}.live-idle h1{font-size:var(--fs-2xl);letter-spacing:var(--tr-display);font-weight:700}.live-idle p{font-size:var(--fs-body);font-weight:400;line-height:var(--lh-copy)}.eyebrow,.player-schedule-copy .eyebrow{font-size:var(--fs-micro);letter-spacing:var(--tr-caps);font-weight:600}.hint,.toggle-row small{font-size:var(--fs-meta);font-weight:400;line-height:var(--lh-copy)}.empty-state b{font-size:var(--fs-md);font-weight:700}.empty-state p{max-width:40ch;font-size:var(--fs-sm);font-weight:400;line-height:var(--lh-copy)}.brand span{font-size:var(--fs-md);letter-spacing:-.042em;font-weight:700;display:block}.brand span small{display:block}.brand small{font-size:var(--fs-micro);letter-spacing:.09em;font-weight:600}.desktop-nav button{font-size:var(--fs-sm);font-weight:600}.live-pill,.status{font-size:var(--fs-micro);letter-spacing:.06em;font-weight:700}.session-chip,.signout-button,.desktop-note,.person-reset{font-size:var(--fs-caption);font-weight:600}.match-context{font-size:var(--fs-meta)}.wachtrij-melding{font-size:var(--fs-caption);font-weight:600}.back-link,.spectator-code,.section-heading button,.booklet-card button{font-size:var(--fs-meta);font-weight:600}.team-side b{font-size:var(--fs-score);letter-spacing:-.045em;font-weight:800;line-height:.9}.team-side span{font-size:var(--fs-sm);opacity:.82;font-weight:500;line-height:1.2}.away-mark{font-size:var(--fs-caption);font-weight:700}.match-clock strong{font-size:var(--fs-clock);letter-spacing:-.02em;font-weight:700;line-height:1}.period{font-size:var(--fs-micro);letter-spacing:.09em;font-weight:700}.match-clock button{min-height:44px;font-size:var(--fs-meta);font-weight:600}.attack-card>.eyebrow{font-size:var(--fs-micro)}.attack-name{font-size:var(--fs-sm);font-weight:500}.attack-step b{min-width:26px;font-size:var(--fs-lg);font-weight:700}.attack-tick{font-size:var(--fs-md);font-weight:600}.attack-foot{font-size:var(--fs-meta)}.quick-action{font-size:var(--fs-sm);font-weight:600;line-height:1.15}.quick-action span{font-size:var(--fs-lg)}.toggle-chip b{letter-spacing:.04em;font-size:1em;font-weight:700}.goal-action b{font-size:var(--fs-md);letter-spacing:var(--tr-tight);font-weight:700}.goal-action small{font-size:var(--fs-meta)}.mini-ball{font-size:var(--fs-sm)}.primary,.secondary{font-size:var(--fs-body);letter-spacing:0;font-weight:600}.compact-button,.snapshot-actions .primary,.snapshot-actions .secondary{font-size:var(--fs-sm)}.kind-buttons button{font-size:var(--fs-sm);font-weight:600}.timeline li{font-size:var(--fs-sm)}.timeline time{font-size:var(--fs-meta);font-weight:600}.timeline p{line-height:1.45}.player-row b{font-size:var(--fs-sm);font-weight:600}.player-row small{font-size:var(--fs-meta);font-weight:400}.player-row strong{font-size:var(--fs-lg);font-weight:700}.player-row strong small{font-size:.62em}.player-row em,.rank{font-size:var(--fs-meta)}.stats-strip small{font-size:var(--fs-micro);letter-spacing:.06em;font-weight:600}.stats-strip b{font-size:var(--fs-xl);letter-spacing:var(--tr-tight);font-weight:700}.team-admin-overview small{font-size:var(--fs-micro);letter-spacing:.06em;font-weight:600}.team-admin-overview b{font-size:var(--fs-xl);font-weight:700}.team-admin-overview span{font-size:var(--fs-meta)}.schedule-row b,.match-history-row b,.team-admin-player b,.person-card b,.selected-scorer b,.profile-editor-head b,.club-select-menu b,.sound-status-card b{font-size:var(--fs-sm);font-weight:600}.schedule-row small,.match-history-row small,.team-admin-player small,.selected-scorer small,.profile-editor-head small,.club-select-menu small,.sound-status-card small{font-size:var(--fs-meta);font-weight:400}.person-card small,.swap-columns small,.frequent-bench button small{font-size:var(--fs-caption);font-weight:400}.schedule-row span,.sound-status-card span{font-size:var(--fs-micro);letter-spacing:.06em;font-weight:600}.match-history-row strong{font-size:var(--fs-md);font-weight:700}.match-history-row button,.match-history-row span{font-size:var(--fs-caption);font-weight:600}.lineup-bench-editor span,.frequent-bench button{font-size:var(--fs-sm);font-weight:600}.lineup-bench-editor span button{font-size:var(--fs-md)}.field-zone b,.team-photo-placeholder span{font-size:var(--fs-sm);font-weight:600}.field-slot>span{font-size:var(--fs-sm);font-weight:700}.live-field-card b{font-size:var(--fs-caption);font-weight:600}.live-field-card small{font-size:var(--fs-micro)}.team-photo-card figcaption{font-size:var(--fs-caption);letter-spacing:.06em;font-weight:700}.club-select-empty{font-size:var(--fs-sm);font-weight:500}.match-option-card span{font-size:var(--fs-caption);letter-spacing:.07em;font-weight:600}.match-option-card b{font-size:var(--fs-lg);letter-spacing:var(--tr-tight);font-weight:700;line-height:1.2}.match-option-card small{font-size:var(--fs-sm);font-weight:400;line-height:1.4}.match-option-card i{font-size:var(--fs-body);font-weight:600}.panel label,.password-gate-card label,.spotify-card label,.auth-form label,.club-select{font-size:var(--fs-caption);font-weight:600}.toggle-row b{font-size:var(--fs-sm);font-weight:600}.password-gate-card>p{font-size:var(--fs-sm);line-height:var(--lh-copy)}.password-note,.auth-error,.auth-uitleg{font-size:var(--fs-meta);line-height:1.45}.spotify-card b{font-size:var(--fs-md);letter-spacing:var(--tr-tight);font-weight:700}.spotify-card small{font-size:var(--fs-meta);line-height:1.4}.spotify-card button{font-size:var(--fs-sm);font-weight:600}.spotify-card.compact b{font-size:var(--fs-sm)}.spotify-card.compact small{font-size:var(--fs-caption)}.spotify-card.compact button{font-size:var(--fs-sm)}.spectator-share-card h2{font-size:var(--fs-lg);letter-spacing:var(--tr-tight);font-weight:700}.spectator-share-card p{font-size:var(--fs-meta);line-height:1.4}.qr-mini-card{font-size:var(--fs-sm);font-weight:600}.qr-mini-card span{font-size:var(--fs-meta);font-weight:400}.self-planning-details>summary b{font-size:var(--fs-md);letter-spacing:var(--tr-tight);font-weight:700}.self-planning-details>summary small{font-size:var(--fs-meta);line-height:1.35}.profile-security-details summary{font-size:var(--fs-sm);font-weight:600}.security-audit-note>strong{font-size:var(--fs-sm)}.security-audit-note>p,.security-checks{font-size:var(--fs-meta)!important;line-height:var(--lh-copy)!important}.public-sync,.public-player{font-size:var(--fs-caption);font-weight:600}.public-player b{max-width:100%}.vote-card p,.booklet-card p{font-size:var(--fs-sm);line-height:var(--lh-copy)}.vote-grid button{font-size:var(--fs-meta);font-weight:600}.vote-card>small{font-size:var(--fs-meta)}.vote-confirm-body b{font-size:var(--fs-md);font-weight:700}.vote-confirm-body small{font-size:var(--fs-sm)}.finished-card .eyebrow{font-size:var(--fs-micro);letter-spacing:var(--tr-caps);font-weight:600}.finished-side span{font-size:var(--fs-sm);font-weight:500;line-height:1.25}.finished-side b{font-size:var(--fs-3xl);letter-spacing:-.04em;font-weight:800}.finished-card p{font-size:var(--fs-body)}.finished-mark{font-size:var(--fs-md);font-weight:700}.toast{font-size:var(--fs-sm);font-weight:600}.auth-panel-brand b{font-size:var(--fs-xl);letter-spacing:var(--tr-display);font-weight:700}.auth-panel-brand small{font-size:var(--fs-micro);letter-spacing:var(--tr-caps);font-weight:600}.auth-panel-copy h1{font-size:var(--fs-2xl);letter-spacing:var(--tr-display);font-weight:700;line-height:1.06}.auth-panel-copy p{font-size:var(--fs-body);font-weight:400;line-height:var(--lh-copy)}.auth-form input,.auth-form select,.club-select-trigger{font-size:var(--fs-body);font-weight:400}.login-mode button{font-size:var(--fs-sm);font-weight:600}.auth-form .auth-submit,.auth-submit{font-size:var(--fs-body);font-weight:600}.auth-submit span{font-size:var(--fs-md)}.privacy-note h2{font-size:var(--fs-md);letter-spacing:var(--tr-tight);font-weight:700}.privacy-note p,.privacy-note ul{font-size:var(--fs-meta);font-weight:400;line-height:var(--lh-loose)}.privacy-note summary{font-size:var(--fs-sm);font-weight:600}@media (max-width:720px){.scoreboard{grid-template-columns:minmax(0,1fr) 122px minmax(0,1fr)}.match-clock strong{margin:8px 0}.match-clock button{width:100%;min-width:0;padding:9px 5px}.stats-strip small{white-space:normal;line-height:1.25;overflow:visible}.live-field-card b{max-width:100%;font-size:var(--fs-caption)}}@media (max-width:380px){.scoreboard{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)}}@media (max-width:900px){.live-screen{padding-bottom:calc(91px + env(safe-area-inset-bottom,0px))}}@media (max-width:720px){.team-side b{font-size:max(3.4rem,var(--fs-score))}}.app .start-squad-member b{font-size:var(--fs-sm);font-weight:600}.app .start-squad-member small{font-size:var(--fs-meta);font-weight:400}.app nav.mobile-nav{--nav-ink:oklch(from var(--blue) clamp(.26,l,.42) clamp(.02,c,.15) h);--nav-rest:oklch(from var(--blue) .4 min(c,.026) h);--nav-chip:oklch(from var(--blue) .955 min(c,.055) h);--nav-mark:oklch(from var(--yellow) clamp(.38,l,.55) clamp(.05,c,.18) h);--nav-vlak:oklch(from var(--blue) .988 min(c,.012) h);left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));border:1px solid color-mix(in oklch,var(--blue) 11%,#ffffffb8);background:var(--nav-vlak);width:min(468px,100% - 16px);box-shadow:var(--shadow-xl);border-radius:24px;gap:2px;padding:6px}.app nav.mobile-nav button,.app nav.mobile-nav.nav-kort button{min-width:46px;min-height:55px;color:var(--nav-rest);font-size:var(--fs-nav);letter-spacing:-.005em;background:0 0;border:0;border-radius:17px;flex:auto;align-content:center;place-items:center;gap:6px;padding:6px 5px 8px;font-weight:600;line-height:1;display:grid;position:relative}.app nav.mobile-nav button span,.app nav.mobile-nav.nav-kort button span{z-index:1;width:23px;height:23px;font-size:var(--fs-lg);line-height:23px;display:block;position:relative}.app nav.mobile-nav button[data-nav] span{font-size:0}.app nav.mobile-nav button[data-nav] span svg{width:100%;height:100%;display:block}.app nav.mobile-nav button.active{--nav-vlak:var(--nav-chip)}@media (prefers-reduced-motion:no-preference){.app nav.mobile-nav span svg>*{transform-box:view-box;transform-origin:12px 12px}.mobile-nav :is(button:active,button.active) .dak{animation:.46s ease-out nav-dak}.mobile-nav :is(button:active,button.active) .deur{transform-origin:9.9px 12px;animation:.52s ease-out .12s nav-deur}.mobile-nav :is(button:active,button.active) .kern{animation:.42s ease-out nav-kern}.mobile-nav :is(button:active,button.active) .golf{animation:nav-golf .46s var(--spring)}.mobile-nav :is(button:active,button.active) .golf:nth-of-type(2){animation-delay:.12s}.mobile-nav :is(button:active,button.active) .staaf{animation:nav-staaf .38s var(--spring);transform-origin:12px 20.3px}.mobile-nav :is(button:active,button.active) .staaf:nth-of-type(2){animation-delay:80ms}.mobile-nav :is(button:active,button.active) .staaf:nth-of-type(3){animation-delay:.16s}.mobile-nav :is(button:active,button.active) .knop:first-of-type{animation:.56s ease-out nav-schuif-links}.mobile-nav :is(button:active,button.active) .knop:nth-of-type(2){animation:.56s ease-out .1s nav-schuif-rechts}.mobile-nav .verloop{stroke-dasharray:16.92}.mobile-nav :is(button:active,button.active) .verloop{animation:.56s ease-out nav-verloop}.mobile-nav :is(button:active,button.active) .hoofd{animation:.54s ease-in-out nav-knik-hoofd}.mobile-nav :is(button:active,button.active) .romp{transform-origin:12px 20.3px;animation:.54s ease-in-out nav-knik-romp}.mobile-nav :is(button:active,button.active) .tweede{animation:nav-aanschuiven .42s var(--spring)}.mobile-nav :is(button:active,button.active) .laag:first-of-type{animation:.46s ease-in-out nav-laag-boven}.mobile-nav :is(button:active,button.active) .laag:nth-of-type(2){animation:.46s ease-in-out 70ms nav-laag-midden}.mobile-nav button:active .steel{animation:.36s ease-in-out nav-indrukken}.mobile-nav button:active .ring{transform-origin:12px 19.3px;animation:.36s ease-in-out nav-veren}}@keyframes nav-dak{0%{transform:translateY(-3.4px)}}@keyframes nav-deur{0%{transform:scaleX(.1)}}@keyframes nav-kern{40%{transform:scale(1.35)}}@keyframes nav-golf{0%{opacity:0;transform:scale(.45)}}@keyframes nav-staaf{0%{transform:scaleY(.04)}}@keyframes nav-schuif-links{0%{transform:translate(-4.8px)}}@keyframes nav-schuif-rechts{0%{transform:translate(4.8px)}}@keyframes nav-verloop{0%{stroke-dashoffset:16.92px}}@keyframes nav-knik-hoofd{45%{transform:translateY(-4.2px)}}@keyframes nav-knik-romp{45%{transform:scaleY(.78)}}@keyframes nav-aanschuiven{0%{opacity:0;transform:translate(-4.5px)}}@keyframes nav-laag-boven{45%{transform:translateY(-2.8px)}}@keyframes nav-laag-midden{45%{transform:translateY(-1.4px)}}@keyframes nav-indrukken{50%{transform:translateY(3.2px)}}@keyframes nav-veren{50%{transform:scaleY(.9)}}.app nav.mobile-nav button:before{content:"";width:min(46px,100%);height:29px;transition:background .2s var(--spring),box-shadow .2s var(--spring);background:0 0;border-radius:999px;position:absolute;top:3px;left:50%;transform:translate(-50%)}@media (hover:hover){.app nav.mobile-nav button:hover{color:var(--nav-ink);--nav-vlak:color-mix(in oklch,var(--blue) 8%,#fff)}.app nav.mobile-nav button:hover:before{background:var(--nav-vlak)}}.app nav.mobile-nav button.active{color:var(--nav-ink);font-weight:700}.app nav.mobile-nav button.active:before{background:var(--nav-chip);box-shadow:inset 0 0 0 1px var(--nav-mark)}.app nav.mobile-nav button.active span{transform:none}.app nav.mobile-nav button:focus-visible{outline-offset:2px}.app nav.mobile-nav button.mobile-signout,.app nav.mobile-nav .mobile-signout{color:#9a2440;background:0 0}@media (hover:hover){.app nav.mobile-nav button.mobile-signout:hover{color:#7d1a31;background:#fff1f4}}@media (max-width:374px){.app nav.mobile-nav{gap:0;width:calc(100% - 10px);padding:5px}.app nav.mobile-nav button,.app nav.mobile-nav.nav-kort button{min-width:44px;padding-inline:3px;font-size:.6875rem}}@media (max-width:335px){.app nav.mobile-nav button.mobile-signout{gap:0;font-size:0}}@supports not (color:oklch(from red l c h)){.app nav.mobile-nav{--nav-ink:color-mix(in oklch,var(--blue) 62%,#0b1220);--nav-rest:color-mix(in oklch,var(--ink) 66%,#8a94a6);--nav-chip:color-mix(in oklch,var(--blue) 14%,#fff);--nav-mark:color-mix(in srgb,var(--yellow) 62%,var(--nav-ink));--nav-vlak:color-mix(in oklch,var(--blue) 5%,#fff);background:var(--nav-vlak)}}@media (min-width:721px) and (max-width:900px){.desktop-nav{display:none}.mobile-nav{display:flex}.session-chip,.signout-button{display:none}.app{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.toast{bottom:90px}}.live-pill{cursor:pointer;animation:live-pill-in .18s var(--spring) both;font-family:inherit;position:relative}.live-pill:hover{border-color:#0c945052}.live-pill:after{content:"";position:absolute;inset:-9px -2px}@keyframes live-pill-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.match-option-card.is-lopend{background:#f0fdf5cc;border-color:#0c94504d}@media (max-width:960px){.topbar[data-live=ja] .session-chip{display:none}}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-form .auth-submit:disabled:hover{box-shadow:var(--shadow-brand-md);transform:none}.auth-wacht{place-items:center}.auth-wacht-merk{z-index:1;text-align:center;justify-items:center;gap:15px;margin:0;display:grid;position:relative}.auth-wacht-merk img{object-fit:contain;filter:drop-shadow(0 6px 14px #11283b2e);width:64px;height:64px;animation:1.6s ease-in-out infinite alternate wacht-ademen}.auth-wacht-merk span{color:var(--muted);font-size:var(--fs-meta);font-weight:700}@keyframes wacht-ademen{0%{opacity:.55;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.app[data-schermopkomst=ja]>section.shell,.app[data-schermopkomst=ja]>section.public-screen{animation:scherm-in .2s var(--spring) both}.app[data-schermopkomst]>section.shell .reveal,.app[data-schermopkomst]>section.public-screen .reveal{animation:none}@keyframes scherm-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.app[data-schermopkomst=ja]>section.shell,.app[data-schermopkomst=ja]>section.public-screen{animation:.2s ease-out both scherm-verschijnen}.auth-wacht-merk img{animation:none}}@keyframes scherm-verschijnen{0%{opacity:0}to{opacity:1}}.public-statusregel{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:10px;display:flex}.public-statusregel .public-sync{margin:0}.public-code{border:1px solid var(--line);color:var(--muted);font-size:var(--fs-micro);background:#ffffffb8;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-weight:600;display:inline-flex}.public-code b{color:var(--brand-ink);letter-spacing:.02em;font-weight:800}.public-scoreboard .match-clock strong{margin-bottom:0;font-size:clamp(2.375rem,1.9rem + 2.11vw,3.5rem)}@media (max-width:720px){.public-scoreboard{grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr)}}@media (max-width:380px){.public-scoreboard{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)}}