.reel{counter-increment:reel;margin-top:2.2em}.prose .reel>h3{align-items:center;gap:12px;margin-top:0;display:flex}.reel-n{border:2.5px solid var(--ink);background:var(--sec);width:46px;height:46px;color:var(--ink);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.45rem;font-weight:800;display:inline-flex;transform:rotate(-4deg)}.reel:nth-of-type(2n) .reel-n{transform:rotate(3deg)}.reel-n:before{content:counter(reel)}.ex{margin:16px 0;display:block}.ex caption{text-align:left;color:var(--muted);margin-bottom:6px;font-size:.9rem;display:block}.ex tbody{flex-direction:column;gap:12px;display:flex}.ex tr{background:var(--card);border:2px solid var(--edge);border-radius:20px;display:block;overflow:hidden}.ex td{padding:12px 16px;font-size:1.02rem;line-height:1.5;display:block}.ex td:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700;display:block}.ex td:first-child{position:relative}.ex td:first-child:after{content:"";z-index:1;border:2px solid var(--ink);background:var(--sec) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317130F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center / 15px no-repeat;border-radius:999px;width:30px;height:30px;position:absolute;bottom:-16px;right:16px}.ex td:last-child{border-top:2px dashed var(--line);background:color-mix(in oklab, var(--sec) 10%, var(--card))}.ex td:last-child:before{color:var(--sec-text)}.ex td:last-child strong{background:var(--sec);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:0 5px}.fout{background:var(--card);border:2px solid var(--edge);border-radius:20px;flex-direction:column;gap:8px;margin:12px 0;padding:14px 16px;display:flex}.fout p{gap:10px;font-size:1.02rem;line-height:1.45;display:flex}.fout svg{flex-shrink:0;margin-top:2px}.fout .wrong{color:var(--muted)}.fout .wrong s{text-decoration-color:#ff5b37;text-decoration-thickness:3px}.fout .right{font-weight:700}.fout .right svg{color:var(--good)}.fout .right strong{background:var(--lime);color:var(--ink);border-radius:5px;padding:0 4px}.fout .why{color:var(--muted);font-size:.92rem;line-height:1.5}.fout .why p{font-size:inherit;margin:0;display:block}.game{counter-reset:seen right;flex-direction:column;gap:12px;margin:1.2em 0 2em;display:flex}.game .bar{z-index:2;background:var(--paper);order:-1;padding:8px 0 10px;position:sticky;top:0}.game .bar-top{justify-content:space-between;align-items:center;display:flex}.game .seen{border:2px solid var(--ink);background:var(--lime);height:36px;color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.game .seen:after{content:counter(seen) var(--total)}.game .score{color:var(--muted);font-weight:700}.game .score:after{content:"🔥 " counter(right) " reg"}.game:not(:has(input.ok:checked)) .score{visibility:hidden}.game .segs{gap:4px;margin-top:8px;display:flex}.game .seg{background:var(--line);border-radius:999px;flex:1;height:10px;transition:background .2s}.game .qs{counter-reset:vraag;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.game .done{border:2.5px solid var(--ink);background:var(--lime);color:var(--ink);border-radius:22px;flex-direction:column;gap:4px;padding:20px 18px;display:none;position:relative;overflow:hidden}.game:not(:has(details:not([open]))) .done{display:flex}.game .done-t{font-size:1.7rem;font-weight:800;line-height:1.1}.confetti i{border-radius:2px;width:9px;height:14px;animation:1.4s ease-in forwards an-fall;position:absolute;top:-12px}.confetti i:first-child{background:#ff5b37;left:6%}.confetti i:nth-child(2){background:#5aa8ff;animation-delay:.15s;left:20%}.confetti i:nth-child(3){background:#ff5ca8;animation-delay:50ms;left:35%}.confetti i:nth-child(4){background:#17130f;animation-delay:.25s;left:50%}.confetti i:nth-child(5){background:#ffc21a;animation-delay:.1s;left:64%}.confetti i:nth-child(6){background:#1ec27e;animation-delay:.2s;left:78%}.confetti i:nth-child(7){background:#a67cff;animation-delay:.3s;left:91%}@keyframes an-fall{to{opacity:0;transform:translateY(160px)rotate(320deg)}}@keyframes an-pop{0%{opacity:0;transform:translateY(-4px)}}.game:has(.q:first-child>details[open]) .seg:first-child,.game:has(.q:nth-child(2)>details[open]) .seg:nth-child(2),.game:has(.q:nth-child(3)>details[open]) .seg:nth-child(3),.game:has(.q:nth-child(4)>details[open]) .seg:nth-child(4),.game:has(.q:nth-child(5)>details[open]) .seg:nth-child(5),.game:has(.q:nth-child(6)>details[open]) .seg:nth-child(6),.game:has(.q:nth-child(7)>details[open]) .seg:nth-child(7),.game:has(.q:nth-child(8)>details[open]) .seg:nth-child(8),.game:has(.q:nth-child(9)>details[open]) .seg:nth-child(9),.game:has(.q:nth-child(10)>details[open]) .seg:nth-child(10),.game:has(.q:nth-child(11)>details[open]) .seg:nth-child(11),.game:has(.q:nth-child(12)>details[open]) .seg:nth-child(12),.game:has(.q:nth-child(13)>details[open]) .seg:nth-child(13),.game:has(.q:nth-child(14)>details[open]) .seg:nth-child(14),.game:has(.q:nth-child(15)>details[open]) .seg:nth-child(15),.game:has(.q:nth-child(16)>details[open]) .seg:nth-child(16),.game:has(.q:nth-child(17)>details[open]) .seg:nth-child(17),.game:has(.q:nth-child(18)>details[open]) .seg:nth-child(18),.game:has(.q:nth-child(19)>details[open]) .seg:nth-child(19),.game:has(.q:nth-child(20)>details[open]) .seg:nth-child(20){background:var(--lime)}.q{counter-increment:vraag;background:var(--card);border:2px solid var(--edge);border-radius:20px;padding:14px 16px;position:relative}.q-head{align-items:flex-start;gap:12px;display:flex}.q-n{border:2px solid var(--ink);background:var(--sec);width:34px;height:34px;color:var(--ink);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:inline-flex}.q-n:before{content:counter(vraag)}.q-text{padding-top:3px;font-size:1.05rem}.q-text p{margin:0}.q details[open]{counter-increment:seen}.q summary{background:var(--text);min-height:44px;color:var(--paper);border-radius:999px;align-items:center;margin-top:10px;padding:0 16px;font-weight:700;list-style:none;display:inline-flex}.q summary::-webkit-details-marker{display:none}.q .hide,.q details[open] .show{display:none}.q details[open] .hide{display:inline}.q details[open] .ans{animation:.28s ease-out an-pop}.q .a{background:var(--good-soft);border-radius:14px;margin-top:10px;padding:10px 14px;font-weight:700}.q .check{border:0;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;display:flex}.q:not(:has(details[open])) .check{visibility:hidden;position:absolute;top:0;left:0}.q .pill{border:2px solid var(--edge);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:0 14px;font-size:.9rem;font-weight:700;transition:transform .15s;display:inline-flex;position:relative}.q .pill input{opacity:0;pointer-events:none;position:absolute}.q .pill:has(input:focus-visible){outline:3px solid var(--text);outline-offset:2px}.q .pill.yes:has(input:checked){border-color:var(--ink);color:var(--ink);background:#1ec27e;transform:rotate(-2deg)scale(1.04)}.q .pill.no:has(input:checked){border-color:var(--ink);color:var(--ink);background:#ffc21a;transform:rotate(1.5deg)}.q input.ok:checked{counter-increment:right}.q .nudge{color:var(--muted);margin-top:8px;font-size:.9rem;display:none}.q:has(details[open]):has(input.no:checked) .nudge{display:block}.wenk{background:var(--lime);color:var(--ink);border-radius:6px 22px 22px;margin:2em 4px;padding:16px 18px;transform:rotate(-1.2deg);box-shadow:0 10px 0 -4px #17130f1f}.wenk-t{font-size:1.25rem;font-weight:800}.wenk-b p{margin-top:4px;line-height:1.55}.wenk a{color:var(--ink)}.idioom{background:var(--card);border:2px solid var(--edge);border-radius:20px;margin:12px 0;padding:14px 16px}.idioom-term{font-size:1.2rem;font-weight:800;line-height:1.2}.idioom-term:before{content:"";border:2px solid var(--ink);background:var(--sec);vertical-align:2px;border-radius:999px;width:10px;height:10px;margin-right:8px;display:inline-block}.idioom-lit{color:var(--muted);margin-top:2px;font-size:.85rem}.idioom-mean{margin-top:6px;line-height:1.5}.idioom-ex{background:color-mix(in oklab, var(--sec) 10%, var(--card));border-radius:12px;margin-top:8px;padding:8px 12px;font-style:italic;line-height:1.5}.prose .voorbeeld{background:var(--card);border:2px solid var(--edge);border-radius:20px;margin:1.6em 0;padding:0;overflow:hidden}.prose .voorbeeld-t{background:var(--sec);color:var(--ink);border-bottom:2px solid var(--ink);margin:0;padding:8px 16px;font-size:.95rem;font-weight:800}.prose .voorbeeld-b{padding:4px 18px 8px;font-size:1rem}.prose .voorbeeld-b>:first-child{margin-top:.8em}.prose .voorbeeld-b p{margin:.7em 0}.prose .regs{text-align:right}.prose .regs p{margin:0}.faq{background:var(--card);border:2px solid var(--edge);border-radius:18px;margin:10px 0}.faq summary{justify-content:space-between;gap:12px;padding:14px 16px;font-size:1.1rem;font-weight:800;line-height:1.25;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";border:2px solid var(--ink);background:var(--sec);width:28px;height:28px;color:var(--ink);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;transition:transform .2s;display:inline-flex}.faq[open] summary:after{transform:rotate(45deg)}.faq-a{max-width:none;padding:0 16px 6px}.faq-a>:first-child{margin-top:0}