#timer,header h1{text-shadow:1px 1px 3px rgba(0,0,0,.4)}.bub,.main{min-width:0}.imgbox,.prof{text-align:center}.bub p,.fb p,body,header h1{margin:0}.bar,.prof{overflow:hidden}aside .card,header{gap:16px}.bub,.header{position:relative}.sl,header h1{letter-spacing:1px}.back-btn,.btn,.opt{cursor:pointer}.back-btn:hover,.difficulty-btn:hover{filter:brightness(1.08)}:root{--bg:#f0f4f8;--card:#fff;--ink:#333;--mut:#4A5766;--line:#000;--soft:#ddd;--sh:#aaa;--gbg:#eafbd6;--gtx:#1F4506;--bbg:#ffe3e3;--btx:#5C0F0F;--dim:#f0f4f8;--easy:#28a745;--easy-dark:#1e7e34;--medium:#fd7e14;--medium-dark:#c65d00;--hard:#dc3545;--hard-dark:#a71d2a;--easy-text:#1e7e34;--medium-text:#b35400;--hard-text:#a71d2a;--primary-dark:#0288d1;--easy-text:#007d1a;--medium-text:#d45a00;--hard-text:#e3001b}*{box-sizing:border-box}body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--bg);background-color:#f0f4f8;background-image:url('https://www.pocketdriver.be/afbeeldingen/verkeerslab-oefenen-krijtbord-verkeersborden.webp');background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:100% auto}.back-btn i,header{color:#fff}.bar i,header{background:#1cb0f6}[hidden]{display:none!important}#timer,.card,.main,.pr,.wrap,header{display:flex}header{padding:14px 24px;align-items:center;justify-content:space-between;box-shadow:0 4px 8px rgba(0,0,0,.3)}#timer{align-items:center;gap:8px}#timer.low{color:#ffe0e0}.wrap{max-width:1280px;margin:0 auto;padding:24px 20px 40px;gap:28px;flex-wrap:wrap;align-items:flex-start}#startScreen,.main{gap:20px}.main{flex:1 1 560px;flex-direction:column}aside{flex:1 1 280px;max-width:380px}@media (max-width:700px){aside{max-width:none;width:100%}.wrap{padding:16px 14px 32px}}.card{background:var(--card);border:2px solid var(--line);border-radius:10px;padding:clamp(14px,3vw,28px);flex-direction:column;gap:24px}.pr{gap:clamp(10px,2.5vw,24px);align-items:flex-start}.bub,.opt{gap:14px;display:flex}.prof{flex:0 0 clamp(96px,20vw,180px);width:clamp(96px,20vw,180px);aspect-ratio:341/482;border-radius:14px;background:#dfe7ee;border:2px dashed #7c8b9c;display:flex;align-items:center;justify-content:center;font:500 12px Poppins,sans-serif;color:#3f4d5c;padding:6px}.bub,.bub::before,.opt{background:var(--card)}.prof img{width:100%;height:100%;object-fit:contain;display:block}.bub{flex:1;border:2px solid var(--line);border-radius:18px;padding:clamp(12px,2.5vw,24px);flex-direction:column}.bub::before{content:"";position:absolute;left:-10px;width:16px;height:16px;border-left:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg);top:72px;top:clamp(18px,calc(50% - 8px),72px)}#chart svg,.btn,.opt,table{width:100%}#question,.bub h2{margin:0;letter-spacing:.4px;font-size:clamp(16px,2.1vw,21px)}#end,#startScreen{max-width:900px;margin:24px auto;padding:0 20px}.opt,td,th{text-align:left}.imgbox img{border-radius:10px;border:2px solid var(--line)}.opts{display:flex;flex-direction:column;padding-bottom:6px}.opt{align-items:center;min-height:60px;padding:12px 18px;border:3px solid var(--soft);border-radius:15px;color:var(--ink);box-shadow:0 6px var(--sh)}.opt:hover:enabled{transform:scale(1.015)}.opt:disabled{cursor:default}.opt.ok{background:#b9f289;border-color:#5da223;box-shadow:0 6px #5da223;color:#1f4506}.opt.bad{background:#ff4b4b;border-color:#a22323;box-shadow:0 6px #a22323;color:#2b0000}.meta,.opt.dim{color:var(--mut)}.opt.dim{background:var(--dim);border-color:var(--soft);box-shadow:0 6px var(--soft)}.key{flex:none;display:flex;align-items:center;justify-content:center}.txt{flex:1;display:flex;flex-direction:column}.tag{font:700 13px Poppins,sans-serif;margin-top:2px}.fb{border:2px solid;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;font:400 15px/1.55 Poppins,sans-serif}#chart svg,.bar i,.btn{display:block}.fb.good{border-color:#5da223;background:var(--gbg);color:var(--gtx)}.fb.wrong{border-color:#a22323;background:var(--bbg);color:var(--btx)}.cell.ok,.leg .a::before{border-color:#5da223}.cell.ok,tr.g td{background:#b9f289;color:#1f4506}.ph{font:700 24px Poppins,sans-serif}.pen{font-weight:600;font-size:14px}.btn{min-height:52px;padding:14px 28px;border:none;border-radius:15px}.bar{height:10px;border-radius:5px;background:var(--soft)}.bar i,.opt{height:100%}.bar i{transition:width .3s}img.prof,img.prof-head{height:auto;object-fit:contain}.meta{display:flex;justify-content:space-between;font:600 14px Poppins,sans-serif;margin-bottom:8px}.cell,.stat.mid{align-items:center}.ch,aside h3{margin:0;font:700 20px Poppins,sans-serif}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.back-btn,.cell,.leg{display:flex}.cell{min-height:44px;border:2px solid var(--soft);border-radius:10px;justify-content:center;font:600 15px Poppins,sans-serif;color:var(--ink);background:var(--card)}.cell.bad{background:#ff4b4b;border-color:#a22323;color:#2b0000}.leg{flex-direction:column;gap:6px;font:500 13px Poppins,sans-serif;color:var(--mut)}.s-bad,.s-mid,.s-ok{font-weight:700}.leg span::before{content:"";display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:8px;vertical-align:-2px;border:2px solid}.leg .a::before{background:#b9f289}.leg .b::before{background:#ff4b4b;border-color:#a22323}table{border:1px solid var(--line);font:500 14px Poppins,sans-serif}td,th{padding:10px 12px;border-bottom:1px solid var(--line)}tr.y td{background:#ffc107;color:#2b2000}tr.r td{background:#ff4b4b;color:#2b0000}.s-ok{color:var(--easy-text)}.s-mid{color:var(--medium-text)}.s-bad{color:var(--hard-text)}.tw{overflow-x:auto}.confetti-layer,.status,table{overflow:hidden}.fs{font:700 22px Poppins,sans-serif;margin:0}img.prof{border:0;background:0 0;padding:0;border-radius:0}.scoreboard td{background:var(--card)}.mobile-buttons{display:flex;max-width:1240px}.back-btn{flex:1;align-items:center;justify-content:center;gap:10px;border:none;text-decoration:none;font:600 17px Poppins,sans-serif}.header{justify-content:center;text-align:center}.errcard h3,.status #timer.low{color:#b3261e}@media (max-width:1024px){body{background-size:cover}}img.prof-head{flex:0 0 clamp(150px,32vw,342px);aspect-ratio:342/252}#quiz .pr,.stat.end{align-items:flex-end}#quiz .prof{flex:0 0 clamp(104px,24vw,230px);width:clamp(104px,24vw,230px)}.status{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;background:#fff;border-radius:12px;padding:12px 20px 0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.stat{display:flex;flex-direction:column;line-height:1.15}.sl{font:600 10.5px Poppins,sans-serif;color:#5a6673;margin-bottom:2px}.sv{font:700 18px Poppins,sans-serif;color:#333}.status #timer{display:inline-flex;align-items:center;gap:8px;font:700 26px Poppins,sans-serif;color:#0f7fbf;text-shadow:none}#quiz .sv,.mbtns .btn{font-size:16px}.status .bar{grid-column:1/-1;height:6px;border-radius:0;margin:12px -20px 0}.quiz-container.wrap{display:grid;max-width:none;width:100%;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;padding:24px 32px 40px}.quiz-container .main{grid-column:1}.quiz-container aside{grid-column:2;width:300px;max-width:none}@media (min-width:1560px){.quiz-container.wrap{grid-template-columns:minmax(0,1fr) minmax(0,820px) minmax(0,1fr)}.quiz-container .main{grid-column:2}.quiz-container aside{grid-column:3;justify-self:end}}@media (max-width:900px){.quiz-container.wrap{grid-template-columns:minmax(0,1fr);padding:16px 14px 32px}.quiz-container aside{grid-column:1;width:100%}}.btn{font:700 20px Poppins,sans-serif}.key,th{font-weight:700}.btn:disabled{cursor:not-allowed;color:#fff;background:#b0b0b0;box-shadow:0 5px #585858;text-shadow:none}.back-btn,.btn.blue{box-shadow:0 5px #0a74b9;background:#1cb0f6;color:#fff}.mobile-buttons{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;gap:12px;max-width:none;margin:0;padding:0}.back-btn{flex:none;min-width:84px;min-height:52px;padding:0 28px;font-size:18px}@media (max-width:600px){body{background-image:none;background-color:#fff}.mobile-buttons{position:static;flex-direction:row;margin:0 15px 24px}.back-btn{flex:1;padding:0}}#quiz .status{background:0 0;box-shadow:none;border-radius:0;padding:0;overflow:visible;margin-bottom:-6px}#quiz .status .bar{margin:8px 0 0;height:8px;border-radius:4px}.imgbox img[src$=".jpeg"],.imgbox img[src$=".jpg"],table{border:2px solid #000}#quiz .status #timer{font-size:22px}.imgbox img{border:0;max-width:min(100%,480px);max-height:250px}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.opt{padding-left:12px;gap:10px}#quiz.card{padding-top:12px}.btn{background:#76c802;box-shadow:0 5px #3b6401;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}#chart .cap,#chart .empty,.bub p.sub,.sub{color:var(--mut)}.cell.c{background:#e4e8ec;border:2px dashed #5a6673;color:#333}.cell.bad,.leg .b::before{border-style:solid}.leg .d::before{background:#e4e8ec;border-color:#5a6673;border-style:dashed}table{border-collapse:separate;border-spacing:0;border-radius:10px}th{background:#1cb0f6;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}td,th{border-bottom:1px solid #000;border-right:1px solid #000}td:last-child,th:last-child{border-right:0}tr:last-child td{border-bottom:0}.scoreboard tbody tr:nth-child(2n) td{background:#f4f7fa}img.prof-head{flex:0 0 clamp(110px,20vw,210px);width:clamp(110px,20vw,210px)}#errbox,#mbox,.errcard{padding:24px;display:flex}.quiz-container.wrap{grid-template-columns:minmax(0,1fr) 300px}@media (min-width:1680px){.quiz-container.wrap{grid-template-columns:minmax(0,1fr) minmax(0,960px) minmax(0,1fr)}}@media (max-width:900px){.quiz-container.wrap{grid-template-columns:minmax(0,1fr)}}.card{border:0;box-shadow:0 2px 10px rgba(0,0,0,.25)}.difficulty-content,.errcard,.mcard{box-shadow:0 8px 30px rgba(0,0,0,.4);text-align:center}.key{width:auto;height:auto;min-width:20px;border:0;border-radius:0;font-size:19px}#quiz .pr{align-items:flex-start}#quiz .bub{align-self:flex-start;min-height:110px;justify-content:center}#quiz .prof{align-self:flex-end}.confetti-layer{position:fixed;inset:0;z-index:1000001;pointer-events:none}.confetti-layer i{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;opacity:0;animation:linear forwards confetti-fall}@keyframes confetti-fall{0%{opacity:1;transform:translate3d(0,0,0) rotate(0)}100%{opacity:1;transform:translate3d(var(--dx,0),110vh,0) rotate(var(--rot,360deg))}}.sub{margin:0;font-size:13px}.bub p.sub{font:400 12px/1.4 Poppins,sans-serif}#errbox,#mbox{position:fixed;inset:0;z-index:2000000;background:rgba(0,0,0,.7);align-items:center;justify-content:center}.errcard{width:min(100%,380px);background:#fff;color:#333;border-radius:14px;flex-direction:column;gap:12px}#startScreen,.info{flex-direction:column}.errcard h3{margin:0;font:700 22px Poppins,sans-serif}.errcard p{margin:0;font:400 15px/1.5 Poppins,sans-serif}.note{margin:0;padding:10px 14px;border-radius:10px;background:#fff4cc;border:1px solid #c28f00;color:#5a4300;font:500 13px/1.4 Poppins,sans-serif}.keys{display:none;margin:0;text-align:center;color:#fff;font:500 13px Poppins,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.85)}@media (hover:hover) and (pointer:fine){.keys{display:block}}#startScreen,.info,.mbtns,.mcard{display:flex}.info{margin:0;padding-left:20px;gap:10px;font:400 15px/1.55 Poppins,sans-serif;color:var(--ink)}.btn.ghost,.mcard{background:#fff;color:#333}#chart svg{height:auto}#chart .empty{margin:0;padding:16px 0;text-align:center;font:500 14px Poppins,sans-serif}#chart .cap{margin:8px 0 0;text-align:center;font:500 13px Poppins,sans-serif}.mcard{width:min(100%,420px);border-radius:14px;padding:24px;flex-direction:column;gap:14px}.mcard h3{margin:0;font:700 22px Poppins,sans-serif;color:#0f7fbf}.mcard p{margin:0;font:400 15px/1.55 Poppins,sans-serif}.mbtns{gap:12px;flex-wrap:wrap;margin-top:6px}.mbtns .btn{flex:1 1 150px;width:auto;min-height:48px;padding:10px 16px}.btn.ghost{border:3px solid #ddd;box-shadow:0 5px #aaa;text-shadow:none}.difficulty-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9999;justify-content:center;align-items:center;padding:24px}.difficulty-content{width:min(100%,380px);background:#fff;padding:28px;border-radius:14px;display:flex;flex-direction:column;gap:14px}.difficulty-content h2{margin:0 0 4px;font:700 22px Poppins,sans-serif;color:#0f7fbf}.difficulty-btn{display:block;width:100%;padding:14px;border:none;border-radius:12px;color:#fff;font:700 18px Poppins,sans-serif;cursor:pointer;transition:transform .15s,filter .15s}.difficulty-btn:hover{transform:scale(1.03)}.difficulty-btn:active{transform:scale(.98)}.difficulty-btn[data-level=easy]{background:var(--easy);box-shadow:0 5px var(--easy-dark)}.difficulty-btn[data-level=medium]{background:var(--medium);box-shadow:0 5px var(--medium-dark)}.difficulty-btn[data-level=hard]{background:var(--hard);box-shadow:0 5px var(--hard-dark)}.difficulty-btn[data-level=all]{background:#1cb0f6;box-shadow:0 5px #0a74b9}.end-link{flex:none;width:100%;padding:14px 28px;text-align:center;line-height:1.3}.back-btn:focus-visible{outline:#06263A solid 3px;outline-offset:3px}@media (min-width:601px){#end{padding-bottom:140px}}.end-next{display:flex;flex-direction:column;gap:12px}.end-hint{margin:0;text-align:center;color:var(--ink);font:500 15px/1.55 Poppins,sans-serif}.back-btn,.btn.blue{border-radius:10px;box-shadow:0 6px #012a3d;transition:transform .2s,background .2s}.back-btn:hover,.btn.blue:hover:enabled{background-color:var(--primary-dark);transform:scale(1.08);filter:none}.back-btn:active,.btn.blue:active:enabled{transform:translateY(4px);box-shadow:0 2px #012a3d}.scoreboard .s-bad,.scoreboard .s-mid,.scoreboard .s-ok{font-size:15px}