.krachtbal-pagina{--kb-groen:#137a38;--kb-donkergroen:#075425;--kb-geel:#ffec2f;--kb-licht:#f4fbf2}.krachtbal-intro,.krachtbal-spel,.krachtbal-kaart{border:1px solid #d8e9d7;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(24,90,42,.08)}.krachtbal-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:1.5rem;margin-bottom:1rem}.krachtbal-label{display:inline-block;margin-bottom:.45rem;padding:.25rem .55rem;border-radius:999px;background:#dff3e0;color:#117036;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.krachtbal-intro h2,.krachtbal-spel h2,.krachtbal-kaart h2{color:var(--kb-donkergroen);font-weight:800}.krachtbal-intro p{color:#55665a}.krachtbal-feiten{display:grid;gap:.65rem}.krachtbal-feiten span{display:grid;grid-template-columns:36px 1fr;column-gap:.65rem;align-items:center;padding:.7rem .85rem;border-radius:13px;background:var(--kb-licht)}.krachtbal-feiten i{grid-row:span 2;color:#16863f;font-size:1.25rem}.krachtbal-feiten strong{font-size:.92rem}.krachtbal-feiten small{color:#6d796f;font-size:.78rem}.krachtbal-spel{overflow:hidden}.krachtbal-spel__kop{display:flex;justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem .5rem}.krachtbal-spel__kop h2{margin:0}.krachtbal-spel__kop p{max-width:700px;margin:.35rem 0 0;color:#617064}.krachtbal-live{align-self:flex-start;display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border-radius:999px;background:#f0f8f0;color:#237b3e;font-size:.78rem;font-weight:700;white-space:nowrap}.krachtbal-live i{width:8px;height:8px;border-radius:50%;background:#1aa64d;box-shadow:0 0 0 5px rgba(26,166,77,.15);animation:kb-pulse 1.4s infinite}
/* Officiële terreinverdeling: 10 m - 4 m - 9 m - 9 m - 4 m - 10 m. */
.krachtbal-veld{position:relative;min-height:430px;margin:1rem 1.5rem 1.2rem;overflow:hidden;border:8px solid #e5c73d;border-radius:20px;background:#32958a;color:#fff}.krachtbal-veld::before{content:"";position:absolute;inset:8% 3%;border:2px dashed rgba(255,255,255,.45);border-radius:3px}.krachtbal-veld::after{content:"";position:absolute;inset:18% 5% 16%;border:3px solid rgba(255,255,255,.76);border-radius:2px}.krachtbal-veld__omheining{position:absolute;z-index:8;top:3%;left:0;right:0;text-align:center;font-size:.72rem;font-weight:700;color:#eafff8}.krachtbal-veld__omheining span{display:inline-block;padding:0 .5rem;background:#32958a}.krachtbal-veld__maat{position:absolute;z-index:8;top:11%;transform:translateX(-50%);font-size:.63rem;font-weight:700;color:#eafff8;white-space:nowrap}.krachtbal-veld__maat::after{content:"";position:absolute;top:1.05rem;left:50%;height:7px;border-left:1px solid rgba(255,255,255,.8)}.krachtbal-veld__maat--zone1{left:14.5%}.krachtbal-veld__maat--zone2{left:29%}.krachtbal-veld__maat--zone3{left:41.5%}.krachtbal-veld__maat--zone4{left:58.5%}.krachtbal-veld__maat--zone5{left:71%}.krachtbal-veld__maat--zone6{left:85.5%}.krachtbal-veld__maat-kern{position:absolute;z-index:8;top:15.5%;left:50%;transform:translateX(-50%);font-size:.63rem;font-weight:700;color:#eafff8}.krachtbal-veld__maat-kern::before{content:"";position:absolute;right:calc(100% + .3rem);top:50%;width:31%;border-top:1px dashed #fff}.krachtbal-veld__maat-kern::after{content:"";position:absolute;left:calc(100% + .3rem);top:50%;width:31%;border-top:1px dashed #fff}.krachtbal-veld__breedte{position:absolute;z-index:8;top:47%;font-size:.62rem;font-weight:700;writing-mode:vertical-rl;color:#eafff8}.krachtbal-veld__breedte--links{left:1.1%}.krachtbal-veld__breedte--rechts{right:1.1%}.krachtbal-veld__neutraal{position:absolute;z-index:8;right:2.1%;top:12%;font-size:.56rem;line-height:1.1;text-align:center;color:#eafff8}.krachtbal-veld__neutraal span{font-size:.52rem}.krachtbal-veld__doel{position:absolute;z-index:1;top:18%;bottom:16%;width:20%;display:flex;align-items:center;justify-content:center;background:rgba(209,241,233,.66);border:3px solid rgba(255,255,255,.74)}.krachtbal-veld__doel span{font-size:clamp(.8rem,1.55vw,1.35rem);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28);letter-spacing:.04em}.krachtbal-veld__doel--links{left:5%}.krachtbal-veld__doel--rechts{right:5%}.krachtbal-veld__midden,.krachtbal-veld__lijn{position:absolute;z-index:2;top:18%;bottom:16%;border-left:2px solid rgba(255,255,255,.78)}.krachtbal-veld__midden{left:50%;border-left-style:dashed}.krachtbal-veld__lijn--doel-links{left:25%}.krachtbal-veld__lijn--vrij-links{left:33%}.krachtbal-veld__lijn--vrij-rechts{left:67%}.krachtbal-veld__lijn--doel-rechts{left:75%}.krachtbal-veld__lijn span{position:absolute;top:calc(100% + .45rem);left:50%;transform:translateX(-50%);width:76px;color:#eafff8;text-align:center;font-size:.61rem;line-height:1.05}.krachtbal-veld__midden::after{content:"Middellijn";position:absolute;top:calc(100% + .45rem);left:50%;transform:translateX(-50%);color:#eafff8;font-size:.61rem;white-space:nowrap}.krachtbal-veld__aanval{position:absolute;z-index:8;left:7%;bottom:4%;padding:.3rem .55rem;border-radius:8px;background:rgba(5,74,61,.65);font-size:.7rem;font-weight:700}.krachtbal-ploeg{position:absolute;z-index:6;width:19%;height:32%;font-size:1.2rem}.krachtbal-ploeg i{position:absolute;display:grid;place-items:center;width:31px;height:31px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.27)}.krachtbal-ploeg span{position:absolute;bottom:-1.25rem;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.45)}.krachtbal-ploeg--geel{left:28%;top:36%}.krachtbal-ploeg--rood{right:28%;top:36%}.krachtbal-ploeg--geel i{background:#f4d83a;color:#695300}.krachtbal-ploeg--rood i{background:#d95151;color:#fff}.krachtbal-ploeg .p1{left:4%;top:43%}.krachtbal-ploeg .p2{left:36%;top:6%}.krachtbal-ploeg .p3{right:4%;top:43%}.krachtbal-ploeg .p4{left:36%;bottom:4%}.krachtbal-veld__route{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.krachtbal-veld__route polyline{fill:none;stroke:#e95752;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.krachtbal-veld__route circle{fill:#f8c93d;stroke:#593b12;stroke-width:4;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.krachtbal-veld__worp{position:absolute;z-index:7;color:#ffded9;font-size:.72rem;text-shadow:0 1px 1px #075425;animation:kb-worp-label 8s infinite}.krachtbal-veld__worp--een{left:27%;top:37%;animation-delay:0s}.krachtbal-veld__worp--twee{left:41%;top:57%;animation-delay:2s}.krachtbal-veld__worp--drie{left:52%;top:34%;animation-delay:4s}.krachtbal-veld__worp--vier{left:70%;top:49%;animation-delay:6s}
.krachtbal-stappen{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dcebdd}.krachtbal-stappen article{display:flex;gap:.75rem;padding:1rem;background:#fff}.krachtbal-stappen>article>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#e3f4e4;color:#137a38;font-weight:800}.krachtbal-stappen h3{margin:0;color:#1b6b35;font-size:1rem}.krachtbal-stappen p{margin:.2rem 0 0;color:#647269;font-size:.84rem}.krachtbal-kaart{padding:1.4rem}.krachtbal-kaart--accent{background:linear-gradient(145deg,#f6fff2,#fffde7)}.krachtbal-regels{display:grid;gap:.85rem;margin:1rem 0 0;padding:0;list-style:none}.krachtbal-regels li{display:flex;gap:.75rem}.krachtbal-regels i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#e2f4e2;color:#16783a}.krachtbal-regels strong,.krachtbal-regels span{display:block}.krachtbal-regels span{color:#5f6d62;font-size:.9rem}.krachtbal-regels strong{color:#293b2d}.krachtbal-wedstrijdfeiten{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.25rem 0}.krachtbal-wedstrijdfeiten span{padding:.8rem;border-radius:12px;background:rgba(255,255,255,.7);border:1px solid #e5ebd3}.krachtbal-wedstrijdfeiten strong,.krachtbal-wedstrijdfeiten small{display:block}.krachtbal-wedstrijdfeiten strong{color:#176f35}.krachtbal-wedstrijdfeiten small{color:#68746c;font-size:.8rem}.krachtbal-bron{margin-top:1.25rem;color:#69766c;font-size:.8rem}.krachtbal-bron a{color:#12723a}@keyframes kb-worp-label{0%,21%{opacity:1}28%,100%{opacity:.32}}@keyframes kb-pulse{50%{transform:scale(.7);opacity:.55}}@media(max-width:767.98px){.krachtbal-intro{grid-template-columns:1fr}.krachtbal-spel__kop{display:block}.krachtbal-live{display:inline-flex;margin-top:.8rem}.krachtbal-veld{min-height:355px;margin:1rem}.krachtbal-stappen{grid-template-columns:1fr}.krachtbal-ploeg i{width:24px;height:24px;font-size:.9rem}.krachtbal-veld__aanval,.krachtbal-veld__maat{font-size:.54rem}.krachtbal-veld__worp{font-size:.58rem}.krachtbal-veld__lijn span,.krachtbal-veld__midden::after{font-size:.52rem}}@media(max-width:520px){.krachtbal-veld{min-height:275px;border-width:5px}.krachtbal-veld__maat,.krachtbal-veld__maat-kern,.krachtbal-veld__breedte,.krachtbal-veld__neutraal,.krachtbal-veld__worp,.krachtbal-ploeg span{display:none}.krachtbal-veld__aanval{font-size:.52rem}.krachtbal-ploeg{transform:scale(.78)}.krachtbal-veld__lijn span,.krachtbal-veld__midden::after{font-size:.46rem;width:50px}.krachtbal-veld__doel span{font-size:.66rem}.krachtbal-stappen article{padding:.8rem}}@media(prefers-reduced-motion:reduce){.krachtbal-pagina *{animation:none!important}}