/* Schatkaart: guide in the dark Slotorado lobby colours */
@font-face{font-family:"Outfit";src:url(/media/letters/outfit-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Outfit";src:url(/media/letters/outfit-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Outfit";src:url(/media/letters/outfit-900.woff2) format("woff2");font-weight:900;font-display:swap}

:root{
  --kt-papier:#101B26;
  --kt-vel:#1B2835;
  --kt-perkament:#142231;
  --kt-inkt:#F1F1F1;
  --kt-grijs:#94A4B0;
  --kt-lijn:#2A3B4B;
  --kt-nacht:#0B1620;
  --kt-nacht2:#0B1620;
  --kt-paneel:#1B2835;
  --kt-smaragd:#2DAB7D;
  --kt-smaragd-d:#2BDEA8;
  --kt-oranje:#FFA034;
  --kt-oranje-d:#FFA034;
  --kt-goud:#FFC685;
  --kt-licht:#F1F1F1;
  --kt-mist:#7E92A1;
  --kt-r:14px;
  --kt-ritme:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kt-papier);color:var(--kt-inkt);font:400 17px/1.65 "Outfit",system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--kt-smaragd-d);text-underline-offset:3px}
a:hover{color:#fff}
h1,h2,h3{font-weight:900;line-height:1.15;margin:0;overflow-wrap:break-word;hyphens:auto}
h1{font-size:44px;letter-spacing:-.01em}
h2{font-size:28px}
h3{font-size:20px;font-weight:600}
p{margin:0 0 14px}
.kt-bak{width:100%;max-width:1232px;margin:0 auto;padding:0 16px}
.kt-skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:99}
.kt-skip:focus{left:8px}

/* Header: night band with folder tabs that open into the cream page */
.kt-top{background:var(--kt-nacht);color:var(--kt-licht);position:relative;z-index:20}
.kt-top-rij{display:flex;align-items:center;justify-content:space-between;height:68px}
.kt-merk{font-weight:900;font-size:28px;letter-spacing:.04em;text-decoration:none;line-height:1}
.kt-merk-a{color:var(--kt-oranje)}
.kt-merk-b{color:var(--kt-goud)}
.kt-top-rechts{display:flex;align-items:center;gap:12px}
.kt-tabs{display:flex;gap:6px;align-items:flex-end;padding-top:4px}
.kt-tabs > a,.kt-meer > summary{flex:1 1 0;text-align:center;padding:12px 10px 13px;border-radius:12px 12px 0 0;background:#16222E;color:#C9D3DA;text-decoration:none;font-weight:600;font-size:16px;white-space:nowrap;border-top:3px solid transparent}
.kt-tabs > a:hover,.kt-meer > summary:hover{background:#243545;color:#fff}
.kt-tabs > a[aria-current="page"],.kt-meer.kt-actief > summary{background:var(--kt-papier);color:#fff;border-top-color:var(--kt-oranje)}
.kt-meer{flex:0 0 auto;position:relative;display:flex}
.kt-meer > summary{list-style:none;cursor:pointer;padding-left:18px;padding-right:18px}
.kt-meer > summary::-webkit-details-marker{display:none}
.kt-meer > summary::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 9px}
.kt-meer-lijst{position:absolute;right:0;top:100%;min-width:220px;background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:0 0 12px 12px;padding:8px;display:grid;gap:2px;z-index:40}
.kt-meer-lijst a{color:var(--kt-licht);text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:600}
.kt-meer-lijst a:hover,.kt-meer-lijst a[aria-current="page"]{background:#243545;color:var(--kt-oranje)}
.kt-burger{display:none;width:44px;height:44px;border:1px solid #2B3B4A;border-radius:12px;background:var(--kt-nacht2);padding:11px 10px;cursor:pointer}
.kt-burger span{display:block;height:2px;background:var(--kt-licht);margin:4px 0;border-radius:2px}

/* Buttons */
.kt-knop{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border-radius:50px;background:var(--kt-smaragd);color:var(--kt-nacht);font-weight:900;font-size:18px;text-decoration:none;border:0;transition:background .15s}
.kt-knop:hover{background:#38C28F;color:var(--kt-nacht)}
.kt-knop-klein{min-height:40px;padding:0 20px;font-size:16px}
.kt-knoprij{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0}
.kt-18{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--kt-oranje-d);color:var(--kt-oranje-d);font-weight:900;font-size:14px}
.kt-meta{display:block;width:100%;text-align:center;color:var(--kt-grijs);font-size:14px;margin-top:-6px}

/* Page body */
.kt-vel{padding-bottom:var(--kt-ritme)}
.kt-sectie{margin-top:var(--kt-ritme)}
.kt-kop{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.kt-vak{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 8px;border:2px solid var(--kt-oranje);border-radius:8px;color:var(--kt-oranje-d);font-size:14px;font-weight:600;letter-spacing:.04em;background:var(--kt-vel)}
.kt-ondertitel{font-size:20px;font-weight:600;margin:26px 0 12px}

/* Empty text slot: reserved height until texts arrive */
.kt-proza{max-width:none}
.kt-proza p:last-child{margin-bottom:0}
.kt-leeg{min-height:calc(var(--w) * 1.45px);margin:0 0 16px;border-left:3px dashed var(--kt-lijn);background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(126,146,161,.16) 27px 28px)}

/* Hero */
.kt-held{padding-top:34px}
.kt-held h1{margin-bottom:14px}
.kt-held .kt-leeg{margin-bottom:22px}
.kt-held-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:stretch}
.kt-held-kunst{margin:0;background:var(--kt-nacht);border-radius:var(--kt-r);display:flex;align-items:center;justify-content:center;overflow:hidden}
.kt-held-kunst img{width:100%;max-height:380px;object-fit:contain}

/* Score card */
.kt-score{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-top:5px solid var(--kt-oranje);border-radius:var(--kt-r);padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.kt-score-boven{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--kt-lijn);padding-bottom:10px}
.kt-score-boven h2{font-size:20px}
.kt-score-cijfer{font-size:40px;font-weight:900;color:var(--kt-smaragd-d);line-height:1}
.kt-score-cijfer small{font-size:16px;color:var(--kt-grijs);font-weight:600}
.kt-score ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.kt-score li{display:grid;grid-template-columns:1fr auto;gap:2px 12px}
.kt-score-naam{font-weight:600;font-size:16px}
.kt-score-punt{font-weight:900;font-variant-numeric:tabular-nums}
.kt-score-balk{grid-column:1/-1;height:6px;border-radius:6px;background:var(--kt-perkament);overflow:hidden}
.kt-score-balk i{display:block;height:100%;background:var(--kt-smaragd);border-radius:6px}
.kt-score-why{grid-column:1/-1;font-size:14px;color:var(--kt-grijs);line-height:1.4}

/* Map legend (quick facts) */
.kt-legenda{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--kt-lijn);border-radius:var(--kt-r);background:var(--kt-vel);overflow:hidden}
.kt-legenda > div{padding:16px 18px;border-right:1px solid var(--kt-lijn);border-bottom:1px solid var(--kt-lijn);position:relative}
.kt-legenda > div:nth-child(4n){border-right:0}
.kt-legenda > div:nth-last-child(-n+4){border-bottom:0}
.kt-legenda b{display:block;font-size:26px;font-weight:900;line-height:1.1;color:var(--kt-inkt)}
.kt-legenda span{display:block;font-size:15px;color:var(--kt-grijs);margin-top:4px}
.kt-legenda em{position:absolute;top:8px;right:10px;font-style:normal;font-size:12px;font-weight:600;color:var(--kt-oranje-d)}

/* Collapsed table of contents */
.kt-route{margin-top:28px;border:2px dashed var(--kt-lijn);border-radius:var(--kt-r);background:var(--kt-vel)}
.kt-route summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;list-style:none;font-weight:600}
.kt-route summary::-webkit-details-marker{display:none}
.kt-route summary::after{content:"+";font-size:24px;font-weight:900;color:var(--kt-oranje-d)}
.kt-route[open] summary::after{content:"\2212"}
.kt-route-n{margin-left:auto;color:var(--kt-grijs);font-weight:400}
.kt-route ol{margin:0;padding:4px 20px 18px 44px;columns:2;column-gap:40px}
.kt-route li{margin:4px 0;break-inside:avoid}

/* Pro / contra */
.kt-weegschaal{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;margin-top:8px}
.kt-weeg{border-radius:var(--kt-r);padding:20px 22px;background:var(--kt-vel);border:1px solid var(--kt-lijn)}
.kt-weeg h3{margin-bottom:12px}
.kt-weeg ul{list-style:none;margin:0;padding:0}
.kt-weeg li{padding:8px 0 8px 32px;position:relative;border-top:1px solid var(--kt-lijn)}
.kt-weeg li:first-child{border-top:0}
.kt-weeg-plus li::before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:3px solid var(--kt-smaragd-d);border-bottom:3px solid var(--kt-smaragd-d);transform:rotate(-45deg)}
.kt-weeg-min{background:#211F1C;border-color:#4A3A22}
.kt-weeg-min li::before{content:"!";position:absolute;left:2px;top:9px;width:20px;height:20px;border-radius:50%;background:var(--kt-oranje);color:var(--kt-nacht);font-weight:900;font-size:13px;line-height:20px;text-align:center}

/* Game band (dark strip, content in container) */
.kt-band{border-top:1px solid var(--kt-lijn);border-bottom:1px solid var(--kt-lijn);background:var(--kt-nacht2);color:var(--kt-licht);margin-top:var(--kt-ritme);padding:48px 0}
.kt-band .kt-kop{color:#fff}
.kt-band .kt-vak{background:transparent;color:var(--kt-oranje)}
.kt-band .kt-leeg{border-left-color:#2B3B4A;background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(126,146,161,.18) 27px 28px)}
.kt-band a:not(.kt-knop){color:#7FE0BC}
.kt-band .kt-18{border-color:var(--kt-oranje);color:var(--kt-oranje)}
.kt-spellen{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:20px}
.kt-spel{display:block;text-decoration:none;color:var(--kt-licht)}
.kt-spel figure{margin:0;aspect-ratio:1/1;background:var(--kt-paneel);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.kt-spel img{width:100%;height:100%;object-fit:contain}
.kt-spel span{display:block;font-size:13px;line-height:1.3;margin-top:6px;color:var(--kt-mist);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-spel:hover figure{outline:2px solid var(--kt-smaragd)}

/* Tables */
.kt-tabelvak{overflow-x:auto;margin:8px 0 18px;border:1px solid var(--kt-lijn);border-radius:var(--kt-r);background:var(--kt-vel)}
.kt-tabel{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:560px}
.kt-tabel caption{caption-side:top;text-align:left;padding:14px 18px 0;font-weight:600;color:var(--kt-grijs);font-size:15px}
.kt-tabel th,.kt-tabel td{padding:12px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--kt-lijn)}
.kt-tabel thead th{font-size:14px;letter-spacing:.03em;color:var(--kt-oranje);font-weight:600;border-bottom:2px solid var(--kt-smaragd);background:var(--kt-perkament)}
.kt-tabel tbody th{font-weight:600}
.kt-tabel tbody tr:last-child th,.kt-tabel tbody tr:last-child td{border-bottom:0}
.kt-tabel .kt-som th,.kt-tabel .kt-som td{background:#2A2618;font-weight:900}
.kt-tabel td strong{color:var(--kt-smaragd-d)}
.kt-tabel .kt-let{color:var(--kt-oranje-d);font-weight:600}
.kt-vast{table-layout:fixed}

/* Promo cards 2x2 */
.kt-acties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kt-actie{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:var(--kt-r);overflow:hidden;display:flex;flex-direction:column}
.kt-actie img{width:100%;aspect-ratio:800/452;object-fit:contain;background:var(--kt-nacht)}
.kt-actie-tekst{padding:16px 20px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.kt-actie-tekst h3{font-size:20px}
.kt-actie dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:15px}
.kt-actie dt{color:var(--kt-grijs)}
.kt-actie dd{margin:0;font-weight:600}

/* VIP groups with medals */
.kt-vip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kt-groep{border:1px solid var(--kt-lijn);background:var(--kt-nacht2);color:var(--kt-licht);border-radius:var(--kt-r);padding:18px;display:flex;flex-direction:column;gap:10px}
.kt-groep h3{color:var(--kt-oranje);font-size:19px}
.kt-medailles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.kt-medailles img{width:100%;max-width:64px;margin:0 auto}
.kt-groep dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:15px}
.kt-groep dt{color:var(--kt-mist)}
.kt-groep dd{margin:0;font-weight:600;text-align:right}

/* Steps */
.kt-stappen{list-style:none;margin:8px 0 18px;padding:0;counter-reset:st;display:grid;gap:10px}
.kt-stappen li{counter-increment:st;display:grid;grid-template-columns:44px 1fr;gap:2px 14px;background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:12px;padding:12px 16px}
.kt-stappen li::before{content:counter(st);grid-row:1/3;width:40px;height:40px;border-radius:50%;background:var(--kt-oranje);color:var(--kt-nacht);font-weight:900;display:flex;align-items:center;justify-content:center}
.kt-stappen strong{font-weight:600}
.kt-stappen span{color:var(--kt-grijs);font-size:16px}

/* Two-route comparison (bonus page) */
.kt-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kt-routekaart{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:var(--kt-r);overflow:hidden;display:flex;flex-direction:column}
.kt-routekaart-kop{background:var(--kt-nacht2);color:var(--kt-licht);padding:16px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.kt-routekaart-kop h3{color:#fff}
.kt-routekaart-kop span{color:var(--kt-oranje);font-weight:600;font-size:15px}
.kt-stops{list-style:none;margin:0;padding:18px 20px 6px 20px;position:relative}
.kt-stops li{display:grid;grid-template-columns:28px 1fr auto 64px;gap:12px;align-items:center;padding:10px 0;position:relative}
.kt-stops li::before{content:"";width:16px;height:16px;border-radius:50%;border:3px solid var(--kt-smaragd);background:var(--kt-nacht);margin-left:4px;z-index:1}
.kt-stops li:not(:last-child)::after{content:"";position:absolute;left:11px;top:34px;bottom:-12px;border-left:2px dashed var(--kt-lijn)}
.kt-stops b{font-size:20px;font-weight:900}
.kt-stops em{font-style:normal;color:var(--kt-smaragd-d);font-weight:900;text-align:right}
@media (max-width:480px){.kt-stops li{grid-template-columns:24px 1fr auto;}.kt-stops em{grid-column:2/-1;text-align:left;margin-top:-8px}}
.kt-routekaart-voet{margin-top:auto;padding:12px 20px 18px;border-top:1px solid var(--kt-lijn);font-weight:600}
.kt-routekaart-voet .kt-let{color:var(--kt-oranje-d)}

/* Note / callout */
.kt-notitie{background:#231F18;border:1px solid #4A3A22;border-radius:var(--kt-r);padding:16px 20px;margin:8px 0 18px}
.kt-notitie strong{color:var(--kt-oranje-d)}

/* Method / check list */
.kt-logboek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 18px}
.kt-logboek div{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:12px;padding:16px 18px}
.kt-logboek b{display:block;font-size:15px;color:var(--kt-oranje-d);font-weight:600;margin-bottom:4px}

/* Banner figure inside text flow */
.kt-plaat{margin:8px auto 18px;max-width:800px;border-radius:var(--kt-r);overflow:hidden;background:var(--kt-nacht)}
.kt-plaat img{width:100%}

/* FAQ */
.kt-faq{border-top:2px solid var(--kt-smaragd)}
.kt-vraag{border-bottom:1px solid var(--kt-lijn)}
.kt-vraag summary{cursor:pointer;list-style:none;padding:16px 44px 16px 0;font-weight:600;font-size:18px;position:relative}
.kt-vraag summary::-webkit-details-marker{display:none}
.kt-vraag summary::after{content:"+";position:absolute;right:6px;top:10px;font-size:26px;color:var(--kt-oranje-d);font-weight:900}
.kt-vraag[open] summary::after{content:"\2212"}
.kt-vraag .kt-proza{padding:0 0 16px}

/* Responsible gambling */
.kt-rg{display:flex;gap:20px;align-items:flex-start;margin-top:var(--kt-ritme);background:var(--kt-vel);border:2px solid var(--kt-oranje);border-radius:var(--kt-r);padding:20px 22px}
.kt-rg-18{flex:0 0 auto;width:64px;height:64px;border-radius:50%;background:var(--kt-oranje);color:var(--kt-nacht);font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center}
.kt-rg-kop{font-weight:900;font-size:19px;margin-bottom:6px}
.kt-rg p:last-child{margin-bottom:0}

/* Footer */
.kt-voet{border-top:1px solid var(--kt-lijn);background:var(--kt-nacht);color:var(--kt-mist);padding:48px 0 90px;font-size:15px}
.kt-voet a{color:#C9D3DA;text-decoration:none}
.kt-voet a:hover{color:#fff}
.kt-voet-raster{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px}
.kt-voet-merk .kt-merk{display:inline-block;margin-bottom:14px}
.kt-voet-kop{color:var(--kt-licht);font-weight:600;margin-bottom:10px}
.kt-voet ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.kt-voet-onder{border-top:1px solid #1E2C39;margin-top:32px;padding-top:18px;font-size:14px}

/* Sticky CTA bar */
.kt-plak{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(11,22,32,.97);border-top:1px solid #22313F;padding:10px 0;transform:translateY(110%);transition:transform .25s}
.kt-plak.kt-zicht{transform:none}
.kt-plak-rij{display:flex;align-items:center;justify-content:space-between;gap:16px}
.kt-plak-tekst{color:var(--kt-licht);font-size:16px}
.kt-plak-tekst strong{color:var(--kt-oranje)}
.kt-plak .kt-knop{min-height:44px;padding:0 26px;font-size:17px}

/* Plain text pages */
.kt-smal h1{font-size:38px}
.kt-dienst .kt-held{padding-bottom:8px}

/* Bonus hero: art + two first-deposit columns on a night panel */
.kt-keuze{border:1px solid var(--kt-lijn);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);background:var(--kt-nacht2);border-radius:var(--kt-r);overflow:hidden;color:var(--kt-licht)}
.kt-keuze-kunst{margin:0;display:flex;align-items:center;background:var(--kt-nacht)}
.kt-keuze-kunst img{width:100%}
.kt-keuze-kol{padding:22px 24px;border-left:1px solid #22313F;display:flex;flex-direction:column}
.kt-keuze-label{color:var(--kt-oranje);font-weight:600;font-size:15px;margin-bottom:6px}
.kt-keuze-groot{font-size:32px;font-weight:900;line-height:1.05;color:#fff;margin-bottom:2px}
.kt-keuze-plus{font-size:22px;font-weight:900;color:#7FE0BC;margin-bottom:12px}
.kt-keuze ul{list-style:none;margin:auto 0 0;padding:0;font-size:15px;color:var(--kt-mist)}
.kt-keuze li{padding:5px 0;border-top:1px solid #22313F}
.kt-keuze b{color:var(--kt-licht);font-weight:600}

/* Inner hero: art left, fact column right */
.kt-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.kt-duo-kunst{margin:0;border-radius:var(--kt-r);overflow:hidden;background:var(--kt-nacht);display:flex;align-items:center;justify-content:center}
.kt-duo-kunst img{width:100%;max-height:340px;object-fit:contain}
.kt-kaartje{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-top:5px solid var(--kt-smaragd);border-radius:var(--kt-r);padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.kt-kaartje h2{font-size:20px;margin-bottom:4px}
.kt-kaartje dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:0}
.kt-kaartje dt,.kt-kaartje dd{padding:9px 0;border-top:1px solid var(--kt-lijn);margin:0}
.kt-kaartje dt{color:var(--kt-grijs);padding-right:16px}
.kt-kaartje dd{font-weight:600;text-align:right}

/* Payout timeline */
.kt-tijdlijn{list-style:none;margin:8px 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.kt-tijdlijn li{padding:44px 16px 0 0;position:relative}
.kt-tijdlijn li::before{content:"";position:absolute;top:12px;left:0;right:0;border-top:3px dashed var(--kt-lijn)}
.kt-tijdlijn li::after{content:"";position:absolute;top:2px;left:0;width:22px;height:22px;border-radius:50%;background:var(--kt-oranje);border:4px solid var(--kt-papier)}
.kt-tijdlijn b{display:block;font-size:18px}
.kt-tijdlijn span{display:block;color:var(--kt-grijs);font-size:15px}

/* Platform cards (app) */
.kt-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kt-platform{border:1px solid var(--kt-lijn);background:var(--kt-nacht2);color:var(--kt-licht);border-radius:var(--kt-r);padding:20px}
.kt-platform h3{color:#fff;margin-bottom:4px}
.kt-platform p{color:var(--kt-mist);font-size:15px;margin-bottom:10px}
.kt-platform b{display:block;font-size:40px;font-weight:900;color:var(--kt-oranje);line-height:1}
.kt-platform .kt-leeg{border-left-color:#2B3B4A;background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(126,146,161,.18) 27px 28px);margin-top:12px}

.kt-duo-kunst img.kt-echt{width:auto;max-width:100%}
/* Map of pages: link cards with coordinates */
.kt-kaartnet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kt-kaartnet a{display:flex;flex-direction:column;gap:4px;background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--kt-licht);min-height:96px}
.kt-kaartnet a:hover{border-color:var(--kt-smaragd)}
.kt-kaartnet em{font-style:normal;font-size:12px;font-weight:600;color:var(--kt-oranje)}
.kt-kaartnet b{font-size:18px}
.kt-kaartnet span{font-size:14px;color:var(--kt-grijs)}
/* Short neighbour block: one line and a link */
.kt-zie{display:flex;align-items:center;gap:14px;background:var(--kt-perkament);border:1px dashed var(--kt-lijn);border-radius:12px;padding:14px 18px;margin:8px 0 18px}
.kt-zie::before{content:"";flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--kt-oranje)}
.kt-zie p{margin:0}
.kt-mob{display:none}
.kt-tabs > a.kt-burgerlink{display:none}
@media (max-width:860px){
  .kt-keuze{grid-template-columns:1fr 1fr}
  .kt-keuze-kunst{grid-column:1/-1}
  .kt-keuze-kol:first-of-type{border-left:0}
  .kt-keuze-groot{font-size:24px}
  .kt-keuze-kol{padding:16px}
  .kt-duo,.kt-platforms{grid-template-columns:minmax(0,1fr)}
  .kt-tijdlijn{grid-template-columns:1fr 1fr;row-gap:20px}
  .kt-mob{display:flex}
  .kt-pc{display:none}
}
@media (max-width:480px){
  .kt-keuze{grid-template-columns:1fr}
  .kt-keuze-kol{border-left:0;border-top:1px solid #22313F}
}

@media (max-width:1100px){
  .kt-tabs > a,.kt-meer > summary{font-size:15px;padding:12px 6px}
  .kt-spellen{grid-template-columns:repeat(6,minmax(0,1fr))}
  .kt-vip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  :root{--kt-ritme:48px}
  h1{font-size:32px}
  h2{font-size:24px}
  .kt-burger{display:block}
  .kt-tabs{display:none;position:absolute;left:0;right:0;top:68px;max-height:calc(100vh - 68px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:4px;background:var(--kt-nacht);padding:8px 16px 16px;max-width:none}
  .kt-tabs.kt-open{display:flex}
  .kt-tabs > a{border-radius:10px;text-align:left;padding:13px 16px;border-top:0;border-left:3px solid transparent;flex:0 0 auto}
  .kt-tabs a[aria-current="page"]{border-left-color:var(--kt-oranje)}
  .kt-meer{display:none}
  .kt-tabs > a.kt-burgerlink{display:block}
  .kt-held-raster,.kt-weegschaal,.kt-routes,.kt-acties{grid-template-columns:minmax(0,1fr)}
  .kt-held-kunst img{max-height:none}
  .kt-legenda{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-legenda > div:nth-child(4n){border-right:1px solid var(--kt-lijn)}
  .kt-legenda > div:nth-child(2n){border-right:0}
  .kt-legenda > div:nth-last-child(-n+4){border-bottom:1px solid var(--kt-lijn)}
  .kt-legenda > div:nth-last-child(-n+2){border-bottom:0}
  .kt-spellen{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .kt-kaartnet{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-route ol{columns:1}
  .kt-logboek{grid-template-columns:1fr}
  .kt-voet-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .kt-voet-merk{grid-column:1/-1}
  .kt-leeg{min-height:calc(var(--w) * 3.6px)}
  .kt-plak-tekst{display:none}
  .kt-plak-rij{justify-content:center}
}
@media (max-width:480px){
  .kt-top-rechts .kt-knop-klein{display:none}
  .kt-merk{font-size:24px}
  h1{font-size:28px}
  .kt-vip{grid-template-columns:1fr}
  .kt-knop{width:100%;max-width:340px}
  .kt-rg{flex-direction:column}
  .kt-tabel{min-width:520px}
  .kt-spellen{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.kt-zie .kt-proza{flex:1;margin:0}
.kt-zie > a{flex:0 0 auto;font-weight:600}
@media (max-width:480px){.kt-zie{flex-wrap:wrap}}

/* Promo: code board */
.kt-codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kt-code{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-left:5px solid var(--kt-smaragd);border-radius:var(--kt-r);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.kt-code b{font-size:26px;font-weight:900;color:var(--kt-oranje);letter-spacing:.04em}
.kt-code-naam{font-size:14px;color:var(--kt-grijs);font-weight:600}
.kt-code-wat{font-weight:600}
.kt-code-wanneer{font-size:14px;color:var(--kt-grijs)}
.kt-acties.kt-drie{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Reliability: six numbered points */
.kt-zes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kt-zes > div{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:var(--kt-r);padding:18px 18px 18px 74px;position:relative;min-height:110px}
.kt-zes em{position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:50%;border:2px solid var(--kt-oranje);color:var(--kt-oranje);font-style:normal;font-weight:900;display:flex;align-items:center;justify-content:center}
.kt-zes b{display:block;font-size:19px;margin-bottom:4px}
.kt-zes span{color:var(--kt-grijs);font-size:15px}
/* Registration steps next to the hero art */
.kt-stappen-held{margin:0;align-content:center}
@media (max-width:860px){
  .kt-codes,.kt-zes,.kt-acties.kt-drie{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .kt-codes,.kt-zes,.kt-acties.kt-drie{grid-template-columns:1fr}
}
.kt-voet-raster > div:nth-child(2) ul{grid-template-columns:1fr 1fr;column-gap:16px}
@media (max-width:480px){.kt-voet-raster > div:nth-child(2) ul{grid-template-columns:1fr}}
@media (max-width:400px){.kt-voet-raster{grid-template-columns:1fr}}

/* narrow phones: long values in fact cards wrap instead of widening the grid */
.kt-kaartje dd,.kt-kaartje dt{overflow-wrap:anywhere;min-width:0}
.kt-zie > a{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}

/* ===== Polish layer 11.11: rhythm, type, cards, hero buttons, tables, FAQ, focus ===== */
:root{--kt-ritme:64px;--kt-r:14px;--kt-schaduw:0 10px 28px rgba(0,0,0,.35);--kt-gloed:0 0 0 1px rgba(45,171,125,.55),0 12px 30px rgba(0,0,0,.4)}
body{line-height:1.6}
h1{font-size:46px;line-height:1.1;letter-spacing:-.015em}
h2{font-size:30px;line-height:1.2}
h3{font-size:20px;line-height:1.3}
.kt-proza p{margin:0 0 16px}
.kt-proza p + p{margin-top:0}
.kt-proza ul,.kt-proza ol{margin:0 0 16px;padding-left:22px}
.kt-proza li{margin:4px 0}
.kt-kop{margin-bottom:22px}
.kt-sectie > .kt-kop:first-child{margin-top:0}

/* same radius everywhere, as the official lobby */
.kt-stappen li,.kt-kaartnet a,.kt-zie,.kt-logboek div,.kt-actie,.kt-code,.kt-zes > div,.kt-groep,.kt-platform,.kt-routekaart,.kt-kaartje,.kt-score,.kt-tabelvak,.kt-route,.kt-notitie,.kt-weeg{border-radius:var(--kt-r)}
.kt-spel figure{border-radius:var(--kt-r)}

/* cards: soft shadow, lift and emerald edge on hover */
.kt-actie,.kt-kaartnet a,.kt-code,.kt-zes > div,.kt-groep,.kt-platform,.kt-routekaart,.kt-logboek div,.kt-stappen li{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.kt-actie:hover,.kt-kaartnet a:hover,.kt-code:hover,.kt-zes > div:hover,.kt-groep:hover,.kt-platform:hover,.kt-routekaart:hover{transform:translateY(-3px);box-shadow:var(--kt-gloed);border-color:var(--kt-smaragd)}
.kt-spel figure{transition:transform .18s ease,box-shadow .18s ease}
.kt-spel:hover figure{outline:0;transform:translateY(-3px);box-shadow:var(--kt-gloed)}
.kt-score,.kt-kaartje,.kt-keuze{box-shadow:var(--kt-schaduw)}

/* score card: bigger numbers, neat bars */
.kt-score{padding:22px 24px;gap:12px}
.kt-score-cijfer{font-size:52px;color:var(--kt-smaragd-d)}
.kt-score-cijfer small{font-size:18px;margin-left:2px}
.kt-score-punt{font-size:19px;color:#fff}
.kt-score-balk{height:8px;border-radius:8px;background:#0E1923;box-shadow:inset 0 0 0 1px #243546}
.kt-score-balk i{border-radius:8px;background:var(--kt-smaragd)}
.kt-score-why{color:var(--kt-grijs)}

/* hero art bigger, whole */
.kt-held{padding-top:36px}
.kt-held-kunst img{max-height:400px}
.kt-duo-kunst img{max-height:380px}
.kt-held .kt-plaat{max-width:680px !important}

/* hero buttons: big primary + outline secondary */
.kt-knop{box-shadow:0 6px 18px rgba(45,171,125,.28)}
.kt-knop:hover{transform:translateY(-1px)}
.kt-knop-groot{min-height:58px;padding:0 44px;font-size:19px}
.kt-knop-rand{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;border-radius:50px;border:2px solid var(--kt-smaragd);color:var(--kt-licht);font-weight:600;font-size:17px;text-decoration:none;transition:background .15s,color .15s}
.kt-knop-rand:hover{background:rgba(45,171,125,.14);color:#fff}
.kt-knop-klein{box-shadow:none}

/* tables: highlighted head, zebra */
.kt-tabel tbody tr:nth-child(even) th,.kt-tabel tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.kt-tabel tbody tr:hover th,.kt-tabel tbody tr:hover td{background:rgba(45,171,125,.07)}
.kt-tabel thead th{background:#0E1A25;padding-top:14px;padding-bottom:14px}

/* FAQ accordion */
.kt-faq{border-top:0;display:grid;gap:10px}
.kt-vraag{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:var(--kt-r);padding:0 22px;transition:border-color .15s}
.kt-vraag:hover{border-color:#36506A}
.kt-vraag[open]{border-color:var(--kt-smaragd)}
.kt-vraag summary{padding:18px 40px 18px 0}
.kt-vraag summary::after{top:13px;right:0}
.kt-vraag .kt-proza{padding:0 0 18px;color:#D5DDE3}

/* sticky bar never covers the last content */
body{padding-bottom:0}
.kt-voet{padding-bottom:110px}

/* focus */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--kt-smaragd-d);outline-offset:3px;border-radius:8px}
.kt-knop:focus-visible,.kt-knop-rand:focus-visible{border-radius:50px}

@media (max-width:860px){
  :root{--kt-ritme:40px}
  h1{font-size:32px}
  h2{font-size:24px}
  h3{font-size:19px}
  .kt-band{padding:36px 0}
  .kt-held .kt-plaat{max-width:100% !important}
  .kt-score-cijfer{font-size:44px}
}
/* tables become cards on phones */
@media (max-width:600px){
  .kt-tabelvak{border:0;background:transparent;overflow:visible}
  .kt-tabel,.kt-tabel tbody,.kt-tabel tr,.kt-tabel th,.kt-tabel td{display:block;min-width:0;width:auto}
  .kt-tabel{min-width:0 !important}
  .kt-tabel caption{display:block;padding:0 0 10px}
  .kt-tabel thead{display:none}
  .kt-tabel tbody tr{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:var(--kt-r);margin:0 0 10px;padding:4px 0;overflow:hidden}
  .kt-tabel tbody tr:nth-child(even) th,.kt-tabel tbody tr:nth-child(even) td,.kt-tabel tbody tr:hover th,.kt-tabel tbody tr:hover td{background:transparent}
  .kt-tabel tbody th{font-size:17px;color:#fff;border-bottom:1px solid var(--kt-lijn);padding:12px 16px}
  .kt-tabel td{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:10px;padding:9px 16px;border-bottom:1px solid #22313F;overflow-wrap:anywhere}
  .kt-tabel tbody tr td:last-child{border-bottom:0}
  .kt-tabel td::before{content:attr(data-label);color:var(--kt-grijs);font-size:14px}
  .kt-tabel .kt-som th,.kt-tabel .kt-som td{background:transparent}
}
/* breathing room between filled text and blocks */
.kt-proza{margin-bottom:22px}
.kt-proza + .kt-codes,.kt-proza + .kt-held-raster,.kt-proza + .kt-duo,.kt-proza + .kt-keuze,.kt-proza + .kt-platforms,.kt-proza + .kt-zes{margin-top:6px}
.kt-acties + .kt-proza,.kt-vip + .kt-proza,.kt-weegschaal + .kt-proza,.kt-routes + .kt-proza,.kt-logboek + .kt-proza,.kt-stappen + .kt-proza,.kt-tijdlijn + .kt-proza,.kt-legenda + .kt-proza,.kt-spellen + .kt-proza,.kt-plaat + .kt-proza{margin-top:24px}
.kt-tabelvak + .kt-proza{margin-top:20px}
.kt-vraag .kt-proza{margin-bottom:0}
h1,h2,h3{hyphens:manual}
.kt-held-kunst img{max-height:372px}
.kt-held .kt-proza{margin-bottom:18px}
.kt-score{padding:18px 22px;gap:8px}
.kt-score ul{gap:7px}
.kt-held{padding-top:28px}
/* hero buttons sit right under the intro, visible on 1366x768 */
.kt-held .kt-held-knoppen{margin:4px 0 26px}
@media (max-width:860px){.kt-held-knoppen .kt-knop-rand{display:none}.kt-held .kt-held-knoppen{margin:0 0 22px}}
.kt-held > .kt-meta{margin-top:18px}

/* ===== Block layer 11.11: every block gets an anchor, alternating grounds, map-style steps ===== */
:root{--kt-veer:cubic-bezier(.32,.72,0,1);--kt-grond2:#0D1823}

/* alternating section grounds, full bleed, content stays in the 1200 container */
.kt-vel > .kt-sectie{margin-top:0;padding-top:64px;padding-bottom:64px;position:relative}
.kt-vel > .kt-sectie:nth-of-type(even){background:var(--kt-grond2);box-shadow:0 0 0 100vmax var(--kt-grond2);clip-path:inset(0 -100vmax)}
.kt-vel > .kt-band{margin-top:0}
.kt-vel > .kt-held{padding-bottom:48px}

/* coordinate tag reads like a map grid label */
.kt-vak{border-radius:8px;background:rgba(255,160,52,.08);box-shadow:inset 0 0 0 1px rgba(255,160,52,.25);border:0;color:var(--kt-oranje)}

/* prose: lead larger, figures lit, icon bullets */
.kt-held > .kt-proza p:first-child,.kt-sectie > .kt-proza:first-of-type p:first-child,.kt-split-tekst > .kt-proza:first-child p:first-child{font-size:19px;color:#fff;line-height:1.55}
.kt-proza strong,.kt-proza b{color:var(--kt-goud);font-weight:600}
.kt-proza ul{list-style:none;padding-left:0}
.kt-proza ul li{position:relative;padding-left:30px}
.kt-proza ul li::before{content:"";position:absolute;left:2px;top:.45em;width:16px;height:16px;border-radius:50%;background:rgba(45,171,125,.16);box-shadow:inset 0 0 0 1.5px var(--kt-smaragd)}
.kt-proza ul li::after{content:"";position:absolute;left:7px;top:calc(.45em + 4px);width:6px;height:4px;border-left:1.5px solid var(--kt-smaragd-d);border-bottom:1.5px solid var(--kt-smaragd-d);transform:rotate(-45deg)}
.kt-proza ol{padding-left:24px}
.kt-proza ol li::marker{color:var(--kt-oranje);font-weight:900}

/* text + visual split for text-only sections */
.kt-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.kt-anker{position:sticky;top:24px;background:linear-gradient(180deg,#1B2835,#152230);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;gap:6px;box-shadow:0 0 0 6px rgba(255,255,255,.02),0 0 0 7px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.06)}
.kt-anker-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(45,171,125,.12);color:var(--kt-smaragd-d);margin-bottom:8px}
.kt-anker-ic .kt-icoon{width:28px;height:28px}
.kt-anker b{font-size:34px;font-weight:900;line-height:1.05;color:var(--kt-oranje)}
.kt-anker > span:last-child{color:var(--kt-grijs);font-size:15px}
.kt-icoon{width:22px;height:22px;flex:0 0 auto}

/* double bezel on the main cards */
.kt-score,.kt-kaartje,.kt-keuze,.kt-routekaart,.kt-actie,.kt-code,.kt-zes > div,.kt-groep,.kt-platform{box-shadow:0 0 0 5px rgba(255,255,255,.02),0 0 0 6px rgba(255,255,255,.055),inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.28)}
.kt-actie,.kt-kaartnet a,.kt-code,.kt-zes > div,.kt-groep,.kt-platform,.kt-routekaart,.kt-logboek div,.kt-stappen li,.kt-spel figure,.kt-knop,.kt-knop-rand,.kt-vraag{transition-timing-function:var(--kt-veer);transition-duration:.35s}
.kt-actie:hover,.kt-kaartnet a:hover,.kt-code:hover,.kt-zes > div:hover,.kt-groep:hover,.kt-platform:hover,.kt-routekaart:hover{box-shadow:0 0 0 5px rgba(45,171,125,.06),0 0 0 6px rgba(45,171,125,.5),0 22px 44px rgba(0,0,0,.32)}

/* button-in-button arrow */
.kt-knop{gap:12px;padding-right:10px}
.kt-knop::after{content:"";width:34px;height:34px;border-radius:50%;flex:0 0 auto;background:rgba(11,22,32,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1620' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .35s var(--kt-veer)}
.kt-knop:hover::after{transform:translate(2px,-1px) scale(1.05)}
.kt-knop:active{transform:scale(.98)}
.kt-knop-klein::after,.kt-plak .kt-knop::after{width:28px;height:28px;background-size:14px}
.kt-knop-klein{padding-right:8px}

/* tables: icon dot per row, lit figures, badges, total row */
.kt-tabel tbody th{position:relative;padding-left:38px}
.kt-tabel tbody th::before{content:"";position:absolute;left:16px;top:50%;width:9px;height:9px;margin-top:-5px;transform:rotate(45deg);border:1.5px solid var(--kt-oranje);border-radius:2px}
.kt-getal{color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
.kt-tabel td strong{color:var(--kt-smaragd-d);font-weight:900}
.kt-badge{display:inline-block;padding:2px 10px;border-radius:50px;font-size:13px;font-weight:600;line-height:1.6}
.kt-badge-uit{background:rgba(148,164,176,.12);color:#B8C4CD;box-shadow:inset 0 0 0 1px rgba(148,164,176,.25)}
.kt-badge-aan{background:rgba(45,171,125,.14);color:var(--kt-smaragd-d);box-shadow:inset 0 0 0 1px rgba(45,171,125,.35)}
.kt-tabel .kt-som th,.kt-tabel .kt-som td{background:rgba(255,160,52,.09) !important;color:#fff;font-weight:900;border-top:1px solid rgba(255,160,52,.35)}
.kt-tabel .kt-som th::before{background:var(--kt-oranje)}
.kt-tabel caption{color:var(--kt-grijs)}
.kt-tabel .kt-let{display:inline-block;padding:1px 8px;border-radius:50px;background:rgba(255,160,52,.12);color:var(--kt-oranje);font-size:13px}

/* warnings */
.kt-let-op thead th{color:#FFC685;border-bottom-color:var(--kt-oranje)}
.kt-let-op tbody th::before{border-color:#FF7A45}
.kt-tabelvak:has(.kt-let-op){box-shadow:inset 4px 0 0 var(--kt-oranje)}
.kt-waarschuwing div,.kt-weeg-min{background:linear-gradient(180deg,rgba(255,160,52,.08),rgba(255,160,52,.03));border:1px solid rgba(255,160,52,.3)}
.kt-waarschuwing div{position:relative;padding-left:58px}
.kt-waarschuwing div::before{content:"";position:absolute;left:18px;top:18px;width:26px;height:26px;background:var(--kt-oranje);-webkit-mask: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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2.5 20h19Z'/%3E%3Cpath d='M12 10v4.5M12 17.2v.3'/%3E%3C/svg%3E") center/contain no-repeat;mask: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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2.5 20h19Z'/%3E%3Cpath d='M12 10v4.5M12 17.2v.3'/%3E%3C/svg%3E") center/contain no-repeat}
.kt-waarschuwing b{color:var(--kt-oranje)}
.kt-notitie{border-left:4px solid var(--kt-oranje)}

/* plus / minus with round icons */
.kt-weeg h3{display:flex;align-items:center;gap:10px}
.kt-weeg-plus h3::before,.kt-weeg-min h3::before{content:"+";width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;background:rgba(45,171,125,.16);color:var(--kt-smaragd-d)}
.kt-weeg-min h3::before{content:"\2212";background:rgba(255,160,52,.16);color:var(--kt-oranje)}
.kt-weeg-plus{background:linear-gradient(180deg,rgba(45,171,125,.07),rgba(45,171,125,.02));border-color:rgba(45,171,125,.3)}

/* steps as a map route: circles joined by a dashed line */
.kt-stappen{gap:14px;position:relative}
.kt-stappen li{position:relative;grid-template-columns:52px 1fr;padding:16px 18px;background:var(--kt-vel)}
.kt-stappen li::before{width:44px;height:44px;background:var(--kt-nacht);color:var(--kt-oranje);box-shadow:inset 0 0 0 2px var(--kt-oranje),0 0 0 5px rgba(255,160,52,.08);font-size:18px}
.kt-stappen li:not(:last-child)::after{content:"";position:absolute;left:39px;top:62px;height:calc(100% - 34px);border-left:2px dashed rgba(255,160,52,.45);z-index:1}
.kt-stappen strong{font-size:17px;color:#fff}

/* in-page CTA banner */
.kt-cta-sectie{padding-top:40px !important;padding-bottom:40px !important}
.kt-banner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;background:#0B1620;border-radius:22px;overflow:hidden;box-shadow:0 0 0 6px rgba(255,255,255,.02),0 0 0 7px rgba(255,160,52,.25),0 24px 50px rgba(0,0,0,.35)}
.kt-banner figure{margin:0;display:flex;align-items:center;justify-content:center;background:#08121A;height:100%}
.kt-banner img{width:100%;max-width:640px}
.kt-banner-tekst{padding:28px 34px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.kt-banner-boven{display:inline-block;padding:4px 12px;border-radius:50px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--kt-oranje);background:rgba(255,160,52,.1)}
.kt-banner-tekst > b{font-size:34px;font-weight:900;line-height:1.1;color:#fff}
.kt-banner .kt-knoprij{justify-content:flex-start;margin:10px 0 0}

/* FAQ and RG */
.kt-vraag summary{display:flex;align-items:center;gap:14px}
.kt-vraag summary::before{content:"?";flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:var(--kt-oranje);box-shadow:inset 0 0 0 1.5px rgba(255,160,52,.5)}
.kt-vraag[open] summary::before{background:var(--kt-oranje);color:var(--kt-nacht)}
.kt-vraag .kt-proza{padding-left:44px}
.kt-rg{border-width:1px;background:linear-gradient(180deg,#1B2835,#162231);box-shadow:0 0 0 5px rgba(255,160,52,.05)}

/* legend cells and route box */
.kt-legenda > div{transition:background .35s var(--kt-veer)}
.kt-legenda > div:hover{background:rgba(45,171,125,.06)}
.kt-legenda b{color:#fff}
.kt-route{border-style:dashed;border-color:#34506A}

@media (max-width:860px){
  .kt-vel > .kt-sectie{padding-top:40px;padding-bottom:40px}
  .kt-split{grid-template-columns:minmax(0,1fr);gap:20px}
  .kt-anker{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:18px}
  .kt-anker-ic{margin:0}
  .kt-anker b{font-size:26px}
  .kt-anker > span:last-child{flex-basis:100%}
  .kt-banner{grid-template-columns:minmax(0,1fr)}
  .kt-banner-tekst{padding:20px;align-items:stretch}
  .kt-banner-tekst > b{font-size:26px}
  .kt-banner .kt-knoprij{justify-content:center}
  .kt-vraag .kt-proza{padding-left:0}
}
@media (max-width:600px){
  .kt-tabel tbody th{padding-left:38px}
}
.kt-banner img{width:auto;max-width:100%;height:auto}
.kt-tabel td > .kt-badge{justify-self:start}
@media (max-width:600px){.kt-tabelvak:has(.kt-let-op){box-shadow:none}.kt-let-op tbody tr{border-left:3px solid var(--kt-oranje)}}

/* ===== V2 11.11: lobby shell of the official site (rail, header with search, capsule tabs, panels) ===== */
:root{--kt-papier:#101B26;--kt-nacht:#0B1620;--kt-paneel:#1B2835;--kt-vel:#13212E;--kt-lijn:#263749;--kt-lijn2:#425869;--kt-grijs:#94A4B0;--kt-mist:#7E92A1;--kt-r:12px;--kt-rail:56px;--kt-ritme:16px}
body{background:var(--kt-papier)}
.kt-bak{max-width:1432px}

/* left rail */
.kt-rail{position:fixed;left:0;top:0;bottom:0;width:var(--kt-rail);background:var(--kt-nacht);border-right:1px solid #16232F;z-index:40;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:10px}
.kt-rail-dots{width:40px;height:40px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:10px}
.kt-dots{width:18px;height:18px;fill:var(--kt-smaragd-d)}
.kt-rail-nav{display:flex;flex-direction:column;gap:6px;margin-top:70px}
.kt-rail-nav a{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--kt-smaragd-d);opacity:.8}
.kt-rail-nav a:hover,.kt-rail-nav a[aria-current="page"]{background:var(--kt-paneel);opacity:1}
.kt-rail-nav .kt-icoon{width:20px;height:20px}
.kt-rail-18{margin-top:auto;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--kt-lijn2);color:var(--kt-mist);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
.kt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body{padding-left:var(--kt-rail)}

/* header */
.kt-top{position:sticky;top:0;z-index:30;background:var(--kt-nacht);border-bottom:0}
.kt-top-rij{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;max-width:none;padding:0 16px;margin:0}
.kt-burger-mob{display:none}
.kt-zoek{position:relative;justify-self:start}
.kt-zoek > summary{list-style:none;display:flex;align-items:center;gap:10px;height:38px;padding:0 18px 0 14px;border-radius:999px;background:rgba(43,84,122,.2);color:var(--kt-licht);font-size:14px;cursor:pointer;white-space:nowrap}
.kt-zoek > summary::-webkit-details-marker{display:none}
.kt-zoek > summary .kt-icoon{width:18px;height:18px;color:var(--kt-mist)}
.kt-zoek-lijst{position:absolute;left:0;top:46px;width:420px;background:var(--kt-paneel);border:1px solid var(--kt-lijn);border-radius:var(--kt-r);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px;z-index:50}
.kt-zoek-lijst a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--kt-licht);text-decoration:none;font-size:15px}
.kt-zoek-lijst a .kt-icoon{width:18px;height:18px;color:var(--kt-smaragd-d)}
.kt-zoek-lijst a:hover,.kt-zoek-lijst a[aria-current="page"]{background:#243545}
.kt-merk{justify-self:center;display:inline-flex;align-items:center;font-size:27px;letter-spacing:.02em}
.kt-merk-a,.kt-merk-b{color:var(--kt-oranje)}
.kt-munt{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;margin:0 1px;border-radius:50%;background:var(--kt-goud);color:#8A4B00;font-size:14px;font-weight:900;box-shadow:inset 0 0 0 2.5px var(--kt-oranje);line-height:1}
.kt-top-rechts{justify-self:end;display:flex;gap:8px}
.kt-pil-donker{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:rgba(43,84,122,.2);color:var(--kt-licht);font-weight:500;font-size:15px;text-decoration:none}
.kt-pil-donker:hover{background:rgba(43,84,122,.35);color:#fff}

/* capsule tabs */
.kt-capsule{display:flex;align-items:center;gap:16px;max-width:1400px;margin:8px auto 0;width:calc(100% - 32px);min-height:52px;padding:6px 12px;background:var(--kt-paneel);border-radius:var(--kt-r);position:relative;z-index:20}
.kt-welkom{display:flex;align-items:center;gap:10px;color:var(--kt-licht);font-size:14px;white-space:nowrap}
.kt-welkom .kt-icoon{width:20px;height:20px;color:var(--kt-mist)}
.kt-welkom b{font-weight:600}
.kt-pillen{display:flex;align-items:center;gap:6px;margin:0 auto}
.kt-pillen > a,.kt-pillen .kt-meer > summary{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:var(--kt-papier);color:var(--kt-licht);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;border:1px solid transparent;flex:0 0 auto;text-align:left}
.kt-pillen > a .kt-icoon,.kt-meer-lijst a .kt-icoon{width:17px;height:17px;color:var(--kt-smaragd-d)}
.kt-pillen > a:hover,.kt-pillen .kt-meer > summary:hover{background:#16242F;color:#fff}
.kt-pillen > a[aria-current="page"],.kt-pillen .kt-meer.kt-actief > summary{border-color:var(--kt-smaragd);color:#fff;background:var(--kt-papier)}
.kt-pillen .kt-meer{position:relative;display:flex}
.kt-pillen .kt-meer > summary{border-radius:999px;border-top:1px solid transparent}
.kt-meer-lijst{top:46px;right:0;border-radius:var(--kt-r)}
.kt-meer-lijst a{display:flex;align-items:center;gap:10px}
.kt-pillen > a.kt-burgerlink{display:none}

/* content as panels */
.kt-vel{padding-bottom:16px}
.kt-vel > .kt-sectie,.kt-vel > .kt-band > .kt-bak{max-width:1400px;width:calc(100% - 32px);margin:16px auto 0;padding:26px 28px;background:var(--kt-paneel);border-radius:var(--kt-r);box-shadow:none !important;clip-path:none !important}
.kt-vel > .kt-sectie:nth-of-type(even){background:var(--kt-paneel)}
.kt-vel > .kt-band{background:transparent;border:0;padding:0;margin:0}
.kt-vel > .kt-held{max-width:1400px;width:calc(100% - 32px);margin:0 auto;padding:22px 0 8px}
.kt-vel > .kt-carrousel-sectie{max-width:1400px;width:calc(100% - 32px);margin:8px auto 0;padding:0}
.kt-cta-sectie{background:transparent !important;padding:0 !important}
.kt-kop{font-size:24px;margin-bottom:18px}
h2{font-size:26px}
.kt-vak{min-width:34px;height:28px;font-size:13px;background:rgba(43,222,168,.08);box-shadow:inset 0 0 0 1px rgba(43,222,168,.3);color:var(--kt-smaragd-d)}

/* flat cards like the lobby: thin line, no heavy shadow */
.kt-score,.kt-kaartje,.kt-keuze,.kt-routekaart,.kt-actie,.kt-code,.kt-zes > div,.kt-groep,.kt-platform,.kt-anker,.kt-banner,.kt-logboek div,.kt-stappen li,.kt-legenda,.kt-weeg,.kt-tabelvak,.kt-vraag,.kt-kaartnet a,.kt-zie,.kt-rg{box-shadow:none !important;border:1px solid var(--kt-lijn)}
.kt-actie:hover,.kt-kaartnet a:hover,.kt-code:hover,.kt-zes > div:hover,.kt-groep:hover,.kt-platform:hover,.kt-routekaart:hover{transform:none;border-color:var(--kt-smaragd);box-shadow:none !important}
.kt-score,.kt-kaartje,.kt-keuze,.kt-held-kunst,.kt-duo-kunst{background:var(--kt-paneel)}
.kt-held .kt-plaat,.kt-held-kunst,.kt-duo-kunst{border-radius:var(--kt-r)}
.kt-anker{background:var(--kt-vel)}
.kt-groep,.kt-platform,.kt-routekaart-kop{background:var(--kt-vel)}
.kt-band .kt-leeg{border-left-color:var(--kt-lijn)}

/* buttons like the official pills */
.kt-knop{box-shadow:none;padding-right:34px;gap:0;font-weight:700}
.kt-knop::after{display:none}
.kt-knop:hover{transform:none;background:#35BD8B}
.kt-knop-groot{min-height:52px;font-size:18px;padding:0 38px}
.kt-knop-klein{min-height:40px;padding:0 20px;font-size:15px}
.kt-knop-rand{min-height:52px;border:0;background:rgba(43,84,122,.25);color:var(--kt-licht);font-weight:600}
.kt-knop-rand:hover{background:rgba(43,84,122,.4)}
.kt-pil-groen,.kt-pil-grijs{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none}
.kt-pil-groen{background:var(--kt-smaragd);color:#fff}
.kt-pil-groen:hover{background:#35BD8B;color:#fff}
.kt-pil-grijs{background:#2A3B4B;color:var(--kt-licht);font-weight:600}
.kt-pil-grijs:hover{background:#34485A;color:#fff}
.kt-promo-knoppen{display:flex;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}

/* banner carousel (3.5 visible) and category circles */
.kt-carrousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.kt-carrousel::-webkit-scrollbar{display:none}
.kt-dia{flex:0 0 calc((100% - 36px) / 3.5);scroll-snap-align:start;border-radius:var(--kt-r);overflow:hidden;background:var(--kt-nacht);display:flex;align-items:center}
.kt-dia img{width:100%;height:auto}
.kt-cats{display:flex;justify-content:space-between;gap:10px;margin:14px 0 0;overflow-x:auto;scrollbar-width:none;padding:2px}
.kt-cats::-webkit-scrollbar{display:none}
.kt-cats a{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;color:var(--kt-mist);font-size:12px;text-decoration:none;text-align:center;line-height:1.2}
.kt-cats a span{width:56px;height:56px;border-radius:50%;background:var(--kt-paneel);display:flex;align-items:center;justify-content:center;color:var(--kt-smaragd-d);transition:background .2s}
.kt-cats a:hover{color:#fff}
.kt-cats a:hover span{background:#243545}
.kt-cats .kt-icoon{width:24px;height:24px}

/* game rows like "Top Games" */
.kt-rij{margin-top:22px}
.kt-rij-kop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.kt-rij-kop h3{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:#fff}
.kt-rij-kop h3 .kt-icoon{width:18px;height:18px;color:var(--kt-smaragd-d)}
.kt-rij-kop a,.kt-rij-noot{color:var(--kt-mist);font-size:14px;text-decoration:none}
.kt-rij-kop a:hover{color:#fff}
.kt-rij-strook{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#2A3B4B transparent;padding-bottom:6px}
.kt-tegel{flex:0 0 180px;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--kt-nacht);position:relative;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}
.kt-tegel img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.kt-tegel span{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(11,22,32,.92));color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .2s}
.kt-tegel:hover span,.kt-tegel:focus-visible span{opacity:1}
.kt-tegel:hover img{transform:scale(1.03)}
.kt-providers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.kt-provider{height:64px;border-radius:8px;background:var(--kt-vel);display:flex;align-items:center;justify-content:center;padding:10px 16px}
.kt-provider img{max-height:34px;width:auto;max-width:100%;filter:grayscale(1) brightness(1.8);opacity:.75}

/* promotions cards */
.kt-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 20px}
.kt-promo{background:var(--kt-vel);border:1px solid var(--kt-lijn);border-radius:var(--kt-r);overflow:hidden;text-align:center;padding-bottom:18px}
.kt-promo-beeld{height:120px;overflow:hidden}
.kt-promo-beeld img{width:100%;height:100%;object-fit:cover}
.kt-promo h3{color:var(--kt-oranje);font-size:16px;font-weight:600;margin:12px 0 2px}
.kt-promo p{color:#fff;font-weight:600;font-size:15px;margin:0}
.kt-actie-tekst h3{color:var(--kt-oranje)}
.kt-actie .kt-promo-knoppen{justify-content:flex-start}

/* wheel of fortune */
.kt-wiel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:center;margin-bottom:16px}
.kt-wiel figure{margin:0;border-radius:var(--kt-r);overflow:hidden}
.kt-wiel img{width:100%}
.kt-wiel .kt-tabelvak{margin:0}

/* score card as an official panel */
.kt-score-boven h2{color:var(--kt-oranje);font-size:18px}
.kt-score-balk{background:#0E1923;box-shadow:none}
.kt-score-punt{color:#fff}

/* tables inside panels */
.kt-tabelvak{background:var(--kt-vel)}
.kt-tabel thead th{background:#0E1A25}

/* sticky bar and footer */
.kt-plak{left:var(--kt-rail);background:rgba(11,22,32,.97)}
.kt-voet{background:var(--kt-nacht);margin-top:16px}
.kt-voet-kop{color:#fff}
.kt-voet-badges{display:flex;gap:6px;flex-wrap:wrap}
.kt-voet-badges span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--kt-lijn2);color:var(--kt-licht);font-size:12px;font-weight:600}

@media (max-width:1100px){
  .kt-welkom{display:none}
  .kt-pillen{margin:0;overflow-x:auto;scrollbar-width:none}
  .kt-pillen::-webkit-scrollbar{display:none}
  .kt-pillen .kt-meer{display:none}
  .kt-pillen > a.kt-burgerlink{display:inline-flex}
  .kt-providers{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:860px){
  body{padding-left:0}
  .kt-rail{display:none}
  .kt-plak{left:0}
  .kt-top-rij{grid-template-columns:44px 1fr auto;gap:8px;padding:0 12px}
  .kt-burger-mob{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:10px;background:rgba(43,84,122,.2);padding:0}
  .kt-zoek{position:static;grid-column:1/-1;grid-row:2;height:0}
  .kt-zoek > summary{display:none}
  .kt-zoek-lijst{left:12px;right:12px;width:auto;top:60px;grid-template-columns:1fr}
  .kt-merk{font-size:22px}
  .kt-munt{width:19px;height:19px;font-size:12px}
  .kt-pil-donker{display:none}
  .kt-capsule{width:calc(100% - 24px);padding:6px;min-height:0}
  .kt-vel > .kt-sectie,.kt-vel > .kt-band > .kt-bak,.kt-vel > .kt-held,.kt-vel > .kt-carrousel-sectie,.kt-capsule{width:calc(100% - 24px)}
  .kt-vel > .kt-sectie,.kt-vel > .kt-band > .kt-bak{padding:20px 16px;margin-top:12px}
  .kt-dia{flex-basis:84%}
  .kt-cats{justify-content:flex-start}
  .kt-tegel{flex-basis:132px}
  .kt-promos,.kt-wiel{grid-template-columns:minmax(0,1fr)}
  .kt-providers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kt-kop{font-size:21px}
}
@media (max-width:400px){
  .kt-top-rechts .kt-knop-klein{padding:0 14px;font-size:14px}
  .kt-merk{font-size:19px}
  .kt-munt{width:16px;height:16px;font-size:10px}
}
@media (max-width:480px){.kt-top-rechts .kt-knop-klein{display:inline-flex}}
@media (max-width:340px){.kt-top-rij{grid-template-columns:40px 1fr auto;padding:0 8px;gap:6px}.kt-top-rechts .kt-knop-klein{padding:0 10px;font-size:13px;min-height:36px}.kt-merk{font-size:17px}.kt-munt{width:14px;height:14px;font-size:9px}}
/* swipe strips: soft fade at the right edge shows there is more */
@media (max-width:1100px){.kt-pillen{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:24px}}
@media (max-width:860px){.kt-cats,.kt-rij-strook,.kt-carrousel{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}
@media (max-width:380px){.kt-held-knoppen .kt-knop{font-size:16px;padding:0 18px;white-space:nowrap}}
