/* Raad de plaat! Quizmaster-editie (HerazNL) */
.hqm{--br:#2B1D12;--br2:#3a281a;--or:#FCAE3A;--cr:#FBF6EE;--goed:#3E9B4F;--fout:#C8452F;font-family:Poppins,sans-serif;color:#151515;margin:0 0 32px}
.hqm *{box-sizing:border-box}
.hqm button{font-family:inherit}
.hqm img{max-width:none}
.hqm [hidden]{display:none!important}
html.hqm-open,html.hqm-open body{overflow:hidden!important}
.hqm.hqm-vol{position:fixed;inset:0;z-index:99990;margin:0;overflow:auto;background:var(--br);background-image:repeating-radial-gradient(circle at 105% 40%,rgba(255,255,255,.03) 0 2px,transparent 2px 10px);color:var(--cr)}

/* kop en keuzescherm */
.hqm-kop{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 28px 24px;border-radius:14px 14px 0 0;background:var(--br);background-image:repeating-radial-gradient(circle at 105% 50%,rgba(255,255,255,.035) 0 2px,transparent 2px 9px);color:var(--cr)}
.hqm-label{margin:0 0 6px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--or)}
.hqm-titel{margin:0!important;font-family:Montserrat,sans-serif;font-size:44px!important;line-height:1.05!important;font-weight:700;color:#fff!important;transform:rotate(-1.5deg);transform-origin:left;text-shadow:3px 3px 0 #000}
.hqm-ondertitel{display:inline-block;margin:12px 0 0;padding:4px 12px;border-radius:999px;background:var(--or);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:3px 3px 0 #000}
.hqm-dj{position:relative;flex:none;width:150px;height:130px}
.hqm-dj .hqm-lp{position:absolute;left:0;top:8px;width:112px;height:112px;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 2px,#2a2a2a 2px 4px);box-shadow:inset 0 0 0 36px transparent,0 0 0 3px #000;animation:hqm-rond 3s linear infinite}
.hqm-dj .hqm-lp::after{content:"";position:absolute;inset:38px;border-radius:50%;background:var(--or);box-shadow:inset 0 0 0 14px var(--or),inset 0 0 0 18px #151515}
.hqm-djaap{position:absolute;right:-6px;bottom:-6px;width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.hqm-kies{padding:24px 28px 28px;border:3px solid var(--br);border-top:0;border-radius:0 0 14px 14px;background:var(--cr)}
.hqm-intro{margin:0 0 20px;font-size:16px;line-height:1.6}
.hqm-kies-rij{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hqm-kies-vak{padding:18px;border:3px solid var(--br);border-radius:12px;background:#fff;box-shadow:5px 5px 0 var(--br)}
.hqm-kies-vak h3{margin:6px 0 6px;font-family:Montserrat,sans-serif;font-size:20px}
.hqm-kies-vak p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#444}
.hqm-kies-vak .hqm-knop{margin:0 8px 8px 0}
.hqm-kies-icoon{font-size:40px;line-height:1}
.hqm-codeform{display:flex;gap:8px;flex-wrap:wrap}
.hqm-code-in{width:130px;padding:10px 12px;border:3px solid var(--br);border-radius:8px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-align:center}
.hqm-klein{margin:12px 0 0;font-size:13px;color:#5F5F5F}
.hqm-klein a{font-weight:600}
.hqm-knop{display:inline-block;padding:12px 20px;border:0;border-radius:6px;background:var(--or);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;line-height:1.2;cursor:pointer;box-shadow:4px 4px 0 var(--br);transition:transform .12s,box-shadow .12s}
.hqm-knop:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--br)}
.hqm-knop:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--br)}
.hqm-licht{background:#fff;border:2px solid var(--br)}
.hqm-mini{padding:6px 12px;border:2px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:var(--cr);font-size:13px;font-weight:600;cursor:pointer}
.hqm-mini:hover{border-color:var(--or);color:var(--or)}
@media (max-width:700px){.hqm-kies-rij{grid-template-columns:1fr}.hqm-titel{font-size:34px!important}.hqm-dj{width:110px;height:100px}.hqm-dj .hqm-lp{width:84px;height:84px}.hqm-dj .hqm-lp::after{inset:28px}.hqm-djaap{width:80px;height:80px}.hqm-kop,.hqm-kies{padding-left:18px;padding-right:18px}}

/* ============ TV ============ */
.hqm-tv{min-height:100vh;display:flex;flex-direction:column;gap:1.6vh;padding:1.8vh 2.2vw 1.2vh;font-size:clamp(14px,1.25vw,30px)}
.hqm-tvbalk{display:flex;align-items:center;gap:1.4vw}
.hqm-tvlogo{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.9em;color:#fff;text-shadow:3px 3px 0 #000;transform:rotate(-1.5deg)}
.hqm-teller{flex:1;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.1em;color:var(--or);letter-spacing:.08em;text-transform:uppercase}
.hqm-codechip{font-family:Montserrat,sans-serif;font-weight:700;font-size:1em;padding:.25em .8em;border-radius:999px;background:rgba(255,255,255,.08);letter-spacing:.12em}
.hqm-melding{margin:0;padding:.6em 1em;border-radius:8px;background:var(--fout);color:#fff;font-weight:600}

/* scorebord */
.hqm-bord{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:1vw}
.hqm-tegel{position:relative;display:flex;align-items:center;gap:.6em;padding:.5em .8em .5em .5em;border-radius:14px;background:#fff;color:#151515;box-shadow:0 0 0 4px var(--k),6px 6px 0 4px #000;cursor:pointer;transition:transform .25s,opacity .25s,filter .25s}
.hqm-tegelnr{position:absolute;left:-.4em;top:-.5em;width:1.5em;height:1.5em;border-radius:50%;background:var(--k);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:.8em;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 #000}
.hqm-tegelaap{width:3.6em;height:3.6em;object-fit:contain;flex:none}
.hqm-tegeltekst{display:flex;flex-direction:column;min-width:0}
.hqm-tegelnaam{font-family:Montserrat,sans-serif;font-weight:700;font-size:.95em;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hqm-tegelscore{font-family:Montserrat,sans-serif;font-size:2.2em;line-height:1;color:#151515}
.hqm-tegel.leider::after{content:"\1F451";position:absolute;right:.3em;top:-.85em;font-size:1.5em;transform:rotate(14deg);filter:drop-shadow(2px 2px 0 #000)}
.hqm-tegel.buzz{transform:scale(1.07) rotate(-1deg);background:var(--k);animation:hqm-puls .7s ease-in-out infinite alternate;z-index:2}
.hqm-tegel.uit{opacity:.4;filter:grayscale(1)}
.hqm-tegel.scoort{animation:hqm-hup .6s ease 2}
.hqm-tegel.scoort .hqm-tegelscore{color:var(--goed)}

/* studio */
.hqm-studio{flex:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr) minmax(0,.8fr);align-items:center;gap:2vw;min-height:0;padding:2vh 2vw;border-radius:18px;background:var(--br2);background-image:radial-gradient(ellipse at 50% 0%,rgba(252,174,58,.18),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px);box-shadow:inset 0 0 0 3px #4a3322}
.hqm-plaatvak{position:relative;aspect-ratio:1/1;width:min(100%,56vh);height:auto;justify-self:center}
.hqm-groot-lp{aspect-ratio:1/1}
.hqm-groot-lp{position:absolute;inset:4%;border-radius:50%;background:repeating-radial-gradient(circle,#141414 0 2px,#262626 2px 4px);box-shadow:0 0 0 .5vw #000,0 2vh 4vh rgba(0,0,0,.5)}
.hqm-groot-lp::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.07))}
.hqm-groot-lp::after{content:"HERAZ";position:absolute;inset:34%;border-radius:50%;background:var(--or);display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:700;font-size:.75em;letter-spacing:.12em;color:var(--br);box-shadow:inset 0 0 0 .6vw var(--or),inset 0 0 0 .8vw #b97a1c}
.hqm-groot-lp.draait{animation:hqm-rond 1.8s linear infinite}
.hqm-hoesgroot{position:absolute;inset:8%;border-radius:10px;background:#000 center/cover no-repeat;box-shadow:0 0 0 .4vw #fff,1.2vw 1.2vw 0 .4vw #000;opacity:0;transform:scale(.5) rotate(-12deg);transition:transform .7s cubic-bezier(.2,1.4,.4,1),opacity .4s}
.hqm-hoesgroot.zicht{opacity:1;transform:translateX(-12%) rotate(-4deg)}
.hqm-midden{text-align:center;min-width:0}
.hqm-groot{font-size:7em;line-height:1}
.hqm-vraagteken{font-family:Montserrat,sans-serif;font-weight:700;color:var(--or);text-shadow:.06em .06em 0 #000;animation:hqm-wiebel 2.4s ease-in-out infinite}
.hqm-vraagtekst{margin:.3em 0 0;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.8em;color:#fff}
.hqm-uitlijst{margin:.6em 0 0;color:#e9dfcf;font-size:1em}
.hqm-ant-titel{margin:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:2.6em;line-height:1.1;color:#fff;text-shadow:3px 3px 0 #000;animation:hqm-in .6s ease}
.hqm-ant-artiest{margin:.25em 0 0;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.7em;color:var(--or);animation:hqm-in .6s .15s ease both}
.hqm-ant-jaar{margin:.6em 0 0;font-size:1.05em;color:#e9dfcf;animation:hqm-in .6s .3s ease both}
.hqm-ant-wie{display:inline-block;margin:.9em 0 0;padding:.35em 1em;border-radius:999px;background:var(--k);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.3em;box-shadow:4px 4px 0 #000;animation:hqm-plop .6s .4s ease both}
.hqm-buzz{display:inline-flex;flex-direction:column;align-items:center;padding:1em 2em;border-radius:20px;background:var(--k);box-shadow:0 0 0 .4vw #fff,1vw 1vw 0 .4vw #000;animation:hqm-plop .45s ease}
.hqm-buzzaap{width:9em;height:9em;object-fit:contain;animation:hqm-wiebel 1s ease-in-out infinite}
.hqm-buzznaam{margin:.2em 0 0;font-family:Montserrat,sans-serif;font-weight:700;font-size:2.2em;color:#151515}
.hqm-dir{display:flex;flex-direction:column;align-items:center;gap:1vh}
.hqm-ballon{position:relative;margin:0;padding:.8em 1em;border-radius:16px;background:#fff;color:#151515;font-size:1.05em;line-height:1.4;font-weight:600;box-shadow:4px 4px 0 #000;min-height:3em}
.hqm-ballon:empty{visibility:hidden}
.hqm-ballon::after{content:"";position:absolute;left:50%;bottom:-14px;margin-left:-10px;border:12px solid transparent;border-top-color:#fff;border-bottom:0}
.hqm-dirbeeld{width:100%;max-width:15em;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 1vh 1.5vh rgba(0,0,0,.5))}
.hqm-dirbeeld.wissel{animation:hqm-plop .4s ease}

/* knoppen onder de tv */
.hqm-tvknoppen{display:flex;flex-wrap:wrap;align-items:center;gap:.6vw;opacity:.35;transition:opacity .3s}
.hqm-tvknoppen:hover,.hqm-tvknoppen:focus-within{opacity:1}
.hqm-tk{padding:.35em .9em;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(0,0,0,.25);color:var(--cr);font-size:.8em;font-weight:600;cursor:pointer}
.hqm-tk:hover{border-color:var(--or)}
.hqm-sneltoets{margin-left:auto;font-size:.7em;color:#c9bba5}

/* klaarzetten */
.hqm-klaar{display:grid;grid-template-columns:1.1fr 1.2fr .9fr;gap:2vw;padding:2vh 2vw;border-radius:18px;background:var(--cr);color:#151515;box-shadow:inset 0 0 0 3px #e2d5c0}
.hqm-kl-kop{margin:0 0 .6em;font-family:Montserrat,sans-serif;font-size:1.15em;font-weight:700}
.hqm-kl-midden .hqm-kl-kop+*{margin-bottom:1.2em}
.hqm-teamlijst{display:flex;flex-direction:column;gap:.6em;margin-bottom:.9em}
.hqm-teamrij{display:flex;align-items:center;gap:.6em;padding:.35em .5em;border-radius:12px;background:#fff;box-shadow:0 0 0 3px var(--k)}
.hqm-mascotte{flex:none;width:3.4em;height:3.4em;padding:0;border:0;border-radius:50%;background:var(--k);cursor:pointer;transition:transform .2s}
.hqm-mascotte:hover{transform:rotate(-8deg) scale(1.06)}
.hqm-mascotte img{width:100%;height:100%;object-fit:contain}
.hqm-teamnaam{flex:1;min-width:0;padding:.4em .6em;border:2px solid #ddd;border-radius:8px;font-family:Montserrat,sans-serif;font-weight:700;font-size:1em}
.hqm-teamnaam:focus{border-color:var(--k);outline:0}
.hqm-weg{flex:none;width:2em;height:2em;border:0;border-radius:50%;background:#eee;color:#555;cursor:pointer;font-size:.9em}
.hqm-weg:hover{background:var(--fout);color:#fff}
.hqm-chips{display:flex;flex-wrap:wrap;gap:.45em}
.hqm-chip{padding:.4em .85em;border:2px solid var(--br);border-radius:999px;background:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:.85em;color:var(--br);cursor:pointer;transition:transform .15s}
.hqm-chip:hover{transform:translateY(-2px) rotate(-2deg)}
.hqm-chip.aan{background:var(--or);box-shadow:3px 3px 0 var(--br)}
.hqm-kl-rechts{display:flex;flex-direction:column;align-items:center;text-align:center}
.hqm-qr{width:min(15em,100%);aspect-ratio:1;padding:.4em;border-radius:12px;background:#fff;box-shadow:0 0 0 3px var(--br),5px 5px 0 3px var(--br)}
.hqm-qr svg{display:block;width:100%;height:100%}
.hqm-codegroot{margin:.5em 0 0;font-family:Montserrat,sans-serif;font-weight:700;font-size:2.6em;letter-spacing:.25em;line-height:1;color:var(--br)}
.hqm-kl-rechts .hqm-klein{font-size:.75em;word-break:break-word}
.hqm-qmstatus{margin:.8em 0 .4em;padding:.3em .9em;border-radius:999px;background:#eee;font-weight:600;font-size:.9em}
.hqm-qmstatus.aan{background:#d9f0dc;color:#1f6a2d}
.hqm-kl-rechts .hqm-mini{border-color:#bbb;color:#555}
.hqm-kl-onder{grid-column:1/-1;text-align:center;padding-top:.5em}
.hqm-start{font-size:1.5em;padding:.6em 1.6em}

/* einde */
.hqm-einde{position:relative;flex:1;overflow:hidden;text-align:center;padding:1vh 2vw}
.hqm-eindtitel{margin:1vh 0 3vh!important;font-family:Montserrat,sans-serif;font-size:3.2em!important;color:#fff!important;text-shadow:4px 4px 0 #000;transform:rotate(-2deg)}
.hqm-podium{display:flex;justify-content:center;align-items:flex-end;gap:1.5vw}
.hqm-trede{display:flex;flex-direction:column;align-items:center;width:15vw;animation:hqm-in .8s ease both}
.hqm-trede1{animation-delay:1.2s}.hqm-trede2{animation-delay:.6s}.hqm-trede3{animation-delay:.1s}
.hqm-podaap{width:7em;height:7em;object-fit:contain;filter:drop-shadow(0 1vh 1vh rgba(0,0,0,.5))}
.hqm-trede1 .hqm-podaap{width:9.5em;height:9.5em;animation:hqm-wiebel 1.2s ease-in-out infinite}
.hqm-podnaam{margin:.2em 0 0;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.2em;color:#fff}
.hqm-podscore{margin:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:2em;color:var(--or)}
.hqm-blok{width:100%;margin-top:.4em;border-radius:10px 10px 0 0;background:var(--k);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:2.4em;display:flex;align-items:flex-start;justify-content:center;padding-top:.2em;box-shadow:inset 0 -8px 0 rgba(0,0,0,.2)}
.hqm-trede1 .hqm-blok{height:20vh}.hqm-trede2 .hqm-blok{height:13vh}.hqm-trede3 .hqm-blok{height:8vh}
.hqm-rest{display:inline-block;margin:2vh 0 0;text-align:left;color:#e9dfcf;font-size:1.1em}
.hqm-einddir{position:absolute;right:2vw;top:2vh;width:15vw;flex-direction:column-reverse!important;display:flex;flex-direction:column;align-items:center;gap:1vh}
.hqm-einddirbeeld{width:100%;aspect-ratio:1;object-fit:contain}
.hqm-eindknoppen{margin-top:3vh;display:flex;gap:1vw;justify-content:center}
.hqm-qm .hqm-breed{margin-top:10px}
.hqm-confetti{position:absolute;inset:0;pointer-events:none}
.hqm-confetti i{position:absolute;top:-3vh;width:.7vw;height:1.4vw;border-radius:2px;animation:hqm-val 4s linear infinite}
.hqm-doorgaan{position:fixed;inset:0;z-index:99995;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:rgba(20,12,6,.9);color:#fff;font-size:20px}

/* ============ TELEFOON ============ */
.hqm[data-scherm=qm]{font-size:16px}
.hqm-qm{max-width:520px;margin:0 auto;padding:12px 14px 40px}
.hqm-qmbericht{max-width:460px;margin:0 auto;padding:60px 20px;text-align:center;font-size:18px;line-height:1.5}
.hqm-qmbericht .hqm-knop{margin:8px}
.hqm-qmkop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:Montserrat,sans-serif;font-weight:700}
.hqm-qmlogo{color:var(--or);font-size:18px}
.hqm-qmcode{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.1);letter-spacing:.15em;font-size:14px}
.hqm-verstuurt .hqm-qm button{pointer-events:none;opacity:.75}
.hqm-verstuurt .hqm-qmcode::before{content:"\23F3 "}
.hqm-qmuitleg{font-size:17px;line-height:1.5}
.hqm-qmteller{margin:0 0 8px;font-family:Montserrat,sans-serif;font-weight:700;color:#e9dfcf;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.hqm-qmant{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:var(--cr);color:#151515;box-shadow:0 0 0 3px var(--or)}
.hqm-qmhoes{width:84px;height:84px;flex:none;border-radius:6px;object-fit:cover;background:#ddd}
.hqm-qmtitel{margin:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:20px;line-height:1.15}
.hqm-qmartiest{margin:2px 0 0;font-weight:600;font-size:16px;color:#7a4b0c}
.hqm-qmjaar{margin:2px 0 0;font-size:14px;color:#555}
.hqm-qmgroot{display:block;width:100%;margin:14px 0 4px;padding:22px 10px;border:0;border-radius:14px;background:var(--or);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:24px;box-shadow:0 6px 0 #a8701c;cursor:pointer}
.hqm-qmgroot:active{transform:translateY(4px);box-shadow:0 2px 0 #a8701c}
.hqm-qmgroot.pauze{background:#fff}
.hqm-qmgroot:disabled{opacity:.5}
.hqm-qmvraag{margin:14px 0 6px;font-family:Montserrat,sans-serif;font-weight:700;font-size:15px;color:#e9dfcf}
.hqm-qmtegels{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hqm-qmtegel{position:relative;display:flex;align-items:center;gap:6px;min-height:72px;padding:6px 8px;border:0;border-radius:12px;background:#fff;color:#151515;text-align:left;box-shadow:0 0 0 3px var(--k),0 5px 0 3px #000;cursor:pointer}
.hqm-qmtegel:active{transform:translateY(3px);box-shadow:0 0 0 3px var(--k),0 2px 0 3px #000}
.hqm-qmtegel img{width:48px;height:48px;object-fit:contain;flex:none}
.hqm-qmtnaam{flex:1;min-width:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:1.15;overflow:hidden}
.hqm-qmtscore{font-family:Montserrat,sans-serif;font-size:22px}
.hqm-qmtegel.buzz{background:var(--k)}
.hqm-qmtegel.uit,.hqm-qmtegel:disabled{opacity:.45}
.hqm-qmtegel.uit::after{content:"\274C";position:absolute;right:6px;top:4px;font-size:12px}
.hqm-qmbuzz{display:flex;align-items:center;gap:10px;margin:14px 0 8px;padding:10px 12px;border-radius:12px;background:var(--k);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:18px}
.hqm-qmbuzz img{width:56px;height:56px;object-fit:contain}
.hqm-qmbuzz p{margin:0}
.hqm-qmdelen{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px}
.hqm-qmdelen .hqm-klein{width:100%;margin:0;color:#e9dfcf}
.hqm-qmdeel{flex:1;padding:10px 6px;border:2px solid rgba(255,255,255,.4);border-radius:10px;background:transparent;color:#e9dfcf;font-weight:700;font-size:15px;text-decoration:line-through;cursor:pointer}
.hqm-qmdeel.aan{background:#fff;color:#151515;border-color:#fff;text-decoration:none}
.hqm-qmgf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hqm-qmgoed,.hqm-qmfout{padding:22px 6px;border:0;border-radius:14px;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:22px;cursor:pointer}
.hqm-qmgoed{background:var(--goed);box-shadow:0 6px 0 #22602f}
.hqm-qmfout{background:var(--fout);box-shadow:0 6px 0 #7d2516}
.hqm-qmgoed:active,.hqm-qmfout:active{transform:translateY(4px);box-shadow:none}
.hqm-qmrij{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hqm-qmklein{flex:1 1 30%;padding:12px 8px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(0,0,0,.2);color:var(--cr);font-weight:600;font-size:14px;cursor:pointer}
.hqm-qmklein:disabled{opacity:.35}
.hqm-qmnadruk{background:var(--or);border-color:var(--or);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:18px;padding:18px 8px}
.hqm-qmstand{margin-top:16px;padding:8px 12px;border-radius:10px;background:rgba(0,0,0,.2)}
.hqm-qmstand summary{cursor:pointer;font-weight:600}
.hqm-qmstandrij{display:flex;align-items:center;gap:8px;margin-top:8px}
.hqm-qmstandrij span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hqm-qmstandrij b{min-width:2em;text-align:center;font-size:18px}
.hqm-qmpm{width:44px;height:38px;border:0;border-radius:8px;background:var(--cr);color:#151515;font-weight:700;font-size:16px;cursor:pointer}
.hqm-qmonder{opacity:.85}
.hqm-qmteams{display:flex;flex-direction:column;gap:8px}
.hqm-qmteam{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:#fff;color:#151515;font-weight:700;box-shadow:0 0 0 3px var(--k)}
.hqm-qmteam img{width:40px;height:40px;object-fit:contain}
.hqm-qmkopje{font-family:Montserrat,sans-serif;color:#fff!important}
.hqm-qmuitslag{margin:0 0 16px;padding:0;list-style:none;counter-reset:r}
.hqm-qmuitslag li{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:6px 10px;border-radius:10px;background:#fff;color:#151515;box-shadow:0 0 0 3px var(--k);counter-increment:r}
.hqm-qmuitslag li::before{content:counter(r);font-family:Montserrat,sans-serif;font-weight:700;width:1.4em}
.hqm-qmuitslag img{width:40px;height:40px;object-fit:contain}
.hqm-qmuitslag span{flex:1;font-weight:700}
.hqm-qmuitslag b{font-size:20px}
.hqm-breed{width:100%}

/* ============ extra's ============ */
.hqm-studio{position:relative}
.hqm-banner{position:absolute;left:50%;top:.7em;transform:translateX(-50%) rotate(-2deg);z-index:3;padding:.3em 1.2em;border-radius:999px;background:var(--or);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.4em;box-shadow:4px 4px 0 #000;white-space:nowrap;animation:hqm-plop .5s ease}
.hqm-banner[data-r=snel]{background:#ffe14d}.hqm-banner[data-r=hoesje]{background:#7fd0ff}.hqm-banner[data-r=jaar]{background:#9be38f}.hqm-banner[data-r=dubbel]{background:#ff7a6b}
.hqm-hoesgroot.wazig{transform:none;filter:blur(var(--blur,34px)) saturate(1.2);transition:opacity .4s,transform .7s}
.hqm-steel{animation:hqm-plop .4s ease}
.hqm-steeltitel{margin:0;font-family:Montserrat,sans-serif;font-weight:700;font-size:3.2em;color:var(--or);text-shadow:4px 4px 0 #000;transform:rotate(-3deg)}
.hqm-steelteller{margin:.1em 0 0;font-family:Montserrat,sans-serif;font-weight:700;font-size:6em;line-height:1;color:#fff;text-shadow:5px 5px 0 #000;animation:hqm-puls2 1s ease-in-out infinite}
.hqm-buzzsteel{margin:.2em 0 0;font-weight:700;color:#151515}
.hqm-steelbuzz{box-shadow:0 0 0 .4vw var(--or),1vw 1vw 0 .4vw #000}
.hqm-hint{display:inline-block;margin:1em 0 0;padding:.5em 1em;border-radius:12px;background:#fff6c9;color:#151515;font-weight:700;font-size:1.15em;box-shadow:4px 4px 0 #000;animation:hqm-plop .5s ease}
.hqm-jokers{position:absolute;right:.4em;bottom:.25em;display:flex;gap:.15em;font-size:.85em}
.hqm-jokers i{font-style:normal}.hqm-jokers i.op{opacity:.2;filter:grayscale(1)}
.hqm-qmronde{float:right;padding:2px 8px;border-radius:999px;background:var(--or);color:#151515;font-size:12px;letter-spacing:0;text-transform:none}
.hqm-qmhint{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#fff6c9;color:#151515;font-weight:600;font-size:14px}
.hqm-qmrondes{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.hqm-qmrondes .hqm-klein{width:100%;margin:0;color:#e9dfcf}
.hqm-qmrk{padding:8px 10px;border:2px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:var(--cr);font-weight:600;font-size:13px;cursor:pointer}
.hqm-qmrk.aan{background:var(--or);border-color:var(--or);color:#151515}
.hqm-qmsteel{margin:14px 0 0;padding:12px;border-radius:12px;background:var(--or);color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:18px;text-align:center;animation:hqm-plop .4s ease}
.hqm-qmgf.drie{grid-template-columns:1fr 1fr 1fr}
.hqm-qmgf.drie button{font-size:16px;padding:18px 4px}
.hqm-qmdichtbij{background:#5c9e3a}
.hqm-qmjk{width:48px;height:40px;border:0;border-radius:8px;background:var(--cr);font-size:20px;cursor:pointer}
.hqm-qmjk:disabled{opacity:.25}
.hqm-kaartvenster{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,9,4,.88);font-family:Poppins,sans-serif}
.hqm-kaartbinnen{max-width:min(560px,100%);max-height:100%;overflow:auto;text-align:center;color:#fff}
.hqm-kaartbeeld{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.hqm-kaartknoppen{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.hqm-kaartknoppen .hqm-knop{text-decoration:none}
.hqm-kaartvenster .hqm-knop{display:inline-block;padding:12px 20px;border:0;border-radius:6px;background:#FCAE3A;color:#151515;font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;box-shadow:4px 4px 0 #000;cursor:pointer}
.hqm-kaartvenster .hqm-licht{background:#fff}
@keyframes hqm-puls2{50%{transform:scale(1.12)}}

.hqm-geraden{display:inline-flex;flex-direction:column;gap:.35em;margin-top:.9em}
.hqm-geraden-rij{margin:0;padding:.35em .9em;border-radius:10px;background:#fff;color:#151515;font-size:1.1em;box-shadow:0 0 0 3px var(--k),4px 4px 0 3px #000;animation:hqm-plop .5s ease}
.hqm-geraden-rij i{font-style:normal;font-weight:600;color:#3E9B4F}
.hqm-ant-wie{margin-right:.4em}

@keyframes hqm-rond{to{transform:rotate(360deg)}}
@keyframes hqm-puls{from{box-shadow:0 0 0 4px #fff,6px 6px 0 4px #000}to{box-shadow:0 0 0 10px #fff,0 0 40px 14px var(--k)}}
@keyframes hqm-hup{50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes hqm-wiebel{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes hqm-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes hqm-plop{0%{transform:scale(.6)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes hqm-val{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(110vh) rotate(720deg)}}
@media (prefers-reduced-motion:reduce){.hqm *{animation:none!important;transition:none!important}}
/* hoesje raden: aftellende teller */
.hqm-hoesteller{position:absolute;top:-2%;right:-2%;z-index:3;width:28%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#f9a825;color:#2b1d0e;border:.35vw solid #fff;box-shadow:.5vw .5vw 0 #000;font-family:inherit;font-weight:800;font-size:clamp(28px,4.6vw,88px);line-height:1;opacity:0;transform:scale(.3);transition:opacity .3s,transform .4s cubic-bezier(.2,1.4,.4,1);pointer-events:none}
.hqm-hoesteller.zicht{opacity:1;transform:scale(1)}
.hqm-hoesteller.tik{animation:hqmTelTik .35s ease-out}
@keyframes hqmTelTik{0%{transform:scale(1.35);background:#fff}100%{transform:scale(1)}}
/* dubbel of niks: rood scherm */
.hqm.hqm-rood{background:#3a0d0a!important;transition:background .6s}
.hqm.hqm-rood .hqm-tv{background:radial-gradient(ellipse at 50% 40%,rgba(255,40,20,.35),rgba(80,0,0,.55) 70%)}
.hqm.hqm-rood .hqm-studio{background-color:#5a1410;background-image:radial-gradient(ellipse at 50% 0%,rgba(255,80,50,.45),transparent 65%);box-shadow:inset 0 0 0 4px #ff3b2a,0 0 40px rgba(255,40,20,.55);animation:hqmRoodPuls 1.6s ease-in-out infinite}
@keyframes hqmRoodPuls{50%{box-shadow:inset 0 0 0 4px #ff6a4d,0 0 70px rgba(255,40,20,.85)}}
.hqm-qmwissel{display:block;width:100%;margin:10px 0 0;padding:12px;border:2px dashed rgba(255,255,255,.45);border-radius:12px;background:rgba(0,0,0,.2);color:var(--cr);font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}
/* hoesje raden: blokjes die een voor een opengaan */
.hqm-hoesgroot.wazig{filter:none}
.hqm-blokjes{position:absolute;inset:0;display:none;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);border-radius:inherit;overflow:hidden}
.hqm-hoesgroot.wazig .hqm-blokjes{display:grid}
.hqm-blokjes i{display:grid;place-items:center;font-style:normal;font-weight:800;font-size:clamp(12px,1.6vw,30px);color:rgba(43,29,18,.55);background:#FCAE3A;background-image:linear-gradient(135deg,rgba(255,255,255,.25),transparent 60%);box-shadow:inset 0 0 0 2px #2B1D12;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .45s}
.hqm-blokjes i:nth-child(2n){background-color:#f39a1f}
.hqm-blokjes i.open{opacity:0;transform:scale(.2) rotate(25deg)}
/* toonarm */
.hqm-arm{position:absolute;inset:0;z-index:2;pointer-events:none}
.hqm-arm svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(.4vw .6vw .3vw rgba(0,0,0,.5))}
.hqm-armg{transform-box:view-box;transform-origin:92px 10px;transform:rotate(-19deg);transition:transform 1.1s cubic-bezier(.5,0,.3,1)}
.hqm-arm.op .hqm-armg{transform:rotate(0deg)}
/* ============ SPELER ============ */
.hqm[data-scherm=sp]{font-size:16px}
.hqm-sptitel{font-family:Montserrat,sans-serif;font-size:24px;margin:10px 0 6px;color:var(--or)}
.hqm-spnaam{width:100%;padding:14px;border:3px solid var(--or);border-radius:12px;font:inherit;font-size:20px;font-weight:700;background:#fff;color:#151515}
.hqm-spnaam.fout{border-color:#ff5a45;animation:hqmSchud .4s}
@keyframes hqmSchud{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.hqm-speigen{width:100%;margin-top:12px}
.hqm-spteam{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#fff;color:#151515;box-shadow:0 0 0 3px var(--k),0 5px 0 3px #000;margin:6px 0 14px}
.hqm-spteam img{width:54px;height:54px;object-fit:contain}
.hqm-spteam div{flex:1;display:flex;flex-direction:column;line-height:1.2}
.hqm-spteam div b{font-size:18px}.hqm-spteam div span{font-size:14px;opacity:.7}
.hqm-spscore{font-family:Montserrat,sans-serif;font-size:34px}
.hqm-spdruk{display:grid;place-items:center;width:min(78vw,340px);aspect-ratio:1;margin:18px auto 8px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a7a,#d8331f 60%,#9c1d0f);color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(40px,14vw,64px);box-shadow:0 12px 0 #5e1309,0 18px 30px rgba(0,0,0,.5),inset 0 -8px 0 rgba(0,0,0,.2);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .08s,box-shadow .08s}
.hqm-spdruk:active:not(:disabled){transform:translateY(10px);box-shadow:0 2px 0 #5e1309,0 6px 12px rgba(0,0,0,.5)}
.hqm-spdruk:disabled{background:radial-gradient(circle at 35% 30%,#8a7a6a,#5a4a3a 60%,#3a2a1a);box-shadow:0 8px 0 #1e140c,0 12px 20px rgba(0,0,0,.4);cursor:default}
.hqm-spdruk.gedrukt{background:radial-gradient(circle at 35% 30%,#ffe08a,#fcae3a 60%,#c27a10);box-shadow:0 2px 0 #7a4a08;transform:translateY(10px)}
.hqm-spdruk.beurt{background:radial-gradient(circle at 35% 30%,#9df0a9,#3e9b4f 60%,#1f5a2a);box-shadow:0 8px 0 #123a1a,0 0 40px rgba(62,155,79,.8);animation:hqmBeurt 1s ease-in-out infinite}
@keyframes hqmBeurt{50%{transform:scale(1.04)}}
.hqm-spdrukt{pointer-events:none}
.hqm-spsub{text-align:center;font-size:20px;font-weight:700;margin:6px 0 10px}
.hqm-spant{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border-radius:12px;background:var(--cr);color:#151515;text-align:center;margin:8px 0}
.hqm-spant b{font-size:22px;font-family:Montserrat,sans-serif}
.hqm-spzeg{font-size:14px;opacity:.85;margin:8px 0}
.hqm-spstand{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.hqm-sprij{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:10px;background:rgba(255,255,255,.08);border-left:5px solid var(--k)}
.hqm-sprij.mij{background:rgba(252,174,58,.25)}
.hqm-sprij img{width:32px;height:32px;object-fit:contain}.hqm-sprij span{flex:1}.hqm-sprij b{font-size:18px}
.hqm-spander{width:100%;margin-top:6px}
.hqm-spnamen{order:9;flex-basis:100%;font-size:.75em;opacity:.8;padding-left:4px}
.hqm-teamrij{flex-wrap:wrap}
.hqm-sp .hqm-klein{color:var(--cr);opacity:.9;font-size:16px;font-weight:600}
/* ============ AUTOMATISCH: MEERKEUZE ============ */
.hqm-mckop{display:flex;align-items:center;justify-content:center;gap:1.4vw;margin-bottom:1.6vh}
.hqm-mcvraag{margin:0;font-family:Montserrat,sans-serif;font-weight:800;font-size:1.5em;color:var(--cr)}
.hqm-mctel{flex:none;display:grid;place-items:center;width:4.2em;height:4.2em;border-radius:50%;background:#f9a825;color:#2b1d0e;border:.25vw solid #fff;box-shadow:.4vw .4vw 0 #000;font-family:Montserrat,sans-serif;font-weight:800;font-size:1.6em}
.hqm-mctel.jaar{background:#9be38f}
.hqm-mctel.tik{animation:hqmTelTik .35s ease-out}
.hqm-mcgrid{display:grid;grid-template-columns:1fr 1fr;gap:1vw;width:100%}
.hqm-mcopt{position:relative;display:flex;align-items:center;gap:.8vw;min-height:5.2em;padding:.6em .8em;border-radius:14px;background:var(--c);color:#fff;box-shadow:0 .5vh 0 rgba(0,0,0,.45);transition:opacity .4s,transform .4s}
.hqm-mcopt.goed{transform:scale(1.04);box-shadow:0 0 0 .3vw #fff,0 0 2vw rgba(255,255,255,.7)}
.hqm-mcopt.fout{opacity:.35}
.hqm-mcletter{flex:none;display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:rgba(0,0,0,.25);font-family:Montserrat,sans-serif;font-weight:800}
.hqm-mctekst{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.hqm-mctekst b{font-size:1.05em;overflow:hidden;text-overflow:ellipsis}
.hqm-mctekst span{font-size:.85em;opacity:.9}
.hqm-mcgrid.jaar .hqm-mctekst b{font-size:1.6em}
.hqm-mcwie{position:absolute;right:.5em;bottom:-.9em;display:flex;gap:.3em}
.hqm-mcteam{position:relative;display:inline-grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#fff;box-shadow:0 0 0 .2vw var(--k)}
.hqm-mcteam img{width:88%;height:88%;object-fit:contain}
.hqm-mcteam b{position:absolute;top:-.8em;right:-.6em;padding:0 .3em;border-radius:6px;background:#3e9b4f;color:#fff;font-size:.75em}
.hqm-mcgekozen{display:flex;align-items:center;justify-content:center;gap:.6em;margin-top:2vh;color:var(--cr);font-weight:700}
.hqm-mcgekozen .hqm-mcteam{opacity:.3;filter:grayscale(1)}
.hqm-mcgekozen .hqm-mcteam.aan{opacity:1;filter:none;animation:hqmTelTik .35s}
.hqm-aftel{font-family:Montserrat,sans-serif;font-weight:800;font-size:4em;margin:0;color:var(--or);min-height:1.2em}
.hqm-soort .hqm-chip{font-size:1.05em}
/* telefoon */
.hqm-spmckop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 10px}
.hqm-spmckop p{margin:0;font-weight:800;font-size:19px;font-family:Montserrat,sans-serif}
.hqm-sptel{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f9a825;color:#2b1d0e;border:3px solid #fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:26px}
.hqm-sptel.jaar{background:#9be38f}
.hqm-spmc{display:grid;grid-template-columns:1fr;gap:10px}
.hqm-spmc.jaar{grid-template-columns:1fr 1fr}
.hqm-spopt{display:flex;align-items:center;gap:12px;min-height:74px;padding:10px 12px;border:0;border-radius:14px;background:var(--c);color:#fff;text-align:left;font:inherit;box-shadow:0 6px 0 rgba(0,0,0,.45);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hqm-spopt:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 rgba(0,0,0,.45)}
.hqm-spopt:disabled{opacity:.45;cursor:default}
.hqm-spopt.mijn{opacity:1;box-shadow:0 0 0 4px #fff,0 6px 0 rgba(0,0,0,.45)}
.hqm-spopt.goed{opacity:1;box-shadow:0 0 0 4px #9df0a9,0 0 22px rgba(157,240,169,.8)}
.hqm-spopt.fout:not(.mijn){opacity:.3}
.hqm-sptekst{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.hqm-sptekst b{font-size:18px}.hqm-sptekst small{font-size:14px;opacity:.9}
.hqm-spmc.jaar .hqm-sptekst b{font-size:26px}
.hqm-spwacht{font-size:90px;text-align:center;margin:30px 0 0}
.hqm.hqm-auto .hqm-alleenqm{display:none!important}
.hqm.hqm-auto .hqm-jokers{display:none}
.hqm-soort{flex-wrap:nowrap}
.hqm-qmuitslag li.mij{box-shadow:0 0 0 4px var(--or),0 0 16px rgba(252,174,58,.7)}
.hqm-leeg{padding:14px;border:2px dashed rgba(0,0,0,.25);border-radius:12px}
.hqm-start:disabled{opacity:.55;cursor:default;transform:none}
.hqm-spregie{margin:12px 0;padding:12px;border-radius:14px;background:rgba(252,174,58,.14);border:2px solid rgba(252,174,58,.5)}
.hqm-spregiekop{margin:0 0 6px;font-family:Montserrat,sans-serif;font-weight:800;font-size:18px;color:var(--or)}
.hqm-spchips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.hqm-spchip{padding:8px 11px;border:2px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:var(--cr);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.hqm-spchip.aan{background:var(--or);border-color:var(--or);color:#151515}
.hqm-spstart{font-size:22px;padding:16px}
.hqm-spregie .hqm-klein{color:var(--cr);opacity:.9;font-size:15px;font-weight:600;margin:4px 0}

/* =====================================================================
   DECOR: de muziekquiz in de bibliotheek (2026-11-13)
   Eén 16:9-set; de camera zoomt in op de tv bij een vraag en uit naar het krijtbord voor de stand.
   ===================================================================== */
@font-face{font-family:'Cabin Sketch';src:url(fonts/cabinsketch-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Schoolbell;src:url(fonts/schoolbell-400.woff2) format('woff2');font-weight:400;font-display:swap}
.hqm[data-scherm=tv] .hqm-tv{position:relative;overflow:hidden}
.hqm .hqm-studio.hqm-set{position:absolute;inset:0;z-index:0;display:block;padding:0;gap:0;border-radius:0;background:#160d06 url(beeld/decor.webp?v=1) center/cover no-repeat;box-shadow:none;animation:none}
.hqm-set::before{content:"";position:absolute;inset:0;backdrop-filter:blur(22px) brightness(.45);-webkit-backdrop-filter:blur(22px) brightness(.45)}
.hqm-stage{position:absolute;left:50%;top:50%;width:max(100vw,min(177.78vh,112vw));aspect-ratio:16/9;transform:translate(-50%,-50%);overflow:hidden}
.hqm-cam{position:absolute;inset:0;transform-origin:0 0;transform:translate(-36%,-8.3%) scale(1.6);transition:transform 1.5s cubic-bezier(.65,0,.25,1)}
.hqm-uit .hqm-cam{transform:none}
.hqm-decor{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
/* het tv-scherm in de kast */
.hqm-scherm{position:absolute;left:29.78%;top:11.69%;width:39.29%;height:36.98%;box-sizing:border-box;container-type:size;overflow:hidden;display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:3%;padding:3% 4%;background:radial-gradient(ellipse at 50% -10%,#4b3aa0,#1d1450 45%,#0b0820 90%);box-shadow:inset 0 0 3cqw rgba(0,0,0,.8)}
.hqm-scherm::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.10),rgba(255,255,255,0) 35%)}
.hqm-scherm .hqm-plaatvak{width:min(100%,86cqh);height:auto;aspect-ratio:1/1;justify-self:center}
/* hoesje raden: het hoesje als telefoon (Roland vond de toevallige vorm leuk, 2026-11-13) */
.hqm-scherm.hqm-hoesronde .hqm-plaatvak{width:min(100%,52cqh);aspect-ratio:10/16}
.hqm-scherm.hqm-hoesronde .hqm-hoesgroot{inset:5%;border-radius:1.3em;box-shadow:0 0 0 .55em #111,0 0 0 .7em #5a5a5a,1em 1em 0 .7em rgba(0,0,0,.6)}
.hqm-scherm.hqm-hoesronde .hqm-hoesgroot::before{content:"";position:absolute;z-index:4;top:2.2%;left:50%;width:30%;height:2.8%;transform:translateX(-50%);border-radius:999px;background:#111}
.hqm-scherm .hqm-midden{text-align:center}
.hqm-scherm>.hqm-midden,.hqm-scherm>.hqm-plaatvak{font-size:1.9cqw}
.hqm-scherm .hqm-groot-lp::after{font-size:3.6cqh;box-shadow:inset 0 0 0 .8cqh var(--or),inset 0 0 0 1.1cqh #b97a1c}
.hqm-scherm .hqm-groot-lp{box-shadow:0 0 0 .8cqh #000,0 2cqh 4cqh rgba(0,0,0,.5)}
.hqm-scherm .hqm-groot{font-size:5.5em}
.hqm-scherm .hqm-banner{top:.5em;font-size:2.4cqw}
.hqm-scherm.hqm-mcscherm{grid-template-columns:19% minmax(0,1fr);gap:2%;padding:3% 3%}
.hqm-scherm.hqm-mcscherm>.hqm-midden{font-size:2.5cqw}
.hqm-scherm .hqm-mcgrid{gap:1.4cqw}
.hqm-scherm .hqm-mcopt b{font-size:1.05em}
.hqm-scherm .hqm-mcopt span{font-size:.85em}
.hqm-scherm .hqm-mcopt{min-height:4.2em}
/* krijtbord */
.hqm-krijtbord{position:absolute;left:72.61%;top:11.58%;width:18.96%;height:41.76%;box-sizing:border-box;container-type:size;padding:0}
.hqm-krijt{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:5cqh 9cqw 3cqh;font-family:Schoolbell,'Comic Sans MS',cursive;color:rgba(255,255,255,.9);text-shadow:0 0 .12em rgba(255,255,255,.4)}
.hqm-krijt-kop{margin:0;font-family:'Cabin Sketch',cursive;font-weight:700;font-size:12cqh;line-height:1;text-align:left}
.hqm-krijt-sub{margin:0 0 3cqh;font-size:5.5cqh;text-align:left;opacity:.7;border-bottom:2px solid rgba(255,255,255,.45);border-radius:0 0 60% 0/0 0 20% 0;padding-bottom:1cqh}
.hqm-krijt-rij{position:relative;display:flex;align-items:baseline;gap:.35em;font-size:min(7cqh,calc(50cqh / var(--n,4)));line-height:1.1;cursor:pointer;padding:0 .2em;border-radius:40% 30% 45% 35%/60% 50% 55% 45%}
.hqm-krijt-nr{opacity:.6;flex:none}
.hqm-krijt-naam{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--k) 55%,#fff)}
.hqm-krijt-jk{flex:none;display:flex;flex-direction:column;align-self:center;font-size:.42em;line-height:1.1;text-shadow:none;opacity:.85}
.hqm-krijt-jk i{font-style:normal}
.hqm-krijt-jk .op{opacity:.15;filter:grayscale(1)}
.hqm-krijt-score{flex:none;font-family:'Cabin Sketch',cursive;font-weight:700;font-size:1.25em;min-width:1.6em;text-align:right}
.hqm-krijt-score.nieuw{animation:hqmKrijt 1s 1.3s steps(8,end) both}
@keyframes hqmKrijt{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.hqm-krijt-plus{position:absolute;right:-.9em;top:-.55em;font-size:.75em;color:#ffd84a;transform:rotate(-8deg);animation:hqm-plop .5s 2.3s ease both}
.hqm-krijt-rij.leider .hqm-krijt-naam::before{content:"★ ";color:#ffd84a}
.hqm-krijt-rij.uit{opacity:.45;text-decoration:line-through}
.hqm-krijt-rij.buzz{box-shadow:0 0 0 2px rgba(255,255,255,.75);animation:hqm-wiebel 1s ease-in-out infinite}
/* de presentator achter zijn quizdesk */
.hqm .hqm-set .hqm-dir{position:absolute;right:1.2vw;bottom:0;z-index:3;width:23vw;height:52vh;display:block;gap:0}
.hqm-set .hqm-dirbeeld{position:absolute;left:0;right:0;bottom:7vh;margin:0 auto;width:auto;height:37vh;max-width:none;aspect-ratio:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 1vh 1.5vh rgba(0,0,0,.55))}
.hqm-desk{position:absolute;left:0;right:0;bottom:0;height:15vh;background:#5a3418 url(beeld/hout.webp?v=1) center/cover;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);box-shadow:inset 0 2.2vh 1.5vh -1vh rgba(0,0,0,.45)}
.hqm-desk::before{content:"";position:absolute;left:0;right:0;top:0;height:1.3vh;background:linear-gradient(#ffe08a,#c8892a 60%,#7a4a12)}
.hqm-desk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.4vh;background:linear-gradient(#3a200c,#1a0e05)}
.hqm-deskplaat{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5vw;padding:.5vh 1.1vw .5vh .5vw;border-radius:999px;background:linear-gradient(#ffe7a0,#d79a34 55%,#a8701e);box-shadow:0 .4vh 0 #5a3410,inset 0 0 0 2px rgba(255,255,255,.5);font-family:Montserrat,sans-serif;font-weight:800;font-size:1.25em;letter-spacing:.08em;color:#2b1608;white-space:nowrap}
.hqm-desklogo{width:2.4em;height:2.4em;border-radius:50%;background:#fff8e6;padding:.1em;box-sizing:border-box}
.hqm-set .hqm-ballon{position:absolute;right:calc(100% - 1vw);bottom:10.5vh;width:27vw;font-size:1em;z-index:2}
.hqm-set .hqm-ballon::after{left:auto;right:-20px;top:50%;bottom:auto;margin:-10px 0 0;border:12px solid transparent;border-left-color:#fff;border-right:0}
/* balk en knoppen boven het decor */
.hqm[data-scherm=tv] .hqm-tvbalk,.hqm[data-scherm=tv] .hqm-melding{position:relative;z-index:4}
.hqm[data-scherm=tv] .hqm-tvbalk{padding:.35em .9em;border-radius:14px;background:rgba(22,13,6,.72);backdrop-filter:blur(6px)}
.hqm[data-scherm=tv] .hqm-tvknoppen{margin-top:auto;position:relative;z-index:4;max-width:70vw}
.hqm[data-scherm=tv] .hqm-tvknoppen .hqm-tk{background:rgba(22,13,6,.8)}
/* dubbel of niks: rode gloed om het scherm en over de set */
.hqm.hqm-rood .hqm-studio.hqm-set{background-color:#160d06;box-shadow:none;animation:none}
.hqm.hqm-rood .hqm-scherm{background:radial-gradient(ellipse at 50% 0%,#c0261a,#5a0a06 55%,#1e0202 95%);box-shadow:inset 0 0 0 .6cqw #ff3b2a,inset 0 0 4cqw rgba(0,0,0,.7)}
.hqm.hqm-rood .hqm-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(170,0,0,.55));animation:hqmRoodGloed 1.6s ease-in-out infinite}
@keyframes hqmRoodGloed{50%{opacity:.55}}

.hqm-set .hqm-ballon.lang{width:31vw;font-size:.86em;line-height:1.3}
.hqm-scherm.hqm-hoesronde .hqm-hoesteller{width:46%;top:-5%;right:-34%;font-size:2.6em;border-width:.25em}

/* =====================================================================
   TEAMAPEN DOOR EEN RING (2026-11-13): het hoofd steekt boven de ring uit, de onderkant verdwijnt erachter.
   ===================================================================== */
.hqm-rond{position:relative;display:inline-block;flex:none;vertical-align:middle;width:3em;height:3em;--rk:var(--k,#FCAE3A)}
.hqm-rond::before,.hqm-rond::after{content:"";position:absolute;inset:0;border-radius:50%;box-sizing:border-box;border:max(2px,.09em) solid var(--rk)}
.hqm-rond::before{background:radial-gradient(circle at 50% 30%,#fffaf0,color-mix(in srgb,var(--rk) 40%,#fff) 75%)}
.hqm-rond::after{z-index:2;clip-path:inset(50% 0 0 0);box-shadow:inset 0 -.06em .1em rgba(0,0,0,.25)}
.hqm-rond-in{position:absolute;z-index:1;left:0;right:0;bottom:0;height:140%;overflow:hidden;border-radius:0 0 50% 50%/0 0 35.7% 35.7%}
.hqm-rond-in>img{position:absolute!important;left:-18%!important;bottom:-9%!important;width:136%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important}
.hqm-qmtegel .hqm-rond{width:48px;height:48px}
.hqm-qmbuzz .hqm-rond{width:56px;height:56px}
.hqm-qmteam .hqm-rond,.hqm-qmuitslag .hqm-rond{width:40px;height:40px}
.hqm-spteam .hqm-rond{width:54px;height:54px}
.hqm-sprij .hqm-rond{width:32px;height:32px}
.hqm-mcteam .hqm-rond{width:88%;height:88%}
.hqm-mascotte .hqm-rond{width:100%;height:100%}
.hqm-buzzaap.hqm-rond,.hqm-podaap.hqm-rond{margin-top:1.4em}
.hqm-mcteam{background:transparent!important;box-shadow:none!important}
.hqm-mcteam .hqm-rond{width:100%;height:100%}
.hqm-mascotte{background:transparent}
.hqm-rond.hqm-buzzaap{width:8em;height:8em}
.hqm-rond.hqm-podaap{width:6em;height:6em}
.hqm-trede1 .hqm-rond.hqm-podaap{width:8.5em;height:8.5em}

/* label van de single: reclame voor heraz.nl (2026-11-13), draait mee met de plaat */
.hqm-groot-lp .hqm-lplabel{position:absolute;inset:29%;border-radius:50%;box-shadow:0 0 0 .3em rgba(0,0,0,.35)}
.hqm-lplabel svg{display:block;width:100%;height:100%}
.hqm .hqm-groot-lp::after{display:none}
.hqm-ververs{margin-top:1.2em;text-align:center}
.hqm-verversrij{display:flex;gap:.5em;justify-content:center;flex-wrap:wrap;margin-top:.4em}
.hqm-knop.hqm-verversknop{font-size:.85em}
.hqm-verversrij .hqm-knop{font-size:.85em}

/* =====================================================================
   AFSTANDSBEDIENING IN DE STIJL VAN DE QUIZKAMER (2026-11-13)
   ===================================================================== */
.hqm[data-scherm=qm],.hqm[data-scherm=sp]{background:#1a0f07}
.hqm[data-scherm=qm]::before,.hqm[data-scherm=sp]::before{content:"";position:fixed;inset:-20px;z-index:0;pointer-events:none;background:url(beeld/decor.webp?v=1) 72% center/cover;filter:blur(7px) brightness(.36) saturate(1.15)}
.hqm[data-scherm=qm]>*,.hqm[data-scherm=sp]>*{position:relative;z-index:1}
.hqm-qm .hqm-qmkop{padding:8px 10px 8px 14px;border-radius:14px;background:linear-gradient(rgba(35,18,6,.62),rgba(35,18,6,.62)),#5a3418 url(beeld/hout.webp?v=1) center/cover;box-shadow:inset 0 -4px 0 #c8892a,inset 0 2px 0 rgba(255,255,255,.25),0 6px 14px rgba(0,0,0,.45)}
.hqm-qm .hqm-qmlogo{font-family:'Cabin Sketch',cursive;font-size:22px;color:#fff3d6;text-shadow:0 2px 0 #2b1608,0 0 8px rgba(0,0,0,.9)}
.hqm-qm .hqm-qmcode{background:rgba(30,15,5,.55);color:#ffe9b8}
.hqm-koprechts{display:flex;align-items:center;gap:8px}
.hqm-instelknop{width:40px;height:40px;border:0;border-radius:50%;font-size:20px;line-height:40px;padding:0;cursor:pointer;background:linear-gradient(#ffe7a0,#d79a34 55%,#a8701e);box-shadow:0 3px 0 #5a3410,inset 0 0 0 2px rgba(255,255,255,.45)}
.hqm-instelknop.aan{background:#26302b;color:#fff;box-shadow:0 0 0 3px #ffd84a}
/* messing knoppen */
.hqm[data-scherm=qm] .hqm-knop:not(.hqm-licht),.hqm[data-scherm=sp] .hqm-knop:not(.hqm-licht){background:linear-gradient(#ffe7a0,#e2a640 50%,#b47a22);color:#2b1608;border-radius:12px;box-shadow:0 5px 0 #5a3410,inset 0 0 0 2px rgba(255,255,255,.4)}
.hqm[data-scherm=qm] .hqm-licht,.hqm[data-scherm=sp] .hqm-licht{background:#fff8e6;color:#2b1608;border:2px solid #c8892a;border-radius:12px;box-shadow:0 4px 0 #5a3410}
.hqm-spinst{margin:0 0 10px;text-align:center;font-family:Schoolbell,cursive;font-size:20px;color:#fff3d6}
.hqm-midden2{text-align:center}
.hqm-verborgen{display:none}
/* instellingen als krijtbord in een houten lijst */
.hqm-instel{margin:6px 0 16px;padding:14px 16px 18px;border-radius:10px;background:#28312c;background-image:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.08),transparent 60%);border:10px solid #7a4a22;border-image:url(beeld/hout.webp?v=1) 30 round;box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.5);color:#f4f1e8;font-family:Schoolbell,'Comic Sans MS',cursive}
.hqm-instelkop{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.4);border-radius:0 0 40% 0/0 0 20% 0;margin-bottom:6px}
.hqm-instelkopt{margin:0;font-family:'Cabin Sketch',cursive;font-weight:700;font-size:28px;color:#fff}
.hqm-instelsluit{width:38px;height:38px;border:2px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}
.hqm-instelsub{margin:14px 0 6px;font-family:'Cabin Sketch',cursive;font-weight:700;font-size:20px;color:#ffd84a}
.hqm-instelleeg{margin:4px 0;font-size:16px;opacity:.75}
.hqm-instel .hqm-spchips{display:flex;flex-wrap:wrap;gap:6px}
.hqm-instel .hqm-spchip{border-color:rgba(255,255,255,.55);color:#fff;font-family:Schoolbell,cursive;font-size:17px;font-weight:400}
.hqm-instel .hqm-spchip.aan{background:#ffd84a;border-color:#ffd84a;color:#26302b}
.hqm-instellijst{display:flex;flex-direction:column;gap:6px}
.hqm-instelrij{display:flex;align-items:center;gap:10px;padding:4px 6px;border-bottom:1px dashed rgba(255,255,255,.25);font-size:19px}
.hqm-instelrij>span:not(.hqm-rond){flex:1;min-width:0;color:color-mix(in srgb,var(--k,#fff) 45%,#fff)}
.hqm-instelrij .hqm-rond{width:34px;height:34px;font-size:14px}
.hqm-instelweg{flex:none;min-width:38px;height:34px;border:2px solid rgba(255,120,100,.8);border-radius:999px;background:transparent;color:#ffb3a6;font:inherit;font-size:16px;cursor:pointer;padding:0 8px}
.hqm-instel .hqm-knop{display:block;width:100%;margin:8px 0 0;font-family:Montserrat,sans-serif}
/* A B C D: grote quizknoppen op een houten paneel */
.hqm-abcd{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0 14px;padding:18px;border-radius:22px;background:#5a3418 url(beeld/hout.webp?v=1) center/cover;box-shadow:inset 0 0 0 3px #c8892a,inset 0 0 24px rgba(0,0,0,.5),0 8px 18px rgba(0,0,0,.5)}
.hqm-abcdknop{aspect-ratio:1;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.6),rgba(255,255,255,0) 42%),var(--c);box-shadow:0 0 0 6px #2b1608,0 0 0 9px #e2a640,0 10px 0 9px #3a200c;color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(48px,16vw,84px);text-shadow:0 3px 0 rgba(0,0,0,.35);transition:transform .08s,opacity .3s,filter .3s;-webkit-tap-highlight-color:transparent}
.hqm-abcdknop:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 0 6px #2b1608,0 0 0 9px #e2a640,0 4px 0 9px #3a200c}
.hqm-abcdknop:disabled{opacity:.35;filter:saturate(.5);cursor:default}
.hqm-abcdknop.mijn{opacity:1;filter:none;box-shadow:0 0 0 6px #fff,0 0 0 10px #ffd84a,0 0 28px 10px rgba(255,216,74,.6)}
.hqm-abcdknop.goed{opacity:1;filter:none;box-shadow:0 0 0 6px #fff,0 0 0 10px #3E9B4F,0 0 28px 10px rgba(62,155,79,.7)}
.hqm-abcdknop.fout.mijn{box-shadow:0 0 0 6px #fff,0 0 0 10px #C8452F}
.hqm[data-scherm=sp] .hqm-spmckop p{font-family:'Cabin Sketch',cursive;font-size:24px;color:#fff3d6}
.hqm[data-scherm=sp] .hqm-spsub{text-shadow:0 2px 6px rgba(0,0,0,.7)}
.hqm .hqm-rond{flex:none!important;padding:0!important;margin-left:0;margin-right:0}
.hqm .hqm-rond-in{flex:none!important;margin:0!important;padding:0!important}
/* 13 nov avond: nieuwe quiz naast de startknop, aap op het wachtscherm, WhatsApp */
.hqm-kl-onder{display:flex;align-items:center;justify-content:center;gap:1.2em;flex-wrap:wrap}
.hqm-kl-onder .hqm-ververs{margin-top:0}
.hqm-kl-onder .hqm-ververs .hqm-klein{margin:0}
.hqm-spwachtaap{display:block;width:170px;max-width:55%;height:auto;margin:24px auto 0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.hqm-kaartknoppen a.hqm-knop.hqm-whatsapp,.hqm .hqm-knop.hqm-whatsapp{background:#25d366;border-color:#1da851;color:#fff;text-decoration:none}
.hqm-kl-midden .hqm-kl-kop+*{margin-bottom:.8em}
.hqm-soort .hqm-chip{font-size:.95em;padding:.35em .8em}
.hqm-kl-midden .hqm-klein{margin:.2em 0 .5em}
.hqm-puntuitleg{font-weight:700}
.hqm-kl-onder .hqm-ververs{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;justify-content:center;max-width:46%}
.hqm-kl-onder .hqm-verversrij{margin-top:0}
/* beginscherm past ook in een lager venster (browser met balken) */
[data-fase="klaar"] .hqm-tv,.hqm-tv[data-fase="klaar"]{font-size:clamp(13px,min(1.25vw,2.15vh),30px)}
/* ===== beginscherm en uitslag in de studio (Roland, 13 nov avond) ===== */
.hqm-stage{top:max(0px,calc(50% - max(100vw,min(177.78vh,112vw)) * .28125));transform:translateX(-50%)}
.hqm-laag{position:absolute;inset:0;z-index:6;box-sizing:border-box;background:radial-gradient(ellipse at 50% -10%,#4b3aa0,#1d1450 45%,#0b0820 90%)}
.hqm-laag[hidden]{display:none}
[data-fase="klaar"] .hqm-scherm>:not(.hqm-laag),[data-fase="einde"] .hqm-scherm>:not(.hqm-laag){visibility:hidden}
[data-fase="klaar"] .hqm-tvbalk,[data-fase="einde"] .hqm-tvbalk{position:relative;z-index:5}
/* tv in de kast: QR en code */
.hqm-klaarscherm .hqm-kl-rechts{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;align-content:center;column-gap:5cqw;row-gap:2cqh;height:100%;box-sizing:border-box;padding:6cqh 6cqw;text-align:left;align-items:center;color:#fff}
.hqm-klaarscherm .hqm-qr{grid-column:1;grid-row:1/span 6;width:80cqh;padding:2cqh;border-radius:2cqh;box-shadow:0 0 0 .8cqh #fcae3a,0 0 6cqh rgba(252,174,58,.55)}
.hqm-klaarscherm .hqm-kl-kop{grid-column:2;margin:0;font-size:8.5cqh;line-height:1.1;color:#fff;text-shadow:.5cqh .5cqh 0 #000}
.hqm-klaarscherm .hqm-codegroot{grid-column:2;margin:0;font-size:22cqh;letter-spacing:.18em;color:#fcae3a;text-shadow:.8cqh .8cqh 0 #000}
.hqm-klaarscherm .hqm-klein{grid-column:2;margin:0;font-size:4.6cqh!important;line-height:1.3;color:#e9e3ff}
.hqm-klaarscherm .hqm-qmstatus{grid-column:2;justify-self:start;margin:0;font-size:5cqh;background:rgba(255,255,255,.15);color:#fff}
.hqm-klaarscherm .hqm-qmstatus.aan{background:#2e8b45;color:#fff}
.hqm-klaarscherm .hqm-mini{grid-column:2;justify-self:start;font-size:4cqh;color:#fff;border-color:rgba(255,255,255,.5)}
.hqm-klaarscherm::after,.hqm-eindscherm::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.10),rgba(255,255,255,0) 35%)}
/* krijtbord: wie spelen er mee */
.hqm-klaarbord[hidden]{display:none}
.hqm-klaarbord .hqm-kl-links{display:flex;flex-direction:column;min-height:0;height:100%}
.hqm-klaarbord .hqm-kl-kop{margin:0 0 3cqh;font-family:'Cabin Sketch',cursive;font-size:10cqh;line-height:1.05;color:#fff;border-bottom:2px solid rgba(255,255,255,.45);border-radius:0 0 60% 0/0 0 20% 0;padding-bottom:1cqh}
.hqm-klaarbord .hqm-teamlijst{gap:1cqh;margin:0 0 2cqh;overflow:hidden;font-size:min(6.5cqh,calc(46cqh / var(--n,4)))}
.hqm-klaarbord .hqm-teamrij{padding:0;gap:.35em;background:transparent;box-shadow:none;border-radius:0}
.hqm-klaarbord .hqm-mascotte{width:1.9em;height:1.9em}
.hqm-klaarbord .hqm-teamnaam{padding:0 .1em;border:0;border-bottom:1px dashed rgba(255,255,255,.35);border-radius:0;background:transparent;color:color-mix(in srgb,var(--k) 55%,#fff);font-family:Schoolbell,'Comic Sans MS',cursive;font-weight:400;font-size:1em;text-shadow:0 0 .12em rgba(255,255,255,.4)}
.hqm-klaarbord .hqm-teamnaam:focus{border-bottom-color:#fff}
.hqm-klaarbord .hqm-spnamen{font-size:.62em;opacity:.75;padding-left:2.3em}
.hqm-klaarbord .hqm-weg{width:1.3em;height:1.3em;background:transparent;color:rgba(255,255,255,.7);font-size:.8em;font-family:inherit}
.hqm-klaarbord .hqm-weg:hover{background:rgba(255,80,60,.6);color:#fff}
.hqm-klaarbord .hqm-knop{align-self:flex-start;padding:.2em .6em;border:2px dashed rgba(255,255,255,.6);border-radius:8px;background:transparent;box-shadow:none;color:#fff;font-family:Schoolbell,'Comic Sans MS',cursive;font-weight:400;font-size:5.5cqh}
.hqm-klaarbord .hqm-leeg{border:0;padding:0;color:rgba(255,255,255,.8);font-size:5cqh!important;line-height:1.3}
/* draaiboek links */
.hqm .hqm-set .hqm-klaar{position:absolute;z-index:4;left:1.4vw;top:max(11vh,4.6em);bottom:2.5vh;width:24.5vw;display:block;overflow:auto;box-sizing:border-box;padding:1.2em 1.1em 1em;border-radius:6px;border:.55em solid #7a4a22;border-image:url(beeld/hout.webp?v=1) 30 round;background:#fbf4e4;background-image:repeating-linear-gradient(transparent 0 1.55em,rgba(90,140,200,.18) 1.55em calc(1.55em + 1px));box-shadow:0 1.2vh 3vh rgba(0,0,0,.6);transform:rotate(-.6deg);font-size:.92em;scrollbar-width:thin}
.hqm .hqm-set .hqm-klaar[hidden]{display:none}
.hqm-draaiboek-kop{margin:0 0 .7em;font-family:'Cabin Sketch',cursive;font-weight:700;font-size:1.45em;line-height:1.1;color:#7a2a12}
.hqm-set .hqm-klaar .hqm-kl-kop{font-size:1em;margin:.2em 0 .45em}
.hqm-set .hqm-klaar .hqm-chip{font-size:.8em}
.hqm-set .hqm-klaar .hqm-soort .hqm-chip{font-size:.9em}
/* startrij op het tapijt onder de tv */
.hqm-startrij{position:absolute;z-index:4;left:28vw;width:46vw;bottom:2.5vh;display:flex;justify-content:center}
.hqm-startrij[hidden]{display:none}
.hqm-startrij .hqm-kl-onder{padding:0}
.hqm-startrij .hqm-start{box-shadow:0 0 0 .2em #fff8e6,0 .8vh 0 .2em #5a3410,0 0 4vh rgba(252,174,58,.7)}
.hqm-startrij .hqm-ververs .hqm-klein{color:#fff;text-shadow:0 1px 2px #000}
[data-fase="klaar"] .hqm-set .hqm-ballon{bottom:22vh}
/* uitslag: podium op de tv, knoppen onder de tv, confetti over alles */
.hqm .hqm-set .hqm-einde{position:absolute;inset:0;z-index:4;padding:0;overflow:hidden;pointer-events:none;flex:none}
.hqm .hqm-set .hqm-einde[hidden]{display:none}
.hqm-set .hqm-einde .hqm-confetti i{width:.6vw;height:1.2vw}
.hqm-set .hqm-eindknoppen{position:absolute;left:27vw;width:48vw;bottom:2.5vh;margin:0;flex-wrap:wrap;pointer-events:auto;opacity:0;transform:translateY(3vh);transition:opacity .8s .9s,transform .8s .9s}
.hqm-set .hqm-einde.hqm-totaal .hqm-eindknoppen{opacity:1;transform:none}
.hqm-eindscherm{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4cqh 4cqw 0;overflow:hidden}
.hqm-eindscherm .hqm-eindtitel{margin:0 0 1cqh!important;font-size:14cqh!important;line-height:1.05}
.hqm-eindscherm .hqm-podium{flex:1;width:100%;gap:2cqw;align-items:flex-end}
.hqm-eindscherm .hqm-trede{position:relative;width:27cqw}
.hqm-eindscherm .hqm-rond.hqm-podaap{width:20cqh;height:20cqh;margin-top:0}
.hqm-eindscherm .hqm-trede1 .hqm-rond.hqm-podaap{width:28cqh;height:28cqh}
.hqm-eindscherm .hqm-podnaam{font-size:5.5cqh;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hqm-eindscherm .hqm-podscore{font-size:8cqh;line-height:1}
.hqm-eindscherm .hqm-blok{font-size:9cqh;border-radius:1.5cqh 1.5cqh 0 0}
.hqm-eindscherm .hqm-trede1 .hqm-blok{height:20cqh}.hqm-eindscherm .hqm-trede2 .hqm-blok{height:13cqh}.hqm-eindscherm .hqm-trede3 .hqm-blok{height:7cqh}
.hqm-kroon{position:absolute;z-index:2;top:-7cqh;left:50%;transform:translateX(-50%) rotate(-10deg);font-size:12cqh;animation:hqm-plop .6s 2s ease both}
.hqm-klaarbord .hqm-mascotte{font-size:inherit;width:2.1em;height:2.1em}
.hqm .hqm-set .hqm-klaar{bottom:auto;max-height:calc(100vh - max(11vh,4.6em) - 2.5vh)}
.hqm-startrij .hqm-start:disabled{opacity:1;background:rgba(30,18,8,.82);color:#fff;font-size:1.15em;box-shadow:0 0 0 .15em rgba(252,174,58,.8)}
.hqm-eindbord .hqm-krijt-jk{display:none}
.hqm-eindbord .hqm-krijt-rij.leider .hqm-krijt-naam::before{content:none}
.hqm-eindscherm .hqm-podium{gap:3cqw}
.hqm-eindscherm .hqm-trede{width:28cqw}
.hqm-eindscherm .hqm-rond.hqm-podaap{width:27cqh;height:27cqh}
.hqm-eindscherm .hqm-trede1 .hqm-rond.hqm-podaap{width:36cqh;height:36cqh}
.hqm-eindscherm .hqm-podnaam{font-size:7cqh}
.hqm-eindscherm .hqm-podscore{font-size:10cqh}
.hqm-eindscherm .hqm-trede1 .hqm-blok{height:18cqh}.hqm-eindscherm .hqm-trede2 .hqm-blok{height:11cqh}.hqm-eindscherm .hqm-trede3 .hqm-blok{height:6cqh}
.hqm-eindscherm .hqm-eindtitel{font-size:12cqh!important}
.hqm-eindscherm .hqm-trede>*{flex:none}
.hqm-eindscherm .hqm-rond.hqm-podaap{width:24cqh;height:24cqh;margin-top:0}
.hqm-eindscherm .hqm-trede1 .hqm-rond.hqm-podaap{width:33cqh;height:33cqh}
.hqm-eindscherm .hqm-podnaam{font-size:6.5cqh;line-height:1.15}
.hqm-eindscherm .hqm-podscore{font-size:9cqh}
.hqm-eindscherm .hqm-trede1 .hqm-blok{height:15cqh}.hqm-eindscherm .hqm-trede2 .hqm-blok{height:9cqh}.hqm-eindscherm .hqm-trede3 .hqm-blok{height:5cqh}
.hqm-eindscherm .hqm-blok{font-size:7.5cqh;margin-top:1cqh}
.hqm-kroon{top:-9cqh;font-size:11cqh}
/* cq rekent hier met de binnenmaat van de tv (zonder padding): ~140cqh is de hele hoogte */
.hqm-eindscherm{padding:5cqh 4cqw 0}
.hqm-eindscherm .hqm-eindtitel{font-size:16cqh!important;margin:0!important}
.hqm-eindscherm .hqm-trede{width:32cqw}
.hqm-eindscherm .hqm-rond.hqm-podaap{width:36cqh;height:36cqh}
.hqm-eindscherm .hqm-trede1 .hqm-rond.hqm-podaap{width:50cqh;height:50cqh}
.hqm-eindscherm .hqm-podnaam{font-size:8.5cqh}
.hqm-eindscherm .hqm-podscore{font-size:12cqh}
.hqm-eindscherm .hqm-blok{font-size:10cqh}
.hqm-eindscherm .hqm-trede1 .hqm-blok{height:20cqh}.hqm-eindscherm .hqm-trede2 .hqm-blok{height:13cqh}.hqm-eindscherm .hqm-trede3 .hqm-blok{height:7cqh}
.hqm-kroon{top:-12cqh;font-size:15cqh}
.hqm-klaarscherm .hqm-kl-rechts{padding:8cqh 7cqw;column-gap:6cqw;row-gap:3cqh}
.hqm-klaarscherm .hqm-qr{width:108cqh;padding:2.5cqh}
.hqm-klaarscherm .hqm-kl-kop{font-size:11cqh}
.hqm-klaarscherm .hqm-codegroot{font-size:30cqh}
.hqm-klaarscherm .hqm-klein{font-size:6cqh!important}
.hqm-klaarscherm .hqm-qmstatus{font-size:6.5cqh}
.hqm-klaarscherm .hqm-mini{font-size:5.5cqh}
/* aap kiezen bij het inloggen (Roland, 13 nov) */
.hqm-aapkop{margin-top:14px!important}
.hqm-aapkies{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;margin:6px 0 12px;padding:10px;border-radius:12px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 2px rgba(255,214,140,.25)}
.hqm-aapknop{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .15s}
.hqm-aapknop .hqm-rond{width:100%;height:100%;font-size:14px}
.hqm-aapknop.aan{transform:scale(1.12);filter:drop-shadow(0 0 6px #ffd84a)}
.hqm-aapknop.aan .hqm-rond{--rk:#ffd84a}
.hqm-aapknop.aan::after{content:"✔";position:absolute;margin:-60% 0 0 70%;font-size:16px;color:#ffd84a;text-shadow:0 1px 2px #000}
.hqm-aapknop{position:relative}
.hqm-aapknop.bezet{opacity:.28;filter:grayscale(1);cursor:default}
.hqm-speigen{display:flex!important;align-items:center;justify-content:center;gap:10px}
.hqm-speigen .hqm-rond{width:40px;height:40px;font-size:14px}
.hqm-kaartknoppen .hqm-deelknop{flex-basis:100%;font-size:1.15em;padding:14px 20px}
.hqm-kaartklein{margin:10px 0 0;font-size:13px;line-height:1.35;text-align:center;color:#e9dfcf;opacity:.85}
/* wachtende aap op de telefoon (Roland, 13 nov) */
.hqm-spwachtaapje{position:relative;width:150px;height:150px;margin:44px auto 6px;animation:hqmWacht 2.8s ease-in-out infinite;transform-origin:50% 100%}
.hqm-spwachtaapje .hqm-rond{width:100%;height:100%;font-size:18px}
.hqm-spwachtklok{position:absolute;right:-14px;bottom:-4px;z-index:3;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#2b1d12;box-shadow:0 0 0 3px #fcae3a;font-size:28px;animation:hqmKlok 2s ease-in-out infinite}
@keyframes hqmWacht{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-4px)}}
@keyframes hqmKlok{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
/* krijtbord: ruimte boven de ring voor de kop van de aap */
.hqm-klaarbord .hqm-teamlijst{overflow:visible;font-size:min(5.6cqh,calc(40cqh / var(--n,4)));gap:1.6cqh}
.hqm-klaarbord .hqm-teamrij{padding-top:.5em}
.hqm-klaarbord .hqm-mascotte{overflow:visible;align-self:flex-end}
.hqm-pertip{margin:.4em 0 .2em!important;font-style:italic}
.hqm-insteltip{margin:4px 0 10px;font-size:14px;opacity:.75}
.hqm-klaarbord .hqm-teamlijst{font-size:min(6.2cqh,calc(44cqh / var(--n,4)))}
.hqm .hqm-set .hqm-dir{pointer-events:none}
/* veel teams: twee kolommen op het krijtbord */
.hqm-klaarbord.hqm-veel .hqm-kl-kop{font-size:8cqh;margin-bottom:2cqh}
.hqm-klaarbord.hqm-veel .hqm-teamlijst{display:grid;grid-template-columns:1fr 1fr;column-gap:4cqw;row-gap:1.2cqh;font-size:4.6cqh}
.hqm-klaarbord.hqm-veel .hqm-teamrij{flex-wrap:nowrap;gap:.25em;padding-top:.55em}
.hqm-klaarbord.hqm-veel .hqm-mascotte{width:1.9em;height:1.9em}
.hqm-klaarbord.hqm-veel .hqm-spnamen{display:none}
.hqm-klaarbord.hqm-veel .hqm-weg{width:1em;font-size:.7em}
.hqm-klaarbord.hqm-veel .hqm-teamnaam{text-overflow:ellipsis}
.hqm-klaarbord.hqm-veel .hqm-teamlijst{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hqm-klaarbord .hqm-teamrij{min-width:0}
.hqm-klaarbord .hqm-teamnaam{width:0;min-width:0;flex:1 1 0}
.hqm-klaarbord.hqm-veel .hqm-teamlijst{font-size:3.9cqh;column-gap:3cqw;row-gap:2cqh}.hqm-klaarbord.hqm-veel .hqm-weg{font-size:.6em;width:.9em}
/* live meerkeuze: afgevallen antwoorden en joker (Roland, 13 nov) */
.hqm-abcdknop{position:relative}
.hqm-abcdknop.weg{opacity:.22;filter:grayscale(1);transform:scale(.86)}
.hqm-abcdknop.weg::after{content:"✖";position:absolute;inset:0;display:grid;place-items:center;font-size:64px;color:#ff4a3a;text-shadow:0 2px 6px #000;opacity:1}
.hqm-abcdknop.weg.mijn{opacity:.5}
.hqm-spjoker{display:block;width:100%;margin:10px 0 4px;padding:12px 14px;border:0;border-radius:14px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:800;font-size:17px;color:#2b1608;background:linear-gradient(#d9b3ff,#9b5de5);box-shadow:0 4px 0 #4b2380,inset 0 0 0 2px rgba(255,255,255,.5)}
.hqm-spjoker:disabled{opacity:.45;cursor:default}
.hqm-spjoker.aan{opacity:1;background:linear-gradient(#ffe7a0,#f2b01e);box-shadow:0 4px 0 #8a5a10}
.hqm-mcopt{position:relative}
.hqm-mcopt.weg{filter:grayscale(.85) brightness(.6)}
.hqm-mcweg{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.4em;pointer-events:none;animation:hqm-plop .4s ease both}
.hqm-mckruis{font-size:2.2em;color:#ff3b2a;text-shadow:0 0 .3em #000}
.hqm-mcweg .hqm-mcteam{display:inline-flex;align-items:center;gap:.25em;padding:.1em .45em .1em .1em;border-radius:999px;background:rgba(0,0,0,.75);color:#fff;font-size:.8em}
.hqm-mcweg .hqm-mcteam .hqm-rond{width:1.6em;height:1.6em}
.hqm-mcjk{position:absolute;right:-.3em;top:-.3em;font-style:normal;font-size:.7em}
.hqm-mcgekozen .hqm-mcteam{position:relative}
/* afgevallen antwoord: duidelijk kruis, teamnaam rechts, titel doorgestreept */
.hqm-abcdknop.weg{opacity:1;filter:none;transform:scale(.86);--c:#4d3f3a}
.hqm-abcdknop.weg>span{opacity:.25}
.hqm-abcdknop.weg::after{font-size:72px;color:#ff3b2a;text-shadow:0 0 10px rgba(0,0,0,.8)}
.hqm-mcopt.weg{filter:none;--c:#4d3f3a}
.hqm-mcopt.weg .hqm-mctekst{opacity:.45;text-decoration:line-through;text-decoration-color:#ff3b2a;text-decoration-thickness:.12em}
.hqm-mcweg{inset:auto .5em -.55em auto;justify-content:flex-end}
.hqm-mckruis{font-size:1.4em;line-height:1}
.hqm-mcweg .hqm-mcteam{font-size:.75em;box-shadow:0 0 0 2px #ff3b2a}
.hqm-scherm .hqm-mcopt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hqm-scherm .hqm-mcopt.weg,.hqm-mcopt.weg{background:#4d3f3a!important;box-shadow:none}
.hqm-abcdknop.weg{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.25),rgba(255,255,255,0) 42%),#5a4a44!important}
.hqm-mcweg .hqm-mcteam{display:inline-flex!important;flex-direction:row!important;align-items:center;width:auto!important;height:auto!important}
.hqm-mcweg .hqm-mcteam b{position:static!important;transform:none!important;background:none!important;color:#fff!important;font-size:1em!important;padding:0!important;box-shadow:none!important}
.hqm-mcweg{inset:auto .4em .25em auto}
.hqm-mcweg .hqm-mcteam{background:rgba(20,10,5,.85)!important;box-shadow:0 0 0 2px #ff3b2a!important;padding:.15em .5em .15em .15em!important;gap:.3em;border-radius:999px}

/* meerkeuze op de telefoon: alleen de knoppen en de joker in beeld (Roland 14 nov) */
.hqm-qm.hqm-spmc{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;box-sizing:border-box;padding:10px 12px}
.hqm-spmc>.hqm-qmkop,.hqm-spmc>.hqm-spteam,.hqm-spmc>.hqm-qmteller,.hqm-spmc>.hqm-spander,.hqm-spmc>.hqm-spstand{display:none}
.hqm-spmc .hqm-spmckop{justify-content:center;margin:0 0 6px}
.hqm-spmc .hqm-abcd{position:relative;width:min(100%,calc(100dvh - 140px));box-sizing:border-box;margin:0 auto;gap:min(18px,3dvh);padding:min(18px,3dvh)}
.hqm-spmc .hqm-abcdknop{font-size:clamp(40px,min(16vw,11dvh),84px)}
.hqm-spmc .hqm-abcd .hqm-sptel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:52px;height:52px;font-size:22px;box-shadow:0 0 0 4px #2b1608,0 4px 10px rgba(0,0,0,.6);pointer-events:none}
.hqm-spmc .hqm-spjoker{width:min(100%,calc(100dvh - 140px));margin:12px auto 0}
.hqm-spmc .hqm-spsub{margin:10px 0 0;text-align:center}

/* quizmaster: iemand riep eerder (Roland 14 nov) */
.hqm-qmanderknop{display:block;width:100%;margin:0 0 12px;padding:12px 14px;border:0;border-radius:12px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:800;font-size:17px;color:#2b1608;background:#fff8e6;border:2px solid #c8892a;box-shadow:0 4px 0 #5a3410}
.hqm-qmander{margin:0 0 14px;padding:10px 12px 12px;border-radius:14px;background:rgba(30,15,5,.7);box-shadow:inset 0 0 0 2px #c8892a}
.hqm-qmander>p{margin:0 0 10px;font-family:'Cabin Sketch',cursive;font-size:22px;color:#fff3d6}
.hqm-qmander .hqm-qmklein{margin-top:12px}

/* keuzescherm in de stijl van de studio (Roland 14 nov) */
.hqm[data-scherm=kies]{position:relative;overflow:hidden;border-radius:16px;background:#1a0f07;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hqm[data-scherm=kies]::before{content:"";position:absolute;inset:-20px;z-index:0;pointer-events:none;background:url(beeld/decor.webp?v=1) 50% 40%/cover;filter:blur(5px) brightness(.4) saturate(1.15)}
.hqm[data-scherm=kies]>*{position:relative;z-index:1}
.hqm[data-scherm=kies] .hqm-kop{margin:14px 14px 0;border-radius:14px;background:linear-gradient(rgba(70,36,12,.68),rgba(45,22,6,.68)),#5a3418 url(beeld/hout.webp?v=1) center/cover;box-shadow:inset 0 -5px 0 #c8892a,inset 0 2px 0 rgba(255,255,255,.25),0 8px 18px rgba(0,0,0,.5)}
.hqm[data-scherm=kies] .hqm-titel{font-family:'Cabin Sketch',cursive!important;font-size:52px!important;color:#fff3d6!important;text-shadow:0 3px 0 #2b1608,0 0 14px rgba(0,0,0,.8)}
.hqm[data-scherm=kies] .hqm-label{color:#ffd27a}
.hqm[data-scherm=kies] .hqm-ondertitel{background:linear-gradient(#ffe7a0,#e2a640 55%,#b47a22);color:#2b1608;box-shadow:0 3px 0 #5a3410}
.hqm[data-scherm=kies] .hqm-djaap{width:132px;height:132px;right:-14px;bottom:-22px}
.hqm[data-scherm=kies] .hqm-kies{border:0;border-radius:0;background:transparent;padding:20px 14px 18px}
.hqm[data-scherm=kies] .hqm-intro{margin:0 6px 20px;font-family:Schoolbell,cursive;font-size:21px;line-height:1.45;color:#fff3d6;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.hqm[data-scherm=kies] .hqm-kies-vak{position:relative;padding:18px 18px 16px 18px;border:12px solid transparent;border-radius:14px;background:linear-gradient(rgba(20,40,30,.9),rgba(20,40,30,.9)) padding-box,linear-gradient(rgba(96,52,20,.62),rgba(70,36,12,.62)) border-box,#5a3418 url(beeld/hout.webp?v=1) center/cover border-box;box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.55);color:#f4f1e6}
.hqm[data-scherm=kies] .hqm-kies-vak h3{margin:0 0 6px;padding-right:96px;font-family:'Cabin Sketch',cursive;font-size:30px;line-height:1.05;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.25)}
.hqm[data-scherm=kies] .hqm-kies-vak p{padding-right:96px;font-family:Schoolbell,cursive;font-size:19px;line-height:1.35;color:#e9e4d4}
.hqm-kies-aap{position:absolute;right:-6px;top:-30px;width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6));pointer-events:none}
.hqm[data-scherm=kies] .hqm-knop{background:linear-gradient(#ffe7a0,#e2a640 50%,#b47a22);color:#2b1608;border:0;border-radius:12px;box-shadow:0 5px 0 #5a3410,inset 0 0 0 2px rgba(255,255,255,.4)}
.hqm[data-scherm=kies] .hqm-knop.hqm-licht{background:#fff8e6;color:#2b1608;border:2px solid #c8892a;box-shadow:0 4px 0 #5a3410}
.hqm[data-scherm=kies] .hqm-code-in{border:3px solid #c8892a;border-radius:10px;background:#fff8e6;color:#2b1608;box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
.hqm[data-scherm=kies] .hqm-klein{margin:16px 6px 0;font-family:Schoolbell,cursive;font-size:18px;color:#e9dfcf}
.hqm[data-scherm=kies] .hqm-klein a{color:#ffd27a}
@media (max-width:700px){
.hqm[data-scherm=kies] .hqm-titel{font-size:38px!important}
.hqm[data-scherm=kies] .hqm-kop{margin:10px 10px 0}
.hqm[data-scherm=kies] .hqm-djaap{width:96px;height:96px}
.hqm[data-scherm=kies] .hqm-kies{padding:16px 10px 14px}
.hqm[data-scherm=kies] .hqm-intro{font-size:19px}
.hqm[data-scherm=kies] .hqm-kies-vak{margin-top:26px}
.hqm-kies-aap{width:92px;height:92px;top:-34px}
.hqm[data-scherm=kies] .hqm-kies-vak h3{font-size:26px;padding-right:78px}
.hqm[data-scherm=kies] .hqm-kies-vak p{padding-right:64px}}

/* geen witte themakaart rond de quiz: kaart doorzichtig, titel alleen voor zoekmachines (Roland 14 nov) */
.wp-block-group:has(>.wp-block-post-content>#hqm){background:transparent!important;padding:8px 0 32px!important}
.wp-block-group:has(>.wp-block-post-content>#hqm)>.wp-block-post-title{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0!important}
.wp-block-post-content:has(>#hqm){padding-left:0!important;padding-right:0!important}
.wp-block-post-content>#hqm{max-width:1100px!important;margin:0 auto 32px!important}
/* uitleg op een eigen krijtbord (Roland 14 nov) */
.hqm[data-scherm=kies] .hqm-intro{margin:0 0 18px;padding:14px 20px;border:12px solid transparent;border-radius:14px;background:linear-gradient(rgba(20,40,30,.9),rgba(20,40,30,.9)) padding-box,linear-gradient(rgba(96,52,20,.62),rgba(70,36,12,.62)) border-box,#5a3418 url(beeld/hout.webp?v=1) center/cover border-box;box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.55);color:#f4f1e6;text-shadow:0 0 6px rgba(255,255,255,.15)}
@media (max-width:700px){.hqm[data-scherm=kies] .hqm-intro{padding:12px 14px}}
/* voetnoot in het code-bord en jaartal schatten zonder drukknop (Roland 14 nov) */
.hqm[data-scherm=kies] .hqm-kies-vak .hqm-kies-voet{margin:16px 0 0;padding:10px 0 0;border-top:2px dashed rgba(244,241,230,.25);font-size:17px;color:#d9d3c2}
.hqm[data-scherm=kies] .hqm-kies-voet a{color:#ffd27a}
.hqm-spjaar{margin:18px 0 14px;padding:18px 16px;border:12px solid transparent;border-radius:16px;text-align:center;background:linear-gradient(rgba(20,40,30,.92),rgba(20,40,30,.92)) padding-box,linear-gradient(rgba(96,52,20,.62),rgba(70,36,12,.62)) border-box,#5a3418 url(beeld/hout.webp?v=1) center/cover border-box;box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.55);color:#f4f1e6}
.hqm-spjaar-i{font-size:64px;line-height:1.1}
.hqm-spjaar b{display:block;margin:4px 0 6px;font-family:'Cabin Sketch',cursive;font-size:32px;color:#fff}
.hqm-spjaar p{margin:0;font-family:Schoolbell,cursive;font-size:21px;line-height:1.35}
/* uitgelichte afbeelding is alleen om te delen, niet op de pagina (14 nov) */
body:has(#hqm) .wp-block-post-featured-image{display:none!important}