:root{--bg:#0b1033;--bg-2:#121a4a;--surface:#18215a;--surface-2:#222c6e;--line:#2f3a80;--text:#fff;--muted:#a9b1e0;--yellow:#ffd23f;--yellow-ink:#1a1400;--cyan:#4cc9f0;--violet:#9b5de5;--pink:#f15bb5;--green:#3ee8a5;--danger:#ff6b6b;--orange:#ff7a1a;--radius:18px;--font-head:"Unbounded", "Segoe UI", system-ui, sans-serif;--font:"Manrope", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.4}h1,h2{font-family:var(--font-head);margin:0;font-weight:700;line-height:1.15}p{margin:0}a{color:inherit}.muted{color:var(--muted)}.accent{color:var(--yellow)}.btn{min-height:48px;font:700 1rem var(--font);color:var(--text);background:var(--surface-2);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:0 1.4em;text-decoration:none;transition:transform .12s,filter .12s,opacity .12s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--yellow);color:var(--yellow-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn-ghost:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--muted)}.btn-xl{min-height:60px;font-size:1.15rem}.btn-sm{min-height:40px;padding:0 1em;font-size:.9rem}.btn-wide{width:100%}input{border:2px solid var(--line);background:var(--bg-2);width:100%;min-height:56px;color:var(--text);font:600 1.15rem var(--font);border-radius:14px;outline:none;padding:0 18px}input:focus{border-color:var(--cyan)}.field{text-align:left;gap:8px;display:grid}.field span{color:var(--muted);font-weight:600}.form-error{color:var(--danger);font-weight:600}.toast{max-width:calc(100% - 32px);box-shadow:0 0 0 2px var(--pink), 0 12px 32px #0008;z-index:50;background:#2b1840;border-radius:14px;padding:12px 20px;font-weight:600;animation:.25s both fade-up;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.logo{font-family:var(--font-head);letter-spacing:-.01em;align-items:center;gap:12px;font-size:2rem;font-weight:800;display:inline-flex}.logo svg{flex:none;width:1.5em;height:1.5em}.logo span{display:inline-block;transform:skew(-9deg)}.logo-small{font-size:1.1rem}.tv-splash,.tv>.tv-splash:not(.stage-bg){z-index:100;background:var(--bg);cursor:pointer;place-items:center;animation:.6s 3.4s both splash-out;display:grid;position:fixed;inset:0}.tv-splash img{object-fit:cover;width:100%;height:100%;animation:3.6s ease-out both splash-in}@keyframes splash-in{0%{opacity:0;transform:scale(1.06)}20%{opacity:1}to{transform:scale(1)}}@keyframes splash-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.tv-splash img{animation:none}}.home{gap:20px;max-width:820px;margin:0 auto;padding:40px 16px 80px;display:grid;position:relative}.home .stage-bg{position:fixed}.home>:not(.stage-bg){z-index:1;position:relative}.home-head{gap:14px;margin-bottom:8px;display:grid}.home-title{letter-spacing:-.015em;max-width:14em;font-size:clamp(1.8rem,6vw,3rem);animation:.6s both fade-up}.lead{color:var(--muted);max-width:34em;font-size:1.15rem}.home-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121a4ad9;border-radius:22px;gap:16px;padding:24px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.home-card h2{font-size:1.2rem}.join-code{gap:12px;display:flex}.join-code input{font-family:var(--font-head);letter-spacing:.2em;font-size:1.4rem}.site{gap:32px;max-width:1160px;margin:0 auto;padding:20px 16px 80px;display:grid;position:relative}.site .stage-bg{position:fixed}.site>:not(.stage-bg){z-index:1;min-width:0;position:relative}.site-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.site-logo{text-decoration:none}.site-logo .logo{font-size:1.6rem}.site-nav{gap:20px;font-weight:700;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--text)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;display:grid}.hero-text{gap:18px;display:grid}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-art{aspect-ratio:16/9;object-fit:cover;border-radius:24px;width:100%;animation:.6s .1s both fade-up;box-shadow:0 24px 60px #0008,inset 0 0 0 1px #ffffff14}.join-card{grid-template-columns:1fr minmax(0,360px);align-items:center}.join-card .form-error{grid-column:1/-1}.join-code input{min-width:0}.collection{gap:16px;display:grid}.collection-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.collection-head h2,.site-how h2{font-size:1.5rem}.collection-more{color:var(--cyan);white-space:nowrap;font-weight:700;text-decoration:none}.quiz-row,.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.quiz-card{color:var(--text);background:#121a4ad9;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.quiz-card:hover,.quiz-card:focus-visible{box-shadow:inset 0 0 0 2px var(--yellow), 0 16px 40px #0007;outline:none;transform:translateY(-4px)}.quiz-cover{aspect-ratio:16/9;background:var(--surface-2) center / cover;position:relative}.quiz-cover:after{content:"";background:linear-gradient(#0000 40%,#0b1033cc);position:absolute;inset:0}.quiz-emoji{z-index:1;filter:drop-shadow(0 4px 10px #0008);font-size:2.4rem;position:absolute;bottom:8px;left:14px}.quiz-age{z-index:1;background:#0b1033cc;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:800;position:absolute;top:10px;right:10px}.quiz-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.quiz-title{font-size:1.1rem;font-weight:800}.quiz-desc{color:var(--muted);font-size:.92rem}.quiz-tags{flex-wrap:wrap;gap:6px;display:flex}.quiz-tag{color:var(--muted);background:#ffffff12;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}.quiz-foot{justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;padding-top:6px;display:flex}.quiz-meta{color:var(--cyan);font-size:.85rem;font-weight:700}.price{white-space:nowrap;align-items:baseline;gap:8px;display:inline-flex}.price s{color:var(--muted);font-size:.9em}.price b{color:var(--yellow);font-size:1.1em}.price-big{font-size:1.6rem}.site-how{gap:18px;display:grid}.how-steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.how-steps li{counter-increment:step;background:#121a4ad9;border-radius:20px;gap:6px;padding:20px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.how-steps li:before{content:counter(step);font:800 1.6rem var(--font-head);color:var(--yellow)}.how-steps span{color:var(--muted)}.page-title{letter-spacing:-.015em;font-size:clamp(1.8rem,5vw,2.6rem)}.filters{gap:14px;display:grid}.filter-group{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;display:grid}.filter-label{color:var(--muted);font-weight:700}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{min-height:40px;color:var(--text);font:600 .95rem var(--font);cursor:pointer;background:#ffffff10;border:0;border-radius:999px;padding:0 14px;transition:background .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #ffffff1a}.filter-chip:hover{background:#ffffff1a}.filter-chip.is-on{box-shadow:inset 0 0 0 2px var(--yellow);background:#ffd23f22}.results-bar{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:-16px;display:flex}.empty{justify-items:start}.quiz-page{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.quiz-hero{aspect-ratio:16/10;background:var(--surface-2) center / cover;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0008}.quiz-hero:after{content:"";background:linear-gradient(#0000 50%,#0b1033bb);position:absolute;inset:0}.quiz-hero-emoji{z-index:1;filter:drop-shadow(0 6px 14px #0009);font-size:4rem;position:absolute;bottom:16px;left:24px}.quiz-info{gap:18px;display:grid}.back-link{color:var(--muted);font-weight:700;text-decoration:none}.quiz-facts{grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.quiz-facts li{text-align:center;background:#ffffff0d;border-radius:16px;gap:2px;padding:12px;display:grid}.quiz-facts b{font:800 1.3rem var(--font-head)}.quiz-facts span{color:var(--muted);font-size:.85rem}.buy{background:#121a4ad9;border-radius:20px;flex-wrap:wrap;align-items:center;gap:20px;padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.buy .btn{flex:1}.small{font-size:.9rem}@media (width<=820px){.hero,.quiz-page,.join-card{grid-template-columns:1fr}.hero{gap:24px}.hero-art{order:-1}.filter-group{grid-template-columns:1fr;gap:8px}.quiz-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(80%,300px);grid-auto-flow:column;margin:0 -16px;padding:4px 16px 8px;overflow-x:auto}.quiz-row>*{scroll-snap-align:start}.site-nav{gap:14px;font-size:.95rem}}@media (width<=480px){.quiz-facts{grid-template-columns:repeat(2,1fr)}.site-logo .logo{font-size:1.3rem}}.stage-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.stage-bg:after{content:"";background-image:radial-gradient(#ffffff10 1px,#0000 1.4px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 85%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 85%)}.blob{filter:blur(80px);opacity:.35;border-radius:50%;width:60vmax;height:60vmax;animation:26s ease-in-out infinite alternate drift;position:absolute}.blob-a{background:#3a2fb8;top:-30vmax;left:-15vmax}.blob-b{background:#0e6e9e;animation-duration:32s;animation-direction:alternate-reverse;bottom:-35vmax;right:-20vmax}.blob-c{opacity:.18;background:#7a2d9e;width:36vmax;height:36vmax;animation-duration:38s;top:30%;left:45%}.phase-reveal .blob-c,.phase-finished .blob-c{opacity:.22;background:#b8860b}.tv{--u:min(1vw, 1.78vh);height:100vh;min-height:100vh;padding:calc(var(--u) * 2) calc(var(--u) * 3.2) calc(var(--u) * 2.4);font-size:calc(var(--u) * 1.45);background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.tv>:not(.stage-bg){z-index:1;position:relative}.tv .btn{min-height:2.8em;font-size:1em}.tv .btn-xl{min-height:3em;padding:0 1.6em;font-size:1.25em}.tv-centered{text-align:center;justify-content:center;align-items:center;gap:1.5em}.tv-head{white-space:nowrap;color:var(--muted);align-items:center;gap:2em;min-height:2.8em;display:flex;z-index:30!important}.tv-head .logo{color:var(--text);font-size:1.15em}.progress{gap:.45em;margin-left:auto;display:flex}.progress i{background:#ffffff1f;border-radius:999px;width:1.2em;height:.4em;transition:background .4s,width .4s}.progress i.is-done{background:var(--cyan)}.progress i.is-current{background:var(--yellow);width:2.2em;box-shadow:0 0 .8em #ffd23f88}.tv-room{align-items:center;gap:1em;margin-left:auto;display:flex}.progress+.tv-room{margin-left:1em}.pack-pill{color:var(--text);background:#ffffff12;border-radius:999px;padding:.3em .9em;font-weight:700}.tv-room b{color:var(--text);letter-spacing:.08em}.tv-body{flex-direction:column;flex:1;min-height:0;padding-top:1.4em;animation:.5s both scene-in;display:flex}.tv-title{font-size:2.6em}.tv-title .muted{font-size:.45em;font-family:var(--font);margin-left:.6em;font-weight:600}.big{font-size:1.3em}.sound-btn{min-height:2.2em;color:var(--text);font:700 .85em var(--font);cursor:pointer;opacity:.6;background:#ffffff10;border:0;border-radius:999px;flex:none;padding:0 .8em;transition:opacity .2s}.sound-btn:hover{opacity:1}.sound-btn.is-off{opacity:.3;filter:grayscale();text-decoration:line-through}.sound-btn.is-blocked{opacity:1;background:var(--yellow);color:var(--yellow-ink);animation:1.2s ease-in-out infinite alternate glow}.tv-controls{opacity:.3;gap:.6em;font-size:.75em;transition:opacity .2s;display:flex}.tv-controls:empty{display:none}.tv-controls .btn{min-height:2.4em}.tv-controls:hover{opacity:1}.tv-paused{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:800 5em var(--font-head);color:var(--yellow);background:#0b1033d9;place-items:center;animation:.25s both fade-in;display:grid;inset:0;z-index:20!important;position:absolute!important}.tv-offline{background:var(--danger);color:#1b0000;border-radius:999px;padding:.5em 1.2em;font-weight:700;top:1em;left:50%;transform:translate(-50%);z-index:40!important;position:absolute!important}.avatar{background:radial-gradient(circle at 32% 28%, #fff6, transparent 55%), var(--c);width:2.2em;height:2.2em;box-shadow:0 .15em .6em color-mix(in srgb, var(--c) 45%, transparent);color:var(--bg);font-family:var(--font-head);border-radius:50%;flex:none;place-items:center;font-size:1em;font-weight:800;line-height:1;transition:opacity .3s,transform .3s,background .3s;display:inline-grid}.avatar.is-dim{box-shadow:inset 0 0 0 .14em var(--c);color:var(--c);opacity:.4;background:0 0}.lobby{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:5em;padding:0 1em;display:grid}.lobby-join{justify-items:center;gap:1.2em;display:grid}.qr{background:#fff;border-radius:1.6em;width:21em;height:21em;padding:1.2em;animation:.6s cubic-bezier(.2,1.4,.4,1) both pop-in;position:relative;box-shadow:0 2em 5em #0008}.qr:before{content:"";z-index:-1;background:conic-gradient(from var(--angle,0deg), var(--yellow), var(--cyan), var(--violet), var(--pink), var(--yellow));filter:blur(.2em);opacity:.9;border-radius:2em;animation:6s linear infinite spin-angle;position:absolute;inset:-.5em}.qr img{width:100%;height:100%;image-rendering:pixelated;display:block}.lobby-code{text-align:center}.code-digits{justify-content:center;gap:.25em;margin-top:.3em;display:flex}.code-digits span{width:1.25em;height:1.5em;font:800 2.6em var(--font-head);color:var(--yellow);background:#ffffff10;border-radius:.25em;place-items:center;animation:.5s cubic-bezier(.2,1.4,.4,1) both pop-in;display:grid;box-shadow:inset 0 0 0 2px #ffffff1a}.lobby-side{align-content:center;gap:.9em;display:grid}.lobby-title{letter-spacing:-.01em;font-size:2.4em}.lobby-players{flex-wrap:wrap;gap:.7em;min-height:3em;margin:0;padding:0;list-style:none;display:flex}.chip{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c,#fff) 35%, transparent);background:#ffffff10;border-radius:999px;align-items:center;gap:.6em;padding:.4em 1.1em .4em .4em;font-size:.95em;font-weight:700;display:inline-flex}.chip.pop-in{animation:.55s cubic-bezier(.2,1.5,.4,1) both chip-in}.chip-ghost{color:var(--muted);font-weight:600;animation:1.4s ease-in-out infinite alternate pulse;box-shadow:inset 0 0 0 2px #ffffff1a}.chip.is-offline{opacity:.45}.chip-tag{color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;font-size:.7em;font-weight:800}.lobby-packs{flex-wrap:wrap;gap:.6em;display:flex}.pack-chip{color:var(--muted);font:600 .8em var(--font);cursor:pointer;background:#ffffff0a;border:0;border-radius:999px;padding:.45em 1em;transition:box-shadow .2s,color .2s,background .2s;box-shadow:inset 0 0 0 2px #ffffff1a}.pack-chip:hover{color:var(--text)}.pack-chip.is-active{color:var(--text);box-shadow:inset 0 0 0 2px var(--yellow);background:#ffd23f1a}.lobby-start{align-items:center;gap:1.4em;margin-top:.3em;display:flex}.lobby-start .btn-primary:not(:disabled){animation:1.8s ease-in-out infinite alternate glow}.ring{flex:none;width:5.5em;height:5.5em;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:7px}.ring-bg{stroke:#ffffff14}.ring-fg{stroke:var(--yellow);stroke-linecap:round;filter:drop-shadow(0 0 6px #ffd23f88);transition:stroke-dashoffset .15s linear,stroke .3s}.ring span{font:800 1.9em var(--font-head);color:var(--yellow);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.ring.is-urgent .ring-fg{stroke:var(--pink);filter:drop-shadow(0 0 8px var(--pink))}.ring.is-urgent span{color:var(--pink)}.tick-pop{animation:.5s ease-out both tick-pop}.timer{align-items:center;gap:.8em;display:flex}.timer-track{background:#ffffff14;border-radius:999px;flex:1;height:.55em;overflow:hidden}.timer-fill{border-radius:inherit;background:linear-gradient(90deg, var(--yellow), #ffe58a);transform-origin:0;height:100%;transition:transform .12s linear}.timer-sec{text-align:right;min-width:2.2em;font:700 1.6em var(--font-head);color:var(--yellow);font-variant-numeric:tabular-nums}.timer.is-urgent .timer-fill{background:var(--pink)}.timer.is-urgent .timer-sec{color:var(--pink);animation:.5s ease-in-out infinite alternate pulse}.timer.is-paused .timer-sec{color:var(--muted);font-size:1em}.question{flex-direction:column;flex:1;gap:1.8em;min-height:0;display:flex}.question-top{justify-content:space-between;align-items:center;display:flex}.q-kicker{font:700 1.5em var(--font-head);color:var(--cyan);text-transform:uppercase;letter-spacing:.06em}.question-text{letter-spacing:-.015em;max-width:21em;margin:auto 0 0;font-size:3.8em;line-height:1.12}.word{white-space:pre;animation:.55s cubic-bezier(.2,1,.3,1) both word-in;display:inline-block}.ruler{height:4.5em;margin:1em 1em 0;animation:.6s .3s both fade-in;position:relative}.ruler-line{background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));transform-origin:0;border-radius:999px;height:.5em;animation:1s cubic-bezier(.2,.8,.2,1) .2s both grow;position:absolute;top:1.1em;left:0;right:0;box-shadow:0 0 2em #9b5de555}.ruler-tick{color:var(--muted);white-space:nowrap;justify-items:center;gap:.2em;font-weight:700;animation:.4s both fade-up;display:grid;position:absolute;top:2.1em;transform:translate(-50%)}.ruler-tick i{background:#fff5;width:2px;height:.9em;position:absolute;top:-1.3em}.ruler-end{font:800 1.4em var(--font-head);color:var(--text);position:absolute;top:-1.2em}.ruler-end.is-min{left:0;transform:translate(-30%)}.ruler-end.is-max{right:0;transform:translate(30%)}.ruler-unit{color:var(--muted);font-weight:600;position:absolute;top:3.6em;right:0}.answered{border-radius:var(--radius);background:#ffffff08;align-items:center;gap:2em;margin-top:auto;padding:1em 1.4em;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.answered-count{color:var(--muted);white-space:nowrap;font-size:1.3em}.answered-count b{color:var(--text);font:800 1.5em var(--font-head)}.answered-avatars{flex-wrap:wrap;gap:.9em;display:flex}.answered-who{justify-items:center;gap:.2em;width:4.6em;display:grid}.answered-who small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75em;overflow:hidden}.answered-who.is-in .avatar{animation:.6s cubic-bezier(.2,1.6,.4,1) both answered}.answered-who.is-in small{color:var(--text)}.reveal{--name-w:12em;--pts-w:6.5em;flex-direction:column;flex:1;gap:.8em;min-height:0;display:flex}.reveal-question{color:#ffffffd9;max-width:36em;font-size:1.6em}.board{min-height:0;max-height:calc(var(--lanes) * 4.4em + 2em);flex:1;grid-auto-rows:minmax(0,1fr);align-content:center;margin:3.9em 0 auto;display:grid;position:relative}.board-grid{top:-.5em;bottom:0;left:calc(var(--name-w) + 1em);right:calc(var(--pts-w) + 1em);pointer-events:none;position:absolute}.board-grid i{background:linear-gradient(#fff0,#ffffff1c 20% 80%,#fff0);width:1px;position:absolute;top:0;bottom:0}.lane{grid-template-columns:var(--name-w) 1fr var(--pts-w);opacity:0;border-radius:999px;align-items:center;gap:1em;min-height:0;transition:opacity .35s,transform .5s cubic-bezier(.2,1.3,.4,1),background .5s;display:grid;position:relative;transform:translate(-2em)}.lane.is-visible{opacity:1;transform:none}.lane-who{justify-content:flex-end;align-items:center;gap:.6em;min-width:0;display:flex}.lane-who .avatar{order:2;font-size:.8em}.lane-name{white-space:nowrap;text-overflow:ellipsis;color:var(--c);font-size:1.15em;font-weight:800;overflow:hidden}.lane-track{height:100%;min-height:1.6em;max-height:3em;position:relative}.lane-track:before{content:"";background:#ffffff14;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.vilka{background:color-mix(in srgb, var(--c) 55%, transparent);min-width:1em;box-shadow:inset 0 0 0 .16em var(--c), 0 0 1.4em color-mix(in srgb, var(--c) 40%, transparent);transform-origin:50%;border-radius:.3em;transition:opacity .5s,filter .5s,box-shadow .4s,background .4s;position:absolute;top:22%;bottom:22%}.lane.is-visible .vilka{animation:.6s cubic-bezier(.2,1.3,.4,1) both vilka-in}.vilka:before,.vilka:after{content:"";background:var(--c);border-radius:999px;width:.22em;position:absolute;top:-.45em;bottom:-.45em}.vilka:before{left:-.05em}.vilka:after{right:-.05em}.vilka.label-left .vilka-label{left:auto;right:calc(100% + .6em)}.vilka.is-point{border-radius:50%;margin-left:-.5em}.vilka.is-point:before,.vilka.is-point:after{display:none}.vilka-label{white-space:nowrap;color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:.8em;font-weight:700;position:absolute;top:50%;left:calc(100% + .6em);transform:translateY(-50%)}.lane-empty{color:var(--muted);opacity:.6;align-items:center;font-style:italic;animation:.4s both fade-in;display:flex;position:absolute;inset:0}.lane-pts{font:800 1.45em var(--font-head);color:var(--muted);font-variant-numeric:tabular-nums}.lane-pts-num{animation:.4s cubic-bezier(.2,1.4,.4,1) both pop-in;display:inline-block}.reveal.has-answer .lane:not(.is-hit) .vilka{opacity:.4;filter:saturate(.5)}.reveal.has-answer .lane:not(.is-hit) .vilka-label{opacity:.85}.lane.is-hit .vilka{background:var(--c);box-shadow:inset 0 0 0 .16em #fff, 0 0 0 .12em var(--c), 0 0 2.4em var(--c);animation:.7s ease-out both hit-flash}.lane.is-hit .vilka-label{color:#fff}.lane.is-hit .lane-pts{color:var(--text)}.lane.is-winner{background:linear-gradient(90deg,#ffd23f00,#ffd23f24 20% 80%,#ffd23f00)}.lane.is-winner .lane-pts{color:var(--yellow);text-shadow:0 0 1em #ffd23f99}.lane.is-winner .lane-name:before{content:"★ ";color:var(--yellow)}.answer-layer{top:-2.1em;bottom:-.4em;left:calc(var(--name-w) + 1em);right:calc(var(--pts-w) + 1em);pointer-events:none;z-index:5;position:absolute}.marker{width:0;position:absolute;top:0;bottom:0}.marker-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);font:800 1.5em var(--font-head);white-space:nowrap;font-variant-numeric:tabular-nums;background:#ffffff1f;border-radius:.5em;padding:.2em .75em;transition:background .25s,color .25s,transform .3s;animation:.2s both fade-in;position:absolute;top:-1.2em;left:0;transform:translate(-50%)}.marker-pin{border:.45em solid #0000;border-top:.55em solid #fff5;width:0;height:0;transition:border-color .25s;position:absolute;top:1.15em;left:-.45em}.marker.is-landed .marker-badge{background:var(--yellow);color:var(--yellow-ink);transform:translate(-50%)scale(1.15);box-shadow:0 0 2em #ffd23f99}.marker.is-landed .marker-pin{border-top-color:var(--yellow)}.beam{background:var(--yellow);width:.32em;box-shadow:0 0 1.4em var(--yellow), 0 0 4em #ffd23f88;transform-origin:top;border-radius:999px;animation:.55s cubic-bezier(.5,0,.3,1.2) both beam-drop;position:absolute;top:1.7em;bottom:0;left:-.16em}.shock{border:.25em solid var(--yellow);border-radius:50%;width:6em;height:6em;margin:-3em 0 0 -3em;animation:.8s ease-out both shock;position:absolute;top:1.7em;left:0}.axis{grid-template-columns:var(--name-w) 1fr var(--pts-w);color:var(--muted);border-top:2px solid #ffffff1a;gap:1em;padding-top:.5em;display:grid}.axis-track{height:1.6em;position:relative}.tick{white-space:nowrap;font-weight:600;position:absolute;transform:translate(-50%)}.axis-unit{padding-left:1.2em;font-weight:600}.reveal-bottom{opacity:0;grid-template-columns:minmax(16em,auto) 1fr;align-items:stretch;gap:1.4em;min-height:6em;transition:opacity .5s,transform .6s cubic-bezier(.2,1.2,.4,1);display:grid;transform:translateY(1.2em)}.reveal-bottom.is-shown{opacity:1;transform:none}.round-winner{border-radius:var(--radius);background:linear-gradient(135deg, #ffd23f30, color-mix(in srgb, var(--c,#9b5de5) 22%, transparent));align-items:center;gap:1em;padding:0 1.6em 0 1.2em;display:flex;box-shadow:inset 0 0 0 2px #ffd23f66}.round-winner.is-empty{background:#ffffff0a;box-shadow:inset 0 0 0 2px #ffffff1a}.round-winner-label{color:var(--yellow);text-transform:uppercase;letter-spacing:.08em;font-size:.8em;font-weight:800}.round-winner b{font:800 1.9em var(--font-head);line-height:1.1;display:block}.fact{border-radius:var(--radius);background:#ffffff0c;padding:1em 1.4em;box-shadow:inset 0 0 0 1px #ffffff14}.fact-label{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3em;font-size:.8em;font-weight:800}.fact p{font-size:1.2em;line-height:1.35}.fact-source{color:var(--muted);margin-top:.4em;font-size:.8em}.leaderboard{flex:1;align-content:center;gap:1.5em;width:100%;max-width:62em;margin:0 auto;display:grid}.ranking{--row:3.5em;gap:.6em;margin:0;padding:0;list-style:none;display:grid}.rank-row{height:2.9em;transform:translateY(calc(var(--shift,0) * (100% + .6em / 1.2)));background:#ffffff0c;border-radius:1em;grid-template-columns:2em auto 10em 1fr 4.5em 5.5em;align-items:center;gap:.9em;padding:0 1.2em 0 1em;font-size:1.2em;transition:transform .9s cubic-bezier(.5,0,.2,1);animation:.4s both fade-in;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.ranking.is-settled .rank-row{transform:none}.rank-row.is-first{background:linear-gradient(90deg,#ffd23f33,#ffffff0c 70%);box-shadow:inset 0 0 0 2px #ffd23f55}.rank-place{font:800 1.2em var(--font-head);color:var(--muted);text-align:center}.rank-row.is-first .rank-place{color:var(--yellow)}.rank-name{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.rank-bar{background:#ffffff10;border-radius:999px;height:.55em;overflow:hidden}.rank-bar span{border-radius:inherit;background:var(--c);height:100%;box-shadow:0 0 1em var(--c);transform-origin:0;animation:1.2s cubic-bezier(.2,.8,.2,1) .9s both grow;display:block}.rank-delta{color:var(--green);text-align:right;font-size:.85em;font-weight:800}.rank-score{font:700 1em var(--font-head);text-align:right;font-variant-numeric:tabular-nums}.rank-up{color:var(--green);font-size:.8em;font-weight:800;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop-in;position:absolute;left:-2.4em}.final{flex:1;grid-template-columns:1.25fr 1fr;align-items:stretch;gap:3em;min-height:0;display:grid}.final-stage{flex-direction:column;justify-content:flex-end;gap:1.2em;min-height:0;display:flex}.podium{flex:1;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:1em;min-height:0;display:grid}.podium-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:.8em;height:100%;display:flex}.podium-who{text-align:center;animation:podium-who .7s calc(var(--d) + .35s) cubic-bezier(.2, 1.4, .4, 1) both;justify-items:center;gap:.3em;display:grid}.crown{animation:crown 1.6s calc(var(--d) + .8s) ease-in-out infinite alternate both;font-size:2.6em;line-height:1}.podium-name{font:800 1.5em var(--font-head);text-overflow:ellipsis;white-space:nowrap;max-width:8em;overflow:hidden}.place-1 .podium-name{color:var(--yellow);text-shadow:0 0 1em #ffd23f66;font-size:2.3em}.podium-score{font:700 1.2em var(--font-head);color:var(--muted);font-variant-numeric:tabular-nums}.place-1 .podium-score{color:var(--text)}.podium-block{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 70%, #fff 0%), color-mix(in srgb, var(--c) 25%, transparent));width:100%;box-shadow:inset 0 .2em 0 #fff5, 0 0 3em color-mix(in srgb, var(--c) 35%, transparent);font:800 3em var(--font-head);color:#fffc;transform-origin:bottom;animation:rise .8s var(--d) cubic-bezier(.2, 1.1, .4, 1) both;border-radius:1em 1em .3em .3em;place-items:start center;padding-top:.4em;font-size:1em;display:grid}.podium-block span{font-size:3em}.place-1 .podium-block{height:13em}.place-2 .podium-block{height:9em}.place-3 .podium-block{height:6.5em}.final-rest{grid-template-columns:1fr 1fr;gap:.5em 1em;margin:0;padding:0;list-style:none;animation:.5s 2.4s both fade-up;display:grid}.final-rest li{background:#ffffff0c;border-radius:999px;grid-template-columns:1.6em auto 1fr auto;align-items:center;gap:.6em;padding:.35em .9em .35em .5em;display:grid}.final-rest .avatar{font-size:.75em}.final-side{flex-direction:column;justify-content:center;gap:1.4em;min-height:0;display:flex}.final-title{font-size:3em;animation:.6s 2.2s both fade-up}.awards{gap:.8em;display:grid}.award{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 18%, transparent), #ffffff08);border-radius:1em;align-items:center;gap:1em;padding:.8em 1.2em;animation:.6s cubic-bezier(.2,1.2,.4,1) both slide-in;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.award-title{color:var(--cyan);text-transform:uppercase;letter-spacing:.06em;font-size:.8em;font-weight:800}.award-name{font:800 1.4em var(--font-head);color:var(--c)}.award-note{font-size:.9em}.final-buttons{align-items:center;gap:1em;margin-top:.5em;animation:.5s 3.4s both fade-up;display:flex}.confetti{pointer-events:none;inset:-3em -3.2em;overflow:hidden;z-index:0!important;position:absolute!important}.confetti i{opacity:.9;border-radius:.15em;width:.7em;height:1.2em;animation:linear infinite confetti;position:absolute;top:-5%}.confetti .c0{background:var(--yellow)}.confetti .c1{background:var(--cyan)}.confetti .c2{background:var(--violet)}.confetti .c3{background:var(--pink);border-radius:50%;height:.7em}.phone{max-width:520px;min-height:100dvh;padding:14px 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}.phone.has-host-bar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.phone .stage-bg{position:fixed}.phone>:not(.stage-bg){z-index:1;position:relative}.phone-scene{flex-direction:column;gap:14px;animation:.4s both scene-in;display:flex}.phone-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.me-chip{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;max-width:60%;font-weight:800;display:inline-flex;overflow:hidden}.me-chip .avatar{font-size:.85rem}.me-score{color:var(--muted);background:#ffffff10;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:700}.me-score b{color:var(--text)}.phone-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#121a4ad9;border-radius:22px;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 40px #0006}.phone-card h1{font-size:1.5rem}.big-emoji{font-size:3rem}.waiting{color:var(--muted);animation:1.4s ease-in-out infinite alternate pulse}.shake{animation:.3s 2 shake}.text{color:var(--text)}.join-room{font-weight:700}.join-room b{letter-spacing:.12em;color:var(--yellow)}.join-pack{justify-items:center;gap:6px;display:grid}.join-pack-emoji{font-size:3.4rem;line-height:1;animation:.5s cubic-bezier(.2,1.4,.4,1) both pop-in}.me-big{justify-self:center;animation:.7s cubic-bezier(.2,1.6,.4,1) both answered}.me-big .avatar{width:1.6em;height:1.6em}.lobby-crowd{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.lobby-crowd .avatar{font-size:.8rem}.lobby-crowd .muted{margin-left:6px;font-size:.9rem}.how{counter-reset:how;text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.how li{counter-increment:how;color:var(--muted);background:#ffffff0a;border-radius:14px;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;display:grid}.how li:before{content:counter(how);width:30px;height:30px;color:var(--yellow);font:800 .9rem var(--font-head);background:#ffd23f22;border-radius:50%;place-items:center;display:grid}.how b{color:var(--text)}.phone-question{flex-direction:column;gap:12px;display:flex}.question-card{text-align:left;gap:12px}.q-kicker-sm{color:var(--cyan);font:700 .8rem var(--font-head);text-transform:uppercase;letter-spacing:.06em}.phone-qtext{font-size:1.25rem;line-height:1.25}.phone .timer{font-size:14px}.picker-card{padding:16px 14px 18px}.answer-dock{bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;position:sticky}.has-host-bar .answer-dock{bottom:calc(76px + env(safe-area-inset-bottom))}.answer-dock .btn{font-variant-numeric:tabular-nums;box-shadow:0 10px 30px #0009,0 0 0 4px #0b103399}.accepted{justify-items:center;gap:12px;padding:12px 0 4px;display:grid}.accepted-icon svg{width:84px;height:84px}.accepted-icon circle{fill:var(--green);transform-origin:50%;animation:.6s cubic-bezier(.2,1.6,.4,1) both answered}.accepted-icon path{fill:none;stroke:var(--bg);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s ease-out .35s forwards draw}.accepted-range{font:700 1.4rem var(--font-head);color:var(--cyan)}.mini{width:100%;height:74px;margin-top:8px;position:relative}.mini-rail{background:#ffffff1a;border-radius:999px;height:6px;position:absolute;top:34px;left:0;right:0}.mini-vilka{background:linear-gradient(90deg, var(--cyan), var(--violet));transform-origin:50%;border-radius:6px;min-width:10px;height:20px;animation:.5s cubic-bezier(.2,1.3,.4,1) both vilka-in;position:absolute;top:27px;box-shadow:0 0 16px #4cc9f066}.mini-vilka.is-point{border-radius:50%;min-width:20px;margin-left:-5px;width:20px!important}.mini.is-hit .mini-vilka{background:var(--green);box-shadow:0 0 20px var(--green)}.mini-answer{background:var(--yellow);width:4px;height:38px;box-shadow:0 0 12px var(--yellow);transform-origin:top;border-radius:999px;margin-left:-2px;animation:.5s cubic-bezier(.5,0,.3,1.2) .2s both beam-drop;position:absolute;top:18px}.mini-answer span{background:var(--yellow);color:var(--yellow-ink);font:800 .8rem var(--font-head);white-space:nowrap;border-radius:6px;margin-bottom:2px;padding:1px 8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.mini-ends{color:var(--muted);justify-content:space-between;font-size:.78rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.look-card{padding:36px 20px}.look-up{font-size:4rem;animation:1.6s ease-in-out infinite look}.result{gap:10px;padding-top:26px;animation:.45s cubic-bezier(.2,1.3,.4,1) both pop-in}.result.is-hit{background:linear-gradient(#3ee8a533,#121a4ad9 60%);box-shadow:inset 0 0 0 2px #3ee8a566,0 12px 40px #0006}.result.is-near{background:linear-gradient(#ffd23f26,#121a4ad9 60%)}.result-emoji{font-size:3.4rem;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) both answered}.result-title{font:800 1.5rem var(--font-head)}.result.is-hit .result-title{color:var(--green)}.result.is-near .result-title{color:var(--yellow)}.result.is-miss .result-title,.result.is-none .result-title{color:var(--muted)}.result-points{font:800 3.6rem var(--font-head);color:var(--yellow);font-variant-numeric:tabular-nums;line-height:1}.result-total{color:var(--muted);border-top:1px solid #ffffff14;padding-top:10px}.result-total b{color:var(--text)}.rank-card,.final-card{padding:30px 20px}.big-rank{font:800 5.5rem var(--font-head);color:var(--yellow);font-variant-numeric:tabular-nums;text-shadow:0 0 30px #ffd23f55;justify-content:center;align-items:center;gap:10px;line-height:1;display:flex}.medal{font-size:.6em;animation:.7s cubic-bezier(.2,1.6,.4,1) .6s both answered}.medal.is-big{font-size:1em;animation:1.6s ease-in-out infinite alternate crown}.final-card.is-winner{background:linear-gradient(#ffd23f33,#121a4ad9 70%);box-shadow:inset 0 0 0 2px #ffd23f66,0 12px 40px #0006}.final-card .confetti{inset:0;z-index:0!important}.final-card>:not(.confetti){z-index:1;position:relative}.final-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.final-stats div{background:#ffffff0c;border-radius:14px;padding:12px;display:grid}.final-stats b{font:800 1.5rem var(--font-head)}.final-stats span{color:var(--muted);font-size:.85rem}.stack{gap:10px;display:grid}.host-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1033e6;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;display:flex;bottom:0;left:0;right:0;z-index:10!important;position:fixed!important}.host-bar .muted{margin-right:auto;font-size:.85rem}.picker{touch-action:none;gap:12px;display:grid}.picker.is-disabled{opacity:.5}.picker-values{gap:8px;display:grid}.bound{background:#ffffff0a;border-radius:16px;grid-template-columns:2.2em 52px 1fr 52px;align-items:center;gap:6px;padding:6px 8px 6px 14px;transition:box-shadow .2s,background .2s;display:grid;box-shadow:inset 0 0 0 2px #0000}.bound.is-low{--accent:var(--cyan)}.bound.is-high{--accent:var(--violet)}.bound.is-active{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 0 0 0 2px var(--accent)}.bound-label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;text-align:left;font-size:.8rem;font-weight:800}.bound-value{font:700 1.55rem var(--font-head);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;text-align:center;overflow:hidden}.bound-btn{width:52px;height:52px;color:var(--text);font:700 1.6rem var(--font);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff14;border:0;border-radius:50%;line-height:1;transition:transform .1s,background .1s}.bound-btn:active:not(:disabled){background:var(--accent);color:var(--bg);transform:scale(.92)}.picker-track{cursor:pointer;touch-action:none;height:72px;margin:0 22px;position:relative}.picker-rail{background:#ffffff14;border-radius:999px;height:10px;margin-top:-5px;position:absolute;top:50%;left:-22px;right:-22px}.picker-tick{background:#ffffff26;border-radius:2px;width:2px;height:22px;margin:-11px 0 0 -1px;position:absolute;top:50%}.picker-fill{background:linear-gradient(90deg, var(--cyan), var(--violet));border-radius:8px;min-width:4px;height:26px;margin-top:-13px;position:absolute;top:50%;box-shadow:0 0 22px #9b5de566}.picker-thumb{pointer-events:none;background:#fff;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transition:transform .15s cubic-bezier(.2,1.4,.4,1);position:absolute;top:50%;box-shadow:0 4px 14px #000a}.picker-thumb:after{content:"";border:3px solid var(--accent);width:6px;position:absolute;top:12px;bottom:12px}.picker-thumb.is-low{--accent:var(--cyan)}.picker-thumb.is-low:after{border-right:0;border-radius:3px 0 0 3px;left:17px}.picker-thumb.is-high{--accent:var(--violet)}.picker-thumb.is-high:after{border-left:0;border-radius:0 3px 3px 0;right:17px}.picker-thumb.is-active{box-shadow:0 4px 14px #000a, 0 0 0 6px color-mix(in srgb, var(--accent) 40%, transparent);transform:scale(1.18)}.picker-scale{color:var(--muted);justify-content:space-between;margin-top:-10px;font-size:.85rem;font-weight:600;display:flex}.picker-unit{color:var(--text);opacity:.8}.picker-points{text-align:left;background:#ffffff08;border-radius:16px;gap:8px;padding:12px 14px;display:grid}.picker-points-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:.9rem;font-weight:600;display:flex}.picker-points-head b{color:var(--yellow);font:800 1.05rem var(--font-head);white-space:nowrap}.bump{animation:.25s ease-out bump;display:inline-block}.meter{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--yellow) 60%, var(--green));background-size:100vw 100%;height:100%;transition:width .2s ease-out;display:block}.picker-points-hint{font-size:.8rem}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.fade-up{animation:.45s both fade-up}.pop-in{animation:.4s cubic-bezier(.2,1.4,.4,1) both pop-in}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}@keyframes scene-in{0%{opacity:0;transform:translateY(1.5em)scale(.985)}}@keyframes slide-in{0%{opacity:0;transform:translate(2em)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}@keyframes chip-in{0%{opacity:0;transform:scale(.3)translateY(1em)}60%{opacity:1}}@keyframes word-in{0%{opacity:0;filter:blur(6px);transform:translateY(.5em)}}@keyframes pulse{to{opacity:.55}}@keyframes glow{0%{box-shadow:0 0 #ffd23f00}to{box-shadow:0 0 2em .2em #ffd23f66}}@keyframes spin-angle{to{--angle:360deg}}@keyframes drift{to{transform:translate(12vmax,8vmax)scale(1.15)}}@keyframes tick-pop{0%{transform:scale(1.5)}}@keyframes answered{0%{transform:scale(.4)}60%{transform:scale(1.25)}}@keyframes vilka-in{0%{opacity:0;transform:scaleX(.05)scaleY(.4)}}@keyframes hit-flash{0%{filter:brightness(2.2);transform:scaleY(1.5)}}@keyframes beam-drop{0%{transform:scaleY(0)}}@keyframes shock{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(2.2)}}@keyframes drop{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes rise{0%{transform:scaleY(0)}}@keyframes podium-who{0%{opacity:0;transform:translateY(2em)scale(.6)}}@keyframes crown{0%{transform:rotate(-8deg)translateY(0)}to{transform:rotate(8deg)translateY(-.1em)}}@keyframes winner{0%{opacity:0;transform:scale(.5)}}@keyframes confetti{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--drift,0), 115vh) rotate(900deg)}}@keyframes count-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes bump{0%{transform:scale(1.18)}}@keyframes look{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=520px){.join-code{flex-direction:column}}.sounds{max-width:960px}.sound-rows{gap:8px;display:grid}.sound-row{background:#121a4ad9;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff14}.sound-row.is-open{box-shadow:inset 0 0 0 2px var(--yellow)}.sound-row-head{grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.sound-label{font-weight:800}.sound-current{color:var(--muted);font-size:.85rem}.sound-current.is-changed{color:var(--yellow)}.sound-lib{gap:12px;padding:4px 14px 16px;display:grid}.sound-lib-actions{flex-wrap:wrap;gap:8px;display:flex}.sound-group-title{color:var(--cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:800}.sound-chips{flex-wrap:wrap;gap:6px;display:flex}.sound-chip{color:var(--text);font:600 .8rem var(--font);cursor:pointer;background:#ffffff10;border:0;border-radius:999px;padding:6px 10px}.sound-chip:hover{background:#fff2}.sound-chip.is-active{background:var(--yellow);color:var(--yellow-ink)}.sound-export{background:var(--bg-2);width:100%;color:var(--text);resize:vertical;border:2px solid #ffffff1a;border-radius:12px;padding:12px;font:.85rem ui-monospace,Consolas,monospace}.personal{text-align:left;background:linear-gradient(135deg,#9b5de52b,#4cc9f01a);border-radius:18px;gap:10px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #9b5de566}.personal.survey{background:linear-gradient(135deg,#00f5d422,#4cc9f01a);box-shadow:inset 0 0 0 1px #00f5d455}.personal.is-ready{box-shadow:inset 0 0 0 2px var(--green)}.personal.is-used{opacity:.85}.personal-title{font:800 1rem var(--font-head)}.personal-ask{color:var(--muted)}.personal-value{font:800 2rem var(--font-head);color:var(--yellow);line-height:1}.personal-story{font-style:italic}.personal-note{color:var(--muted);font-size:.85rem}.personal-actions{flex-wrap:wrap;gap:8px;display:flex}.personal select,.personal textarea{border:2px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);font:600 1rem var(--font);border-radius:14px;outline:none;padding:12px 14px}.personal textarea{resize:vertical}.personal select:focus,.personal textarea:focus{border-color:var(--cyan)}.about-badge{background:#9b5de533;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-weight:800;display:inline-flex}.about-badge .avatar{font-size:.75rem}.about-hint{color:var(--muted);background:#ffd23f1a;border-radius:12px;padding:10px 12px;font-size:.9rem}.about-hint b{color:var(--yellow)}.chip-personal{font-size:.85em}.lobby-personal{background:#9b5de522;border-radius:1em;padding:.7em 1em;font-size:.85em;box-shadow:inset 0 0 0 1px #9b5de555}.lobby-personal.is-survey{background:#00f5d41a;box-shadow:inset 0 0 0 1px #00f5d455}.about-pill{background:color-mix(in srgb, var(--c) 22%, transparent);box-shadow:inset 0 0 0 2px var(--c);font:800 1.4em var(--font-head);border-radius:999px;align-items:center;gap:.6em;margin-left:auto;margin-right:1.4em;padding:.35em 1.2em .35em .35em;animation:.6s cubic-bezier(.2,1.5,.4,1) both chip-in;display:inline-flex}.about-note{color:var(--muted);margin-top:-.8em;font-size:1.3em}.lane.is-about .lane-name:after{content:" · среднее";color:var(--muted);font-size:.75em;font-weight:600}.avg-mark{background:var(--cyan);width:.22em;box-shadow:0 0 1em var(--cyan);z-index:2;transform-origin:50%;border-radius:999px;margin-left:-.11em;animation:.5s cubic-bezier(.5,0,.3,1.2) .3s both beam-drop;position:absolute;top:8%;bottom:8%}.avg-mark span{background:var(--cyan);color:var(--bg);white-space:nowrap;border-radius:.4em;padding:.05em .5em;font-size:.7em;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.fact.is-story{background:linear-gradient(135deg,#9b5de52b,#ffffff0c)}.fact.is-story p{font-style:italic}.mini-answer.is-right span{left:auto;right:-2px;transform:none}.mini-answer.is-left span{left:-2px;transform:none}.progress-round{align-items:center;gap:.3em;display:inline-flex}.progress-round b{filter:grayscale(.4);margin-right:.1em;font-size:.8em}.round-intro{text-align:center;flex:1;align-content:center;justify-items:center;gap:.6em;display:grid}.round-steps{gap:.8em;margin-bottom:.6em;font-size:1.6em;display:flex}.round-steps span{opacity:.45;filter:grayscale();background:#ffffff0c;border-radius:50%;place-items:center;width:2em;height:2em;transition:all .4s;display:grid}.round-steps span.is-done{opacity:.8;filter:none}.round-steps span.is-current{opacity:1;filter:none;box-shadow:0 0 0 .12em var(--yellow), 0 0 1.5em #ffd23f66;background:#ffd23f33;transform:scale(1.2)}.round-kicker{font:700 1.5em var(--font-head);color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;animation:.5s .1s both fade-up}.round-icon{font-size:6em;line-height:1;animation:.8s cubic-bezier(.2,1.6,.4,1) .2s both answered}.round-title{letter-spacing:-.015em;font-size:5em;animation:.7s cubic-bezier(.2,1,.3,1) .35s both word-in}.round-rules{color:#ffffffd9;max-width:34em;font-size:1.6em;line-height:1.4;animation:.6s .7s both fade-up}.round-meta{font-size:1.1em;animation:.6s 1s both fade-in}.mode-chip{font:800 1.15em var(--font-head);background:#ffffff10;border-radius:999px;margin-left:auto;margin-right:1.4em;padding:.4em 1.1em;animation:.6s cubic-bezier(.2,1.5,.4,1) both chip-in;box-shadow:inset 0 0 0 2px #ffffff26}.mode-chip.mode-crowd,.mode-chip.mode-room{box-shadow:inset 0 0 0 2px var(--cyan);color:var(--cyan)}.mode-chip.mode-stake{box-shadow:inset 0 0 0 2px var(--yellow);color:var(--yellow)}.mode-chip.mode-range{box-shadow:inset 0 0 0 2px var(--green);color:var(--green)}.mode-chip.mode-impostor{box-shadow:inset 0 0 0 2px var(--pink);color:var(--pink)}.question-text.is-hidden{color:var(--muted)}.answer-band{box-shadow:inset 0 0 0 .16em var(--yellow), 0 0 2em #ffd23f55;transform-origin:top;background:linear-gradient(#ffd23f55,#ffd23f22);border-radius:.4em;animation:.6s cubic-bezier(.5,0,.3,1.2) both beam-drop;position:absolute;top:1.7em;bottom:0}.crowd-line{border-left:.2em dashed var(--cyan);width:0;filter:drop-shadow(0 0 .5em var(--cyan));margin-left:-.1em;animation:.5s .5s both fade-in;position:absolute;top:1.7em;bottom:0}.crowd-line span{background:var(--cyan);color:var(--bg);white-space:nowrap;border-radius:.4em;padding:.1em .6em;font-size:.75em;font-weight:800;position:absolute;bottom:-1.9em;left:0;transform:translate(-50%)}.lane-pts-num{line-height:1.05;display:inline-grid;position:relative}.lane-pts-num.is-minus{color:var(--danger)}.pts-tag{font:700 .45em var(--font);color:var(--cyan);white-space:nowrap}.pts-tag.is-minus,.rank-delta.is-minus{color:var(--danger)}.room-result .room-emoji{font-size:2.6em}.room-result.is-win{box-shadow:inset 0 0 0 2px var(--green);background:linear-gradient(135deg,#3ee8a533,#4cc9f022)}.vote{--name-w:12em;--pts-w:6.5em;flex-direction:column;flex:1;gap:1em;min-height:0;display:flex}.vote-hint{color:var(--muted);font-size:1.3em}.board.is-anon{margin-top:2em}.board.is-anon .lane-name{color:var(--muted)}.impostor-reveal .board{margin-top:1.4em}.pair{grid-template-columns:1fr 1fr;gap:1.2em;display:grid}.pair-card{border-radius:var(--radius);background:#ffffff0c;padding:.8em 1.2em;box-shadow:inset 0 0 0 1px #ffffff1a}.pair-card p{font:700 1.25em var(--font-head);line-height:1.25}.pair-card.is-b{opacity:.35;filter:blur(.15em);transition:opacity .6s,filter .6s,box-shadow .6s}.pair-card.is-b.is-shown{opacity:1;filter:none;box-shadow:inset 0 0 0 2px var(--c,var(--pink)), 0 0 2em color-mix(in srgb, var(--c,var(--pink)) 40%, transparent)}.pair-label{color:var(--cyan);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3em;font-size:.8em;font-weight:800}.lane.is-impostor{background:linear-gradient(90deg,#f15bb500,#f15bb52b 20% 80%,#f15bb500)}.lane.is-impostor .lane-name:after{content:" · лишний";color:var(--pink);font-size:.75em}.votes-badge{background:#ffffff1a;border-radius:999px;padding:.1em .6em;font-size:.85em;font-weight:800;animation:.4s cubic-bezier(.2,1.4,.4,1) both pop-in;position:absolute;top:50%;right:0;transform:translateY(-50%)}.round-card{padding:30px 20px}.round-card-icon{font-size:4rem;line-height:1;animation:.7s cubic-bezier(.2,1.6,.4,1) both answered}.round-card-rules{color:#ffffffd9;line-height:1.45}.mode-hint{color:var(--muted);text-align:left;background:#4cc9f01a;border-radius:12px;padding:10px 12px;font-size:.9rem}.stake{background:#ffd23f14;border-radius:16px;gap:8px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #ffd23f55}.stake-title{text-align:left;font-weight:800}.stake-chips{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stake-chip{color:var(--text);font:inherit;cursor:pointer;background:#ffffff10;border:0;border-radius:12px;gap:2px;padding:8px 4px;display:grid}.stake-chip b{font:800 1.1rem var(--font-head)}.stake-chip small{color:var(--muted);font-size:.75rem}.stake-chip.is-active{background:var(--yellow);color:var(--yellow-ink)}.stake-chip.is-active small{color:var(--yellow-ink)}.stake-note{text-align:left;font-size:.8rem}.accepted-stake{color:var(--yellow);font-weight:800}.mini-band{height:38px;box-shadow:inset 0 0 0 3px var(--yellow);transform-origin:top;background:#ffd23f33;border-radius:6px;min-width:6px;animation:.5s cubic-bezier(.5,0,.3,1.2) .2s both beam-drop;position:absolute;top:18px}.mini-band span{background:var(--yellow);color:var(--yellow-ink);font:800 .75rem var(--font-head);white-space:nowrap;border-radius:6px;margin-bottom:2px;padding:1px 8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.result-points.is-minus{color:var(--danger)}.bonus-lines{gap:4px;margin:0;padding:0;list-style:none;display:grid}.bonus-lines li{color:var(--muted);background:#ffffff0a;border-radius:10px;justify-content:space-between;padding:6px 12px;font-size:.9rem;display:flex}.bonus-lines li.is-plus b{color:var(--green)}.bonus-lines li.is-minus b{color:var(--danger)}.vote-list{gap:8px;display:grid}.vote-btn{color:var(--text);font:700 1.05rem var(--font);cursor:pointer;text-align:left;background:#ffffff10;border:0;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.vote-btn>span:not(.avatar){flex:1}.vote-btn.is-active{box-shadow:inset 0 0 0 2px var(--pink);background:#f15bb533}.vote-btn b{color:var(--pink)}.tv-head{gap:1.2em}.progress{gap:.7em}.progress i{width:.7em}.progress i.is-current{width:1.5em}.progress-round{gap:.22em}.tv-room{gap:.6em;font-size:.9em}.tv:not(.phase-lobby):not(.phase-finished) .tv-head .logo span{display:none}.q-kicker,.mode-chip,.about-pill{white-space:nowrap}.theme-bg{pointer-events:none;animation:1.2s both fade-in;inset:0;overflow:hidden;z-index:0!important;position:absolute!important}.theme-bg i{filter:saturate(.85)blur(1px);background-position:50%;background-size:cover;animation:50s ease-in-out infinite alternate kenburns;position:absolute;inset:-3%}.theme-bg:after{content:"";background:linear-gradient(#0b1033e6 0%,#0b1033a6 35%,#0b1033b3 70%,#0b1033f0 100%),radial-gradient(120% 90% at 50% 40%,#0000 30%,#0b1033cc 100%);position:absolute;inset:0}.theme-bg~.stage-bg .blob{opacity:.18}@keyframes kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}.bg-pack.is-open{box-shadow:inset 0 0 0 2px var(--yellow)}.bg-pack-head{grid-template-columns:minmax(0,1.4fr) 1fr;align-items:center;gap:18px;display:grid}@media (width<=640px){.bg-pack-head{grid-template-columns:1fr}}.bg-pack-side{gap:10px;display:grid}.bg-preview{aspect-ratio:16/9;background:var(--bg);border-radius:14px;font-size:10px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 10px 30px #0008}.bg-preview .theme-bg{position:absolute!important}.bg-preview-body{z-index:1;align-content:center;gap:1.2em;height:100%;padding:0 2.4em;display:grid;position:relative}.bg-preview-kicker{color:var(--cyan);font:700 1.2em var(--font-head);text-transform:uppercase}.bg-preview-q{font:800 2.4em var(--font-head);line-height:1.1}.bg-preview-scale{background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));border-radius:999px;height:.5em}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.bg-thumb{aspect-ratio:16/9;cursor:pointer;background:#ffffff10;border:0;border-radius:10px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 2px #0000}.bg-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.bg-thumb:hover img{transform:scale(1.05)}.bg-thumb.is-active{outline:3px solid var(--yellow);outline-offset:-3px}