:root{--purple:#46178f;--purple-deep:#380d78;--purple-2:#6a2ecf;--ink:#333744;--muted:#6e6e80;--paper:#fff;--red:#e21b3c;--red-d:#b3142f;--blue:#1368ce;--blue-d:#0f4fa1;--gold:#d89e00;--gold-d:#a87b00;--green:#26890c;--green-d:#1c6608;--star:#7d2ee6;--star-d:#5f21b0;--plum:#e2138b;--plum-d:#b30f6d;--correct:#66bf39;--wrong:#f35;--brand-green:#26890c;--brand-green-d:#1c6608;--shadow:0 4px 0 #0003}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 20% 15%,#5a23b8 0,transparent 45%),radial-gradient(circle at 85% 80%,#3a0f7a 0,transparent 50%),var(--purple);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.screen{position:relative;display:flex;flex-direction:column;gap:18px;max-width:1000px;min-height:100vh;margin:0 auto;padding:clamp(16px,3vw,32px)}.center{text-align:center;justify-content:center;align-items: center}.grow{display:flex;flex-direction:column;flex:1;min-height:0}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items: center;gap:12px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:900}.brand{color:#fff;text-shadow:0 3px #00000040,0 2px 12px #00000073;font-size:clamp(2.4rem,7vw,4rem)}.brand.sm{font-size:clamp(1.4rem,4vw,2rem)}.brand .k{display:inline-block;color:var(--purple);background:#fff;border-radius:12px;padding:0 .25em;transform:rotate(-3deg)}.tagline{color:#e9deff;font-size:1.05rem;font-weight:600}.muted{color:var(--muted)}.on-purple{color:#eaddff;text-shadow:0 2px 10px #0006}.huge{font-size:clamp(2rem,6vw,3.2rem);font-weight:900}.big{font-size:1.5rem;font-weight:800}.card{background:var(--paper);border-radius:12px;width:100%;max-width:440px;padding:24px;box-shadow:0 12px 40px #00000047}.panel{background:var(--paper);border-radius:14px;padding:clamp(18px,3vw,30px);box-shadow:0 10px 30px #00000038}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.input{color:var(--ink);font:inherit;background:#f7f7fb;border:2px solid #d0d0dd;border-radius:8px;width:100%;padding:14px 16px;font-weight:700}.input:focus{outline:none;border-color:var(--purple-2);background:#fff}.input.big{text-align:center;letter-spacing:.14em;font-size:1.7rem;font-weight:900}.input.sm{width:110px;padding:9px 12px}.input:disabled{opacity:.6;cursor:not-allowed}textarea.input{resize:vertical;font-family:inherit}.field{display:flex;flex-direction:column;gap:5px}.stack.sm-gap{gap:8px}.btn{--btn-bg:#46178f;--btn-shadow:#2f0f61;appearance:none;cursor:pointer;font:inherit;color:#fff;background:var(--btn-bg);box-shadow:0 4px 0 var(--btn-shadow);border:none;border-radius:6px;padding:14px 22px;transition:transform 50ms,box-shadow 50ms,filter .15s;font-weight:800}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 0 0 var(--btn-shadow);transform:translateY(4px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 4px 0 var(--btn-shadow);transform:none}.btn.dark{--btn-bg:#333744;--btn-shadow:#1d2029}.btn.green{--btn-bg:var(--brand-green);--btn-shadow:var(--brand-green-d)}.btn.ghost{--btn-bg:transparent;--btn-shadow:transparent;color:#fff;border:2px solid #ffffff80}.btn.ghost.on-paper{color:var(--muted);border-color:#d0d0dd}.btn.block{width:100%}.btn.lg{padding:16px 28px;font-size:1.15rem}.ops-screen{max-width:1120px}.ops-header{display:flex;justify-content:space-between;align-items: end;gap:18px}.ops-header .on-purple{margin:6px 0 0}.ops-actions{flex-wrap:wrap;justify-content:flex-end;align-items: center}.ops-login{margin:52px auto 0}.ops-login h2{font-size:clamp(1.35rem,4vw,1.8rem)}.ops-login .muted{margin:0}.ops-login-error{color:#8f1328;margin:0;font-weight:800}.ops-stack{display:grid;gap:16px}.ops-updated{color:#eaddff;text-align:right;margin:0;font-size:.86rem;font-weight:700}.ops-section{display:grid;gap:16px}.ops-section h2{font-size:clamp(1.15rem,3vw,1.5rem)}.ops-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.ops-metric{display:grid;background:#f4f1f9;border-radius:10px;gap:3px;min-width:0;padding:14px}.ops-metric>span,.ops-metric small{color:var(--muted);font-size:.76rem;font-weight:700}.ops-metric strong{color:var(--purple);font-size:clamp(1.25rem,4vw,1.8rem);font-weight:900}.ops-note,.ops-empty{color:var(--muted);margin:0;font-weight:600}.ops-table-wrap{overflow-x:auto}.ops-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.ops-table th,.ops-table td{border-bottom:1px solid #e3dfeb;padding:10px 8px}.ops-table th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.ops-table code,.ops-errors code{color:var(--purple);font-weight:800}.ops-errors{display:grid;list-style:none;gap:8px;margin:0;padding:0}.ops-errors li{display:grid;grid-template-columns:78px minmax(130px,.45fr)minmax(0,2fr);border-left:4px solid var(--red);background:#fff4f5;align-items:baseline;gap:10px;padding:10px;font-size:.85rem}.ops-errors time{color:var(--muted);font-weight:700}.ops-error{display:grid;color:#8f1328;border-left:6px solid var(--red);gap:5px}@media (max-width:560px){.ops-header{flex-direction:column;align-items:stretch}.ops-updated{text-align:left}.ops-errors li{grid-template-columns:1fr;gap:4px}}.pill{display:inline-flex;color:#fff;background:#ffffff29;border-radius:999px;align-items: center;gap:6px;padding:7px 14px;font-size:.95rem;font-weight:800}.pill.solid{color:var(--purple);background:#fff}.pill.warn{background:var(--gold);color:#3a2a00}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0}.name-chip{color:var(--purple);animation:.28s cubic-bezier(.2,1.6,.4,1) pop;background:#fff;border-radius:8px;padding:8px 14px;font-size:1.05rem;font-weight:800;box-shadow:0 3px #0000002e}.notice{color:#fff;text-align:center;background:#ffffff24;border-radius:8px;padding:10px 16px;font-weight:700}.notice.warn{background:var(--gold);color:#3a2a00}.join-bar{text-align:center;color:var(--ink);background:#fff;border-radius:10px;align-self: center;padding:10px 18px;font-weight:800}.pin-box{color:var(--ink);text-align:center;background:#fff;border-radius:14px;align-self: center;padding:10px 34px 18px;box-shadow:0 14px 40px #0000004d}.pin-box .k-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;font-weight:800}.pin-box .k-pin{letter-spacing:.1em;font-size:clamp(3rem,12vw,6rem);font-weight:900;line-height:1.1}.q-header{display:flex;justify-content:space-between;align-items: center;gap:14px}.q-counter{color:#fff;background:#00000038;border-radius:999px;padding:6px 14px;font-weight:800}.q-prompt{text-align:center;color:var(--ink);background:#fff;border-radius:14px;padding:clamp(18px,4vw,40px);font-size:clamp(1.3rem,3.4vw,2.2rem);font-weight:800;box-shadow:0 10px 30px #0003}.timer-ring{display:grid;color:var(--purple-2);border-radius:50%;flex:none;place-items: center;width:66px;height:66px;box-shadow:inset 0 0 0 6px #fff}.timer-ring span{color:var(--ink);display:grid;background:#fff;border-radius:50%;place-items: center;width:46px;height:46px;font-size:1.3rem;font-weight:900}.timer-ring.urgent{color:var(--wrong);animation:.7s ease-in-out infinite pulse}.answer-count{color:#fff;background:#00000038;border-radius:999px;align-self: center;padding:8px 16px;font-size:1.1rem;font-weight:900}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}.answer{--a-bg:var(--red);--a-shadow:var(--red-d);display:flex;background:var(--a-bg);color:#fff;cursor:pointer;font:inherit;text-align:left;box-shadow:0 5px 0 var(--a-shadow);border:none;border-radius:8px;align-items: center;gap:14px;min-height:84px;padding:clamp(16px,3vw,26px);transition:transform 50ms,box-shadow 50ms,opacity .2s;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:800}button.answer:active{box-shadow:0 0 0 var(--a-shadow);transform:translateY(5px)}.answer .shape{flex:none}.answer.a0{--a-bg:var(--red);--a-shadow:var(--red-d)}.answer.a1{--a-bg:var(--blue);--a-shadow:var(--blue-d)}.answer.a2{--a-bg:var(--gold);--a-shadow:var(--gold-d)}.answer.a3{--a-bg:var(--green);--a-shadow:var(--green-d)}.answer.a4{--a-bg:var(--star);--a-shadow:var(--star-d)}.answer.a5{--a-bg:var(--plum);--a-shadow:var(--plum-d)}.answer.dim{opacity:.35}.answer.pick{outline:5px solid #fff;outline-offset:2px}.controller{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;flex:1;gap:12px}.controller .answer{justify-content:center;min-height:0;font-size:0}.controller .answer .shape{width:clamp(46px,12vw,84px);height:clamp(46px,12vw,84px)}.tally{display:flex;justify-content:center;align-items: flex-end;gap:clamp(10px,3vw,28px);min-height:220px;margin-top:auto;padding-top:20px}.tally-col{display:flex;opacity:.4;flex-direction:column;flex:1;align-items: center;gap:8px;max-width:150px}.tally-col.correct{opacity:1}.tally-bar{background:var(--bar,#fff);border-radius:8px 8px 0 0;width:100%;min-height:8px;transition:height .5s cubic-bezier(.2,.9,.3,1)}.tally-col .cap{display:flex;color:#fff;align-items: center;gap:6px;font-size:1.2rem;font-weight:900}.tally-col .shape-badge{display:grid;color:#fff;border-radius:8px;place-items: center;width:34px;height:34px}.verdict{position:fixed;display:flex;color:#fff;text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items: center;gap:12px;padding:24px;inset:0}.verdict.good{background:var(--correct)}.verdict.bad{background:var(--wrong)}.verdict .mark{animation:.35s cubic-bezier(.2,1.6,.4,1) pop;font-size:clamp(4rem,20vw,9rem);line-height:1}.verdict .pts{font-size:clamp(2rem,9vw,3.4rem);font-weight:900}.leaderboard{list-style:none;display:flex;flex-direction:column;align-self: center;gap:8px;width:100%;max-width:560px;margin:8px 0;padding:0}.leaderboard li{display:grid;grid-template-columns:44px 1fr auto auto;color:var(--ink);animation:.3s both slidein;background:#fff;border-radius:8px;align-items: center;gap:12px;padding:12px 16px;font-weight:800;box-shadow:0 4px #00000024}.leaderboard li.me{outline:3px solid var(--gold)}.leaderboard .rank{color:var(--purple-2);font-weight:900}.rank-delta{letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:.85rem;font-weight:900}.rank-delta.up{color:#1c6608;background:#26890c24}.rank-delta.down{color:#b3142f;background:#e21b3c1f}.rank-delta.same{color:var(--muted);background:#0000000f}.leaderboard .score{background:var(--purple);color:#fff;border-radius:999px;padding:4px 12px}.podium-wrap{display:flex;flex-direction:column;align-self: center;gap:20px;width:100%;max-width:640px}.podium{display:flex;justify-content:center;align-items: flex-end;gap:12px}.podium-step{display:flex;color:#fff;text-align:center;flex-direction:column;flex:1;align-items: center;gap:6px;max-width:180px}.podium-name{font-size:1.05rem;font-weight:900}.podium-score{color:#e9deff;font-weight:800}.podium-block{display:grid;color:#ffffffd9;background:#ffffff2e;border-radius:10px 10px 0 0;place-items: center;width:100%;font-size:2.4rem;font-weight:900}.podium-step.place-1 .podium-block{color:#7a4a00;background:linear-gradient(#ffd35c,#f4b400);height:170px}.podium-step.place-2 .podium-block{color:#4a4a5a;background:linear-gradient(#e6e6ef,#c3c3d4);height:128px}.podium-step.place-3 .podium-block{color:#5a3410;background:linear-gradient(#e6a76b,peru);height:96px}.runners{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.runners li{display:grid;grid-template-columns:36px 1fr auto;color:#fff;background:#ffffff24;border-radius:8px;gap:10px;padding:10px 14px;font-weight:700}.kind-tag{color:var(--purple);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:900}.q-prompt.sm{padding:14px 18px;font-size:clamp(1.05rem,2.6vw,1.4rem)}.q-media{display:flex;justify-content:center;align-self: center;width:100%;margin:0}.q-media img{object-fit:contain;border-radius:12px;max-width:100%;max-height:38vh;box-shadow:0 10px 30px #0000004d}.q-media.is-video{max-width:720px}.q-media.is-video iframe{aspect-ratio:16/9;background:#000;border:none;border-radius:12px;width:100%;box-shadow:0 10px 30px #0000004d}.q-media-phone img{max-height:22vh}.q-media-phone.is-video{max-width:420px}.q-media-link a{color:#fff;font-weight:800}.answers.tf,.controller.tf{grid-template-columns:1fr 1fr}.controller.tf .answer{font-size:inherit;flex-direction:column;gap:10px}.tf-label{font-size:clamp(1.1rem,4vw,1.6rem);font-weight:900}.tally-label{color:#fff;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:.85rem;font-weight:700}.quiz-list{display:flex;flex-direction:column;gap:12px}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;margin-top:4px}.section-heading{min-width:0}.section-title{display:flex;color:#fff;text-shadow:0 2px 10px #0006;align-items: center;gap:8px;margin:0;font-size:1.15rem;font-weight:900}.section-count{color:#fff;text-shadow:none;font-variant-numeric:tabular-nums;background:#fff3;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:800}.section-last-game{color:#d9c9ff;margin:1px 0 0 32px;font-size:.68rem;font-weight:800;line-height:1.2}.quiz-row{display:flex;background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;padding:16px 20px;transition:transform .12s,box-shadow .12s;box-shadow:0 6px #00000029}.quiz-row:hover{transform:translateY(-2px);box-shadow:0 8px #0000002e}.quiz-badge{display:grid;color:#fff;text-shadow:0 1px 3px #00000080;border-radius:12px;flex:none;place-items: center;width:46px;height:46px;font-size:1.3rem;font-weight:900}.quiz-row-main{display:flex;flex-direction:column;flex:200px;gap:2px;min-width:0}.quiz-row-main strong{color:var(--ink);overflow-wrap:anywhere;font-size:1.15rem;font-weight:900}.empty-quizzes{display:flex;text-align:center;flex-direction:column;align-items: center;gap:10px;padding:clamp(26px,5vw,44px) 24px}.empty-emoji{font-size:2.6rem;line-height:1}.empty-title{color:var(--ink);font-size:1.25rem;font-weight:900}.empty-body{color:var(--muted);max-width:42ch;margin:0;font-weight:600}.title-input{font-size:1.3rem;font-weight:900}.q-card{display:flex;flex-direction:column;gap:14px}.q-card-head{flex-wrap:wrap;gap:10px}.q-badge{background:var(--purple);color:#fff;border-radius:8px;padding:6px 12px;font-weight:900}.seg{display:inline-flex;background:#f0f0f6;border-radius:999px;gap:4px;padding:4px}.seg button{cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:800}.seg button.on{background:var(--purple);color:#fff}.icon-btn{color:var(--muted);cursor:pointer;font:inherit;background:#fff;border:2px solid #d0d0dd;border-radius:8px;width:36px;height:36px;font-weight:900;line-height:1}.icon-btn:hover:not(:disabled){border-color:var(--purple-2);color:var(--purple-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){border-color:var(--wrong);color:var(--wrong)}.q-prompt-input{font-size:1.1rem;font-weight:800}.choice-grid{display:flex;flex-direction:column;gap:10px}.choice-row{--c:var(--red);display:flex;background:var(--c);border-radius:10px;align-items: center;gap:10px;padding:8px 10px}.choice-row.c-red{--c:var(--red)}.choice-row.c-blue{--c:var(--blue)}.choice-row.c-gold{--c:var(--gold)}.choice-row.c-green{--c:var(--green)}.choice-row.c-star{--c:var(--star)}.choice-row.c-plum{--c:var(--plum)}.choice-row.correct{box-shadow:0 0 0 4px var(--correct)}.choice-shape{color:#fff;display:grid;flex:none;place-items: center;width:34px}.choice-input{font:inherit;color:var(--ink);background:#fff;border:none;border-radius:6px;flex:1;min-width:0;padding:11px 13px;font-weight:700}.choice-input:focus{outline:3px solid #ffffffb3}.choice-correct{display:grid;cursor:pointer;flex:none;place-items: center;width:34px}.choice-correct input{accent-color:var(--correct);cursor:pointer;width:22px;height:22px}.choice-row .icon-btn{flex:none}.add-choice{align-self: flex-start}.q-meta{gap:18px}.media-editor{display:flex;flex-direction:column;gap:10px}.media-editor .row .input{flex:1;min-width:200px}.media-preview{border:2px dashed #d0d0dd;border-radius:12px;padding:12px}.editor-actions{padding-bottom:20px}.reaction-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px}.reaction-btn{cursor:pointer;background:#ffffff29;border:none;border-radius:50%;width:52px;height:52px;transition:transform 80ms;font-size:1.6rem;line-height:1}.reaction-btn:hover{background:#ffffff47}.reaction-btn:active{transform:scale(.85)}.floating-layer{position:fixed;overflow:hidden;pointer-events:none;z-index:30;inset:0}.floating-emoji{position:absolute;animation-name:floatUp;animation-timing-function:ease-out;animation-fill-mode:forwards;will-change:transform,opacity;font-size:2.4rem;bottom:-60px}body[data-theme=midnight]{background:radial-gradient(circle at 20% 15%,#2c3f66 0,#0000 45%),radial-gradient(circle at 85% 80%,#0b1220 0,#0000 50%),#16223d}body[data-theme=sunset]{background:radial-gradient(circle at 20% 15%,#ff9a6b 0,#0000 45%),radial-gradient(circle at 85% 80%,#8d2f74 0,#0000 50%),#b4418e}body[data-theme=forest]{background:radial-gradient(circle at 20% 15%,#3fa06a 0,#0000 45%),radial-gradient(circle at 85% 80%,#0e2f1d 0,#0000 50%),#1d5a38}body[data-theme=ocean]{background:radial-gradient(circle at 20% 15%,#2196d6 0,#0000 45%),radial-gradient(circle at 85% 80%,#06283d 0,#0000 50%),#0a3d62}body[data-theme=candy]{background:radial-gradient(circle at 20% 15%,#ff8fd8 0,#0000 45%),radial-gradient(circle at 85% 80%,#5f21b0 0,#0000 50%),#a93cd6}body.has-bg-image:before{content:"";position:fixed;z-index:-1;background-image:linear-gradient(#00000080,#00000080),var(--bg-image);background-position:50%;background-size:cover;inset:0}.quiz-settings{display:flex;flex-direction:column;gap:16px}.settings-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:1rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.theme-chip{cursor:pointer;color:#fff;font:inherit;text-shadow:0 1px 3px #0009;display:grid;border:3px solid #0000;border-radius:10px;place-items: center;height:58px;transition:transform 80ms;font-size:.8rem;font-weight:800}.theme-chip:hover{transform:translateY(-2px)}.theme-chip.on{border-color:var(--ink);box-shadow:inset 0 0 0 3px #fff}.theme-hint{margin:0;font-size:.85rem;line-height:1.4}.sound-toggle{position:fixed;z-index:40;cursor:pointer;backdrop-filter:blur(4px);background:#0000004d;border:none;border-radius:50%;width:46px;height:46px;transition:transform 80ms,background .15s;font-size:1.35rem;line-height:1;bottom:14px;right:14px}.sound-toggle:hover{background:#00000073}.sound-toggle:active{transform:scale(.88)}.sound-toggle[aria-pressed=false]{opacity:.55}.confetti{position:fixed;pointer-events:none;z-index:35;width:100%;height:100%;inset:0}.pop-in{animation:.45s cubic-bezier(.2,1.6,.4,1) both pop}.podium-step .podium-block{animation:.55s cubic-bezier(.2,.9,.3,1) both rise;transform-origin:bottom center}.podium-step.place-2 .podium-block{animation-delay:.15s}.podium-step.place-1 .podium-block{animation-delay:.35s}.podium-step.place-3 .podium-block{animation-delay:0s}.podium-step.place-1 .podium-name{animation:.4s cubic-bezier(.2,1.6,.4,1) .75s both pop}@keyframes rise{0%{transform:scaleY(.05);opacity:0}to{transform:scaleY(1);opacity:1}}code{color:#fff;background:#ffffff2e;border-radius:5px;padding:2px 7px;font-weight:700}.link{color:#fff;text-shadow:0 2px 8px #00000073;font:inherit;text-decoration:underline;cursor:pointer;background:0 0;border:none;font-weight:800}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes slidein{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatUp{0%{transform:translateY(0)translate(0)scale(.6);opacity:0}12%{opacity:1;transform:translateY(-12vh)scale(1.1)}to{transform:translateY(-108vh)translateX(var(--drift,0))scale(1);opacity:0}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.dots:after{content:"";animation:1.4s step-end infinite dots}@media (max-width:560px){.answers{grid-template-columns:1fr}.controller{grid-template-columns:1fr 1fr}.podium-step.place-1 .podium-block{height:130px}.podium-step.place-2 .podium-block{height:100px}.podium-step.place-3 .podium-block{height:78px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.report-table{border-collapse:collapse;width:100%;margin-top:10px}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #ececf3;padding:9px 10px}.report-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.report-table td:last-child,.report-table th:last-child{text-align:right}.qstat{display:flex;flex-direction:column;gap:6px}.qstat-head{display:flex;align-items: center;gap:10px}.qstat-prompt{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.qstat-pct{color:var(--green);font-weight:900}.qstat-pct.low{color:var(--red)}.qstat-bar{overflow:hidden;background:#ececf3;border-radius:999px;height:10px}.qstat-fill{background:var(--green);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.9,.3,1)}.qstat-fill.low{background:var(--red)}.csv-bar{display:flex;background:linear-gradient(135deg,#fff 0%,#f4f0ff 100%);border:2px solid #e4dcfb;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:14px 20px;padding:18px clamp(18px,3vw,26px)}.csv-bar-copy{display:flex;flex:320px;align-items: center;gap:14px;min-width:260px}.csv-bar-icon{display:grid;background:#ede6ff;border-radius:14px;flex:none;place-items: center;width:52px;height:52px;font-size:1.9rem;line-height:1}.csv-bar-text{display:flex;flex-direction:column;gap:3px}.csv-bar-title{color:var(--ink);font-size:1.02rem;line-height:1.25}.csv-bar-hint{color:var(--muted);font-size:.86rem;line-height:1.4}.csv-bar-actions{flex:none}.csv-bar .import-note{flex:100%}.add-question-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.add-tile{--tile-accent:var(--purple-2);display:flex;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:var(--paper);border:2px dashed #cfc4ee;border-radius:14px;align-items: center;gap:14px;width:100%;padding:16px 18px;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:0 6px 18px #00000024}.add-tile:hover{border-style:solid;border-color:var(--tile-accent);transform:translateY(-3px);box-shadow:0 12px 26px #0003}.add-tile:focus-visible{border-style:solid;border-color:var(--tile-accent);transform:translateY(-3px);box-shadow:0 12px 26px #0003}.add-tile:active{transform:translateY(0)}.add-tile.tf{--tile-accent:var(--blue)}.add-tile-icon{display:grid;background:#f2eeff;border-radius:12px;flex:none;place-items: center;width:46px;height:46px;transition:transform .12s;font-size:1.5rem;line-height:1}.add-tile.tf .add-tile-icon{background:#e7f0fd}.add-tile:hover .add-tile-icon{transform:rotate(-6deg)scale(1.08)}.add-tile-text{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.add-tile-label{font-size:1rem;font-weight:800}.add-tile-hint{color:var(--muted);font-size:.82rem}.add-tile-plus{color:var(--tile-accent);display:grid;background:#f2eeff;border-radius:50%;flex:none;place-items: center;width:34px;height:34px;font-size:1.4rem;font-weight:800;line-height:1}.add-tile.tf .add-tile-plus{background:#e7f0fd}.import-note{text-align:left;display:flex;color:var(--ink);background:#f4f2fb;border-radius:10px;flex-direction:column;align-items: flex-start;gap:4px;padding:12px 14px;font-size:.9rem}.import-note .link{color:var(--purple);text-shadow:none;font-size:.85rem}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.avatar-btn{cursor:pointer;background:#f7f7fb;border:2px solid #e2e2ea;border-radius:12px;padding:9px 0;transition:transform 80ms,border-color .12s;font-size:1.6rem;line-height:1}.avatar-btn:hover{transform:translateY(-2px)}.avatar-btn.on{border-color:var(--purple-2);background:#fff;box-shadow:0 0 0 3px #6a2ecf38}.avatar-chip{margin-right:6px;font-size:1.1em}.avatar-chip.lg{font-size:1.6em}.podium-avatar{font-size:2.2rem;line-height:1}.site-footer{position:fixed;z-index:20;text-align:center;color:#ffffffb8;backdrop-filter:blur(6px);pointer-events:none;background:#00000047;padding:7px 12px;font-size:.78rem;font-weight:700;bottom:0;left:0;right:0}.site-footer a{color:inherit;pointer-events:auto;text-decoration:none;padding:2px 1px}.site-footer a:hover{color:#fff;border-bottom-color:#fff}.site-footer a:focus-visible{color:#fff;border-bottom-color:#fff}.screen{padding-bottom:54px}.sound-toggle{bottom:44px}.verdict{padding-bottom:60px}.upload-note{margin:0;font-size:.8rem}.btn.sm{box-shadow:0 3px 0 var(--btn-shadow);padding:9px 14px;font-size:.85rem}.btn.sm:active{transform:translateY(3px)}.share-result{display:flex;text-align:center;flex-direction:column;align-items: center;gap:12px;width:min(560px,92vw)}.share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.share-note{color:#ffffffd9;text-shadow:0 1px 2px #00000059;margin:0;font-size:.9rem;line-height:1.45}.share-note.is-error{color:#ffd9d9}.share-link{display:flex;background:#00000038;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;align-items: center;gap:8px;width:100%;padding:14px 16px}.share-link-label{letter-spacing:.09em;text-transform:uppercase;color:#fff9;font-size:.72rem;font-weight:800}.share-link a{color:#fff;word-break:break-all;text-decoration:underline;text-underline-offset:3px;font-weight:700}.share-link-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.public-results{gap:18px;width:min(720px,94vw);margin:0 auto;padding:24px 0 64px}.public-results .panel{width:100%}.screen.stage{height:100vh;overflow:hidden;padding:clamp(10px,2vh,28px);gap:clamp(8px,1.6vh,18px);max-width:1200px;height:100dvh;min-height:0;padding-bottom:clamp(44px,5.4vh,58px)}.screen.stage>header{flex:none}.stage .fit{flex:1;gap:clamp(8px,1.4vh,14px);min-height:0}.stage .q-header,.stage .q-prompt,.stage .answer-count,.stage .answers,.stage .fit>.btn,.stage .fit>.row{flex:none}.stage .q-prompt{padding:clamp(12px,2.4vh,34px) clamp(16px,3vw,40px);font-size:clamp(1.05rem,min(3.2vw,4.4vh),2.2rem)}.stage .answer-count{padding:clamp(5px,1vh,8px) 16px;font-size:clamp(.9rem,2vh,1.1rem)}.stage .q-media{flex:1 1 0;align-items: center;min-height:0}.stage .q-media img{width:auto;max-width:100%;height:auto;max-height:100%}.stage .q-media.is-video{max-width:100%}.stage .q-media.is-video iframe{width:auto;max-width:100%;height:100%;max-height:100%}.stage .answers{gap:clamp(8px,1.2vh,12px)}.stage .answer{gap:clamp(8px,1.4vw,14px);min-height:0;padding:clamp(10px,1.9vh,26px) clamp(12px,2vw,26px);font-size:clamp(.95rem,min(2.2vw,2.7vh),1.35rem)}.stage .tally{flex:auto;align-items:stretch;min-height:0;margin-top:0;padding-top:clamp(6px,1.4vh,20px)}.stage .tally-col{justify-content:flex-end;gap:clamp(4px,.8vh,8px)}.stage .tally-bar{flex:0 auto}.stage .tally-col .cap{font-size:clamp(.9rem,2.2vh,1.2rem)}.stage .huge{flex:none;font-size:clamp(1.5rem,min(5.4vw,6vh),3.2rem)}.stage .leaderboard{overflow-y:auto;flex:0 auto;gap:clamp(5px,1vh,8px);min-height:0;margin:0}.stage .leaderboard li{padding:clamp(6px,1.3vh,12px) 16px;font-size:clamp(.9rem,2.1vh,1.05rem)}.stage .podium-wrap{overflow-y:auto;flex:0 auto;gap:clamp(10px,1.8vh,20px);min-height:0}.stage .podium-step.place-1 .podium-block{height:clamp(54px,14vh,170px)}.stage .podium-step.place-2 .podium-block{height:clamp(42px,10.5vh,128px)}.stage .podium-step.place-3 .podium-block{height:clamp(32px,8vh,96px)}.stage .podium-block{font-size:clamp(1.2rem,3.2vh,2.4rem)}.stage .podium-avatar{font-size:clamp(1.2rem,3vh,2.2rem)}.stage .podium-name{font-size:clamp(.8rem,1.9vh,1.05rem)}.stage .podium-score{font-size:clamp(.8rem,1.9vh,1rem)}.stage .runners{gap:clamp(4px,.7vh,6px)}.stage .runners li{padding:clamp(4px,.8vh,10px) 14px;font-size:clamp(.8rem,1.9vh,1rem)}.stage .share-result,.stage .fit>p{flex:none}.stage .fit>p{margin:0;font-size:clamp(.8rem,1.9vh,1rem)}.stage .chips{overflow-y:auto;flex:0 auto;align-content: flex-start;min-height:0;margin:0}.stage .join-bar,.stage .pin-box,.stage .pill{flex:none}.stage .pin-box{padding:clamp(6px,1.2vh,10px) 34px clamp(8px,2vh,18px)}.stage .pin-box .k-pin{font-size:clamp(2.2rem,min(12vw,13vh),6rem)}.stage .btn.lg{padding:clamp(10px,2vh,16px) 28px;font-size:clamp(1rem,2.4vh,1.15rem)}.fs-toggle{position:fixed;z-index:40;display:grid;cursor:pointer;color:#fff;backdrop-filter:blur(4px);background:#0000004d;border:none;border-radius:50%;place-items: center;width:46px;height:46px;transition:transform 80ms,background .15s;bottom:98px;right:14px}.fs-toggle:hover{background:#00000073}.fs-toggle:active{transform:scale(.88)}.fs-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.player-game~.site-footer{display:none}.screen.stage.playing{padding-bottom:clamp(12px,2.4vh,30px)}a.btn{display:inline-flex;text-decoration:none;justify-content:center;align-items: center}.report-actions{justify-content:flex-end;gap:8px}.screen.stage .q-prompt{padding:clamp(12px,2.6vh,32px) clamp(16px,3vw,40px);font-size:clamp(1.3rem,min(4.4vw,5.6vh),3rem);line-height:1.15}.q-prompt.sm{font-size:clamp(1.15rem,4vw,1.6rem)}.lead-in-count{display:grid;color:var(--purple);animation:.4s cubic-bezier(.2,1.6,.4,1) pop;background:#fff;border-radius:50%;flex:none;place-items: center;width:66px;height:66px;font-size:1.8rem;font-weight:900}.answer-count.lead-in{letter-spacing:.04em;background:#00000047}.screen.stage.playing .sound-toggle,.screen.stage.playing .fs-toggle{opacity:.18}.screen.stage.playing .sound-toggle:hover,.screen.stage.playing .fs-toggle:hover{opacity:1}.screen.stage.playing .sound-toggle:focus-visible{opacity:1}.screen.stage.playing .fs-toggle:focus-visible{opacity:1}.input.pin-input{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.input.pin-input::placeholder{letter-spacing:.35em}.session-meta{display:flex;color:var(--muted);flex-wrap:wrap;align-items: center;gap:6px 12px;margin:4px 0 0;font-size:.86rem;font-weight:700}.session-meta .meta-item{display:inline-flex;white-space:nowrap;align-items: center;gap:5px}.session-meta .meta-pin{display:inline-flex;color:var(--purple);background:#46178f14;border-radius:999px;align-items: center;gap:5px;padding:2px 10px}.session-meta .meta-pin b{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-weight:900}.session-meta .is-live{color:var(--red)}.session-meta .is-shared{color:var(--green)}.session-meta.on-dark{color:#d9c9ff}.session-meta.on-dark .meta-pin{color:#fff;background:#ffffff29}.session-meta.on-dark .is-live{color:#ff8fa3}.session-meta.on-dark .is-shared{color:#9fe08a}.btn.amber{--btn-bg:#ef6c1a;--btn-shadow:#b84f0c}.panel .share-result{align-items:stretch;width:100%}.panel .share-note{color:var(--muted);text-shadow:none}.panel .share-note.is-error{color:var(--red-d)}.panel .share-link{background:#46178f0d;border:1px solid #46178f24}.panel .share-link-label{color:var(--muted)}.panel .share-link a{color:var(--purple-2)}.panel .share-link .btn.ghost{color:var(--muted);border-color:#d0d0dd}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-tile{display:flex;background:#fff;border-radius:12px;flex-direction:column;align-items: center;gap:2px;padding:14px 10px 12px;box-shadow:0 4px #00000024}.stat-icon{font-size:1.15rem;line-height:1}.stat-value{color:var(--ink);font-size:clamp(1.5rem,4vw,2rem);font-weight:900;line-height:1.1}.stat-label{letter-spacing:.02em;color:var(--muted);text-align:center;font-size:.76rem;font-weight:800}@media (max-width:560px){.stat-row{grid-template-columns:repeat(2,1fr)}}.list-controls{display:flex;flex-wrap:wrap;align-items: flex-end;gap:10px}.list-controls .input.search{flex:200px;min-width:0}.list-controls .control{display:flex;flex-direction:column;gap:3px}.list-controls .control-label{letter-spacing:.08em;text-transform:uppercase;color:#d9c9ff;font-size:.7rem;font-weight:800}.input.select{width:auto;padding-right:30px}.pager{display:flex;justify-content:center;align-items: center;gap:12px}.pager-count{color:#d9c9ff;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800}.quiz-row-main .session-meta{margin-top:3px}.lang-toggle{display:inline-flex;background:#00000038;border-radius:999px;gap:4px;padding:3px}.lang-btn{display:inline-flex;cursor:pointer;font:inherit;letter-spacing:.04em;color:#ffffffb8;background:0 0;border:none;border-radius:999px;align-items: center;gap:5px;padding:4px 9px;transition:background .15s,color .15s;font-size:.72rem;font-weight:900}.lang-btn:hover{color:#fff}.lang-btn.on{color:var(--purple);background:#fff}.lang-btn .flag{display:block;border-radius:2px;width:18px;height:13px;box-shadow:0 0 0 1px #0000002e}.dialog{overflow:visible;color:var(--ink);background:0 0;border:none;width:100%;max-width:min(420px,100vw - 32px);padding:0}.dialog::backdrop{backdrop-filter:blur(3px);background:#1c083e9e}.dialog[open] .dialog-card{animation:.28s cubic-bezier(.2,1.6,.4,1) pop}.dialog-card{background:var(--paper);text-align:center;border-radius:16px;padding:26px 24px 22px;box-shadow:0 22px 60px #00000073}.dialog-emoji{margin-bottom:8px;font-size:2.8rem;line-height:1}.dialog-title{color:var(--ink);margin:0 0 6px;font-size:1.35rem;font-weight:900}.dialog-body{color:var(--muted);margin:0;font-size:.95rem;font-weight:600;line-height:1.5}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}@media (max-width:380px){.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}.btn.danger{--btn-bg:var(--red);--btn-shadow:var(--red-d)}@media (prefers-reduced-motion:reduce){.dialog[open] .dialog-card{animation:none}}.auth-lang{opacity:.75;align-self: center;margin-top:6px;transition:opacity .15s}.auth-lang:hover,.auth-lang:focus-within{opacity:1}
