.typ-page{position:relative;min-height:100svh;isolation:isolate}.typ-page:before{background:radial-gradient(42% 40% at 12% 8%,rgba(238,95,43,.14),transparent 70%),radial-gradient(40% 42% at 90% 12%,rgba(62,155,214,.14),transparent 70%),radial-gradient(46% 42% at 82% 92%,rgba(126,91,194,.13),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(247,183,49,.16),transparent 70%)}.typ-page:after,.typ-page:before{content:"";position:fixed;inset:0;z-index:-3}.typ-page:after{opacity:.5;background-image:radial-gradient(rgba(42,34,56,.06) 1.6px,transparent 0);background-size:26px 26px}.typ-page .deco--circle{width:56px;height:56px;left:4vw;top:14vh}.typ-page .deco--square{width:50px;height:50px;right:5vw;top:10vh}.typ-page .deco--pill{width:84px;height:38px;left:5vw;bottom:10vh}.typ-wrap{position:relative;z-index:1;width:min(820px,100%);margin:0 auto;padding:clamp(20px,5vw,48px) clamp(16px,4vw,32px) 48px;animation:rise .7s cubic-bezier(.22,1,.36,1) both}.typ-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.typ-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:15px;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;padding:6px 14px;box-shadow:3px 3px 0 var(--ink);transition:transform .14s ease,box-shadow .14s ease}.typ-back:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.typ-back:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.typ-badge{margin-bottom:0;font-size:14px;padding:5px 14px}.typ-title{font-family:var(--display);font-weight:700;font-size:clamp(32px,7vw,56px);line-height:1;margin-top:22px}.typ-title .o{color:var(--heat)}.typ-sub{font-family:var(--display);font-weight:500;font-size:clamp(16px,3.4vw,20px);color:var(--soft);margin-top:8px}.typ-card{position:relative;margin-top:24px;background:var(--card);border:3.5px solid var(--ink);border-radius:22px;box-shadow:var(--sh);padding:clamp(18px,4vw,30px);cursor:text}.typ-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.typ-tag{display:inline-block;font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--heat);background:var(--heat-bg);border-radius:999px;padding:2px 10px}.typ-progress{flex:1 1 160px;max-width:260px;height:14px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper);overflow:hidden}.typ-progress span{display:block;height:100%;background:var(--sun);transition:width .15s ease}.typ-text{font-family:var(--body);font-size:clamp(20px,3.6vw,28px);line-height:1.75;letter-spacing:.01em;color:#B3AABD;overflow-wrap:anywhere;white-space:pre-wrap;-moz-user-select:none;user-select:none;-webkit-user-select:none}.typ-text .ok{color:var(--ink)}.typ-text .err{color:var(--heat);background:var(--heat-bg);border-radius:6px;box-shadow:inset 0 -3px 0 var(--heat)}.typ-text .cur{position:relative;color:var(--ink);background:var(--sun);border-radius:5px;box-shadow:0 0 0 2px var(--ink)}.typ-text .cur:after{content:"";position:absolute;left:-2px;top:12%;bottom:12%;width:3px;background:var(--ink);border-radius:2px;animation:typ-blink 1s steps(1) infinite}.typ-text .cur--stil{background:var(--line)}.typ-text .cur--stil:after{display:none}@keyframes typ-blink{50%{opacity:0}}.typ-hint{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:2.5px dashed var(--line);font-size:15px;color:var(--soft);min-height:50px}.typ-key{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;font-family:var(--display);font-weight:700;font-size:17px;color:var(--ink);background:var(--sun);border:2.5px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink)}.typ-key--sm{min-width:30px;height:30px;font-size:15px;margin-left:6px}.typ-warn{margin-left:auto;font-family:var(--display);font-weight:600;font-size:13px;color:var(--heat);background:var(--heat-bg);border-radius:999px;padding:3px 12px}.typ-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:rgba(255,247,234,.72);border:0;border-radius:19px;cursor:pointer;font:inherit;color:var(--ink)}.typ-overlay span{font-family:var(--display);font-weight:600;font-size:18px;text-align:center;background:var(--card);border:3px solid var(--ink);border-radius:16px;padding:10px 18px;box-shadow:4px 4px 0 var(--ink)}.typ-input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;border:0;padding:0;resize:none;overflow:hidden;font-size:16px}.typ-pill{display:inline-block;margin-top:16px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--cold);background:var(--cold-bg);border:2.5px solid var(--ink);border-radius:999px;padding:4px 14px}.typ-result{margin-top:22px;background:var(--card);border:3.5px solid var(--ink);border-radius:22px;box-shadow:var(--sh);padding:clamp(18px,4vw,26px);animation:rise .5s cubic-bezier(.22,1,.36,1) both}.typ-result__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.typ-result h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,5vw,34px);line-height:1}.typ-record{font-family:var(--display);font-weight:600;font-size:14px;background:var(--sun);border:2.5px solid var(--ink);border-radius:999px;padding:4px 14px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.typ-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.typ-stat{border:3px solid var(--ink);border-radius:18px;padding:10px 12px;box-shadow:4px 4px 0 var(--ink);text-align:center;min-width:0}.typ-stat__val{font-weight:700;font-size:clamp(26px,5vw,36px);line-height:1.05}.typ-stat__lbl,.typ-stat__val{display:block;font-family:var(--display)}.typ-stat__lbl{font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--soft)}.typ-stat--speed{background:var(--cold-bg)}.typ-stat--acc{background:var(--good-bg)}.typ-stat--time{background:var(--grape-bg)}.typ-lastig{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:18px}.typ-best,.typ-lastig{font-size:16px;color:var(--soft)}.typ-best{margin-top:10px}.typ-actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}.typ-btn{white-space:nowrap;font-family:var(--display);font-weight:700;font-size:18px;color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:16px;padding:10px 20px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.typ-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.typ-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.typ-back:focus-visible,.typ-btn:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.typ-btn--main{background:var(--heat);color:#fff}@media (max-width:560px){.typ-card,.typ-result{border-width:3px}.typ-text{line-height:1.7}.typ-stats{gap:8px}.typ-stat{padding:8px 6px}.typ-stat__lbl{font-size:10px}.typ-page .deco--pill,.typ-page .deco--square{display:none}.typ-page .deco--circle{top:auto;bottom:6vh;left:auto;right:6vw}.typ-actions .typ-btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.typ-result,.typ-text .cur:after,.typ-wrap{animation:none!important}.typ-back,.typ-btn,.typ-progress span{transition:none}}.typ-veld__scroll{position:relative;font-size:clamp(20px,3.6vw,28px);max-height:calc(7em + 6px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.typ-veld__scroll .typ-text{padding-right:4px}.typ-veld__scroll.is-gescrold{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 .8em);mask-image:linear-gradient(180deg,transparent 0,#000 .8em)}.typ-veld__kb{margin-top:18px;display:grid;grid-gap:12px;gap:12px;justify-items:center}.typ-veld__kb .typ-kb{max-width:680px}.typ-veld__handen{max-width:340px}.typ-veld .typ-overlay{z-index:3}.typ-esc{margin-left:auto;font-size:13px;color:var(--soft);white-space:nowrap}.typ-warn+.typ-esc{margin-left:0}@media (max-height:950px){.typ-veld__kb{gap:8px;margin-top:14px}.typ-veld__kb .typ-kb{max-width:600px}.typ-veld__handen{max-width:210px}}@media (max-height:700px){.typ-veld__handen{display:none}}.typ-text .typ-spatiefout{display:inline-block;min-width:.7em;text-align:center;font-weight:700}.typ-kb{container-type:inline-size;width:100%}.typ-kb__plaat{display:grid;grid-gap:1cqw;gap:1cqw;padding:1.6cqw 1.2cqw;background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink)}.typ-kb__rij{display:grid;grid-template-columns:repeat(60,minmax(0,1fr))}.typ-kb__toets{position:relative;display:grid;place-items:center;min-width:0;height:5.6cqw;margin-inline:.45cqw;font-family:var(--display);font-weight:600;font-size:2.5cqw;line-height:1;color:var(--ink);background:var(--card);border:max(1.5px,.3cqw) solid var(--ink);border-radius:1.3cqw;box-shadow:0 max(1.5px,.3cqw) 0 rgba(42,34,56,.55)}.typ-kb__label{pointer-events:none}.typ-kb__toets--woord .typ-kb__label{font-size:1.75cqw;color:var(--soft);letter-spacing:.02em}.typ-kb__toets--mod{background:var(--card)}.typ-kb__toets--nop:after{content:"";position:absolute;left:50%;bottom:.5cqw;width:1.4cqw;height:max(1.5px,.35cqw);transform:translateX(-50%);background:var(--ink);border-radius:2px}.typ-kb__toets--volgende{z-index:1;background:var(--sun)!important;border-width:max(2.5px,.55cqw);animation:typ-toets-puls 1.1s ease-in-out infinite}.typ-kb__toets--volgende .typ-kb__label{color:var(--ink);font-weight:700}@keyframes typ-toets-puls{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.typ-kb--heat .typ-kb__toets{background:var(--card)}.typ-kb--compact .typ-kb__toets{height:6cqw;font-size:2.8cqw}.typ-hand{display:block;width:100%;height:auto;overflow:visible}.typ-hand__palm,.typ-hand__vinger rect{fill:#FFE7D6;stroke:var(--ink);stroke-width:4.5;stroke-linejoin:round}.typ-hand__vinger text{font-family:var(--display);font-weight:700;font-size:19px;fill:var(--soft);pointer-events:none}.typ-hand__vinger{transform-box:fill-box;transform-origin:50% 100%}.typ-hand__vinger.is-actief rect{fill:var(--sun)}.typ-hand__vinger.is-actief text{fill:var(--ink)}.typ-hand__vinger.is-actief{animation:typ-vinger-puls 1.1s ease-in-out infinite}.typ-hand__duim.is-actief{animation:none}@keyframes typ-vinger-puls{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.typ-sterren{display:flex;gap:clamp(6px,2vw,14px);margin-top:14px}.typ-ster{width:clamp(46px,11vw,66px);height:auto;overflow:visible;animation:typ-pop .55s cubic-bezier(.34,1.56,.64,1) both}.typ-ster path{fill:var(--line);stroke:var(--ink);stroke-width:3.2;stroke-linejoin:round}.typ-ster.is-aan path{fill:var(--sun)}.typ-ster.is-aan{filter:drop-shadow(3px 3px 0 var(--ink))}@keyframes typ-pop{0%{opacity:0;transform:scale(.2) rotate(-25deg)}70%{opacity:1;transform:scale(1.15) rotate(6deg)}to{opacity:1;transform:none}}.typ-bericht{margin-top:12px;font-family:var(--display);font-weight:600;font-size:clamp(18px,3.6vw,21px);line-height:1.35}.typ-badges{display:grid;grid-gap:10px;gap:10px;margin-top:20px}.typ-badgemelding{display:flex;align-items:center;gap:14px;min-width:0;background:var(--sun-bg);border:3px solid var(--ink);border-radius:18px;padding:10px 16px;box-shadow:4px 4px 0 var(--ink);animation:typ-pop .55s cubic-bezier(.34,1.56,.64,1) both}.typ-badgemelding__emoji{flex:none;display:grid;place-items:center;width:56px;height:56px;font-size:32px;line-height:1;background:var(--card);border:3px solid var(--ink);border-radius:50%}.typ-badgemelding__kop{display:block;font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9A6A00}.typ-badgemelding__naam{display:block;font-family:var(--display);font-weight:700;font-size:20px;line-height:1.15}.typ-resultaat .typ-actions{margin-top:22px}@media (max-width:640px){.typ-veld__handen{display:none}}@media (max-width:560px){.typ-kb__plaat{border-width:2.5px;border-radius:12px;box-shadow:3px 3px 0 var(--ink)}.typ-kb__toets{font-size:3cqw;height:6.2cqw}.typ-kb__toets--woord .typ-kb__label{font-size:2cqw}.typ-badgemelding{padding:8px 12px;gap:10px}.typ-badgemelding__emoji{width:46px;height:46px;font-size:26px}.typ-badgemelding__naam{font-size:18px}}@media (prefers-reduced-motion:reduce){.typ-badgemelding,.typ-hand__vinger.is-actief,.typ-kb__toets--volgende,.typ-ster{animation:none!important}}.typ-card--rustig{cursor:default}.typ-kleur--heat{background:var(--heat-bg)}.typ-kleur--cold{background:var(--cold-bg)}.typ-kleur--good{background:var(--good-bg)}.typ-kleur--grape{background:var(--grape-bg)}.typ-kleur--sun{background:var(--sun-bg)}a.typ-btn{display:inline-flex;align-items:center;justify-content:center}.typ-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:4px 4px 0 var(--ink)}.typ-btn--gevaar{background:var(--heat-bg);color:#B23A10}.typ-enter{margin-top:10px;font-size:14px;color:var(--soft)}.typ-enter kbd,.typ-lesnr kbd{font-family:var(--display);font-weight:600;font-size:13px;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:0 6px;box-shadow:0 2px 0 var(--ink)}.typ-laden{display:flex;gap:10px;justify-content:center;padding:80px 0}.typ-laden span{width:16px;height:16px;border-radius:50%;background:var(--sun);border:2.5px solid var(--ink);animation:typ-stuiter 1s ease-in-out infinite}.typ-laden span:nth-child(2){animation-delay:.15s;background:var(--cold-bg)}.typ-laden span:nth-child(3){animation-delay:.3s;background:var(--heat-bg)}@keyframes typ-stuiter{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.typ-avatar{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;font-size:19px;line-height:1;border:2.5px solid var(--ink);border-radius:50%}.typ-avatar--groot{width:76px;height:76px;font-size:40px;border-width:3px;box-shadow:3px 3px 0 var(--ink)}.typ-avatar--plus{background:var(--card);font-family:var(--display);font-weight:700;color:var(--soft)}.typ-form{display:grid;grid-gap:20px;gap:20px}.typ-form__veld{display:grid;grid-gap:8px;gap:8px;border:0;min-width:0}.typ-form__lbl{font-family:var(--display);font-weight:700;font-size:20px;padding:0}.typ-form__input{width:100%;font-family:var(--display);font-weight:600;font-size:22px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:10px 14px}.typ-form__input:focus-visible{outline:3px solid var(--grape);outline-offset:2px}.typ-form__input::placeholder{color:#B3AABD}.typ-kleuren{display:flex;flex-wrap:wrap;gap:12px}.typ-kleurknop{width:48px;height:48px;border:3px solid var(--ink);border-radius:50%;cursor:pointer;transition:transform .14s ease}.typ-kleurknop.is-gekozen{box-shadow:0 0 0 4px var(--card),0 0 0 7px var(--ink);transform:scale(1.05)}.typ-emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));grid-gap:10px;gap:10px}.typ-emojiknop{height:54px;font-size:28px;line-height:1;background:var(--card);cursor:pointer;border:2.5px solid var(--line);border-radius:14px;transition:transform .14s ease,border-color .14s ease}.typ-emojiknop:hover{border-color:var(--ink)}.typ-emojiknop.is-gekozen{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.typ-emojiknop:focus-visible,.typ-kleurknop:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.typ-form__voorbeeld{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:2.5px dashed var(--line)}.typ-form__naam{font-family:var(--display);font-weight:700;font-size:26px;overflow-wrap:anywhere}.typ-form .typ-actions{margin-top:0}.typ-wissel{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink);background:var(--card);border:2.5px solid var(--ink);border-radius:999px;padding:3px 14px 3px 4px;box-shadow:3px 3px 0 var(--ink);transition:transform .14s ease,box-shadow .14s ease}.typ-wissel .typ-avatar{width:30px;height:30px;font-size:17px;border-width:2px}.typ-wissel:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.typ-wissel:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.typ-hoi{display:flex;align-items:center;gap:18px;margin-top:26px}.typ-hoi .typ-avatar--groot{width:92px;height:92px;font-size:50px;box-shadow:4px 4px 0 var(--ink)}.typ-hoi__tekst{min-width:0}.typ-title--hoi{margin-top:0;overflow-wrap:anywhere}.typ-hoi__pillen{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.typ-streak{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--soft);background:var(--card);border:2.5px solid var(--line);border-radius:999px;padding:3px 12px}.typ-streak.is-aan{background:var(--heat-bg)}.typ-streak--badge,.typ-streak.is-aan{color:var(--ink);border-color:var(--ink)}.typ-streak--badge{background:var(--sun-bg)}.typ-tegels{display:flex;flex-direction:column;gap:18px;margin-top:28px}.typ-tegel .tile__arrow{background:var(--card)}.typ-tegel--heat .tile__arrow,.typ-tegel--heat .tile__emoji{background:var(--heat-bg)}.typ-tegel--heat .tile__arrow{background:var(--heat);color:#fff}.typ-tegel--grape .tile__arrow,.typ-tegel--grape .tile__emoji{background:var(--grape-bg)}.typ-tegel--grape .tile__tag{color:var(--grape);background:var(--grape-bg)}.typ-tegel--cold .tile__arrow,.typ-tegel--cold .tile__emoji{background:var(--cold-bg)}.typ-tegel--cold .tile__tag{color:#1F6E9E;background:var(--cold-bg)}.typ-tegel--good .tile__arrow,.typ-tegel--good .tile__emoji{background:var(--good-bg)}.typ-tegel--good .tile__tag{color:#1E7543;background:var(--good-bg)}.typ-spelers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.typ-speler{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:20px 12px;cursor:pointer;min-width:0;font:inherit;color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:22px;box-shadow:var(--sh);transition:transform .14s ease,box-shadow .14s ease}.typ-speler:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.typ-speler:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.typ-speler:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.typ-speler.is-actief{background:var(--sun-bg)}.typ-speler--nieuw{border-style:dashed;box-shadow:none;background:transparent}.typ-speler__naam{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.1;overflow-wrap:anywhere;text-align:center}.typ-telling{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--display);font-weight:600;font-size:16px;background:var(--sun-bg);border:2.5px solid var(--ink);border-radius:999px;padding:3px 14px}.typ-groep{margin-top:30px}.typ-groep__kop{font-family:var(--display);font-weight:700;font-size:24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.typ-groep__kop span{font-weight:500;font-size:16px;color:var(--soft)}.typ-lessen{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px;margin-top:12px}.typ-les,.typ-lessen>li{min-width:0;display:flex}.typ-les{position:relative;flex:1 1;align-items:center;gap:14px;background:var(--card);border:3px solid var(--ink);border-radius:18px;padding:14px 16px;box-shadow:4px 4px 0 var(--ink);transition:transform .14s ease,box-shadow .14s ease}a.typ-les:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}a.typ-les:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}a.typ-les:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.typ-les__nr{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-family:var(--display);font-weight:700;font-size:20px;background:var(--paper);border:2.5px solid var(--ink)}.typ-les.is-gehaald .typ-les__nr{background:var(--good-bg)}.typ-les__body{display:grid;grid-gap:5px;gap:5px;min-width:0}.typ-les__titel{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.15}.typ-les__toetsen{display:flex;flex-wrap:wrap;gap:4px}.typ-key--mini{min-width:24px;height:24px;padding:0 5px;font-size:13px;border-width:2px;border-radius:7px;box-shadow:1.5px 1.5px 0 var(--ink);background:var(--sun-bg)}.typ-minister{display:inline-flex;gap:3px}.typ-minister svg{width:20px;height:20px}.typ-minister path{fill:var(--line);stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round}.typ-minister .is-aan path{fill:var(--sun)}.typ-les.is-volgende{background:var(--sun-bg);border-width:3.5px;box-shadow:5px 5px 0 var(--heat)}.typ-les.is-volgende .typ-les__nr,.typ-les__vlag{background:var(--heat);color:#fff}.typ-les__vlag{position:absolute;top:-12px;right:12px;font-family:var(--display);font-weight:700;font-size:13px;border:2.5px solid var(--ink);border-radius:999px;padding:1px 10px;transform:rotate(3deg);animation:typ-wiebel 2.4s ease-in-out infinite}@keyframes typ-wiebel{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg) translateY(-2px)}}.typ-les.is-dicht{background:transparent;border-style:dashed;border-color:#B3AABD;box-shadow:none;color:var(--soft)}.typ-les.is-dicht .typ-les__nr{font-size:18px;border-color:#B3AABD;background:transparent}.typ-les.is-dicht .typ-key--mini{opacity:.5}.typ-les.is-dicht .typ-minister{display:none}.typ-lesnr{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--soft)}.typ-lesnr__link{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.typ-lesnr__link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);color:var(--ink)}.typ-title--les{margin-top:8px}.typ-intro__uitleg{font-size:clamp(18px,3.4vw,21px);line-height:1.55}.typ-intro__nieuw{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:20px}.typ-intro__lbl{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--soft)}.typ-intro__toetsen{display:flex;flex-wrap:wrap;gap:12px}.typ-dop{display:inline-grid;place-items:center;min-width:64px;height:64px;padding:0 12px;font-family:var(--display);font-weight:700;font-size:32px;line-height:1;color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);transition:background .2s ease,transform .2s ease}.typ-dop--breed{font-size:24px;min-width:110px}.typ-dop.is-nu{background:var(--sun);transform:translateY(-3px)}.typ-dop--klein{min-width:48px;height:48px;font-size:26px;border-radius:13px;box-shadow:0 4px 0 var(--ink);background:var(--sun)}.typ-intro__kb{display:grid;grid-gap:14px;gap:14px;justify-items:center;margin-top:22px}.typ-intro__kb .typ-kb{max-width:680px}.typ-intro__handen{max-width:320px}.typ-rondes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-family:var(--display);font-weight:700;font-size:20px}.typ-rondes__bolletjes{display:flex;gap:8px}.typ-rondes__bolletjes span{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--ink);background:var(--card)}.typ-rondes__bolletjes .is-klaar{background:var(--good)}.typ-rondes__bolletjes .is-nu{background:var(--sun)}.typ-rondes+.typ-card{margin-top:12px}.typ-tussen{text-align:center;animation:rise .4s cubic-bezier(.22,1,.36,1) both}.typ-tussen__kop{font-family:var(--display);font-weight:700;font-size:clamp(26px,5vw,34px)}.typ-tussen__tekst{margin-top:8px;font-size:18px;color:var(--soft)}.typ-tussen .typ-actions{justify-content:center}.typ-focus{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;font-family:var(--display);font-weight:500;font-size:clamp(16px,3.4vw,19px);color:var(--soft)}.typ-focus__toetsen{display:inline-flex;gap:10px}.typ-niveaus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:24px}.typ-niveau{display:grid;justify-items:center;align-content:start;grid-gap:6px;gap:6px;padding:24px 14px;cursor:pointer;min-width:0;font:inherit;color:var(--ink);text-align:center;border:3.5px solid var(--ink);border-radius:22px;box-shadow:var(--sh);transition:transform .14s ease,box-shadow .14s ease}.typ-niveau:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}.typ-niveau:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.typ-niveau:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.typ-niveau--good{background:var(--good-bg)}.typ-niveau--sun{background:var(--sun-bg)}.typ-niveau--heat{background:var(--heat-bg)}.typ-niveau__emoji{display:grid;place-items:center;width:72px;height:72px;font-size:40px;background:var(--card);border:3px solid var(--ink);border-radius:50%}.typ-niveau__naam{font-family:var(--display);font-weight:700;font-size:clamp(22px,4vw,28px);margin-top:6px}.typ-niveau__uitleg{font-size:15px;color:var(--soft);line-height:1.35}.typ-balk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.typ-segment{display:inline-flex;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;padding:3px;box-shadow:3px 3px 0 var(--ink)}.typ-segment button{font-family:var(--display);font-weight:600;font-size:15px;color:var(--soft);background:none;border:0;border-radius:999px;padding:5px 14px;cursor:pointer}.typ-segment button.is-aan{color:var(--ink);background:var(--sun)}.typ-schakel:focus-visible,.typ-segment button:focus-visible{outline:3px solid var(--grape);outline-offset:2px}.typ-schakel{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:none;border:0;padding:4px 2px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink)}.typ-schakel__knop{position:relative;width:48px;height:28px;border-radius:999px;background:var(--line);border:2.5px solid var(--ink);transition:background .15s ease}.typ-schakel__knop:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--card);border:2px solid var(--ink);transition:transform .15s ease}.typ-schakel[aria-checked=true] .typ-schakel__knop{background:var(--good)}.typ-schakel[aria-checked=true] .typ-schakel__knop:after{transform:translateX(19px)}.typ-balk+.typ-card{margin-top:14px}.typ-kopcijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:22px}.typ-kopcijfers .typ-stat{background-color:var(--card)}.typ-kopcijfers .typ-stat--speed{background:var(--cold-bg)}.typ-kopcijfers .typ-stat--acc{background:var(--good-bg)}.typ-kopcijfers .typ-stat--time{background:var(--grape-bg)}.typ-stat--streak{background:var(--heat-bg)}.typ-kopcijfers .typ-stat__val{font-size:clamp(22px,4.4vw,32px);white-space:nowrap}.typ-blok{margin-top:22px}.typ-blok__kop{font-family:var(--display);font-weight:700;font-size:clamp(22px,4vw,26px);line-height:1.15;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.typ-blok__kop span{font-weight:600;font-size:16px;color:var(--soft)}.typ-blok__uitleg{margin-top:4px;font-size:15px;color:var(--soft)}.typ-blok .typ-kb{margin-top:16px}.typ-blok--los{margin-top:30px}.typ-leeg{margin-top:10px;font-size:16px;color:var(--soft);background:var(--paper);border:2.5px dashed var(--line);border-radius:14px;padding:16px}.typ-grafiek{margin-top:14px;display:grid;grid-gap:12px;gap:12px}.typ-lijn{margin:0}.typ-lijn__kop{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;font-size:15px;color:var(--soft)}.typ-lijn__titel{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:17px;color:var(--ink)}.typ-lijn__stip{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--ink);background:var(--lijnkleur)}.typ-lijn__nu strong{color:var(--ink);font-family:var(--display)}.typ-lijn svg{display:block;width:100%;height:auto;margin-top:4px;overflow:visible}.typ-lijn--apm{--lijnkleur:var(--heat)}.typ-lijn--nauwk{--lijnkleur:var(--cold)}.typ-lijn__raster{stroke:var(--line);stroke-width:2;stroke-dasharray:4 6}.typ-lijn__label{font-family:var(--display);font-weight:600;font-size:15px;fill:var(--soft)}.typ-lijn__pad{fill:none;stroke:var(--lijnkleur);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.typ-lijn__punt{fill:var(--card);stroke:var(--ink);stroke-width:2.5}.typ-lijn__punt.is-laatste{fill:var(--lijnkleur);stroke-width:3}.typ-grafiek__as{justify-content:space-between;padding-left:7%;font-family:var(--display);font-weight:600;font-size:13px}.typ-grafiek__as,.typ-legenda{display:flex;color:var(--soft)}.typ-legenda{list-style:none;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:15px}.typ-legenda li{display:inline-flex;align-items:center;gap:8px}.typ-legenda__vak{width:22px;height:22px;border:2.5px solid var(--ink);border-radius:6px}.typ-badgeraster{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-top:14px}.typ-badgetegel{display:grid;justify-items:center;align-content:start;grid-gap:4px;gap:4px;text-align:center;min-width:0;background:var(--paper);border:2.5px dashed #c9bfd3;border-radius:18px;padding:16px 12px;color:var(--soft)}.typ-badgetegel__emoji{display:grid;place-items:center;width:60px;height:60px;font-size:30px;line-height:1;border-radius:50%;background:var(--line);margin-bottom:4px;filter:grayscale(1);opacity:.7}.typ-badgetegel__naam{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.15}.typ-badgetegel__uitleg{font-size:14px;line-height:1.35}.typ-badgetegel__datum{margin-top:4px;font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.typ-badgetegel.is-behaald{background:var(--card);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);color:var(--ink)}.typ-badgetegel.is-behaald .typ-badgetegel__emoji{background:var(--sun-bg);border:3px solid var(--ink);filter:none;opacity:1}.typ-badgetegel.is-behaald .typ-badgetegel__uitleg{color:var(--soft)}.typ-badgetegel.is-behaald .typ-badgetegel__datum{color:var(--good)}.typ-mijnspeler{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:14px}.typ-mijnspeler .typ-actions{margin-top:0;margin-left:auto}.typ-blok .typ-form{margin-top:14px}.typ-dialoog{margin:auto;width:min(440px,calc(100vw - 32px));color:var(--ink);background:var(--card);border:3.5px solid var(--ink);border-radius:22px;box-shadow:var(--sh);padding:24px}.typ-dialoog::-webkit-backdrop{background:rgba(42,34,56,.45)}.typ-dialoog::backdrop{background:rgba(42,34,56,.45)}.typ-dialoog p{margin-top:10px;font-size:17px;line-height:1.5}@media (max-width:700px){.typ-niveaus{grid-template-columns:1fr}.typ-niveau{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;column-gap:16px;padding:16px}.typ-niveau__emoji{grid-row:span 2;width:60px;height:60px;font-size:32px}.typ-niveau__naam{margin-top:0;align-self:end}.typ-kopcijfers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.typ-intro__handen,.typ-schakel,.typ-veld__kb{display:none}.typ-hoi{gap:14px}.typ-hoi .typ-avatar--groot{width:70px;height:70px;font-size:38px}.typ-avatar--groot{width:64px;height:64px;font-size:34px}.typ-spelers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.typ-lessen{grid-template-columns:1fr}.typ-dop{min-width:54px;height:54px;font-size:27px}.typ-dop--breed{min-width:96px;font-size:21px}.typ-balk{flex-direction:column;align-items:stretch}.typ-segment{justify-content:space-between}.typ-segment button{flex:1 1;padding:5px 8px}.typ-mijnspeler .typ-actions{margin-left:0;width:100%}.typ-badgeraster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.typ-badgetegel{padding:12px 8px}.typ-badgetegel__uitleg{font-size:13px}.typ-lijn__label{font-size:16px}}@media (prefers-reduced-motion:reduce){.typ-laden span,.typ-les__vlag,.typ-tussen{animation:none!important}.typ-dop,.typ-les,.typ-niveau,.typ-schakel__knop,.typ-schakel__knop:after,.typ-speler,.typ-wissel{transition:none}}.typ-niveaulabel{font-family:var(--display);font-weight:600;font-size:15px;color:var(--soft);background:var(--card);border:2.5px solid var(--line);border-radius:999px;padding:5px 14px}@media (max-width:1100px){.typ-page .deco{display:none}}