:root{--bg: #f1f5ff;--surface: #ffffff;--fg: #1b1a33;--muted: #565b78;--line: #dbe2f4;--c1: #ff3f86;--c2: #ff8a00;--c3: #0fa89a;--c4: #6a46ff;--pos: #16a34a;--neg: #ef3b56;--q: #2f74f0;--t1: #ff3f86;--t2: #ff8a00;--t3: #0fa89a;--t4: #6a46ff;--t5: #2f74f0;--t6: #d9a400;--ink: #6a46ff;--good: #16a34a;--bad: #d92d48;--blob1: rgba(255, 63, 134, .16);--blob2: rgba(255, 186, 0, .18);--blob3: rgba(15, 168, 154, .15);--shadow: 0 22px 44px -20px rgba(60, 40, 140, .45);--hand: "Kalam", "Comic Sans MS", "Bradley Hand", cursive;--ui: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121331;--surface: #1c1e40;--fg: #eef0ff;--muted: #aab0d4;--line: #2f3360;--c1: #ff6aa2;--c2: #ffa94d;--c3: #34d1c1;--c4: #9a82ff;--pos: #3ccf74;--neg: #ff6a80;--q: #5d97ff;--t1: #ff6aa2;--t2: #ffa94d;--t3: #34d1c1;--t4: #9a82ff;--t5: #5d97ff;--t6: #f2c230;--ink: #9a82ff;--good: #3ccf74;--bad: #ff6a80;--blob1: rgba(255, 106, 162, .14);--blob2: rgba(255, 196, 0, .1);--blob3: rgba(52, 209, 193, .12);--shadow: 0 22px 44px -20px rgba(0, 0, 0, .8);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;color:var(--fg)}html{background:var(--bg)}body{min-height:100vh;background:radial-gradient(520px 380px at 8% 6%,var(--blob1),transparent 70%),radial-gradient(560px 420px at 96% 18%,var(--blob2),transparent 70%),radial-gradient(620px 460px at 50% 104%,var(--blob3),transparent 70%),var(--bg)}body{font-family:var(--ui);font-size:17px;line-height:1.5;padding:20px max(16px,env(safe-area-inset-left)) 48px}a{color:var(--ink)}.wrap{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.wrap.narrow{max-width:420px;padding-top:8vh}.bar{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.brand{font-family:var(--hand);font-weight:700;font-size:clamp(1.8rem,4vw,2.4rem);margin:0;line-height:1.1}.count,.who{color:var(--muted);font-variant-numeric:tabular-nums}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.95rem}.legend span{display:inline-flex;align-items:center;gap:6px}.legend b{font-family:var(--ui);color:#fff;font-size:.85rem;min-width:2em;height:2em;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center}.legend .pos b{background:var(--pos)}.legend .neg b{background:var(--neg)}.legend .q b{background:var(--q)}.topics{display:flex;gap:8px;flex-wrap:wrap}.chip{--chip: var(--c4);border:2px solid var(--chip);color:var(--fg);background:var(--surface)}.chip:hover:not(:disabled){border-color:var(--chip);background:color-mix(in srgb,var(--chip) 12%,var(--surface))}.chip.on{background:var(--chip);color:#fff;box-shadow:0 6px 16px -8px var(--chip)}.card{position:relative;background:var(--card);color:#2a1fcf;border-radius:4px;box-shadow:var(--shadow);aspect-ratio:3 / 2;max-width:100%;padding:clamp(16px,4vw,36px);font-family:var(--hand);cursor:pointer;display:grid;grid-template-rows:auto 1fr auto;-webkit-user-select:none;user-select:none;--sc: var(--pos);border-top:12px solid var(--sc);overflow:hidden}.card.neg{--sc: var(--neg)}.card.q{--sc: var(--q)}.card:before{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:var(--sc);opacity:.08;pointer-events:none}.card.empty{cursor:default;grid-template-rows:1fr;color:#7a7690;border-top-color:var(--line)}.card:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.subj{font-size:clamp(1.6rem,5vw,2.8rem);line-height:1.1;color:var(--sc);font-weight:700}.sign{font-family:var(--ui);font-size:clamp(1.1rem,3.4vw,1.9rem);font-weight:700;color:#fff;background:var(--sc);min-width:2.2em;height:2.2em;padding:0 .5em;border-radius:999px;display:grid;place-items:center;box-shadow:0 6px 14px -6px var(--sc)}.prompt,.answer{align-self:center;justify-self:center;text-align:center;text-wrap:balance}.prompt{font-size:clamp(1.7rem,6vw,3.4rem);line-height:1.15;max-width:18ch;color:#2a2560}.answer{font-size:clamp(1.5rem,5.2vw,3rem);line-height:1.2;color:#1a1640;text-decoration:underline;text-decoration-color:var(--sc);text-decoration-thickness:3px;text-underline-offset:8px}.hint{font-family:var(--ui);font-size:.9rem;color:#7a7690;text-align:center}.preview{max-width:520px}.preview .card{cursor:default}.controls,.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.controls{justify-content:center}.row.between{justify-content:space-between;align-items:center}button{font:inherit;font-weight:700;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);padding:10px 18px;border-radius:999px;cursor:pointer;min-height:46px}button:hover:not(:disabled){border-color:var(--ink)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}button.primary{background:linear-gradient(135deg,var(--c4),var(--c1));border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px var(--c4)}button.nav{border:2px solid var(--c3);color:var(--fg)}button.nav:hover:not(:disabled){background:color-mix(in srgb,var(--c3) 14%,var(--surface));border-color:var(--c3)}button.fun{background:var(--c2);border-color:var(--c2);color:#1b1a33}button.big{padding:12px 26px;font-size:1.05rem}button.danger{background:var(--bad);border-color:var(--bad);color:#fff}button.quiet{background:transparent}button.link{border:0;background:none;padding:0;min-height:0;color:var(--ink);text-decoration:underline;font-weight:400}.toggle input{accent-color:var(--c4);width:18px;height:18px}.toggle{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.keys{text-align:center;color:var(--muted);margin:0}kbd{font:inherit;font-weight:700;color:var(--c4);border:1.5px solid var(--line);border-bottom-width:3px;border-radius:6px;padding:1px 8px;background:var(--surface)}:fullscreen body,body:fullscreen{padding:24px}:fullscreen .wrap{max-width:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px -22px #3c288c80;padding:18px;display:flex;flex-direction:column;gap:16px}.panel h2{margin:0;font-size:1.2rem;color:var(--c4)}.form{display:grid;grid-template-columns:1fr 200px;gap:12px}.form .full{grid-column:1 / -1}.form1{gap:14px}label{display:flex;flex-direction:column;gap:4px;font-size:.95rem;color:var(--muted);min-width:0}label.grow{flex:1 1 220px}input,select{font:inherit;color:var(--fg);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}.title-input{font:inherit;font-weight:700;font-size:1.2rem;background:transparent;border-color:transparent;padding:4px 6px}.title-input:hover{border-color:var(--line)}.notice{margin:0;padding:10px 14px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}.notice.ok{color:var(--good);font-weight:700}.notice.err,.warn{color:var(--bad);font-weight:700}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;background:var(--bg)}.list li.on{outline:2px solid var(--ink)}.list li.none{display:block;color:var(--muted)}.list .s{color:#fff;font-weight:700;min-width:2.4em;height:2.4em;border-radius:999px;display:grid;place-items:center;font-size:.9rem;background:var(--pos)}.list .s.neg{background:var(--neg)}.list .s.q{background:var(--q)}.list .t{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column}.list small{color:var(--muted);font-size:.9rem}.list .acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.list .acts button{min-height:38px;padding:4px 12px;font-size:.9rem}@media (max-width: 600px){.form{grid-template-columns:1fr}.list li{grid-template-columns:auto 1fr}.list .acts{grid-column:1 / -1;justify-content:flex-start}}@media (prefers-reduced-motion: no-preference){.card{transition:transform .25s}.card.flip{transform:rotate(-1deg) scale(1.01)}}.stack{display:flex;flex-direction:column;gap:18px}.center{text-align:center;justify-content:center}.row.center{justify-content:center}.muted{color:var(--muted)}.count.center{margin:0}.modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-radius:14px;padding:10px 14px;text-align:left;border:2px solid var(--line);background:var(--surface)}.mode b{font-size:1.05rem}.mode span{font-weight:400;font-size:.82rem;color:var(--muted)}.mode:nth-child(1){--m: var(--t4)}.mode:nth-child(2){--m: var(--t1)}.mode:nth-child(3){--m: var(--t3)}.mode:nth-child(4){--m: var(--t2)}.mode:nth-child(5){--m: var(--t5)}.mode:hover:not(:disabled){border-color:var(--m)}.mode.on{background:var(--m);border-color:var(--m);color:#fff;box-shadow:0 8px 18px -10px var(--m)}.mode.on span{color:#ffffffe0}@media (max-width: 720px){.modes{grid-template-columns:repeat(3,minmax(0,1fr))}.mode span{display:none}}button.mini{min-height:36px;padding:4px 14px;font-size:.9rem}button.mini.on{background:var(--c4);border-color:var(--c4);color:#fff}button.good{background:var(--pos);border-color:var(--pos);color:#fff}button.bad{background:var(--neg);border-color:var(--neg);color:#fff}.tools{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.timer,.picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-label{font-weight:700;color:var(--c4);min-width:7.5em}.clock{position:relative;overflow:hidden;min-width:120px;height:36px;border-radius:999px;background:var(--bg);border:2px solid var(--c3);display:grid;place-items:center;font-variant-numeric:tabular-nums}.clock-bar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--c3) 30%,transparent);transition:width 1s linear}.clock b{position:relative;font-size:1.1rem}.clock.low{border-color:var(--c2)}.clock.low .clock-bar{background:color-mix(in srgb,var(--c2) 35%,transparent)}.clock.out{border-color:var(--neg);color:var(--neg)}.picked{font-family:var(--hand);font-weight:700;font-size:1.8rem;color:var(--c1);padding:0 6px}.picked.spin{color:var(--muted)}.picker.editing{flex-direction:column;align-items:stretch}textarea{font:inherit;color:var(--fg);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;resize:vertical}.setup{align-items:flex-start}.team-names{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%}.team-names label{color:var(--team);font-weight:700}.team-names input{border-color:var(--team)}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.team{border-radius:16px;padding:10px 16px;background:var(--surface);border:3px solid transparent;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:inset 0 -6px 0 var(--team)}.team.active{border-color:var(--team);transform:translateY(-2px);box-shadow:inset 0 -6px 0 var(--team),0 12px 24px -14px var(--team)}.team-name{font-weight:700;min-width:0;overflow-wrap:anywhere}.team-score{font-family:var(--hand);font-weight:700;font-size:2.4rem;line-height:1;color:var(--team);font-variant-numeric:tabular-nums}.turn{margin:0;text-align:center;font-size:1.15rem}.turn b{color:var(--team)}.done{align-items:center;text-align:center}.done h2{font-family:var(--hand);font-size:2.4rem;color:var(--c1)}.big-text{font-size:1.3rem;margin:0}.answer-box{display:flex;flex-direction:column;gap:10px}.answer-box label{font-weight:700;color:var(--fg);font-size:1rem}.answer-box input{font-size:1.3rem;padding:14px 16px;border-width:2px;border-color:var(--c3)}.answer-box input.is-ok{border-color:var(--pos);background:color-mix(in srgb,var(--pos) 10%,var(--bg))}.answer-box input.is-no{border-color:var(--neg);background:color-mix(in srgb,var(--neg) 8%,var(--bg))}.answer-box button{align-self:flex-start}.feedback{margin:0;font-weight:700}.feedback p{margin:0}.feedback.ok{color:var(--pos);font-size:1.15rem}.feedback.no{color:var(--neg);display:flex;flex-direction:column;gap:4px}.diff{color:var(--fg);font-size:1.25rem;font-weight:400}.diff .miss{background:color-mix(in srgb,var(--pos) 22%,transparent);color:var(--pos);font-weight:700;border-radius:4px;padding:0 2px}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:14px;text-align:left;border-radius:14px;padding:14px 16px;font-size:1.15rem;font-weight:400;border:2px solid var(--line)}.option .letter{flex:none;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--c4)}.option:nth-child(2) .letter{background:var(--c1)}.option:nth-child(3) .letter{background:var(--c3)}.option:disabled{opacity:1;cursor:default}.option.right{border-color:var(--pos);background:color-mix(in srgb,var(--pos) 14%,var(--surface));font-weight:700}.option.right .letter{background:var(--pos)}.option.wrong{border-color:var(--neg);background:color-mix(in srgb,var(--neg) 12%,var(--surface))}.option.wrong .letter{background:var(--neg)}.option.dim{opacity:.5}.progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.progress-bar{flex:1 1 200px;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c3),var(--c4),var(--c1));transition:width .3s}label.inline{flex-direction:row;align-items:center;gap:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f0c2899;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px}.qr-box{background:var(--surface);border-radius:20px;padding:24px;max-width:min(92vw,520px);width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;border-top:10px solid var(--c1)}.qr-box h2{margin:0;font-family:var(--hand);font-size:2rem;color:var(--c4)}.qr-box canvas{width:min(70vw,380px)!important;height:auto!important;background:#fff;padding:12px;border-radius:12px}.qr-url{font-size:1rem;overflow-wrap:anywhere;color:var(--muted);margin:0;-webkit-user-select:all;user-select:all}.topic-pick{flex-direction:row;align-items:center;gap:12px;color:var(--fg);font-weight:700;font-size:1.05rem}.topic-pick select{font-weight:700;font-size:1.1rem;padding:10px 40px 10px 16px;border:2px solid var(--chip);border-radius:999px;background:var(--surface);min-width:min(320px,100%);max-width:100%}.small{font-size:.9rem;margin:0}.topic-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.topic-list li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:6px 12px 6px 6px;border-radius:12px;border:2px solid transparent;background:var(--bg)}.topic-list li.on{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 10%,var(--surface))}.topic-list li.none{display:block;padding:10px 12px;color:var(--muted)}.topic-open{flex:1 1 260px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-align:left;border:0;background:transparent;border-radius:10px;padding:8px 10px;min-width:0}.topic-open:hover:not(:disabled){background:color-mix(in srgb,var(--chip) 12%,transparent)}.topic-open .dot{width:14px;height:14px;border-radius:50%;background:var(--chip);flex:none}.topic-title{font-size:1.05rem}.switch{flex-direction:row;align-items:center;gap:8px;cursor:pointer;color:var(--fg);font-weight:700;font-size:.9rem}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .track{width:44px;height:26px;border-radius:999px;background:var(--line);position:relative;transition:background .2s;flex:none}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.switch input:checked+.track{background:var(--pos)}.switch input:checked+.track:after{transform:translate(18px)}.switch input:focus-visible+.track{outline:3px solid var(--ink);outline-offset:2px}.new-topic{padding:12px;border-radius:12px;border:2px dashed var(--c4)}.demo-bar{max-width:980px;margin:0 auto 16px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--c2) 18%,var(--surface));border:2px solid var(--c2)}.demo-bar a{font-weight:700}.student{font-size:1.05rem}.step{display:flex;flex-direction:column;gap:18px}.step-title{margin:0;font-size:clamp(1.4rem,4vw,1.9rem);text-wrap:balance}.group-title{margin:6px 0 -6px;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tile{display:flex;align-items:center;gap:16px;text-align:left;border-radius:20px;padding:20px;min-height:96px;border:3px solid var(--line);background:var(--surface);box-shadow:0 10px 24px -20px #281e5a99}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile:active{transform:translateY(1px)}.tile-title{display:block;font-size:1.35rem;font-weight:700;line-height:1.2}.tile-sub{display:block;font-weight:400;font-size:.95rem;color:var(--muted);margin-top:2px}.tile-text{min-width:0}.topic-tile{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 9%,var(--surface));position:relative;padding-right:56px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.topic-tile .tile-go{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--chip);color:#fff;font-size:1.2rem}.tile-icon{flex:none;width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:2rem;background:color-mix(in srgb,var(--m) 18%,var(--surface))}.act-tile{border-color:color-mix(in srgb,var(--m) 55%,var(--line))}.act-tile:hover:not(:disabled){border-color:var(--m)}.act-learn{--m: var(--t5)}.act-choose{--m: var(--t3)}.act-type{--m: var(--t1)}.act-cards{--m: var(--t4)}.act-teams{--m: var(--t2)}@media (prefers-reduced-motion: no-preference){.tile{transition:transform .15s,border-color .15s}}.crumbs{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}.back{background:var(--surface);border:2px solid var(--chip);min-height:48px;padding:8px 18px}.crumb-topic{font-weight:700;font-size:1.15rem;color:var(--fg);padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--chip) 16%,var(--surface))}.crumb-act{font-weight:700;color:var(--muted)}.crumbs .link.small{font-size:.95rem}@media (pointer: coarse){.keys{display:none}.controls button{min-height:54px}}@media (max-width: 640px){.hide-phone{display:none!important}.controls{display:grid;grid-template-columns:1fr 1fr}.controls .primary{grid-column:1 / -1;grid-row:1}.card{aspect-ratio:4 / 3}.tiles{grid-template-columns:1fr}}.act-live{--m: var(--t6)}.join-banner{display:flex;align-items:center;gap:16px;text-align:left;border-radius:20px;padding:14px 64px 14px 14px;position:relative;border:3px solid var(--c1);background:linear-gradient(120deg,color-mix(in srgb,var(--c1) 14%,var(--surface)),color-mix(in srgb,var(--c2) 14%,var(--surface)))}.join-banner b{display:block;font-size:1.3rem}.join-banner .tile-icon{--m: var(--c1)}.join-banner .tile-go{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--c1);color:#fff;font-size:1.2rem}.live-setup{gap:18px}.field{display:flex;flex-direction:column;gap:8px;width:100%}.field-label{font-weight:700;color:var(--fg);margin:0}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-radius:16px;padding:12px 18px;border:2px solid var(--line);min-width:200px;text-align:left}.choice span{font-weight:400;font-size:.9rem;color:var(--muted)}.choice.on{border-color:var(--c4);background:color-mix(in srgb,var(--c4) 12%,var(--surface));box-shadow:inset 0 0 0 1px var(--c4)}.live{display:flex;flex-direction:column;gap:18px}.lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}@media (max-width: 760px){.lobby{grid-template-columns:1fr}}.join-box{background:var(--surface);border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-top:10px solid var(--c1)}.join-qr{width:min(100%,300px)!important;height:auto!important;background:#fff;padding:10px;border-radius:12px}.join-how{margin:0;color:var(--muted)}.join-code{margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(3.5rem,10vw,6rem);line-height:1;letter-spacing:.12em;color:var(--c4);font-variant-numeric:tabular-nums}.lobby-side{display:flex;flex-direction:column;gap:14px;min-width:0}.lobby-side h2{margin:0;font-size:1.5rem}.lobby-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.lobby-team{border-radius:16px;padding:12px;background:var(--surface);border-top:8px solid var(--team);min-height:120px}.lobby-team h3{margin:0 0 6px;color:var(--team);display:flex;justify-content:space-between}.lobby-team ul,.name-cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.lobby-team li,.name-cloud li{background:var(--bg);border-radius:999px;padding:4px 12px;font-weight:700}.name-cloud li{background:var(--surface);border:2px solid var(--c4)}.live-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.live-step{font-weight:700;color:var(--muted)}.live-clock{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:700;color:#fff;background:var(--c4);font-variant-numeric:tabular-nums}.live-clock.low{background:var(--neg)}.live-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.live-option{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:var(--opt);color:#fff;font-size:1.25rem;font-weight:700;min-width:0}.live-option .opt-text{flex:1;min-width:0;overflow-wrap:anywhere}.live-option .shape,.phone-option .shape{font-size:1.3rem;opacity:.9}.live-option .opt-count{background:#ffffff40;border-radius:999px;padding:2px 12px}.live-option.right{background:var(--pos);box-shadow:0 0 0 4px color-mix(in srgb,var(--pos) 35%,transparent)}.live-option.dim{opacity:.35}.results{display:flex;flex-direction:column;gap:14px}.winner{margin:0;font-family:var(--hand);font-size:clamp(2.2rem,7vw,3.6rem);color:var(--c1);text-align:center}.team-bars{display:flex;flex-direction:column;gap:10px}.team-bar{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;gap:12px;align-items:center}.tb-name{font-weight:700;color:var(--team);overflow-wrap:anywhere}.tb-name small{color:var(--muted);font-weight:400}.tb-track{height:30px;border-radius:999px;background:var(--line);overflow:hidden}.tb-track span{display:block;height:100%;background:var(--team);border-radius:999px;transition:width .6s}.tb-score{font-family:var(--hand);font-weight:700;font-size:1.8rem;color:var(--team);font-variant-numeric:tabular-nums}.podium{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.podium li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--surface);border-radius:12px;padding:8px 14px;border-left:6px solid var(--team)}.podium .pos{font-weight:700;width:1.8em;height:1.8em;display:grid;place-items:center;border-radius:50%;background:var(--bg)}.podium li:first-child .pos{background:var(--t6);color:#1b1a33}.podium .pname{font-weight:700;min-width:0;overflow-wrap:anywhere}.podium small{color:var(--muted);font-weight:400}.podium .pscore{font-variant-numeric:tabular-nums;font-weight:700}.phone{max-width:480px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.phone-form{display:flex;flex-direction:column;gap:14px}.phone-form label{font-weight:700;color:var(--fg);font-size:1.1rem}.code-input{font-size:3rem;text-align:center;letter-spacing:.3em;font-weight:700;padding:12px;border:3px solid var(--c4);border-radius:16px;font-variant-numeric:tabular-nums}.name-input{font-size:1.5rem;padding:14px 16px;border:3px solid var(--c4);border-radius:16px}.team-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-btn{min-height:72px;font-size:1.3rem;border:3px solid var(--team);color:var(--fg);background:var(--surface);border-radius:18px}.team-btn.on{background:var(--team);color:#fff;box-shadow:0 8px 18px -10px var(--team)}.phone-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--surface);border-left:8px solid var(--team)}.ph-name{font-weight:700;font-size:1.15rem;flex:1;min-width:0;overflow-wrap:anywhere}.ph-team{background:var(--team);color:#fff;border-radius:999px;padding:2px 12px;font-weight:700}.ph-score{font-weight:700;font-variant-numeric:tabular-nums}.mini-card{background:var(--card);color:#2a2560;border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:4px;font-family:var(--hand);box-shadow:var(--shadow)}.mc-subj{font-size:1.3rem;font-weight:700;color:var(--c4)}.mc-sign{font-size:1.3rem;font-weight:700}.mc-prompt{grid-column:1 / -1;font-size:1.4rem}.phone-options{display:flex;flex-direction:column;gap:10px}.phone-option{display:flex;align-items:center;gap:12px;text-align:left;min-height:76px;padding:14px 16px;border-radius:18px;border:0;background:var(--opt);color:#fff;font-size:1.15rem}.phone-option:active{transform:scale(.98)}.phone-result{text-align:center;padding:22px 16px;border-radius:20px;color:#fff}.phone-result p{margin:4px 0}.phone-result.ok{background:var(--pos)}.phone-result.no{background:var(--neg)}.phone-result .muted{color:#ffffffd9}.pr-big{font-size:2rem;font-weight:700}.use-in-class{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--c4) 8%,var(--bg))}.use-in-class .field-label{margin-right:4px}.launch{color:#fff;border:0;font-size:1.05rem}.launch.l-cards{background:var(--t4)}.launch.l-teams{background:var(--t2);color:#1b1a33}.launch.l-live{background:var(--t1)}.launch:hover:not(:disabled){filter:brightness(1.07)}.join-ways{display:flex;flex-direction:column;gap:12px}.join-way{display:flex;align-items:center;gap:16px;text-align:left;min-height:96px;padding:16px 18px;border-radius:20px;border:3px solid var(--jw);background:color-mix(in srgb,var(--jw) 10%,var(--surface))}.join-way b{display:block;font-size:1.35rem}.join-way.w-scan{--jw: var(--c3)}.join-way.w-code{--jw: var(--c4)}.jw-icon{flex:none;width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:2rem;background:var(--surface)}.back-link{align-self:flex-start;background:transparent;border-color:var(--line)}.scanner{display:flex;flex-direction:column;gap:12px}.scan-view{position:relative;width:100%;aspect-ratio:1 / 1;max-width:100%;border-radius:20px;overflow:hidden;background:#000}.scan-view video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:4px solid #fff;border-radius:18px;box-shadow:0 0 0 999px #00000059}