.kaart{--kaart-breedte:300px;--kaart-hoogte:calc(var(--kaart-breedte)*1.5333);--kaart-vorm:polygon(0% 4.2%,6.5% 0.4%,93.5% 0.4%,100% 4.2%,100% 92.5%,71% 99.6%,29% 99.6%,0% 92.5%);width:var(--kaart-breedte);height:var(--kaart-hoogte);font-size:calc(var(--kaart-breedte)/18.75);-webkit-user-select:none;user-select:none;background:var(--kaart-frame);clip-path:var(--kaart-vorm);filter:drop-shadow(0 1.3em 1.9em var(--kaart-schaduw));flex-shrink:0;padding:.22em;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s;display:block;position:relative}.kaart-vak{justify-content:center;min-width:0;display:flex;container-type:inline-size}@media (max-width:639px){.kaart-vak{--kaart-max:300px}}.kaart--actief{cursor:pointer}.kaart--actief:hover,.kaart--actief:focus-visible{filter:drop-shadow(0 2em 2.8em var(--kaart-schaduw))drop-shadow(0 0 1.4em var(--kaart-glans));transform:translateY(-.5em)scale(1.014)}.kaart--actief:focus-visible{outline:2px solid var(--kaart-accent);outline-offset:3px}.kaart__body{background:var(--kaart-body);width:100%;height:100%;clip-path:var(--kaart-vorm);position:relative;overflow:hidden;box-shadow:inset 0 .1em #ffffff2e,inset 0 -.07em #00000052}.kaart__belichting{z-index:1;pointer-events:none;background:radial-gradient(70% 42% at 50% 6%,#ffffff29 0%,#0000 62%),radial-gradient(100% 40% at 50% 100%,#0000004d 0%,#0000 58%),linear-gradient(#ffffff0f 0%,#0000 24%,#00000024 100%);position:absolute;inset:0}.kaart__holo{z-index:3;opacity:0;pointer-events:none;background:conic-gradient(from 210deg,transparent 0deg,var(--kaart-glans)66deg,transparent 132deg,#ffffff0f 200deg,transparent 266deg,var(--kaart-glans)330deg,transparent 360deg);width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.kaart--actief:hover .kaart__holo{opacity:1;animation:15s linear infinite kaartHolo}@keyframes kaartHolo{to{transform:rotate(360deg)}}.kaart--actief:hover .kaart__inhoud:after{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff2e,var(--kaart-glans),transparent);width:30%;height:120%;animation:.95s ease-out kaartVeeg;position:absolute;top:-10%;left:0}@keyframes kaartVeeg{0%{opacity:0;transform:translate(-140%)skew(-18deg)}18%{opacity:1}to{opacity:0;transform:translate(280%)skew(-18deg)}}@media (prefers-reduced-motion:reduce){.kaart,.kaart--actief:hover,.kaart--actief:focus-visible{transition:none;transform:none}.kaart--actief:hover .kaart__holo{animation:none}.kaart--actief:hover .kaart__inhoud:after{content:none;animation:none}}.kaart__textuur{z-index:1;pointer-events:none;position:absolute;inset:0}.kaart__textuur--geborsteld{background-image:repeating-linear-gradient(118deg,#ffffff0b 0 1px,#0000 1px 7px)}.kaart__textuur--facet{background-image:linear-gradient(135deg,#ffffff12 0%,#0000 38%),linear-gradient(215deg,#ffffff0d 0%,#0000 42%),repeating-linear-gradient(60deg,#ffffff09 0 1px,#0000 1px 22px),repeating-linear-gradient(-60deg,#ffffff08 0 1px,#0000 1px 22px)}.kaart__textuur--straal{background-image:repeating-conic-gradient(from 90deg at 50% 12%,#ffffff0e 0deg 5deg,#0000 5deg 15deg);-webkit-mask-image:radial-gradient(85% 70% at 50% 12%,#000 0%,#0000 72%);mask-image:radial-gradient(85% 70% at 50% 12%,#000 0%,#0000 72%)}.kaart__textuur--gaas{background-image:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 9px),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 9px)}.kaart__textuur--vlam{background-image:radial-gradient(34% 46% at 22% 104%,#ffaa5a42 0%,#0000 62%),radial-gradient(40% 54% at 52% 110%,#ff783238 0%,#0000 60%),radial-gradient(32% 44% at 80% 104%,#ffb46433 0%,#0000 62%)}.kaart__textuur--circuit{background-image:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 26px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 26px),radial-gradient(circle at 26% 34%,#ffffff1a 0 1.5px,#0000 2px),radial-gradient(circle at 74% 62%,#ffffff1a 0 1.5px,#0000 2px);-webkit-mask-image:linear-gradient(#000 0%,#00000059 70%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000059 70%,#0000 100%)}.kaart__textuur--lauwer{background-image:repeating-conic-gradient(from 90deg,#fff5cd0d 0deg 3deg,#0000 3deg 12deg),radial-gradient(circle at 50% 46%,#0000 34%,#ffeeb217 40%,#0000 52%);-webkit-mask-image:radial-gradient(circle at 50% 46%,#0000 26%,#000 40%,#0000 70%);mask-image:radial-gradient(circle at 50% 46%,#0000 26%,#000 40%,#0000 70%)}.kaart__inhoud{z-index:2;flex-direction:column;height:100%;padding:1.15em 1.15em .9em;display:flex;position:relative}.kaart__watermerk{z-index:1;opacity:.055;object-fit:contain;pointer-events:none;width:52%;height:52%;position:absolute;bottom:7%;right:-7%}.kaart__boven{flex-shrink:0;height:46%;margin:-.15em -.3em 0 -.15em;position:relative}.kaart__foto,.kaart__foto-leeg{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#000 58%,#0000008c 82%,#0000 100%),linear-gradient(270deg,#000 76%,#0000 100%);mask-image:linear-gradient(#000 58%,#0000008c 82%,#0000 100%),linear-gradient(270deg,#000 76%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.kaart__foto{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.kaart__foto-leeg{color:#ffffff29;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0 0 0 26%}.kaart__foto-leeg svg{width:62%;height:62%}.kaart__foto-verloop{pointer-events:none;background:linear-gradient(96deg,#000000b8 2%,#00000047 26%,#0000 52%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.kaart__info{z-index:2;flex-direction:column;align-items:center;width:30%;height:100%;padding-top:.15em;display:flex;position:absolute;top:0;left:0}.kaart__rating{letter-spacing:-.03em;background:var(--kaart-rating);color:#0000;filter:drop-shadow(0 .04em .08em #00000080);-webkit-background-clip:text;background-clip:text;font-size:3.05em;font-weight:900;line-height:.95}.kaart__positie{letter-spacing:.16em;text-transform:uppercase;color:var(--kaart-accent);text-shadow:0 .06em .18em #0006;margin-top:.1em;font-size:.86em;font-weight:700}.kaart__streep{background:linear-gradient(90deg,transparent,var(--kaart-accent),transparent);opacity:.65;width:58%;height:1px;margin:.34em 0}.kaart__vlag{border:1px solid #fff3;border-radius:.13em;flex-direction:column;width:1.6em;height:1.07em;display:flex;overflow:hidden;box-shadow:0 .07em .2em #00000059}.kaart__vlag span{flex:1}.kaart__clublogo{object-fit:contain;filter:drop-shadow(0 .13em .33em #0009)brightness(1.22)contrast(1.08);width:2.4em;height:2.8em;margin-top:.46em}.kaart__deler{background:linear-gradient(90deg,transparent,var(--kaart-accent),transparent);opacity:.6;width:100%;height:1px}.kaart__naam{text-align:center;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.14em;color:var(--kaart-tekst);text-shadow:0 .08em .22em #00000073;padding:.44em .25em;font-size:1.27em;font-weight:800;line-height:1.1;display:block;overflow:hidden}.kaart__stats{grid-template-columns:1fr 1fr;column-gap:.4em;margin-top:.75em;display:grid;position:relative}.kaart__stats:before{content:"";background:linear-gradient(180deg,transparent,var(--kaart-accent),transparent);opacity:.4;width:1px;position:absolute;top:6%;bottom:6%;left:50%;transform:translate(-50%)}.kaart__statkolom{flex-direction:column;align-items:center;gap:.46em;display:flex}.kaart__stat{justify-content:center;align-items:baseline;gap:.33em;line-height:1;display:flex}.kaart__statwaarde{text-shadow:0 .06em .18em #00000073;font-size:1.47em;font-weight:900}.kaart__statwaarde--top{color:#5ee08a}.kaart__statwaarde--hoog{color:#f5d56c}.kaart__statwaarde--midden{color:#fbbf24}.kaart__statwaarde--laag{color:#ffffffa8}.kaart__statlabel{letter-spacing:.13em;text-transform:uppercase;color:var(--kaart-accent);font-size:.68em;font-weight:700}.kaart__voet{letter-spacing:.18em;text-transform:uppercase;width:70%;color:var(--kaart-accent);opacity:.62;justify-content:center;align-items:center;gap:.5em;margin:auto auto 0;padding-top:.55em;font-size:.55em;font-weight:700;display:flex}.kaart__voet>span:not(.kaart__voet-scheiding){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kaart__voet-scheiding{opacity:.5;background:currentColor;width:1px;height:.9em}.kaart__upload{z-index:3;opacity:0;cursor:pointer;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:.3em;transition:opacity .3s;display:flex;position:absolute;inset:0}.kaart__boven:hover .kaart__upload,.kaart__upload:focus-visible{opacity:1}.kaart__upload svg{color:#fff;width:18%;height:18%}.kaart__upload span{color:#ffffffd9;font-size:.66em;font-weight:600}