@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Space+Mono:wght@700&display=swap";:root{color-scheme:dark;--bg: #141033;--bg-2: #0e0a26;--panel: #211a52;--panel-2: #2b2270;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--fg: #f7f5ff;--muted: #a99be6;--accent: #ff4d8d;--accent-2: #22e0d6;--accent-dark: #b5245f;--accent-grad: #ff4d8d;--violet-grad: #6d28d9;--cyan: #22e0d6;--yellow: #ffd23f;--cta: #ffd23f;--cta-edge: #d9a800;--cta-fg: #1a0e2e;--ok: #22e0d6;--warn: #fbbf24;--gold: #ffd23f;--radius: .9rem;--shadow: 0 12px 34px rgba(0, 0, 0, .45);--font-display: "Fredoka", system-ui, sans-serif;--font-code: "Space Mono", ui-monospace, Menlo, monospace;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;color:var(--fg);-webkit-tap-highlight-color:transparent}body{background:radial-gradient(1100px 560px at 82% -12%,rgba(255,77,141,.16),transparent 60%),radial-gradient(1000px 520px at 4% 108%,rgba(34,224,214,.13),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed}a{color:var(--accent)}button,.btn,.segment,.tab,.choice,.player,.avatar{transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}main{padding:1.25rem;max-width:40rem;margin:0 auto}h1{font-family:var(--font-display);font-weight:700;font-size:1.7rem;letter-spacing:-.02em;margin:0 0 1rem}h2{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin:1.5rem 0 .6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.muted{color:var(--muted)}.error{color:var(--accent)}.centered{display:grid;place-items:center;min-height:60vh}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form{display:flex;flex-direction:column;gap:1rem}.form label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.9rem}.input{font:inherit;font-size:1.1rem;padding:.75rem .95rem;border-radius:.7rem;border:1px solid var(--border-strong);background:#0c0a178c;color:var(--fg);transition:border-color .16s ease,box-shadow .16s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff4d8d47}.input--code{font-family:var(--font-code);font-size:1.8rem;letter-spacing:.4em;text-transform:uppercase;text-align:center}.btn{font:inherit;font-size:1.05rem;font-weight:600;padding:.9rem 1.2rem;border-radius:.9rem;border:2px solid var(--border-strong);background:var(--panel-2);color:var(--fg);cursor:pointer;text-align:center;text-decoration:none;display:inline-block;box-shadow:0 4px #00000059}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #00000059}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00000059}.btn:disabled{opacity:.4;cursor:default;box-shadow:0 4px #0003}.btn--primary{background:var(--cta);border:2px solid transparent;color:var(--cta-fg);box-shadow:0 4px 0 var(--cta-edge)}.btn--primary:hover:not(:disabled){box-shadow:0 5px 0 var(--cta-edge)}.btn--primary:active:not(:disabled){box-shadow:0 2px 0 var(--cta-edge)}.btn--danger{background:transparent;border-color:#ff4d8d8c;color:var(--accent)}.btn--danger:hover:not(:disabled){background:#ff4d8d1f}.btn--tiny{font-size:.8rem;padding:.35rem .6rem;border-radius:.5rem}.btn--link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:.5rem 0}.actions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem}.avatar{font-size:1.6rem;padding:.3rem 0;border-radius:.6rem;border:2px solid transparent;background:var(--panel);cursor:pointer}.avatar--selected{border-color:var(--accent);background:#35163a}.notice{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:.6rem;background:#35163a;border:1px solid var(--accent-dark)}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tab{flex:1;font:inherit;font-weight:600;padding:.7rem;border-radius:.7rem;border:1px solid var(--border);background:#ffffff05;color:var(--muted);cursor:pointer}.tab--active{background:var(--accent-grad);color:#fff;border-color:transparent}.invite{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.session-code{display:inline-flex;gap:.35rem;font-family:var(--font-code);font-weight:700}.session-code span{display:inline-grid;place-items:center;background:var(--bg-2);border:2px solid var(--border-strong);border-radius:.7rem;color:#fff;box-shadow:0 4px #0006}.session-code--large span{width:4.5rem;height:5.5rem;font-size:3.5rem}.session-code--small span{width:2.2rem;height:2.8rem;font-size:1.6rem}.qr{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0;padding:.75rem;background:#fff;border-radius:.8rem}.qr__url{color:#333;font-size:.8rem;word-break:break-all;text-align:center}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.player{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:.7rem;background:var(--panel);border:1px solid var(--border);box-shadow:0 2px 10px #00000040}.player--offline{opacity:.5}.player--me{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.player__avatar{font-size:1.5rem}.player__name{flex:1;display:flex;align-items:center;gap:.5rem;font-weight:600}.player__rtt{font-variant-numeric:tabular-nums;font-size:.85rem}.badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.18rem .45rem;border-radius:.45rem;background:var(--accent-grad);color:#fff}.badge--muted{background:#33334d;color:var(--muted)}.buzz-screen{display:flex;flex-direction:column;align-items:stretch;gap:1rem;min-height:100dvh;padding:1rem}.buzz{flex:1;min-height:45vh;width:100%;border:none;border-radius:1.5rem;font:inherit;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform 60ms ease-out}.buzz:active{transform:scale(.97)}.buzz__label{font-size:2.4rem;font-weight:800;letter-spacing:.02em}.buzz__detail{font-size:1.2rem;opacity:.85}.buzz--locked{background:#33334d;color:var(--muted)}.buzz--armed{background:var(--warn);color:#1a1200}.buzz--open{background:var(--accent)}.buzz--pressed{background:var(--accent-dark)}.buzz--winner{background:var(--gold);color:#1a1200}.buzz--ranked{background:#3d3d5c}.buzz--false-start{background:#6b1d2c}.buzz--late{background:#2a2a40;color:var(--muted)}.buzz--late .buzz__label{font-size:1.5rem}.countdown{font-family:var(--font-display);font-size:5rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.go{font-family:var(--font-display);font-size:8rem;font-weight:700;color:var(--ok);text-align:center;line-height:1}.ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ranking__row{display:grid;grid-template-columns:3rem 2rem 1fr auto auto;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:.7rem;background:var(--panel);border:1px solid var(--border)}.ranking__row:first-child{background:linear-gradient(135deg,#ffd23f38,#ffd23f0f);border-color:#ffd23f8c}.ranking__row:first-child .ranking__rank{color:var(--gold)}.ranking__row--false-start{opacity:.6}.ranking__rank{font-weight:800;font-size:1.2rem}.ranking__avatar{font-size:1.4rem}.ranking__name{font-weight:600}.ranking__time,.ranking__rtt{font-variant-numeric:tabular-nums;font-size:.9rem}.screen{max-width:none;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;gap:1rem}.screen__top{width:100%;display:flex;align-items:center;gap:1.5rem}.screen__main{flex:1;width:min(100%,60rem);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.25rem}.screen__main h1{font-size:2.4rem;margin:0}.screen__main .qr{margin:0}.screen__main .qr__url{font-size:1rem}.screen__players .player-list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.6rem}.screen__players .player{font-size:1.1rem}.screen__main .ranking,.screen__main .scoreboard{width:min(100%,40rem);text-align:left}.screen__main .ranking__row,.screen__main .scoreboard__row{font-size:1.3rem}@media(max-width:800px){.screen{padding:1rem}}@media(min-width:1400px){.screen__main h1{font-size:3rem}.screen .session-code--large span{width:6rem;height:7.5rem;font-size:4.8rem}.quiz-tv .mcq__text{font-size:3.6rem}.quiz-tv .mcq__choices--tv .choice{font-size:2.3rem;padding:2.2rem 2.4rem}.screen__players .player{font-size:1.4rem}}.segmented{display:flex;gap:.4rem;margin:.5rem 0}.segmented--wrap{flex-wrap:wrap}.segment{flex:1;font:inherit;font-weight:600;padding:.65rem .4rem;border-radius:.7rem;border:1px solid var(--border);background:#ffffff05;color:var(--muted);cursor:pointer}.segment:hover{border-color:var(--border-strong);color:var(--fg)}.segment--active{background:var(--accent-grad);color:#fff;border-color:transparent}.segment--active:hover{color:#fff}.launcher{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.quiz-screen{display:flex;flex-direction:column;gap:1rem;min-height:100dvh;padding:1rem;position:relative}.quiz-header{display:flex;flex-direction:column;gap:.5rem}.quiz-header__index{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.timer{position:relative;height:1.6rem;border-radius:.8rem;background:#ffffff0f;border:1px solid var(--border);overflow:hidden}.timer__bar{height:100%;background:linear-gradient(90deg,#22e0d6,#7cf0e8);transition:width .1s linear}.timer--urgent .timer__bar{background:var(--accent)}.timer--paused .timer__bar{background:var(--warn)}.timer__label{position:absolute;inset:0;display:grid;place-items:center;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}.mcq{display:flex;flex-direction:column;gap:1rem}.mcq__text{font-size:2rem;text-align:center;margin:0}.mcq__text--phone{font-size:1.2rem;font-weight:600}.mcq__choices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.6rem}.mcq__choices--tv{grid-template-columns:1fr 1fr;width:min(100%,50rem);gap:1rem}.choice{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-radius:.9rem;background:var(--panel);border:2px solid var(--border);box-shadow:0 4px #0000004d;font:inherit;font-size:1.1rem;color:var(--fg);text-align:left}.choice--button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 5px #0000004d}.choice--button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0000004d}.choice--button{cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;min-height:3.8rem}.choice--button:disabled{cursor:default}.mcq__choices--tv .choice{font-size:1.6rem;padding:1.2rem 1.4rem}.choice__letter{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;flex-shrink:0}.choice__text{flex:1}.choice__count{font-variant-numeric:tabular-nums;color:var(--muted)}.choice--selected{border-color:var(--accent);background:#35163a;box-shadow:0 0 0 1px var(--accent),0 4px #0000004d}.choice--correct{border-color:var(--ok);background:#0f3f3a}.choice--correct .choice__letter{background:var(--ok);color:#06251f}.choice--wrong{border-color:var(--accent);background:#3a1620}.choice--dim{opacity:.45}.centered-text{text-align:center}.result-banner{text-align:center;font-size:1.3rem;font-weight:700;padding:.8rem;border-radius:.8rem;background:var(--panel)}.result-banner--good{color:var(--ok)}.result-banner--bad{color:var(--accent)}.host-bar{margin-top:auto;justify-content:center;gap:.5rem;position:relative;z-index:11}.overlay{position:fixed;inset:0;display:grid;place-items:center;font-size:4rem;font-weight:900;background:#0f0f1ad9;z-index:10}.quiz-tv{width:100%;min-height:calc(100dvh - 8rem);display:flex;flex-direction:column;align-items:center;gap:2rem}.quiz-tv__body{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:2rem}.quiz-tv .mcq{gap:3.5rem;align-items:center;width:100%}.quiz-tv .mcq__text{font-size:2.8rem;line-height:1.25;max-width:60rem}.quiz-tv .mcq__choices--tv{width:min(100%,70rem);gap:2rem}.quiz-tv .mcq__choices--tv .choice{font-size:1.8rem;padding:1.5rem 1.8rem}.quiz-tv__footer{width:min(100%,60rem);margin-top:auto}.quiz-tv__footer .timer{height:2.2rem}.quiz-tv__footer .timer__label,.quiz-tv__footer .quiz-header__index,.quiz-tv__footer .muted{font-size:1.1rem}.points-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem;font-size:1.2rem}.points-list__good{color:var(--ok)}.points-list__bad{color:var(--muted)}.scoreboard{width:100%}.scoreboard__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.scoreboard__row{display:grid;grid-template-columns:2rem 2rem 1fr auto auto;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:.7rem;background:var(--panel);border:1px solid var(--border)}.scoreboard__row--first{background:linear-gradient(135deg,#ffd23f38,#ffd23f0f);border-color:#ffd23f8c}.scoreboard__row--first .scoreboard__rank,.scoreboard__row--first .scoreboard__total{color:var(--gold)}.scoreboard__row--me{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.scoreboard__rank{font-weight:800}.scoreboard__avatar{font-size:1.3rem}.scoreboard__name{font-weight:600}.scoreboard__quiz{color:var(--ok);font-variant-numeric:tabular-nums}.scoreboard__total{font-variant-numeric:tabular-nums;font-weight:700}.screen__main .scoreboard{width:min(100%,40rem);text-align:left}.screen__main .scoreboard__row{font-size:1.3rem}.admin{max-width:64rem}.admin__header{flex-wrap:wrap;margin-bottom:1rem}.admin__header h1{margin:0}.admin__tabs{flex:1;max-width:24rem;margin:0}.admin__panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin-top:1.5rem}.panel{padding:1rem;border-radius:.9rem;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0}.small{font-size:.85rem}.ok{color:var(--ok)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid #2a2a40;vertical-align:middle}.table th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.table__row--dim{opacity:.55}.table__actions{display:flex;gap:.4rem;justify-content:flex-end}.question-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.question-list__row{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border-radius:.6rem;background:var(--panel)}.question-list__text{flex:1}.schema-form{display:flex;flex-direction:column;gap:.75rem}.schema-form label{display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.9rem}.schema-form__check{flex-direction:row!important;align-items:center}.schema-form__group{border:1px solid #33334d;border-radius:.6rem;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.5rem}.schema-form__group legend{color:var(--muted);font-size:.9rem;padding:0 .3rem}.schema-form__group .row{justify-content:flex-start}.schema-form__group .input{flex:1}.suggestions-editor{font-family:ui-monospace,Menlo,monospace;font-size:.95rem;resize:vertical}.media-stage{display:flex;align-items:center;justify-content:center;gap:1.5rem;min-height:12rem;width:100%}.media-stage--compact{min-height:6rem;gap:1rem}.media-stage__note{font-size:6rem;line-height:1;color:var(--accent)}.media-stage--compact .media-stage__note{font-size:3rem}.media-stage__note--playing{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}.media-stage__hint{font-size:1.6rem;color:var(--muted)}.media-stage--compact .media-stage__hint{font-size:1.1rem}.media-stage__cover{width:12rem;height:12rem;border-radius:1rem;object-fit:cover;box-shadow:0 0 40px #00000080}.media-stage--compact .media-stage__cover{width:5rem;height:5rem;border-radius:.6rem}.media-stage__title{font-size:2rem;font-weight:800;text-align:left}.media-stage__artist{font-size:1.3rem;color:var(--muted);text-align:left}.media-stage--compact .media-stage__title{font-size:1.2rem}.media-stage--compact .media-stage__artist{font-size:1rem}.deezer-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:22rem;overflow-y:auto}.deezer-result{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:.5rem;background:var(--bg)}.deezer-result--picked{outline:1px solid var(--ok)}.deezer-result__cover{width:2.5rem;height:2.5rem;border-radius:.3rem;object-fit:cover}.deezer-result__text{flex:1;color:var(--fg)}.deflou{display:flex;flex-direction:column;align-items:center;gap:.75rem}.deflou__img{max-width:100%;max-height:70vh;border-radius:14px;object-fit:contain;background:#0003;border:1px solid var(--border);box-shadow:0 18px 50px #0000008c}.deflou__img--playing{animation:deflou-reveal var(--deflou-ms, 30s) linear forwards}@keyframes deflou-reveal{0%{filter:blur(var(--deflou-blur, 28px))}to{filter:blur(0)}}.deflou__hint{font-size:1.2rem;opacity:.8}.deflou__answer{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:#fff}.deflou-play{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.deflou-play__prompt,.deflou-play__mine{font-size:1.1rem;text-align:center}.deflou-play__verdict{font-size:1.4rem;font-weight:700;text-align:center}.deflou-play__verdict.is-correct{color:var(--ok)}.deflou-play__verdict.is-wrong{color:var(--accent)}.deflou-play__answer{text-align:center}.autocomplete{position:relative;width:100%}.autocomplete .input{width:100%}.autocomplete__list{position:absolute;z-index:20;left:0;right:0;margin:2px 0 0;padding:0;list-style:none;max-height:240px;overflow-y:auto;background:#fff;color:#111;border:1px solid #0002;border-radius:8px;box-shadow:0 8px 24px #0003}.autocomplete__item{padding:.5rem .75rem;cursor:pointer}.autocomplete__item--active{background:#2563eb;color:#fff}.deflou-admin__preview{max-width:100%;max-height:180px;border-radius:8px;object-fit:contain;display:block;margin-bottom:.5rem}.deflou-admin__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.deflou-admin__thumb{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#0001;aspect-ratio:4 / 3}.deflou-admin__thumb img{width:100%;height:100%;object-fit:cover;display:block}.deflou-admin__thumb.is-selected{border-color:#2563eb}.deflou-admin__upload{display:inline-flex;align-items:center;gap:6px;padding:.4rem .7rem;margin-bottom:.5rem;border:1px dashed #2563eb;border-radius:8px;cursor:pointer;font-size:.9rem;color:#2563eb}.deflou-admin__upload input{max-width:190px}.host-banner{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;margin:.25rem 0 1.25rem;border-radius:.9rem;background:var(--cta);color:var(--cta-fg);font-weight:700;box-shadow:0 4px 0 var(--cta-edge)}.host-banner__icon{font-size:1.5rem;line-height:1}.host-banner__sub{font-weight:500;opacity:.85}.host-hint{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:999px;background:#ffd23f24;border:2px solid var(--yellow);color:var(--yellow);font-weight:600;font-size:1.3rem}.host-toggle{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;margin-top:.35rem;font-size:1rem;cursor:pointer;border:2px solid var(--accent);border-radius:.9rem;background:#ff4d8d14}.host-toggle:has(input:checked){background:#ff4d8d2e}.host-toggle input{width:1.4rem;height:1.4rem;accent-color:var(--accent);flex:0 0 auto}.host-toggle__title{font-weight:700}.free-answer{display:flex;gap:.6rem;margin-top:.5rem}.free-answer .input{flex:1}.validate{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.validate__answer{text-align:center;font-size:1.1rem}.validate__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.validate__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:.7rem;background:var(--panel);border:1px solid var(--border)}.validate__row.is-ok{border-color:#22e0d699;box-shadow:0 0 0 1px #22e0d659}.validate__row.is-ko{border-color:#ff4d8d73}.validate__name{font-weight:700}.validate__text{color:var(--fg);overflow-wrap:anywhere}.validate__toggle{min-width:4.5rem}