/* ============================================================================
   INR TRIVIA, styling gescoped onder .inr-tg
   In lijn met de bestaande INR-spellen: Inter, zachte schaduwen, de
   cubic-bezier(.2,.7,.2,1) easing, accentkleuren per niveau.
   ============================================================================ */
.inr-tg{
  --accent:#56C2FF; --ink:#FFFFFF; --grijs:#9AA3C0; --bg:#0A0E1C;
  --core:#7C84FF; --echo:#5AC380; --pulse:#FD4C5C; --sync:#FD7634; --fluent:#2875FB;
  --makkelijk:#5AC380; --moeilijk:#56C2FF; --hardcore:#A78BFF;
  /* Donkere oppervlak-tokens: vlakken, randen en subtiele vulling op donker. */
  --vlak:rgba(255,255,255,.05); --vlak-2:rgba(255,255,255,.07);
  --lijn:rgba(255,255,255,.1); --lijn-sterk:rgba(255,255,255,.18);
  --diep:#10162A;
  --radius:24px;
  position:relative !important; width:auto !important; color:var(--ink) !important;
  /* De leeromgeving-ouder (.inr-leer) heeft padding 30px 44px 40px en een grijze
     achtergrond. We strekken Trivia met negatieve marges tot aan de panelrand en
     zetten zelf de donkere arcade-achtergrond, zodat de hele speelzone een eigen
     donkere wereld is die de volle breedte vult. De padding brengt de inhoud weer
     netjes naar binnen. */
  background:radial-gradient(120% 80% at 50% -10%,#141A30 0%,#0A0E1C 60%) !important;
  margin:-30px -44px -40px !important;
  padding:30px 44px 40px !important;
  /* Het zwarte vlak vult altijd de beschikbare ruimte binnen het paneel, ook als
     een scherm weinig content heeft (zoals de niveaukeuze). Zonder dit zou het
     vlak meekrimpen met de content en zou de lichte achtergrond eronder
     doorschijnen. De inhoud wordt verticaal gecentreerd in dat vlak. */
  min-height:calc(100vh - 200px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1.5 !important; -webkit-font-smoothing:antialiased !important;
}
.inr-tg, .inr-tg *, .inr-tg *::before, .inr-tg *::after{
  box-sizing:border-box !important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
.inr-tg h2,.inr-tg p,.inr-tg span,.inr-tg div,.inr-tg button{margin:0;padding:0;}
.inr-tg button{font:inherit !important;cursor:pointer !important;border:0 !important;background:none !important;color:inherit !important;}

.inr-tg-wrap{width:100% !important;max-width:760px !important;margin:0 auto !important;padding:32px 24px 48px !important;flex:none !important;}
.inr-tg-laden{padding:48px 8px !important;text-align:center !important;color:var(--grijs) !important;font-size:15px !important;font-weight:300 !important;}
.inr-tg-leeg{padding:36px 16px !important;text-align:center !important;color:var(--grijs) !important;font-size:15px !important;font-weight:300 !important;
  background:var(--vlak) !important;border-radius:16px !important;}
.inr-tg-leeg.klein{padding:18px !important;font-size:14px !important;}

/* ---------- KOP ---------- */
.inr-tg-kop{text-align:center !important;max-width:100% !important;margin:0 auto 36px !important;}
.inr-tg-kop p{margin-left:auto !important;margin-right:auto !important;max-width:560px !important;}
.inr-tg-eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:var(--accent) !important;display:block !important;margin-bottom:14px !important;}
.inr-tg-grad{background:linear-gradient(115deg,var(--accent),var(--core)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}
.inr-tg-kop h2{font-weight:600 !important;font-size:clamp(28px,4vw,42px) !important;letter-spacing:-.028em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:14px !important;}
.inr-tg-kop p{font-size:16px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}

/* ---------- NIVEAUKEUZE ---------- */
.inr-tg-niveaus{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;}
.inr-tg-niveau{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:6px !important;text-align:left !important;
  min-width:0 !important;width:100% !important;max-width:100% !important;
  background:linear-gradient(158deg,rgba(255,255,255,.07),rgba(255,255,255,.02)) !important;border:1px solid var(--lijn-sterk) !important;border-radius:18px !important;padding:22px 20px !important;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s !important;}
.inr-tg-niveau:hover{transform:translateY(-3px) !important;box-shadow:0 18px 36px -20px rgba(255,255,255,.32) !important;}
.inr-tg-niveau.n-makkelijk:hover{border-color:var(--makkelijk) !important;}
.inr-tg-niveau.n-moeilijk:hover{border-color:var(--moeilijk) !important;}
.inr-tg-niveau.n-hardcore:hover{border-color:var(--hardcore) !important;}
.inr-tg-niveau-naam{font-weight:700 !important;font-size:18px !important;letter-spacing:-.01em !important;color:var(--ink) !important;min-width:0 !important;max-width:100% !important;overflow-wrap:break-word !important;}
.inr-tg-niveau.n-makkelijk .inr-tg-niveau-naam{color:var(--makkelijk) !important;}
.inr-tg-niveau.n-moeilijk .inr-tg-niveau-naam{color:var(--moeilijk) !important;}
.inr-tg-niveau.n-hardcore .inr-tg-niveau-naam{color:var(--hardcore) !important;}
.inr-tg-niveau-om{font-size:13px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.45 !important;min-width:0 !important;max-width:100% !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-niveau-record{font-size:12px !important;font-weight:600 !important;color:var(--grijs) !important;margin-top:6px !important;min-width:0 !important;max-width:100% !important;overflow-wrap:break-word !important;}

.inr-tg-onder{display:flex !important;justify-content:center !important;gap:24px !important;margin-top:30px !important;}

/* ---------- SPEL-OVERZICHT (arcade-kaarten per spel) ---------- */
.inr-tg-spellen{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;gap:18px !important;width:100% !important;max-width:100% !important;}
.inr-tg-spelkaart{position:relative !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;text-align:left !important;
  min-width:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important;
  background:linear-gradient(158deg,rgba(255,255,255,.06),rgba(255,255,255,.015)) !important;
  border:1px solid var(--lijn) !important;border-radius:22px !important;padding:24px 24px 22px !important;
  box-shadow:0 18px 40px -28px rgba(0,0,0,.7) !important;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s !important;}
.inr-tg-spelkaart::before{content:'' !important;position:absolute !important;inset:0 !important;pointer-events:none !important;
  background:radial-gradient(130% 80% at 0% 0%,var(--spelkleur,var(--accent)) 0%,transparent 50%) !important;opacity:.16 !important;transition:opacity .3s !important;}
.inr-tg-spelkaart:hover:not(:disabled){transform:translateY(-4px) !important;border-color:var(--spelkleur,var(--accent)) !important;box-shadow:0 26px 52px -26px var(--spelkleur,var(--accent)) !important;}
.inr-tg-spelkaart:hover:not(:disabled)::before{opacity:.3 !important;}
.inr-tg-spelkaart.tg-binnenkort{opacity:.55 !important;cursor:default !important;}
.inr-tg-spelkaart-top{position:relative !important;z-index:1 !important;display:flex !important;align-items:center !important;gap:14px !important;min-width:0 !important;margin-bottom:14px !important;}
.inr-tg-spelkaart-icoon{flex:none !important;width:50px !important;height:50px !important;border-radius:15px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  background:linear-gradient(150deg,var(--spelkleur,var(--accent)),rgba(0,0,0,.35)) !important;box-shadow:0 10px 22px -10px var(--spelkleur,var(--accent)) !important;color:#fff !important;}
.inr-tg-spelkaart-icoon svg{width:26px !important;height:26px !important;}
.inr-tg-spelkaart-naam{font-weight:700 !important;font-size:19px !important;letter-spacing:-.012em !important;color:var(--ink) !important;min-width:0 !important;flex:1 !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;line-height:1.18 !important;}
.inr-tg-binnenkort-badge{flex:none !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;
  color:var(--grijs) !important;background:var(--vlak-2) !important;padding:4px 10px !important;border-radius:99px !important;}
.inr-tg-spelkaart-om{position:relative !important;z-index:1 !important;font-size:13.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;
  min-width:0 !important;width:100% !important;max-width:100% !important;margin-bottom:20px !important;flex:1 !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-spelkaart-voet{position:relative !important;z-index:1 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;}
.inr-tg-spelkaart-badges{display:flex !important;gap:7px !important;min-width:0 !important;}
.inr-tg-hsbadge{display:flex !important;flex-direction:column !important;align-items:center !important;gap:2px !important;
  padding:7px 12px !important;border-radius:11px !important;background:var(--vlak) !important;border:1px solid var(--lijn) !important;min-width:46px !important;}
.inr-tg-hsbadge .hs-naam{font-size:9.5px !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:var(--grijs) !important;}
.inr-tg-hsbadge .hs-score{font-size:16px !important;font-weight:700 !important;letter-spacing:-.02em !important;font-variant-numeric:tabular-nums !important;color:var(--ink) !important;}
.inr-tg-hsbadge.n-makkelijk .hs-score{color:var(--makkelijk) !important;}
.inr-tg-hsbadge.n-moeilijk .hs-score{color:var(--moeilijk) !important;}
.inr-tg-hsbadge.n-hardcore .hs-score{color:var(--hardcore) !important;}
.inr-tg-spelkaart-speel{flex:none !important;width:42px !important;height:42px !important;border-radius:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  background:var(--spelkleur,var(--accent)) !important;box-shadow:0 8px 20px -8px var(--spelkleur,var(--accent)) !important;color:#fff !important;transition:transform .3s !important;}
.inr-tg-spelkaart-speel svg{width:18px !important;height:18px !important;margin-left:2px !important;}
.inr-tg-spelkaart:hover:not(:disabled) .inr-tg-spelkaart-speel{transform:scale(1.08) !important;}

.inr-tg-niveaus-intro{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;margin-bottom:24px !important;}

/* ---------- EIND-BOARD (leaderboard onder de score) ---------- */
.inr-tg-eind-board{margin-top:24px !important;}
.inr-tg-eind-board-kop{font-size:13px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--grijs) !important;margin-bottom:14px !important;text-align:center !important;}

/* ---------- INZET-SPEL: alles of niets ---------- */
.inr-tg-inzet-voortgang{font-size:14px !important;font-weight:600 !important;color:var(--grijs) !important;}
.inr-tg-inzet-voortgang span{color:var(--ink) !important;}
.inr-tg-pot{text-align:center !important;margin:8px 0 22px !important;}
.inr-tg-pot-label{font-size:12px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--grijs) !important;margin-bottom:6px !important;}
.inr-tg-pot-getal{font-size:64px !important;font-weight:800 !important;letter-spacing:-.03em !important;line-height:1 !important;
  background:linear-gradient(135deg,#FD4C5C,#FD7634) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
  transition:transform .25s cubic-bezier(.2,.7,.2,1) !important;}
.inr-tg-pot-volgende{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;margin-top:8px !important;}
.inr-tg-pot-volgende strong{font-weight:700 !important;color:var(--ink) !important;}
.inr-tg-inzet-kaart.goed{border-color:rgba(90,195,128,.5) !important;}
.inr-tg-inzet-kaart.fout{border-color:rgba(253,76,92,.6) !important;}

.inr-tg-keuze{display:none !important;grid-template-columns:1fr 1fr !important;gap:12px !important;margin-top:16px !important;}
.inr-tg-keuze.open{display:grid !important;}
.inr-tg-keuze-knop{display:flex !important;flex-direction:column !important;align-items:center !important;gap:3px !important;
  padding:16px 18px !important;border-radius:16px !important;border:2px solid transparent !important;cursor:pointer !important;font-family:inherit !important;
  transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s !important;}
.inr-tg-keuze-knop:hover{transform:translateY(-2px) !important;}
.inr-tg-keuze-knop .kz-groot{font-size:17px !important;font-weight:700 !important;letter-spacing:-.01em !important;}
.inr-tg-keuze-knop .kz-klein{font-size:12px !important;font-weight:400 !important;opacity:.85 !important;}
.inr-tg-keuze-knop.incasseer{background:rgba(90,195,128,.14) !important;border-color:rgba(90,195,128,.55) !important;color:#7BE0A4 !important;box-shadow:0 8px 22px -14px rgba(90,195,128,.5) !important;}
.inr-tg-keuze-knop.incasseer:hover{box-shadow:0 16px 32px -16px rgba(90,195,128,.7) !important;}
.inr-tg-keuze-knop.door{background:linear-gradient(135deg,#FD4C5C,#FD7634) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 10px 26px -14px rgba(253,76,92,.7) !important;}
.inr-tg-keuze-knop.door:hover{box-shadow:0 18px 38px -16px rgba(253,76,92,.8) !important;}

.inr-tg-eind.verloren .inr-tg-eind-inner{background:linear-gradient(135deg,#1a0c10,#2a1015) !important;}

/* ---------- BEHEER: vragen aanpassen ---------- */
.inr-tg-beheer-niveau{margin-bottom:24px !important;}
.inr-tg-beheer-niveaukop{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:10px !important;padding-bottom:8px !important;border-bottom:2px solid var(--lijn-sterk) !important;}
.inr-tg-beheer-niveaukop span:first-child{font-size:16px !important;font-weight:700 !important;letter-spacing:-.01em !important;}
.inr-tg-beheer-niveaukop.n-makkelijk span:first-child{color:var(--makkelijk) !important;}
.inr-tg-beheer-niveaukop.n-moeilijk span:first-child{color:var(--moeilijk) !important;}
.inr-tg-beheer-niveaukop.n-hardcore span:first-child{color:var(--hardcore) !important;}
.inr-tg-beheer-aantal{font-size:12px !important;font-weight:600 !important;color:var(--grijs) !important;}
.inr-tg-beheer-rij{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;
  padding:12px 14px !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:12px !important;margin-bottom:8px !important;background:var(--vlak) !important;min-width:0 !important;}
.inr-tg-beheer-rij.uit{opacity:.5 !important;}
.inr-tg-beheer-rij-tekst{display:flex !important;align-items:flex-start !important;gap:10px !important;min-width:0 !important;flex:1 1 auto !important;}
.inr-tg-beheer-waar{flex:none !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.04em !important;padding:3px 7px !important;border-radius:6px !important;margin-top:2px !important;}
.inr-tg-beheer-waar.ja{background:rgba(90,195,128,.14) !important;color:#7BE0A4 !important;}
.inr-tg-beheer-waar.nee{background:rgba(253,76,92,.12) !important;color:#FF8A96 !important;}
.inr-tg-beheer-stel{font-size:14px !important;line-height:1.45 !important;color:var(--ink) !important;min-width:0 !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-beheer-acties{display:flex !important;gap:6px !important;flex:none !important;}
.inr-tg-mini-knop{font-size:12px !important;font-weight:600 !important;padding:6px 11px !important;border-radius:8px !important;border:1px solid var(--lijn-sterk) !important;background:var(--vlak-2) !important;color:var(--grijs) !important;cursor:pointer !important;font-family:inherit !important;transition:all .15s ease !important;}
.inr-tg-mini-knop:hover{border-color:var(--accent) !important;color:var(--accent) !important;}
.inr-tg-mini-knop.rood:hover{border-color:#FF8A96 !important;color:#FF8A96 !important;}
.inr-tg-beheer-toevoeg{width:100% !important;padding:10px 16px !important;border:1px dashed rgba(255,255,255,.22) !important;border-radius:10px !important;background:var(--vlak) !important;color:var(--grijs) !important;font-size:13px !important;font-weight:500 !important;cursor:pointer !important;font-family:inherit !important;transition:all .15s ease !important;margin-top:4px !important;}
.inr-tg-beheer-toevoeg:hover{border-color:var(--accent) !important;color:var(--accent) !important;background:rgba(0,123,255,.03) !important;}

.inr-tg-beheer-overlay{position:fixed !important;inset:0 !important;z-index:100000 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:20px !important;background:rgba(6,10,20,.66) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;}
.inr-tg-beheer-modal{background:var(--diep) !important;border:1px solid var(--lijn-sterk) !important;border-radius:16px !important;box-shadow:0 24px 60px rgba(0,0,0,.6) !important;width:520px !important;max-width:calc(100vw - 32px) !important;max-height:calc(100vh - 60px) !important;overflow-y:auto !important;padding:24px !important;box-sizing:border-box !important;}
.inr-tg-beheer-modal-kop{font-size:18px !important;font-weight:700 !important;letter-spacing:-.01em !important;margin-bottom:16px !important;color:var(--ink) !important;}
.inr-tg-beheer-en{margin-top:18px !important;padding:16px !important;border-radius:12px !important;background:rgba(59,130,246,.05) !important;border:1px solid rgba(59,130,246,.15) !important;}
.inr-tg-beheer-en-kop{font-size:13px !important;font-weight:700 !important;color:#0F172A !important;display:flex !important;align-items:center !important;gap:8px !important;}
.inr-tg-beheer-en-kop span{font-size:10px !important;font-weight:600 !important;color:#3B82F6 !important;padding:2px 8px !important;border-radius:999px !important;background:rgba(59,130,246,.12) !important;text-transform:uppercase !important;letter-spacing:.03em !important;}
.inr-tg-beheer-label{display:block !important;font-size:12px !important;font-weight:600 !important;color:var(--grijs) !important;margin:12px 0 6px !important;}
.inr-tg-beheer-veld{width:100% !important;padding:11px 13px !important;border:1.5px solid var(--lijn-sterk) !important;border-radius:9px !important;font-family:inherit !important;font-size:14px !important;color:var(--ink) !important;outline:none !important;background:rgba(0,0,0,.25) !important;box-sizing:border-box !important;resize:vertical !important;line-height:1.5 !important;}
.inr-tg-beheer-veld:focus{border-color:var(--accent) !important;}

/* De Engelse antwoorden bij het ketenspel. Per schakel een eigen veld, met de
   Nederlandse tekst erboven zodat je ziet wat je vertaalt. Voorheen stond hier een
   veld waarin je de ruwe JSON moest typen; niemand kon zien wat erin hoorde. */
.inr-tg-beheer-schakels{margin-top:14px !important;}
.inr-tg-beheer-en-kop2{font-size:13px !important;font-weight:700 !important;color:#0F172A !important;margin:16px 0 4px !important;}
.inr-tg-beheer-hint{font-size:11.5px !important;color:#64748B !important;line-height:1.45 !important;margin-bottom:10px !important;}
.inr-tg-beheer-schakel{margin-bottom:12px !important;}
.inr-tg-beheer-nl{font-size:12.5px !important;color:#475569 !important;line-height:1.5 !important;background:#F1F5F9 !important;border-left:3px solid #CBD5E1 !important;padding:7px 10px !important;border-radius:0 6px 6px 0 !important;margin-bottom:6px !important;}
.inr-tg-beheer-waarkeuze{display:flex !important;gap:8px !important;}
.inr-tg-waarknop{flex:1 1 0 !important;padding:10px !important;border-radius:9px !important;border:1.5px solid var(--lijn-sterk) !important;background:rgba(0,0,0,.2) !important;color:var(--grijs) !important;font-size:14px !important;font-weight:600 !important;cursor:pointer !important;font-family:inherit !important;transition:all .15s ease !important;}
.inr-tg-waarknop.actief{border-color:var(--accent) !important;background:rgba(86,194,255,.16) !important;color:var(--accent) !important;}
.inr-tg-beheer-modal-knoppen{display:flex !important;justify-content:flex-end !important;gap:10px !important;margin-top:20px !important;}
.inr-tg-btn.rood{background:#d8404f !important;color:#fff !important;border-color:transparent !important;}
.inr-tg-beheer-fout{color:#FF8A96 !important;font-size:13px !important;font-weight:500 !important;margin-top:10px !important;text-align:right !important;}
.inr-tg-beheer-bevestig-tekst{font-size:14px !important;line-height:1.5 !important;color:var(--grijs) !important;padding:12px 14px !important;background:var(--vlak) !important;border-radius:10px !important;}
.inr-tg-link{font-size:14px !important;font-weight:600 !important;color:var(--accent) !important;text-decoration:underline !important;text-underline-offset:3px !important;}
.inr-tg-link:hover{color:var(--core) !important;}

/* ---------- SPEL ---------- */
.inr-tg-spel{max-width:620px !important;}
.inr-tg-spelhud{display:flex !important;align-items:center !important;gap:14px !important;margin-bottom:18px !important;}
.inr-tg-niveaubadge{font-size:12px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;padding:6px 13px !important;border-radius:99px !important;color:#fff !important;}
.inr-tg-niveaubadge.n-makkelijk{background:var(--makkelijk) !important;}
.inr-tg-niveaubadge.n-moeilijk{background:var(--moeilijk) !important;}
.inr-tg-niveaubadge.n-hardcore{background:var(--hardcore) !important;}
.inr-tg-streak{flex:1 !important;display:flex !important;align-items:baseline !important;gap:7px !important;}
.inr-tg-streak-cijfer{font-weight:700 !important;font-size:22px !important;letter-spacing:-.02em !important;color:var(--ink) !important;}
.inr-tg-streak-label{font-size:13px !important;color:var(--grijs) !important;}
.inr-tg-stop{flex:none !important;width:34px !important;height:34px !important;border-radius:10px !important;border:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;align-items:center !important;justify-content:center !important;color:var(--grijs) !important;transition:color .2s,border-color .2s !important;}
.inr-tg-stop:hover{color:var(--ink) !important;border-color:var(--grijs) !important;}
.inr-tg-stop svg{width:16px !important;height:16px !important;}

.inr-tg-kaart{background:var(--vlak) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:var(--radius) !important;
  box-shadow:0 30px 70px -34px rgba(255,255,255,.4) !important;padding:0 0 34px !important;position:relative !important;overflow:hidden !important;
  transition:box-shadow .3s,border-color .3s !important;}
.inr-tg-kaart.goed{border-color:var(--echo) !important;box-shadow:0 0 0 3px rgba(90,195,128,.18),0 18px 36px -18px rgba(90,195,128,.36) !important;}
.inr-tg-kaart.fout{border-color:var(--pulse) !important;box-shadow:0 0 0 3px rgba(253,76,92,.18),0 18px 36px -18px rgba(253,76,92,.4) !important;
  animation:inrtg-shake .42s cubic-bezier(.36,.07,.19,.97) !important;}
@keyframes inrtg-shake{10%,90%{transform:translateX(-2px);}20%,80%{transform:translateX(4px);}30%,50%,70%{transform:translateX(-8px);}40%,60%{transform:translateX(8px);}}

.inr-tg-timerbaan{height:5px !important;background:var(--vlak-2) !important;width:100% !important;}
.inr-tg-timervul{height:100% !important;width:100% !important;background:linear-gradient(90deg,var(--accent),var(--core)) !important;}
.inr-tg-stelnum{font-size:13px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--grijs) !important;padding:26px 38px 0 !important;}
.inr-tg-steltekst{font-weight:600 !important;font-size:clamp(20px,2.9vw,26px) !important;letter-spacing:-.02em !important;line-height:1.32 !important;color:var(--ink) !important;
  padding:14px 38px 26px !important;min-height:2.4em !important;}
.inr-tg-knoppen{display:grid !important;grid-template-columns:1fr 1fr !important;gap:13px !important;padding:0 38px !important;}
.inr-tg-kn{display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;
  padding:18px 16px !important;border-radius:15px !important;font-weight:600 !important;font-size:16px !important;
  border:2px solid rgba(255,255,255,.12) !important;background:var(--vlak) !important;color:var(--ink) !important;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s !important;}
.inr-tg-kn svg{width:20px !important;height:20px !important;flex:none !important;}
.inr-tg-kn.waar svg{color:var(--echo) !important;}
.inr-tg-kn.niet svg{color:var(--pulse) !important;}
.inr-tg-kn:hover:not(:disabled){transform:translateY(-2px) !important;}
.inr-tg-kn.waar:hover:not(:disabled){border-color:var(--echo) !important;}
.inr-tg-kn.niet:hover:not(:disabled){border-color:var(--pulse) !important;}
.inr-tg-kn:disabled{opacity:.85 !important;cursor:default !important;}

/* ---------- HERKENNINGSSPEL: welke laag zie je ---------- */
.inr-tg-herken-voortgang{margin-left:auto !important;font-size:14px !important;font-weight:600 !important;color:var(--grijs) !important;white-space:normal !important;}
.inr-tg-herken-voortgang + .inr-tg-stop{margin-left:14px !important;}
.inr-tg-herken-kaart{padding:30px 32px 30px !important;}
.inr-tg-herken-vraagje{font-size:13px !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:var(--grijs) !important;margin-bottom:14px !important;white-space:normal !important;}
.inr-tg-herken-situatie{font-weight:600 !important;font-size:clamp(18px,2.5vw,23px) !important;letter-spacing:-.015em !important;line-height:1.4 !important;color:var(--ink) !important;
  margin-bottom:24px !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-herken-knoppen{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;width:100% !important;max-width:100% !important;}
.inr-tg-laagknop{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;text-align:center !important;
  min-width:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important;
  padding:20px 12px !important;border-radius:16px !important;border:1px solid var(--lijn-sterk) !important;background:linear-gradient(158deg,rgba(255,255,255,.07),rgba(255,255,255,.02)) !important;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s,box-shadow .2s !important;}
.inr-tg-laagletter{font-weight:700 !important;font-size:26px !important;line-height:1 !important;letter-spacing:-.02em !important;}
.inr-tg-laagnaam{font-weight:600 !important;font-size:14px !important;color:var(--ink) !important;white-space:normal !important;}
.inr-tg-laagsub{font-weight:300 !important;font-size:11.5px !important;color:var(--grijs) !important;white-space:normal !important;}
.inr-tg-laagknop.laag-i .inr-tg-laagletter{color:var(--fluent) !important;}
.inr-tg-laagknop.laag-n .inr-tg-laagletter{color:var(--core) !important;}
.inr-tg-laagknop.laag-r .inr-tg-laagletter{color:var(--pulse) !important;}
.inr-tg-laagknop:hover:not(:disabled){transform:translateY(-2px) !important;}
.inr-tg-laagknop.laag-i:hover:not(:disabled){border-color:var(--fluent) !important;}
.inr-tg-laagknop.laag-n:hover:not(:disabled){border-color:var(--core) !important;}
.inr-tg-laagknop.laag-r:hover:not(:disabled){border-color:var(--pulse) !important;}
.inr-tg-laagknop:disabled{cursor:default !important;}
.inr-tg-laagknop.goed{border-color:var(--echo) !important;background:rgba(90,195,128,.1) !important;box-shadow:0 0 0 2px rgba(90,195,128,.25) !important;}
.inr-tg-laagknop.mis{border-color:var(--pulse) !important;background:rgba(253,76,92,.08) !important;}
.inr-tg-laagknop:disabled:not(.goed):not(.mis){opacity:.5 !important;}

.inr-tg-herken-uitleg{max-height:0 !important;overflow:hidden !important;opacity:0 !important;
  transition:max-height .3s cubic-bezier(.2,.7,.2,1),opacity .3s,margin .3s !important;margin-top:0 !important;}
.inr-tg-herken-uitleg.open{max-height:320px !important;opacity:1 !important;margin-top:22px !important;}
.inr-tg-herken-uitleg{padding:0 !important;border-radius:14px !important;}
.inr-tg-herken-uitleg.open{padding:18px 20px !important;}
.inr-tg-herken-uitleg.goed{background:rgba(90,195,128,.1) !important;border:1.5px solid rgba(90,195,128,.4) !important;}
.inr-tg-herken-uitleg.mis{background:rgba(116,72,253,.07) !important;border:1.5px solid rgba(116,72,253,.32) !important;}
.inr-tg-herken-uitleg-kop{font-weight:700 !important;font-size:15px !important;margin-bottom:6px !important;color:var(--ink) !important;white-space:normal !important;}
.inr-tg-herken-uitleg.goed .inr-tg-herken-uitleg-kop{color:#6FD89A !important;}
.inr-tg-herken-uitleg-tekst{font-weight:300 !important;font-size:14px !important;line-height:1.5 !important;color:var(--ink) !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-herken .inr-tg-herken-door{display:none !important;margin:22px auto 0 !important;}
.inr-tg-herken .inr-tg-herken-door.open{display:inline-flex !important;}

/* laagkeuze in het beheerformulier */
.inr-tg-beheer-laagkeuze{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}
.inr-tg-laagkeuzeknop{display:flex !important;align-items:center !important;gap:8px !important;text-align:left !important;
  padding:11px 14px !important;border-radius:11px !important;border:2px solid rgba(255,255,255,.12) !important;background:var(--vlak) !important;
  font-weight:600 !important;font-size:14px !important;color:var(--ink) !important;white-space:normal !important;
  transition:border-color .2s,background .2s !important;}
.inr-tg-laagkeuzeknop strong{font-size:17px !important;}
.inr-tg-laagkeuzeknop.laag-i strong{color:var(--fluent) !important;}
.inr-tg-laagkeuzeknop.laag-n strong{color:var(--core) !important;}
.inr-tg-laagkeuzeknop.laag-r strong{color:var(--pulse) !important;}
.inr-tg-laagkeuzeknop.actief{border-color:var(--accent) !important;background:rgba(0,123,255,.06) !important;}

/* laag-label in de beheerlijst */
.inr-tg-beheer-laag{flex:none !important;width:30px !important;height:24px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:7px !important;font-weight:700 !important;font-size:13px !important;color:#fff !important;}
.inr-tg-beheer-laag.laag-i{background:var(--fluent) !important;}
.inr-tg-beheer-laag.laag-n{background:var(--core) !important;}
.inr-tg-beheer-laag.laag-r{background:var(--pulse) !important;}

/* ---------- KETENSPEL: maak de keten rond ---------- */
.inr-tg-keten-voortgang{margin-left:auto !important;font-size:14px !important;font-weight:600 !important;color:var(--grijs) !important;white-space:normal !important;}
.inr-tg-keten-voortgang + .inr-tg-stop{margin-left:14px !important;}
.inr-tg-keten-context{font-weight:600 !important;font-size:clamp(16px,2.2vw,20px) !important;line-height:1.4 !important;letter-spacing:-.01em !important;color:var(--ink) !important;
  background:var(--vlak) !important;border-radius:14px !important;padding:16px 18px !important;margin-bottom:18px !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;}

.inr-tg-keten-baan{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;margin-bottom:22px !important;}
.inr-tg-keten-pijl{display:flex !important;align-items:center !important;justify-content:center !important;height:26px !important;color:var(--grijs) !important;}
.inr-tg-keten-pijl svg{width:22px !important;height:22px !important;}
.inr-tg-keten-baan.rond .inr-tg-keten-pijl{color:var(--echo) !important;}
.inr-tg-keten-baan.gebroken .inr-tg-keten-pijl{color:var(--pulse) !important;}

.inr-tg-schakel{display:flex !important;align-items:flex-start !important;gap:12px !important;
  min-width:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important;
  padding:16px 18px !important;border-radius:16px !important;border:2px solid rgba(255,255,255,.12) !important;background:var(--vlak) !important;
  transition:border-color .25s,background .25s,box-shadow .25s !important;}
.inr-tg-schakel-tag{flex:none !important;width:30px !important;height:30px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:9px !important;font-weight:700 !important;font-size:15px !important;color:#fff !important;}
.inr-tg-schakel.laag-i .inr-tg-schakel-tag{background:var(--fluent) !important;}
.inr-tg-schakel.laag-n .inr-tg-schakel-tag{background:var(--core) !important;}
.inr-tg-schakel.laag-r .inr-tg-schakel-tag{background:var(--pulse) !important;}
.inr-tg-schakel-tekst{font-weight:500 !important;font-size:14.5px !important;line-height:1.45 !important;color:var(--ink) !important;min-width:0 !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-schakel-plektekst{font-weight:300 !important;font-size:14px !important;font-style:italic !important;color:var(--grijs) !important;min-width:0 !important;white-space:normal !important;}
.inr-tg-schakel.gevuld{background:var(--vlak) !important;}
.inr-tg-schakel.leeg{border-style:dashed !important;border-color:rgba(255,255,255,.22) !important;background:rgba(255,255,255,.02) !important;}
.inr-tg-schakel.leeg.hover{border-color:var(--accent) !important;background:rgba(0,123,255,.05) !important;}
.inr-tg-schakel.overweegt{border-color:var(--accent) !important;border-style:solid !important;flex-wrap:wrap !important;}
.inr-tg-schakel.netgevuld{border-color:var(--echo) !important;box-shadow:0 0 0 2px rgba(90,195,128,.22) !important;}
.inr-tg-schakel.kapot{border-color:var(--pulse) !important;background:rgba(253,76,92,.08) !important;box-shadow:0 0 0 2px rgba(253,76,92,.25) !important;
  animation:inrtg-shake .42s cubic-bezier(.36,.07,.19,.97) !important;}
.inr-tg-keten-baan.rond .inr-tg-schakel.gevuld{border-color:var(--echo) !important;}
.inr-tg-schakel-bevestig{display:flex !important;gap:8px !important;width:100% !important;margin-top:10px !important;padding-left:42px !important;}

.inr-tg-keten-bak{display:flex !important;flex-direction:column !important;gap:10px !important;}
.inr-tg-kaartje{display:flex !important;align-items:flex-start !important;gap:11px !important;
  min-width:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:hidden !important;
  padding:14px 16px !important;border-radius:14px !important;border:1.5px solid rgba(255,255,255,.14) !important;background:var(--vlak) !important;
  cursor:grab !important;touch-action:none !important;
  box-shadow:0 4px 14px -10px rgba(255,255,255,.3) !important;
  transition:box-shadow .2s,border-color .2s,transform .12s !important;}
.inr-tg-kaartje:hover{border-color:rgba(255,255,255,.28) !important;box-shadow:0 8px 20px -12px rgba(255,255,255,.4) !important;}
.inr-tg-kaartje.opgepakt{opacity:.35 !important;}
.inr-tg-kaartje.weg{display:none !important;}
.inr-tg-kaartje-tag{flex:none !important;width:26px !important;height:26px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:8px !important;font-weight:700 !important;font-size:13px !important;color:#fff !important;}
.inr-tg-kaartje.laag-i .inr-tg-kaartje-tag{background:var(--fluent) !important;}
.inr-tg-kaartje.laag-n .inr-tg-kaartje-tag{background:var(--core) !important;}
.inr-tg-kaartje.laag-r .inr-tg-kaartje-tag{background:var(--pulse) !important;}
.inr-tg-kaartje-tekst{font-weight:400 !important;font-size:14px !important;line-height:1.45 !important;color:var(--ink) !important;min-width:0 !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-kaartje-kloon{cursor:grabbing !important;box-shadow:0 18px 40px -16px rgba(255,255,255,.55) !important;border-color:var(--accent) !important;opacity:.97 !important;border-radius:14px !important;background:var(--vlak) !important;}

.inr-tg-keten-uitleg{max-height:0 !important;overflow:hidden !important;opacity:0 !important;
  transition:max-height .35s cubic-bezier(.2,.7,.2,1),opacity .35s,margin .35s,padding .35s !important;margin-top:0 !important;padding:0 !important;border-radius:14px !important;}
.inr-tg-keten-uitleg.open{max-height:360px !important;opacity:1 !important;margin-top:4px !important;padding:18px 20px !important;}
.inr-tg-keten-uitleg.goed{background:rgba(90,195,128,.1) !important;border:1.5px solid rgba(90,195,128,.4) !important;}
.inr-tg-keten-uitleg-kop{font-weight:700 !important;font-size:15px !important;margin-bottom:6px !important;color:#6FD89A !important;white-space:normal !important;}
.inr-tg-keten-uitleg-tekst{font-weight:300 !important;font-size:14px !important;line-height:1.5 !important;color:var(--ink) !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;}
.inr-tg-keten .inr-tg-keten-door{display:none !important;margin:20px auto 0 !important;}
.inr-tg-keten .inr-tg-keten-door.open{display:inline-flex !important;}
.inr-tg-mini-knop.groen{border-color:var(--echo) !important;color:#6FD89A !important;}
.inr-tg-mini-knop.groen:hover{background:rgba(90,195,128,.1) !important;}

/* ---------- EINDSCHERM ---------- */
.inr-tg-eind{background:var(--diep) !important;border:1px solid var(--lijn) !important;border-radius:32px !important;padding:0 !important;overflow:hidden !important;position:relative !important;}
.inr-tg-eind-inner{position:relative !important;z-index:1 !important;text-align:center !important;padding:56px 36px !important;}
.inr-tg-eind-titel{font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(255,255,255,.55) !important;margin-bottom:18px !important;}
.inr-tg-eind-score{display:flex !important;align-items:baseline !important;justify-content:center !important;gap:8px !important;margin-bottom:12px !important;}
.inr-tg-eind-getal{font-weight:700 !important;font-size:clamp(52px,10vw,82px) !important;letter-spacing:-.04em !important;line-height:1 !important;
  background:linear-gradient(115deg,#fff,#9bc4ff) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}
.inr-tg-eind-pt{font-size:18px !important;font-weight:600 !important;color:rgba(255,255,255,.5) !important;}
.inr-tg-eind-sub{font-size:15px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;margin-bottom:30px !important;}
.inr-tg-eind-sub strong{font-weight:700 !important;color:var(--echo) !important;}
.inr-tg-eind-knoppen{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:11px !important;}
.inr-tg-btn{display:inline-flex !important;align-items:center !important;gap:8px !important;background:var(--vlak) !important;color:var(--ink) !important;
  font-weight:600 !important;font-size:14px !important;padding:13px 22px !important;border-radius:99px !important;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s !important;}
.inr-tg-btn:hover{transform:translateY(-2px) !important;box-shadow:0 14px 28px -14px rgba(0,0,0,.5) !important;}
.inr-tg-btn.primair{background:var(--accent) !important;color:#fff !important;}
.inr-tg-btn.ghost{background:rgba(255,255,255,.12) !important;color:#fff !important;}

/* ---------- BOARD ---------- */
.inr-tg-board-kop{display:flex !important;align-items:center !important;gap:14px !important;margin-bottom:22px !important;}
.inr-tg-terugpijl{flex:none !important;width:38px !important;height:38px !important;border-radius:11px !important;border:1px solid rgba(255,255,255,.12) !important;
  display:flex !important;align-items:center !important;justify-content:center !important;color:var(--grijs) !important;transition:color .2s,border-color .2s !important;}
.inr-tg-terugpijl:hover{color:var(--ink) !important;border-color:var(--grijs) !important;}
.inr-tg-terugpijl svg{width:18px !important;height:18px !important;}
.inr-tg-board-kop h2{font-weight:600 !important;font-size:clamp(24px,3.4vw,32px) !important;letter-spacing:-.024em !important;color:var(--ink) !important;}

.inr-tg-tabs{display:flex !important;gap:8px !important;margin-bottom:16px !important;}
.inr-tg-tab{flex:1 !important;padding:11px 10px !important;border-radius:12px !important;font-size:14px !important;font-weight:600 !important;
  background:var(--vlak) !important;color:var(--grijs) !important;transition:background .2s,color .2s !important;}
.inr-tg-tab.actief{background:var(--accent) !important;color:#06121F !important;}

.inr-tg-soort{display:flex !important;gap:8px !important;margin-bottom:14px !important;}
.inr-tg-soortknop{flex:1 !important;padding:10px 12px !important;border-radius:12px !important;font-size:13.5px !important;font-weight:600 !important;
  border:1.5px solid rgba(255,255,255,.12) !important;background:var(--vlak) !important;color:var(--grijs) !important;transition:all .2s !important;}
.inr-tg-soortknop.actief{background:var(--core) !important;color:#fff !important;border-color:var(--core) !important;}

.inr-tg-sorteer{display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:14px !important;font-size:13px !important;color:var(--grijs) !important;}
.inr-tg-sorteer.tg-verborgen{display:none !important;}
.inr-tg-sorteerknop{padding:7px 14px !important;border-radius:99px !important;font-size:13px !important;font-weight:600 !important;
  border:1px solid rgba(255,255,255,.14) !important;color:var(--grijs) !important;transition:all .2s !important;}
.inr-tg-sorteerknop.actief{background:var(--accent) !important;color:#fff !important;border-color:var(--accent) !important;}

.inr-tg-board{border:1px solid var(--lijn-sterk) !important;border-radius:16px !important;overflow:hidden !important;}
.inr-tg-board-head{display:grid !important;grid-template-columns:48px 1fr 76px 70px !important;gap:8px !important;align-items:center !important;
  padding:13px 18px !important;background:var(--vlak) !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--grijs) !important;}
.inr-tg-board-head.bedrijven{grid-template-columns:42px 1fr 64px 70px 64px !important;}
.inr-tg-board-rij{display:grid !important;grid-template-columns:48px 1fr 76px 70px !important;gap:8px !important;align-items:center !important;
  padding:14px 18px !important;border-top:1px solid var(--lijn) !important;font-size:14.5px !important;}
.inr-tg-board-rij.bedrijven{grid-template-columns:42px 1fr 64px 70px 64px !important;}
.inr-tg-board-rij.ik{background:rgba(86,194,255,.12) !important;}
.inr-tg-board-rij .c-rang{font-weight:700 !important;color:var(--grijs) !important;}
.inr-tg-board-rij:nth-child(2) .c-rang{color:#E8B53C !important;}
.inr-tg-board-rij .c-naam{font-weight:600 !important;color:var(--ink) !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.inr-tg-board-rij .c-getal{font-weight:600 !important;color:var(--ink) !important;text-align:right !important;}
.inr-tg-jij{font-size:11px !important;font-weight:700 !important;color:#fff !important;background:var(--accent) !important;padding:2px 8px !important;border-radius:99px !important;margin-left:6px !important;}
.inr-tg-rol{font-size:11px !important;font-weight:600 !important;color:var(--grijs) !important;background:var(--vlak-2) !important;padding:2px 8px !important;border-radius:99px !important;margin-left:6px !important;}

/* ---------- MIJN RESULTATEN ---------- */
.inr-tg-mij-blok{margin-bottom:22px !important;}
.inr-tg-mij-kop{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:12px !important;}
.inr-tg-mij-record{font-size:14px !important;font-weight:700 !important;color:var(--ink) !important;}
.inr-tg-mij-historie{display:flex !important;flex-direction:column !important;gap:7px !important;}
.inr-tg-mij-rij{display:flex !important;align-items:center !important;gap:12px !important;}
.inr-tg-mij-balk{flex:1 !important;height:8px !important;border-radius:99px !important;background:var(--vlak-2) !important;overflow:hidden !important;}
.inr-tg-mij-balk span{display:block !important;height:100% !important;border-radius:99px !important;background:linear-gradient(90deg,var(--accent),var(--core)) !important;}
.inr-tg-mij-score{font-weight:700 !important;font-size:14px !important;color:var(--ink) !important;min-width:44px !important;text-align:right !important;}
.inr-tg-mij-goed{font-size:12px !important;color:var(--grijs) !important;min-width:54px !important;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:560px){
  .inr-tg-wrap{padding:24px 16px 40px !important;}
  .inr-tg-niveaus{grid-template-columns:1fr !important;}
  .inr-tg-steltekst{padding-left:24px !important;padding-right:24px !important;}
  .inr-tg-stelnum{padding-left:24px !important;padding-right:24px !important;}
  .inr-tg-knoppen{padding:0 24px !important;}
  .inr-tg-knoppen{grid-template-columns:1fr !important;}
}
@media(prefers-reduced-motion:reduce){
  .inr-tg-kaart.fout{animation:none !important;}
}