:root{--green:#123c2c;--green2:#1f694b;--lime:#d8f35a;--cream:#f4f1e8;--ink:#17221d;--muted:#6c786f;--white:#fff;--line:#dfe5df;--orange:#f0a338;--shadow:0 12px 28px rgba(18,60,44,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;padding-bottom:92px}.topbar{height:78px;background:var(--green);color:white;display:flex;align-items:center;gap:12px;padding:12px max(18px,calc((100vw - 680px)/2));position:sticky;top:0;z-index:10}.crest,.mini-crest{display:grid;place-items:center;background:var(--green);color:var(--lime);font-weight:900;border:3px solid var(--lime);border-radius:50%}.crest{width:50px;height:50px;font-size:15px}.topbar h1{font-size:18px;margin:1px 0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800;opacity:.75}.icon-button{margin-left:auto;width:44px;height:44px;border:0;border-radius:15px;background:rgba(255,255,255,.12);font-size:21px;cursor:pointer}.screen{display:none;max-width:680px;margin:auto;padding:22px 18px}.screen.active{display:block}.welcome,.section-title,.page-heading{display:flex;align-items:end;justify-content:space-between}.welcome h2,.page-heading h2{margin:5px 0 0;font-size:28px;line-height:1.08}.team-score{background:white;padding:9px 13px;border-radius:999px;font-weight:800;box-shadow:var(--shadow)}.match-card{background:var(--green);color:white;border-radius:26px;padding:20px;margin:22px 0;box-shadow:var(--shadow)}.pill{display:inline-block;background:var(--lime);color:var(--green);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase}.match-date{text-align:center;font-size:14px;opacity:.8}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}.versus>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px}.mini-crest{width:52px;height:52px}.mini-crest.orange{background:#25284d;border-color:var(--orange);color:var(--orange)}.vs{font-size:13px;font-weight:900;opacity:.6}.location{text-align:center;margin:18px 0 0;font-size:13px;opacity:.8}.section-title{margin:22px 2px 10px}.section-title h3{font-size:18px;margin:0}.section-title button{border:0;background:none;color:var(--green2);font-weight:800;cursor:pointer}.training-teaser{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:0;background:white;border-radius:20px;padding:14px;text-align:left;box-shadow:var(--shadow);cursor:pointer;color:var(--ink)}.teaser-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--lime);font-size:28px}.training-teaser small,.training-teaser strong,.training-teaser em{display:block}.training-teaser strong{font-size:17px;margin:3px 0}.training-teaser em{font-size:12px;color:var(--muted);font-style:normal}.training-teaser>b{font-size:28px}.result-card{display:flex;justify-content:space-between;align-items:center;background:white;border-radius:18px;padding:16px;box-shadow:var(--shadow)}.result-card small{color:var(--muted)}.result-card p{margin:5px 0 0}.result-card p strong{font-size:20px;color:var(--green2);margin:0 4px}.win{font-size:12px;background:#e5f7db;color:#25631c;border-radius:999px;padding:7px 9px;font-weight:800}.page-heading{margin-bottom:20px}.page-heading{display:block}.season-card{background:var(--green);color:white;border-radius:22px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-bottom:16px}.season-card div+div{border-left:1px solid rgba(255,255,255,.18)}.season-card strong,.season-card span{display:block}.season-card strong{font-size:28px;color:var(--lime)}.season-card span{font-size:12px;opacity:.75}.fixture-list{display:grid;gap:10px}.fixture{background:white;border-radius:18px;padding:13px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;box-shadow:0 5px 16px rgba(18,60,44,.06)}.fixture time{color:var(--green2);font-weight:900;font-size:13px;text-align:center;border-right:1px solid var(--line);padding-right:10px}.fixture time b{font-size:11px;color:var(--muted)}.fixture div strong,.fixture div span{display:block}.fixture div strong{font-size:14px}.fixture div span{font-size:12px;color:var(--muted);margin-top:4px}.fixture.played{border:2px solid #bddb87}.fixture .score{font-size:20px;color:var(--green2)}.source-note{font-size:12px;color:var(--muted);text-align:center;margin-top:18px}.field-card{background:white;border-radius:24px;padding:12px;box-shadow:var(--shadow)}.field{height:260px;border-radius:17px;position:relative;overflow:hidden;background:#4b9a69;border:4px solid white;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}.field:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:2px solid rgba(255,255,255,.55)}.center-circle{position:absolute;width:80px;height:80px;border:2px solid rgba(255,255,255,.55);border-radius:50%;left:calc(50% - 40px);top:calc(50% - 40px)}.player{position:absolute;z-index:2;left:22%;bottom:20%;width:38px;height:38px;background:var(--green);color:var(--lime);border:3px solid white;border-radius:50%;display:grid;place-items:center;font-weight:900}.ball{position:absolute;left:31%;bottom:20%;font-size:22px}.gate{position:absolute;width:42px;height:26px;border:6px solid;border-bottom:0}.gate-a{right:16%;top:15%;border-color:#ffcf4b}.gate-b{right:12%;bottom:16%;border-color:#79c7ff}.gate-c{left:16%;top:17%;border-color:#ff8d87}.route{position:absolute;left:42%;bottom:24%;font-size:55px;color:white;transform:rotate(-24deg)}.speak{width:100%;border:0;background:#edf5ec;color:var(--green);border-radius:14px;margin-top:10px;padding:13px;font-weight:900;cursor:pointer}.goal{display:flex;align-items:center;gap:12px;background:var(--lime);border-radius:18px;padding:14px;margin:16px 0}.goal>span{font-size:28px}.goal small,.goal strong{display:block}.goal small{font-size:11px;text-transform:uppercase;font-weight:900;opacity:.65}.goal strong{font-size:15px;margin-top:3px}.steps{list-style:none;padding:0;display:grid;gap:9px}.steps li{display:flex;align-items:center;gap:12px;background:white;padding:10px 13px;border-radius:16px}.steps li span{width:32px;height:32px;background:var(--green);color:var(--lime);display:grid;place-items:center;border-radius:50%;font-weight:900}.steps p{margin:0;font-weight:700}.tip{border-left:5px solid var(--orange);background:#fff4df;border-radius:8px 16px 16px 8px;padding:13px 15px}.tip p{margin:4px 0 0;font-size:14px}.quiz-progress>span{font-size:13px;font-weight:800;color:var(--muted)}.quiz-progress>div{height:8px;background:#dfe4dc;border-radius:99px;margin:8px 0 24px;overflow:hidden}.quiz-progress i{display:block;width:33%;height:100%;background:var(--lime);border-radius:99px}.quiz-hero{text-align:center}.quiz-hero>span{font-size:48px}.quiz-hero h2{font-size:24px}.answers{display:grid;gap:10px;margin-top:22px}.answers button{display:flex;align-items:center;gap:12px;width:100%;border:2px solid transparent;background:white;border-radius:18px;padding:14px;text-align:left;font-size:15px;font-weight:750;cursor:pointer;color:var(--ink)}.answers button b{flex:0 0 36px;height:36px;display:grid;place-items:center;background:#edf1ed;border-radius:11px;color:var(--green)}.answers button.correct{background:#e8f8dd;border-color:#69a94b}.answers button.wrong{background:#ffe7e4;border-color:#d96c62}.feedback{display:flex;align-items:center;gap:12px;background:var(--lime);border-radius:18px;padding:14px;margin-top:16px}.feedback>span{font-size:30px}.feedback p{margin:3px 0 0;font-size:13px}.primary{width:100%;border:0;background:var(--green);color:white;border-radius:16px;padding:16px;margin-top:14px;font-weight:900;font-size:15px;cursor:pointer}.tv-frame{background:#18201c;border:10px solid #2b302e;border-radius:18px;padding:8px;box-shadow:var(--shadow)}.tv-content{aspect-ratio:16/9;background:radial-gradient(circle at 50% 35%,#327854,var(--green));display:grid;place-content:center;text-align:center;color:white;border-radius:5px}.tv-content span{font-size:52px}.tv-content p{font-size:25px;font-weight:900;margin:4px}.tv-content small{color:var(--lime);font-weight:800}.tv-copy{text-align:center;color:var(--muted);line-height:1.5}.room-code{text-align:center;background:white;border-radius:18px;padding:15px;margin-top:12px}.room-code small,.room-code strong{display:block}.room-code strong{font-size:28px;letter-spacing:.12em;color:var(--green);margin-top:4px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:78px;background:white;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{width:min(20%,136px);border:0;background:none;color:var(--muted);font-size:10px;font-weight:750;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.bottom-nav button span{font-size:21px;height:23px}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active span{background:var(--lime);border-radius:10px;padding:0 10px}.tv-large .topbar,.tv-large .bottom-nav{display:none}.tv-large{padding:0;background:var(--green)}.tv-large #tv{max-width:none;height:100vh;padding:4vh 6vw;color:white}.tv-large .tv-frame{max-width:1100px;margin:auto}.tv-large .tv-copy,.tv-large .room-code{display:none}
@media(min-width:700px){.screen{padding-top:34px}.welcome h2,.page-heading h2{font-size:34px}.next-match{padding:26px}.field{height:330px}}
@media(max-width:390px){.topbar{padding-left:13px;padding-right:13px}.screen{padding-left:13px;padding-right:13px}.welcome h2{font-size:24px}.bottom-nav button{font-size:9px}.fixture{grid-template-columns:58px 1fr auto;gap:8px}.win{display:none}}
.exercise-picker label{grid-template-columns:auto auto 1fr auto}.explain{border:0;background:#e8f1eb;color:var(--green);border-radius:10px;padding:8px;font-weight:900;font-size:12px;cursor:pointer}.exercise-dialog{width:min(92vw,480px);border:0;border-radius:24px;padding:24px;background:var(--cream);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.35)}.exercise-dialog::backdrop{background:rgba(10,25,18,.68)}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:white;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.dialog-icon{display:grid;place-items:center;width:58px;height:58px;background:var(--lime);border-radius:17px;font-size:28px}.exercise-dialog h2{font-size:27px;margin:6px 0 18px}.exercise-dialog .eyebrow{margin-top:16px;color:var(--green2)}.detail-goal,.detail-how{background:white;border-radius:16px;padding:14px;margin:10px 0}.detail-goal small,.detail-how small{display:block;text-transform:uppercase;font-size:11px;font-weight:900;color:var(--green2);margin-bottom:5px}.detail-goal strong{font-size:15px}.detail-how p{margin:0;line-height:1.5;font-weight:700}.exercise-dialog .speak{font-size:15px}
.exercise-picker .exercise-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;background:white;padding:10px;border-radius:15px}.exercise-picker .exercise-choice{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;background:transparent;padding:0;border-radius:0}.exercise-picker .exercise-row .explain{align-self:stretch;min-width:64px}
.exercise-picker .exercise-row.selected{background:#e5f7db;box-shadow:inset 0 0 0 2px var(--green2)}.exercise-picker .exercise-row.selected .explain{background:var(--green);color:white}.exercise-dialog .detail-goal small,.exercise-dialog .detail-how small{font-size:14px;text-transform:none}.exercise-dialog .detail-how p,.exercise-dialog .tip p{font-size:16px;line-height:1.55}.exercise-dialog .tip{background:#fff6dc;border-radius:16px;padding:14px;margin:10px 0}
.child-prompt{margin:12px 2px 8px;font-weight:900}.child-exercise-tabs{display:grid;gap:8px;margin-bottom:16px}.child-exercise-tabs button{display:flex;align-items:center;gap:10px;width:100%;border:2px solid transparent;background:white;color:var(--ink);border-radius:15px;padding:12px 14px;text-align:left;font:inherit;font-size:15px;font-weight:900;cursor:pointer}.child-exercise-tabs button span{font-size:23px}.child-exercise-tabs button.active{border-color:var(--green);background:#e5f7db;color:var(--green)}.child-category{display:inline-block;margin:-4px 2px 10px;background:var(--lime);color:var(--green);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:900}.child-how{background:white;border-radius:16px;padding:15px;margin:12px 0}.child-how b{display:block;color:var(--green);margin-bottom:6px}.child-how p{margin:0;font-size:16px;line-height:1.55;font-weight:700}
.animation-stage>*{position:absolute}.animation-stage .field-line{left:50%;top:0;height:100%;border-left:2px solid rgba(255,255,255,.55)}.animation-stage .field-circle{width:76px;height:76px;border:2px solid rgba(255,255,255,.55);border-radius:50%;left:calc(50% - 38px);top:calc(50% - 38px)}.anim-player{z-index:3;width:38px;height:38px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:var(--green);font-size:20px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18))}.anim-ball{z-index:4;font-size:23px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}.cone{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:25px solid #ffb128;z-index:2}.mini-goal{width:54px;height:78px;border:6px solid white;border-left:0;right:5%;top:34%;z-index:1}.target{right:8%;top:44%;font-size:27px}.motion-trail{left:24%;top:61%;color:rgba(255,255,255,.8);font-size:34px;letter-spacing:10px;transform:rotate(-25deg)}.pass-line,.team-lines{height:0;border-top:4px dashed rgba(255,255,255,.7);transform-origin:left center}.safe-zone{right:7%;top:18%;width:23%;height:64%;border:4px dashed #d8f35a;border-radius:12px}.animation-stage.variant-2{--speed:3.7s}.animation-stage.variant-3{--speed:4.2s}.animation-stage.variant-4{--speed:3.2s}.animation-stage.variant-5{--speed:4.6s}.animation-stage{--speed:4s}.anim-dribbelen .primary{left:14%;top:66%;animation:dribble-player var(--speed) ease-in-out infinite}.anim-dribbelen .anim-ball{left:22%;top:72%;animation:dribble-ball var(--speed) ease-in-out infinite}.anim-dribbelen .c1{left:38%;top:57%}.anim-dribbelen .c2{left:55%;top:39%}.anim-dribbelen .c3{left:72%;top:20%}.anim-passen .p1{left:14%;top:64%}.anim-passen .p2{right:14%;top:20%}.anim-passen .pass-line{left:25%;top:62%;width:58%;transform:rotate(-31deg)}.anim-passen .anim-ball{left:26%;top:61%;animation:pass-ball var(--speed) ease-in-out infinite}.anim-schieten .primary{left:15%;top:58%}.anim-schieten .anim-ball{left:28%;top:64%;animation:shoot-ball var(--speed) ease-in infinite}.anim-schieten .target{animation:pulse-target 1.2s ease-in-out infinite}.anim-aanvallen .attacker{left:12%;top:62%;animation:attack-player var(--speed) ease-in-out infinite}.anim-aanvallen .defender{left:56%;top:42%;animation:defend-step 1.4s ease-in-out infinite}.anim-aanvallen .anim-ball{left:21%;top:69%;animation:attack-ball var(--speed) ease-in-out infinite}.anim-verdedigen .attacker{left:16%;top:58%;animation:press-player var(--speed) ease-in-out infinite}.anim-verdedigen .defender{left:55%;top:48%;animation:defend-step 1.2s ease-in-out infinite}.anim-verdedigen .anim-ball{left:27%;top:65%;animation:press-ball var(--speed) ease-in-out infinite}.anim-samenspelen .p1{left:12%;top:65%}.anim-samenspelen .p2{left:44%;top:16%}.anim-samenspelen .p3{right:10%;top:64%}.anim-samenspelen .team-lines{left:21%;top:68%;width:62%;transform:rotate(-30deg)}.anim-samenspelen .anim-ball{left:22%;top:64%;animation:team-ball var(--speed) ease-in-out infinite}.anim-partij .team-a{background:#123c2c}.anim-partij .team-b{background:#e25c4f}.anim-partij .a1{left:22%;top:22%;animation:small-run 2.2s ease-in-out infinite}.anim-partij .a2{left:24%;bottom:18%;animation:small-run 2.7s ease-in-out infinite reverse}.anim-partij .b1{right:22%;top:24%;animation:small-run 2.4s ease-in-out infinite reverse}.anim-partij .b2{right:24%;bottom:17%;animation:small-run 2.9s ease-in-out infinite}.anim-partij .anim-ball{left:47%;top:47%;animation:match-ball var(--speed) ease-in-out infinite}.anim-partij .mini-goal.left{left:3%;right:auto;border-left:6px solid white;border-right:0}.anim-partij .mini-goal.right{right:3%}.anim-warming .p1{left:18%;top:62%;animation:warm-run var(--speed) ease-in-out infinite}.anim-warming .p2{left:40%;top:20%;animation:warm-run var(--speed) ease-in-out infinite reverse}.anim-warming .anim-ball{left:27%;top:70%;animation:warm-ball var(--speed) ease-in-out infinite}.anim-warming .c1{left:30%;top:43%}.anim-warming .c2{left:58%;top:56%}.anim-warming .c3{left:74%;top:25%}@keyframes dribble-player{0%,100%{left:14%;top:66%}35%{left:43%;top:48%}70%{left:70%;top:18%}}@keyframes dribble-ball{0%,100%{left:22%;top:72%}35%{left:51%;top:54%}70%{left:78%;top:24%}}@keyframes pass-ball{0%,15%,100%{left:26%;top:61%}50%,65%{left:72%;top:28%}}@keyframes shoot-ball{0%,22%,100%{left:28%;top:64%;transform:scale(1)}62%{left:84%;top:48%;transform:scale(.72)}}@keyframes pulse-target{50%{transform:scale(1.28)}}@keyframes attack-player{0%,100%{left:12%;top:62%}55%{left:48%;top:30%}80%{left:72%;top:36%}}@keyframes attack-ball{0%,100%{left:21%;top:69%}55%{left:57%;top:38%}80%{left:81%;top:44%}}@keyframes defend-step{50%{transform:translate(-18px,12px)}}@keyframes press-player{0%,100%{left:16%;top:58%}55%{left:45%;top:42%}}@keyframes press-ball{0%,100%{left:27%;top:65%}55%{left:55%;top:50%}}@keyframes team-ball{0%,15%,100%{left:22%;top:64%}40%,55%{left:48%;top:24%}75%,90%{left:79%;top:64%}}@keyframes small-run{50%{transform:translate(12px,10px)}}@keyframes match-ball{0%,100%{left:35%;top:32%}33%{left:62%;top:28%}66%{left:55%;top:68%}}@keyframes warm-run{50%{transform:translate(42px,-28px) rotate(8deg)}}@keyframes warm-ball{50%{transform:translate(72px,-42px) rotate(180deg)}}@media(prefers-reduced-motion:reduce){.animation-stage *{animation-play-state:paused!important}}
.animation-stage:before{display:none}.animation-stage svg{display:block;width:100%;height:100%}.animation-stage .face{font-size:18px}.animation-stage .mini-label{font-size:12px;font-weight:900;fill:#123c2c}.animation-stage .scene-cue text{font-size:15px;font-weight:900;fill:white}.animation-stage .scene-items{filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}@media(prefers-reduced-motion:reduce){.animation-stage animateMotion{display:none}}
.exercise-dialog .detail-animation{height:210px;margin:4px 0 14px;border:0;box-shadow:none}
.tv-secondary{margin-top:10px}.cast-note{display:flex;align-items:center;gap:10px;background:white;border-radius:16px;padding:12px 14px;margin-top:12px}.cast-note span{font-size:26px}.cast-note p{margin:0;font-size:14px;line-height:1.4}.cast-dialog{width:min(92vw,500px);border:0;border-radius:24px;padding:24px;background:var(--cream);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.35)}.cast-dialog::backdrop{background:rgba(10,25,18,.68)}.cast-dialog h2{font-size:27px;margin:5px 0 18px}.cast-dialog .eyebrow{color:var(--green2);margin-top:10px}.cast-icon{display:grid;place-items:center;width:58px;height:58px;background:var(--lime);border-radius:17px;font-size:29px}.cast-choice{background:white;border-radius:16px;padding:14px;margin:10px 0}.cast-choice b{color:var(--green)}.cast-choice p{font-size:15px;line-height:1.5;margin:6px 0 0}.cast-ready{display:flex;align-items:flex-start;gap:10px;background:#e5f7db;border-radius:16px;padding:13px;margin-top:12px}.cast-ready span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--green);color:white;font-weight:900}.cast-ready p{margin:2px 0 0;font-size:14px;line-height:1.45}.answers button{min-height:60px;font-size:16px}
.exercise-search{display:flex;align-items:center;gap:9px;background:white;border:2px solid transparent;border-radius:15px;padding:0 12px;margin-bottom:10px}.exercise-search:focus-within{border-color:var(--green2)}.exercise-search span{font-size:25px;color:var(--green2)}.exercise-search input{width:100%;border:0;outline:0;background:transparent;padding:13px 0;font:inherit;font-size:14px}.filter-chips{display:flex;gap:7px;overflow-x:auto;padding:2px 0 9px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{flex:0 0 auto;border:1px solid #cfd8d1;background:white;color:var(--green);border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px;cursor:pointer}.filter-chips button.active{background:var(--green);color:white;border-color:var(--green)}.library-count{font-size:12px;color:var(--muted);margin:2px 2px 8px}.exercise-picker{max-height:480px;overflow:auto;padding-right:2px}.empty-exercises{text-align:center;color:var(--muted);background:white;border-radius:14px;padding:18px}
.next-training{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--green);color:white;border-radius:20px;padding:13px;margin-top:14px}.calendar-tile{width:52px;height:56px;background:var(--lime);color:var(--green);border-radius:13px;display:grid;place-content:center;text-align:center}.calendar-tile b{font-size:23px;line-height:20px}.calendar-tile span{font-size:10px;font-weight:900}.next-training small,.next-training strong,.next-training div>span{display:block}.next-training strong{font-size:14px;margin:3px 0}.next-training div>span{font-size:11px;opacity:.7}.next-training button{border:0;border-radius:12px;padding:9px;background:white;color:var(--green);font-weight:900;cursor:pointer}
.rsvp-card{background:white;border-radius:20px;padding:16px;margin-top:16px;box-shadow:var(--shadow)}.rsvp-card small,.rsvp-card strong{display:block}.rsvp-card strong{margin-top:3px}.rsvp-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.rsvp{border:0;border-radius:13px;padding:12px;font-weight:900;cursor:pointer}.rsvp.yes{background:#def4cf;color:#245f1e}.rsvp.no{background:#f3e8e5;color:#8a3e38}.rsvp.selected{outline:3px solid var(--green)}.rsvp-card p{font-size:12px;color:var(--muted);margin:10px 2px 0}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#dfe5df;padding:4px;border-radius:14px;margin-bottom:16px}.mode-switch.three{grid-template-columns:repeat(3,1fr)}.mode-switch button{border:0;background:transparent;border-radius:11px;padding:11px 7px;color:var(--muted);font-weight:900;cursor:pointer}.mode-switch button.active{background:white;color:var(--green);box-shadow:0 3px 10px rgba(0,0,0,.08)}.published{display:flex;gap:12px;align-items:center;background:#e5f7db;border-radius:17px;padding:13px;margin-bottom:16px}.published>span{background:var(--green);color:white;padding:6px 8px;border-radius:9px;font-size:10px;font-weight:900}.published small,.published strong,.published em{display:block}.published strong{font-size:14px;margin:2px 0}.published em{font-size:11px;color:var(--muted);font-style:normal}.training-name{font-size:18px;margin:10px 2px}.more-exercises{display:grid;gap:8px;margin-top:12px}.more-exercises button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;background:white;padding:12px;border-radius:15px;text-align:left;color:var(--ink)}.more-exercises button>b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:var(--lime)}.more-exercises strong,.more-exercises small{display:block}.more-exercises small{color:var(--muted);margin-top:3px}.more-exercises em{font-size:24px;font-style:normal}.planner-date{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:white;border-radius:18px;padding:15px}.planner-date small,.planner-date strong{display:block}.planner-date strong{font-size:14px;margin-top:4px}.planner-date button{border:0;background:var(--lime);color:var(--green);font-weight:900;border-radius:10px;padding:8px}.choose-copy{font-weight:800;margin:18px 2px 10px}.exercise-picker{display:grid;gap:8px}.exercise-picker label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;background:white;padding:12px;border-radius:15px;cursor:pointer}.exercise-picker input{width:20px;height:20px;accent-color:var(--green)}.exercise-picker label>span{font-size:23px}.exercise-picker strong,.exercise-picker small{display:block}.exercise-picker small{color:var(--muted);margin-top:2px}.planner-total{display:flex;justify-content:space-between;padding:14px 3px}.planner-total span{font-size:13px}.secondary{width:100%;border:2px solid var(--green);background:transparent;color:var(--green);border-radius:16px;padding:14px;font-weight:900;cursor:pointer}.planner-status{text-align:center;color:var(--muted);font-size:12px}.team-meter{background:var(--green);color:white;border-radius:23px;padding:18px;text-align:center}.team-meter>div:first-child{display:flex;align-items:baseline;justify-content:center;gap:7px}.team-meter span{font-size:26px}.team-meter strong{font-size:34px;color:var(--lime)}.team-meter small{opacity:.7}.team-meter p{font-size:12px;margin:0;opacity:.8}.points-rule{background:#fff6dc;border-radius:14px;padding:12px;font-size:13px}.player-list{display:grid;gap:8px}.player-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;background:white;border-radius:15px;padding:11px 13px}.player-list article>span{font-size:23px}.player-list strong,.player-list small{display:block}.player-list small{color:var(--muted);margin-top:2px}.player-list article>b{color:var(--green2)}.coach-confirm{display:flex;align-items:center;justify-content:space-between;background:#deefe7;border-radius:17px;padding:14px;margin-top:14px}.coach-confirm small,.coach-confirm strong,.coach-confirm span{display:block}.coach-confirm small{text-transform:uppercase;font-size:10px;color:var(--green2);font-weight:900}.coach-confirm span{font-size:12px;color:var(--muted);margin-top:3px}.coach-confirm button{border:0;background:var(--green);color:white;border-radius:11px;padding:10px;font-weight:900;cursor:pointer}
.library-intro{display:flex;gap:12px;align-items:center;background:var(--green);color:white;border-radius:20px;padding:16px;margin-bottom:14px}.library-intro>span{font-size:34px}.library-intro strong{font-size:18px}.library-intro p{margin:3px 0 0;font-size:13px;opacity:.8}.knowledge-category{display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;border-radius:14px;padding:10px 12px;margin-bottom:8px;font-size:13px;font-weight:900}.knowledge-category select{border:1px solid var(--line);border-radius:10px;padding:8px;background:white;color:var(--green);font-weight:800}.knowledge-list{display:grid;gap:9px}.knowledge-list>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;border:0;background:white;border-radius:17px;padding:13px;text-align:left;color:var(--ink);cursor:pointer}.knowledge-list>button>span{font-size:27px}.knowledge-list strong,.knowledge-list small{display:block}.knowledge-list small{color:var(--muted);margin-top:3px}.knowledge-list p{margin:5px 0 0;font-size:13px;line-height:1.35}.knowledge-list>button>b{color:var(--green2);font-size:12px}
.independent-note{font-size:12px;color:var(--muted);text-align:center;margin-top:18px;border-top:1px solid var(--line);padding-top:14px;line-height:1.45}
.fixture{align-items:start}.fixture-main{min-width:0}.fixture .fixture-main>strong,.fixture .fixture-main>span{display:block}.venue{margin-top:10px;padding:10px;background:#f1f5ef;border-radius:12px}.fixture .venue b,.fixture .venue span{display:block}.fixture .venue b{font-size:13px;color:var(--green)}.fixture .venue span{font-size:12px;line-height:1.4;margin-top:3px}.route-button{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;min-height:40px;padding:8px 12px;border-radius:11px;background:var(--green);color:white;text-decoration:none;font-size:13px;font-weight:900}.fixture>.score{align-self:start}.fixture:not(.played){grid-template-columns:64px 1fr}
@media(max-width:390px){.fixture,.fixture:not(.played){grid-template-columns:54px 1fr}.fixture.played>.score{grid-column:2;justify-self:start}.route-button{width:100%}}
.login-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 18%,#276e50,var(--green));display:grid;place-items:center;padding:20px}.login-screen[hidden]{display:none}.login-card{width:min(100%,420px);background:var(--cream);border-radius:26px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.login-card h1{margin:6px 0 20px}.login-crest{margin-bottom:18px}.login-card label,.account-dialog label{display:grid;gap:7px;margin:13px 0;font-size:14px;font-weight:900}.login-card select,.login-card input,.account-dialog input{width:100%;border:2px solid var(--line);border-radius:13px;background:white;padding:13px;font:inherit;font-size:16px;outline:0}.login-card select:focus,.login-card input:focus,.account-dialog input:focus{border-color:var(--green2)}.login-message{min-height:20px;margin:11px 0 0;color:#913f38;font-size:13px;font-weight:800}.account-chip{margin-left:auto;border:0;border-radius:13px;padding:7px 10px;background:rgba(255,255,255,.12);color:white;text-align:right;cursor:pointer}.account-chip span,.account-chip small{display:block}.account-chip span{font-weight:900}.account-chip small{opacity:.72;text-transform:capitalize}.topbar .account-chip+.icon-button{margin-left:0}.account-dialog{width:min(92vw,440px);border:0;border-radius:24px;padding:25px;background:var(--cream);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.35)}.account-dialog::backdrop{background:rgba(10,25,18,.68)}.account-dialog h2{font-size:26px}.privacy-warning{background:#fff4df;border-left:4px solid var(--orange);border-radius:8px;padding:11px;font-size:13px}.account-dialog .secondary{margin-top:12px}