.gr-fout{padding:var(--ruimte-1) var(--ruimte-2);border-radius:var(--radius-klein);border:2px solid var(--dakpan);color:var(--inkt)}.gr-lobby{gap:var(--ruimte-4);flex-wrap:wrap;align-items:flex-start;display:flex}.gr-lobby__code{gap:var(--ruimte-1);min-width:0;padding:var(--ruimte-4);border-radius:var(--radius-wolk);background:var(--hemel);color:var(--op-hemel);flex-direction:column;flex:340px;display:flex}.gr-adres{font-family:var(--font-display);overflow-wrap:anywhere;font-size:32px;font-weight:800;line-height:40px}.gr-code{font-family:var(--font-display);letter-spacing:.12em;font-size:clamp(72px,12vw,140px);font-weight:800;line-height:1}.gr-lobby__spelers{gap:var(--ruimte-2);flex-direction:column;flex:280px;align-items:flex-start;min-width:0;display:flex}.gr-spelers{gap:var(--ruimte-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.gr-spelers li{padding:6px var(--ruimte-2);border-radius:var(--radius-rond);background:var(--oppervlak);font-family:var(--font-display);font-size:22px;font-weight:700}.gr-voorlezen{align-items:center;gap:var(--ruimte-1);display:flex}.gr-voorlezen input{width:20px;height:20px;accent-color:var(--hemel)}.gr-vraag{align-items:center;gap:var(--ruimte-3);display:flex}.gr-gust{border-radius:var(--radius-wolk);flex:none;width:clamp(80px,12vw,140px);height:auto}.gr-raadsel{font-family:var(--font-lezen);text-wrap:balance;font-size:clamp(26px,3.2vw,40px);line-height:1.3}.gr-tijd{border-radius:var(--radius-rond);background:var(--oppervlak);height:10px;overflow:hidden}.gr-tijd span{background:var(--zon);transform-origin:0;height:100%;animation:linear forwards gr-tijd;display:block}@keyframes gr-tijd{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.gr-keuzes{gap:var(--ruimte-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.gr-keuze{padding:var(--ruimte-1);border-radius:var(--radius-wolk);background:var(--oppervlak);color:var(--inkt);font-family:var(--font-display);border:4px solid #0000;flex-direction:column;align-items:center;gap:4px;font-size:22px;font-weight:700;transition:opacity .3s;display:flex}.gr-keuze img{aspect-ratio:1;border-radius:var(--radius-klein);width:100%;height:auto}.gr-keuze.is-goed{border-color:var(--gras)}.gr-keuze.is-niet{opacity:.35}.gr-uitslag{justify-content:space-between;align-items:flex-end;gap:var(--ruimte-3);flex-wrap:wrap;display:flex}.gr-scores{counter-reset:plek;flex-direction:column;gap:4px;min-width:min(320px,100%);margin:0;padding:0;list-style:none;display:flex}.gr-scores li{counter-increment:plek;align-items:center;gap:var(--ruimte-2);padding:6px var(--ruimte-2);border-radius:var(--radius-klein);background:var(--oppervlak);font-variant-numeric:tabular-nums;font-size:20px;display:flex}.gr-scores li:before{content:counter(plek);min-width:1.5em;color:var(--inkt-zacht);font-weight:600}.gr-scores span{overflow-wrap:anywhere;flex:1;min-width:0}.gr-scores li.is-ik{outline:3px solid var(--hemel)}.gr--telefoon{max-width:520px;margin-inline:auto}.gr-meedoen,.gr-bericht{gap:var(--ruimte-2);flex-direction:column;display:flex}.gr-uitleg{padding:var(--ruimte-2);border-radius:var(--radius-wolk);background:var(--oppervlak)}.gr-uitleg summary{cursor:pointer}.gr-uitleg p,.gr-uitleg ol{margin:var(--ruimte-1) 0 0}.gr-uitleg ol{padding-left:var(--ruimte-3)}.gr-gust-klein{border-radius:var(--radius-wolk);width:96px;height:auto}.gr-invoer{min-height:56px;padding:0 var(--ruimte-2);border:2px solid var(--inkt-zacht);border-radius:var(--radius-klein);background:var(--oppervlak);color:var(--inkt);font:inherit;font-size:22px}.gr-invoer--code{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:36px;font-weight:800}.gr-keuzes--telefoon{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-keuzes--telefoon li{display:flex}.gr-keuzes--telefoon .gr-keuze{cursor:pointer;width:100%}.gr-keuze:disabled{cursor:default;opacity:.4}.gr-keuze.is-gekozen{opacity:1;border-color:var(--hemel)}@media (width<=640px){.gr-keuzes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.gr-tijd span{animation:none}.gr-keuze{transition:none}}.gr-terug{align-self:flex-start}.gr-kies{align-items:center;gap:var(--ruimte-2);text-align:center;flex-direction:column;display:flex}.gr-kies__knoppen{gap:var(--ruimte-3);width:100%;max-width:880px;margin-top:var(--ruimte-2);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));display:grid}.gr-modus{padding:var(--ruimte-3) var(--ruimte-2);border-radius:var(--radius-wolk);color:var(--inkt);font:inherit;cursor:pointer;border:4px solid #0000;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s;display:flex}.gr-modus--alleen{background:color-mix(in srgb, var(--mist) 28%, var(--oppervlak))}.gr-modus--samen{background:color-mix(in srgb, var(--zon) 32%, var(--oppervlak))}.gr-modus:hover,.gr-modus:focus-visible{border-color:var(--hemel);outline:none}.gr-modus__figuren{justify-content:center;align-items:center;height:clamp(120px,18vw,160px);display:flex}.gr-modus__figuren img{aspect-ratio:1;object-fit:cover;border:4px solid var(--wolk);background:#fff;border-radius:50%;flex:none;width:auto;height:100%}.gr-modus--samen .gr-modus__figuren img{height:58%;margin-inline:-10px}.gr-modus--samen .gr-modus__figuren img:nth-child(3){z-index:1;height:82%;position:relative}.gr-modus__naam{font-family:var(--font-display);font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1.1}.gr-modus__uitleg{color:var(--inkt-zacht);font-size:18px}.gr-lees{border-radius:var(--radius-rond);background:var(--oppervlak);cursor:pointer;border:0;flex:none;width:56px;height:56px;font-size:26px}.gr-keuzes--alleen li{display:flex}.gr-keuzes--alleen .gr-keuze{cursor:pointer;width:100%}.gr-keuzes--alleen .gr-keuze:not(:disabled):hover{border-color:var(--hemel)}.gr-keuzes--alleen .gr-keuze:disabled{opacity:1}.gr-keuze.is-fout{border-color:var(--dakpan)}.gr-keuze--woord{justify-content:center;min-height:120px}.gr-woord{padding:var(--ruimte-1);text-align:center;overflow-wrap:anywhere;font-size:clamp(22px,2.6vw,30px);line-height:1.2}.gr-na{align-items:flex-start;gap:var(--ruimte-1);flex-direction:column;min-height:56px;display:flex}.gr-na:empty{display:none}.gr-waarom{max-width:60ch;padding:var(--ruimte-1) var(--ruimte-2);border-left:6px solid var(--zon);border-radius:var(--radius-klein);background:var(--oppervlak);font-family:var(--font-lezen);font-size:20px;line-height:1.4}.gr-speler{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.gr-kroon-uitleg{color:var(--inkt-zacht)}.gr-tweede-knop{min-height:44px;color:var(--hemel);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.gr-tweede{gap:var(--ruimte-1);flex-direction:column;display:flex}.gr-tweede p{color:var(--inkt-zacht);margin:0}.gr-code-rij{align-items:center;gap:var(--ruimte-2) var(--ruimte-3);flex-wrap:wrap;display:flex}.gr-qr{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.gr-qr svg{border-radius:10px;width:clamp(110px,12vw,160px);height:auto}
