:root{--tt-accent:#ff6f3c;--tt-accent-zacht:#ffe8d9;--tt-header-bg:#12a39a;--tt-bg:#fff8ef;--tt-fout:#e63946;--tt-fout-zacht:#fde3e4;--tt-succes:#2dc653;--tt-succes-zacht:#e1f8e7}*{box-sizing:border-box}body{background:var(--tt-bg);color:#222;margin:0;font-family:Poppins,system-ui,sans-serif}.ht-header{background:var(--tt-header-bg);color:#fff;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.ht-logo{color:#fff;font-weight:700;text-decoration:none}.ht-menu{flex:1;gap:.5rem;display:flex}.ht-btn{color:#eafffb;border-radius:6px;padding:.4rem .8rem;text-decoration:none}.ht-btn:hover,.ht-btn.active{background:var(--tt-accent);color:#fff}.ht-right{align-items:center;gap:1rem;display:flex;position:relative}.ht-meta{color:#d6f5f1;flex-direction:column;align-items:flex-end;font-size:.8rem;display:flex}.tt-page{max-width:720px;margin:0 auto;padding:2rem 1rem}.tt-card{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 12px #0000000f}.tt-btn{background:var(--tt-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;display:inline-block}.tt-btn:hover{opacity:.9}.tt-btn:disabled{opacity:.5;cursor:not-allowed}.tt-btn-secundair{color:#222;background:#f0e4d4}.tt-modes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.tt-mode-card{text-align:center}.tt-mode-card h3,.tt-vraag h2{margin-top:0}.tt-keuzes{grid-template-columns:1fr;gap:.6rem;display:grid}.tt-keuze{cursor:pointer;text-align:left;background:#fff;border:2px solid #ddd;border-radius:10px;padding:.9rem 1rem;font-size:1rem}.tt-keuze:hover:not(:disabled){border-color:var(--tt-accent)}.tt-keuze.gekozen{border-color:var(--tt-accent);background:var(--tt-accent-zacht)}.tt-keuze.correct{border-color:var(--tt-succes);background:var(--tt-succes-zacht)}.tt-keuze.fout{border-color:var(--tt-fout);background:var(--tt-fout-zacht)}.tt-foto{border-radius:10px;width:auto;max-width:100%;max-height:260px;margin:0 auto 1.25rem;display:block}.tt-keuzes-fotos{grid-template-columns:repeat(2,1fr)}.tt-foto-keuze{padding:.4rem}.tt-foto-keuze img{object-fit:cover;border-radius:8px;width:100%;height:130px;display:block}.tt-scorebord{padding:0;list-style:none}.tt-scorebord li{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.tt-scorebord li:first-child{color:var(--tt-accent);font-weight:700}.tt-score-cel{align-items:baseline;gap:.6rem;display:flex}.tt-score-cel small{color:#888;white-space:nowrap;font-size:.8rem;font-weight:400}.tt-eindscore{font-size:1.3rem}.tt-knop-rij{flex-wrap:wrap;gap:.75rem;display:flex}.tt-highscores{margin:0;padding:0;list-style:none}.tt-highscores li{border-bottom:1px solid #eee;grid-template-columns:2rem 1fr auto;align-items:center;gap:.75rem;padding:.6rem .75rem;display:grid}.tt-highscores li:last-child{border-bottom:none}.tt-rang{color:#888;font-variant-numeric:tabular-nums;font-weight:700}.tt-highscores li:first-child .tt-rang{color:#d4a017}.tt-highscores li:nth-child(2) .tt-rang{color:#888}.tt-highscores li:nth-child(3) .tt-rang{color:#a97142}.tt-highscore-naam{flex-direction:column;min-width:0;display:flex}.tt-highscore-naam small{color:#888;font-size:.8rem}.tt-highscores strong{font-variant-numeric:tabular-nums}.tt-code{letter-spacing:.3em;text-align:center;color:var(--tt-accent);font-size:2.5rem;font-weight:700}.tt-form-row{margin-bottom:1rem}.tt-form-row label{margin-bottom:.3rem;font-weight:600;display:block}.tt-form-row input,.tt-form-row select,.tt-form-row textarea{border:1px solid #ccc;border-radius:6px;width:100%;padding:.6rem;font-size:1rem}.tt-fout{color:var(--tt-fout)}.tt-spelerslijst{flex-wrap:wrap;gap:.5rem;display:flex}.tt-speler-chip{background:var(--tt-bg);border-radius:20px;padding:.4rem .8rem}.tt-lijst{padding:0;list-style:none}.tt-lijst li{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem 0;display:flex}.tt-vraag-cel{flex-direction:column;gap:.35rem;min-width:0;display:flex}.tt-vraag-tekst{padding-top:.3rem}.tt-vraag-kop{color:#666;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.tt-vraag-kop h1{color:#222;margin:0}.tt-timer{align-items:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.tt-timer-balk{background:#eee;border-radius:5px;flex:1;height:10px;overflow:hidden}.tt-timer-vulling{border-radius:5px;height:100%;transition:width .1s linear,background .3s}.tt-timer-tekst{font-variant-numeric:tabular-nums;color:#666;text-align:right;min-width:2.5em;font-weight:600}.tt-resultaat{margin:1rem 0;font-weight:600}.tt-categorieen{border:none;margin:0 0 1.25rem;padding:0}.tt-categorieen legend{margin-bottom:.5rem;padding:0;font-weight:600}.tt-categorie{cursor:pointer;border:2px solid #ddd;border-radius:8px;align-items:flex-start;gap:.6rem;margin-bottom:.5rem;padding:.6rem .75rem;display:flex}.tt-categorie:hover{border-color:var(--tt-accent)}.tt-categorie.aan{border-color:var(--tt-accent);background:var(--tt-accent-zacht)}.tt-categorie input{margin-top:.25rem}.tt-categorie span{flex-direction:column;display:flex}.tt-categorie small{color:#777}.tt-deel{margin:1.25rem 0}.tt-deel label{margin-bottom:.3rem;font-weight:600;display:block}.tt-deel-rij{gap:.5rem;display:flex}.tt-deel-rij input{background:#fafafa;border:1px solid #ccc;border-radius:6px;flex:1;padding:.6rem;font-size:.9rem}.tt-deel small{color:#777;margin-top:.3rem;display:block}.tt-form-row-checkbox label{align-items:center;gap:.5rem;font-weight:400;display:flex}.tt-form-row-checkbox input{width:auto}.tt-badge-admin{background:var(--tt-accent);color:#fff;text-transform:uppercase;vertical-align:middle;border-radius:10px;margin-left:.4rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.tt-youtube-wrap{margin-bottom:1.25rem}.tt-youtube-16x9{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.tt-youtube-16x9 iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.tt-youtube-overlay{z-index:2;background:var(--tt-accent);color:#fff;text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:1.3rem;font-weight:700;display:flex;position:absolute;inset:0}.tt-tag-vast{background:var(--tt-bg);color:#666;border-radius:20px;margin-bottom:.6rem;padding:.3rem .7rem;font-size:.85rem;display:inline-block}.tt-tag-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tt-tag-optie{cursor:pointer;border:2px solid #ddd;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.9rem;display:flex}.tt-tag-optie:hover{border-color:var(--tt-accent)}.tt-tag-optie.aan{border-color:var(--tt-accent);background:var(--tt-accent-zacht)}.tt-tag-optie input{width:auto;margin:0}.tt-tag-keuze{border-top:1px solid #eee;margin-top:.5rem;padding-top:.75rem}.tt-tag-keuze-label{margin:0 0 .5rem;font-weight:600}.tt-vraag-eigenaar{color:#888}.tt-tag-lijst{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.tt-tag-lijst-speel{margin:-.5rem 0 1.1rem}.tt-tag-label{color:#999;margin-right:.1rem}.tt-tag-chip{background:var(--tt-bg);color:#666;border-radius:12px;padding:.15rem .55rem;font-size:.75rem;display:inline-block}.tt-tag-chip-eigenaar{background:var(--tt-accent);color:#fff;font-weight:600}