.avatar{display:inline-block;flex:none;width:2.6rem;line-height:0}.avatar svg{width:100%;height:auto;display:block}.avatar.xl{width:7.5rem}.av-preview{display:flex;justify-content:center;margin:-.25rem 0 .25rem;min-height:8.7rem}.av-group{display:flex;flex-direction:column;gap:.3rem}.av-label{font-weight:600;font-size:.9rem;color:#252525a6}.av-choices{display:flex;flex-wrap:wrap;gap:.4rem}.chip{width:3.3rem;height:3.3rem;padding:.2rem;display:grid;place-items:center;background:#f2f5f2;border:2px solid transparent;border-radius:.8rem}.chip:hover,button.chip:not(.opt):hover{background:#e4ebe5}.chip.on{border-color:#356d65;background:#e1ece8}.chip .avatar{width:100%}.chip .swatch{width:2.1rem;height:2.1rem;border-radius:50%;border:3px solid;display:block;box-shadow:inset 0 -3px 5px #0000001f,0 2px 4px #00000026;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}#av-colors .chip:hover .swatch{transform:scale(1.2) rotate(-8deg)}#av-colors .chip.on .swatch{animation:swatch-pop .5s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15)}.chip .none{font-size:1.4rem;color:#25252580}.avatar.bump{animation:bump .5s cubic-bezier(.34,1.56,.64,1)}@keyframes bump{0%{transform:scale(.82) rotate(-6deg)}60%{transform:scale(1.1) rotate(4deg)}to{transform:none}}@keyframes swatch-pop{0%{transform:scale(.6) rotate(-30deg)}to{transform:scale(1.15)}}#av-colors{gap:.5rem}#av-colors .chip{width:3.2rem;height:3.2rem;border-radius:50%}.chip .acc-icon{display:grid;place-items:center;width:100%;height:100%;line-height:0}.chip .acc-icon svg{width:2.7rem;height:2.4rem}.av-options{display:flex;flex-direction:column;gap:.75rem}.av-options[hidden]{display:none}.av-actions{display:flex;flex-direction:column;gap:.5rem}*{box-sizing:border-box}[hidden]{display:none!important}:root{--bg: #d0dad1;--ink: #252525;--green: #356d65;--green-dark: #2a5951;--opt-0: #9ccbc0;--opt-1: #efbfa5;--opt-2: #cbb8dc;--opt-3: #ecdc9e}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Quicksand,system-ui,sans-serif;font-size:16px;line-height:1.6}body{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1.25rem 1.25rem 2rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.host main{max-width:70rem;padding:2rem 3rem}h1{font-family:MoreSugar-Thin,Georgia,serif;font-weight:400;font-size:1.9rem;margin:.5rem 0 1rem}h2,h3{font-family:MoreSugar-Thin,Georgia,serif;font-weight:400}h2{font-size:1.9rem;line-height:1.2;margin:.75rem 0 1.25rem}h3{margin:1.5rem 0 .5rem}p{margin:.5rem 0}a{color:var(--green-dark)}.brand{font-family:MoreSugar-Thin,cursive;font-size:2.25rem;color:#abb9a2;margin:0 0 .5rem}.brand span{font-family:Apricot,cursive;margin:0 -.12em}.error{color:#a34848;font-weight:600}.hint,.meta{color:#252525a6}.meta{display:flex;justify-content:space-between;font-weight:600;margin:.5rem 0}.big{font-size:2rem;font-weight:600;margin:.5rem 0}form{display:flex;flex-direction:column;gap:.75rem;text-align:left;background:#fff;padding:1.25rem;border-radius:.9rem;box-shadow:0 6px 20px #25252514}label{font-weight:600}input[type=text]{font:inherit;font-size:1.1rem;padding:.8rem .9rem;border:1px solid rgba(37,37,37,.25);border-radius:.6rem}button{font:inherit;font-weight:600;font-size:1.05rem;padding:.9rem 1.25rem;border:0;border-radius:.6rem;background:var(--green);color:#fff;cursor:pointer}button:not(.opt):hover{background:var(--green-dark)}button.ghost,button.ghost:hover{color:var(--ink);border:1px solid rgba(37,37,37,.3)}button.ghost{background:transparent}button.ghost:hover{background:#25252514}button:disabled{cursor:default}.offline{position:fixed;inset:0 0 auto 0;z-index:10;padding:.5rem;background:#a34848;color:#fff;font-weight:600;text-align:center}.timer{height:.6rem;background:#2525251f;border-radius:1rem;overflow:hidden}.timer>div{height:100%;background:var(--green);transform-origin:left;transition:transform .1s linear}.options{display:grid;grid-template-columns:1fr;gap:.75rem}.opt{position:relative;display:flex;align-items:center;gap:.9rem;min-height:4.25rem;padding:.8rem 1rem;border-radius:.8rem;color:var(--ink);font-weight:600;font-size:1.1rem;text-align:left;overflow:hidden;box-shadow:0 3px 10px #2525251a}.opt .shape{font-size:0;width:1.75rem;height:1.75rem;display:grid;place-items:center;flex:none}.opt .shape:before{content:"";display:block;background:var(--shape)}.opt-0 .shape:before{width:1.45rem;height:1.3rem;clip-path:polygon(50% 0,100% 100%,0 100%)}.opt-1 .shape:before{width:1.5rem;height:1.5rem;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.opt-2 .shape:before{width:1.3rem;height:1.3rem;border-radius:50%}.opt-3 .shape:before{width:1.2rem;height:1.2rem;border-radius:.2rem}.opt-0{--shape: #3f8a7b}.opt-1{--shape: #cf7a50}.opt-2{--shape: #8f68b0}.opt-3{--shape: #bf9a2c}.opt .label{flex:1}.opt-0{background:var(--opt-0)}.opt-1{background:var(--opt-1)}.opt-2{background:var(--opt-2)}.opt-3{background:var(--opt-3)}button.opt:hover{filter:brightness(1.08)}button.opt:disabled{filter:grayscale(.5) brightness(.9)}body[data-result=right]{background:#bcd6b8}body[data-result=wrong],body[data-result=late]{background:#dcc5c0}.board{list-style:none;counter-reset:rank;padding:0;margin:1rem auto;max-width:30rem;text-align:left}.board li{counter-increment:rank;display:flex;gap:.75rem;padding:.55rem .9rem;margin:.35rem 0;background:#fff;border-radius:.6rem;font-weight:600}.board li:before{content:counter(rank);font-weight:600;color:var(--green);min-width:1.5rem}.board .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .s{font-variant-numeric:tabular-nums}.board li:nth-child(1){background:#f1e3b3}.host h1{font-size:3.4rem}.host h2{font-size:3.2rem;margin:1rem 0 2rem}.host .brand{font-size:3.5rem}.host .options{grid-template-columns:1fr 1fr;gap:1rem}.host .opt{min-height:6rem;font-size:1.6rem}.host .big-time{font-size:2.5rem}.host .meta{font-size:1.2rem}.join-hint{font-size:1.4rem}.join-url{font-size:2.2rem;font-weight:600;color:var(--green-dark);word-break:break-all;margin:1rem 0 2rem}.count{font-size:1.6rem}.answered{font-size:1.4rem;margin-top:1.5rem;font-weight:600}.host .board{max-width:40rem}.host .board li{font-size:1.4rem}.podium li:nth-child(2){background:#e3e6e3}.podium li:nth-child(3){background:#e8cdb4}.host .opt .num{font-size:1.6rem;opacity:0}#r-options .opt{isolation:isolate}#r-options .opt .num{opacity:1}#r-options .opt.is-wrong{opacity:.45}#r-options .opt.is-correct{outline:.4rem solid #1f3d38}.controls{position:sticky;bottom:0;display:flex;justify-content:center;gap:1rem;padding:1rem;background:#d0dad1eb;border-top:1px solid rgba(37,37,37,.1)}.controls button{min-width:14rem;font-size:1.2rem}@media (min-width: 40rem){.player .options{grid-template-columns:1fr 1fr}.player .opt{min-height:6rem}}.race{position:relative;list-style:none;padding:0;margin:1.25rem auto 0;max-width:44rem;text-align:left}.race li{position:absolute;left:0;right:0;height:3.2rem;display:flex;align-items:center;gap:.9rem;padding:0 1.1rem;background:#fff;border-radius:.8rem;box-shadow:0 3px 10px #25252514;font-size:1.5rem;font-weight:600;transition:transform 1.1s cubic-bezier(.22,1,.36,1),background-color .6s;will-change:transform}.race .rk{min-width:2rem;color:var(--green);font-variant-numeric:tabular-nums;text-align:center}.race .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race .s{min-width:5ch;text-align:right;font-variant-numeric:tabular-nums}.race .gain,.race .mv{font-size:1.1rem;opacity:0}.race .gain{color:var(--green)}.race .mv{min-width:3.4rem;text-align:right}.race li.scored .gain{opacity:1;animation:gain-pop .7s cubic-bezier(.34,1.56,.64,1) both}.race li.up .mv,.race li.down .mv{animation:mv-in .6s ease .5s both}.race li.up{background:#dcefd8;animation:lift 1.2s ease-out .4s}.race li.up .mv{color:#2c7a3c}.race li.down .mv{color:#a34848}.race li.leader{background:#f1e3b3}@keyframes gain-pop{0%{opacity:0;transform:translateY(.6rem) scale(.5)}to{opacity:1;transform:none}}@keyframes mv-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes lift{0%{box-shadow:0 0 #356d658c}to{box-shadow:0 0 0 1rem #356d6500}}#screen-result .big{animation:gain-pop .7s cubic-bezier(.34,1.56,.64,1) both}.move{display:inline-block;margin:.5rem 0 0;padding:.35rem .9rem;border-radius:2rem;font-weight:600;background:#ffffffb3;animation:mv-in .6s ease .9s both}.move.up{color:#2c7a3c}.move.down{color:#a34848}@media (prefers-reduced-motion: reduce){#screen-result .big,.move{animation:none!important;transition:none!important}}@media (max-width: 40rem){.race li{font-size:1.15rem}}.host #screen-reveal h2{margin:.25rem 0 .75rem;font-size:2.5rem}.host #r-options{grid-template-columns:1fr 1fr;gap:.6rem}.host #r-options .opt{min-height:3.2rem;padding:.4rem .9rem;font-size:1.2rem}.host #r-options .opt .num{font-size:1.2rem}.host .reveal-board h3{font-size:2.2rem;margin:1rem 0 0}.host .reveal-board .race{margin-top:.6rem;max-width:none}#fireworks{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}body.host.finale{background:radial-gradient(ellipse at 50% 30%,#2f5f57,#10241f 75%);color:#fff}body.host.finale .controls{background:transparent;border-top-color:#ffffff26}body.host.finale button.ghost,body.host.finale button.ghost:hover{color:#fff;border-color:#fff6}body.host.finale h1{color:#f1e3b3;animation:mv-in .8s ease both}.podium3{display:flex;justify-content:center;align-items:flex-end;gap:1.2rem;margin:3rem auto 0;max-width:56rem}.pod{flex:1;max-width:17rem;display:flex;flex-direction:column;align-items:center}.pod .who{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-bottom:.6rem;opacity:0;animation:pod-drop .9s cubic-bezier(.34,1.56,.64,1) calc(var(--at) + .6s) both}.pod .medal{font-size:3rem;line-height:1}.pod-1 .medal{font-size:4rem}.pod .pn{font-size:1.9rem;font-weight:600;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-1 .pn{font-size:2.5rem;color:#f1e3b3}.pod .ps{font-size:1.3rem;opacity:.85;font-variant-numeric:tabular-nums}.pod .crown{display:none;position:absolute;top:-2.8rem;font-size:2.6rem;animation:crown-bob 1.6s ease-in-out infinite}.pod-1 .crown{display:block}.pod .step{width:100%;display:flex;justify-content:center;align-items:flex-start;border-radius:1rem 1rem 0 0;transform-origin:bottom;transform:scaleY(0);animation:rise 1s cubic-bezier(.22,1,.36,1) var(--at) forwards}.pod .place{margin-top:.6rem;font-family:MoreSugar-Thin,Georgia,serif;font-size:4.5rem;line-height:1}.pod-1 .step{height:14rem;background:linear-gradient(180deg,#f6df8a,#c9a23c)}.pod-2 .step{height:10.5rem;background:linear-gradient(180deg,#e6ebe9,#9fb0ac)}.pod-3 .step{height:7.5rem;background:linear-gradient(180deg,#e8b98c,#a8693a)}.pod-1 .place{color:#5a4310}.pod-2 .place,.pod-3 .place{color:#252525b3}.pod-1 .pn{animation:shimmer 2.4s ease-in-out 4s infinite}.rest{list-style:none;padding:0;margin:1.5rem auto 0;max-width:34rem;display:grid;gap:.35rem;text-align:left}.rest li{display:flex;gap:.9rem;padding:.35rem 1rem;background:#ffffff1f;border-radius:.6rem;font-size:1.15rem;font-weight:600;opacity:0;animation:mv-in .6s ease var(--at) both}.rest .rk{min-width:1.6rem;color:#f1e3b3}.rest .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rise{to{transform:scaleY(1)}}@keyframes pod-drop{0%{opacity:0;transform:translateY(-3rem) scale(.6)}to{opacity:1;transform:none}}@keyframes crown-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-.5rem) rotate(6deg)}}@keyframes shimmer{0%,to{text-shadow:0 0 0 rgba(255,230,140,0)}50%{text-shadow:0 0 1.4rem rgba(255,230,140,.9)}}@media (max-width: 40rem){.podium3{gap:.5rem}.pod .pn{font-size:1.1rem}.pod-1 .pn{font-size:1.4rem}}.result-options{margin:.75rem 0}.result-options .opt{min-height:3.2rem;padding:.55rem .9rem;font-size:1.05rem}.result-options .opt.is-wrong{opacity:.4}.result-options .opt.is-wrong.is-mine{opacity:1;filter:grayscale(.6)}.result-options .opt.is-correct{outline:.3rem solid #1f3d38}.result-options .tag{font-size:1.4rem}.race .avatar{width:2.3rem}.rest .avatar{width:2rem}.pod .pod-av{width:5.2rem}.pod-1 .pod-av{width:7.5rem}.pod .medal{font-size:2.2rem}.pod-1 .medal{font-size:3rem}.pod .crown{top:-2.4rem;z-index:1}.lobby-players{list-style:none;padding:0;margin:1rem auto 0;position:relative;width:100%;max-width:70rem;height:30rem}.lobby-players li{position:absolute;left:0;top:0;width:6rem;will-change:transform}.lobby-players .pop{display:flex;flex-direction:column;align-items:center;gap:.1rem;animation:lobby-pop .7s cubic-bezier(.34,1.56,.64,1) both}.lobby-players .flip{display:block;line-height:0;transform-origin:50% 55%}.lobby-players .avatar{width:4rem}.lobby-players .nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:1rem}@keyframes lobby-pop{0%{opacity:0;transform:translateY(-2rem) scale(.3)}to{opacity:1;transform:none}}.avatar.dance{transform-origin:50% 90%;animation:dance 1.4s ease-in-out infinite}@keyframes dance{0%,to{transform:translateY(0) rotate(0) scale(1)}12%{transform:translateY(0) rotate(0) scale(1.1,.88)}30%{transform:translateY(-1.2rem) rotate(-8deg) scale(.96,1.06)}50%{transform:translateY(0) rotate(0) scale(1.1,.9)}66%{transform:translateY(-1.2rem) rotate(8deg) scale(.96,1.06)}84%{transform:translateY(0) rotate(0) scale(1.08,.92)}}@media (prefers-reduced-motion: reduce){.avatar.dance{animation:none}}.avatar.sad{transform-origin:50% 95%;animation:sad 2.4s ease-in-out infinite}@keyframes sad{0%,to{transform:rotate(-3deg) scaleY(.97)}50%{transform:rotate(3deg) translateY(.3rem) scaleY(.94)}}@media (prefers-reduced-motion: reduce){.avatar.sad{animation:none}}.teaser{font-family:MoreSugar-Thin,Georgia,serif;font-size:2.4rem;margin:2rem 0 0;animation:dance 1.6s ease-in-out infinite}.stage{position:relative;height:11rem;width:100%;margin:0 0 .5rem}.stage .avatar{position:absolute;left:0;bottom:0;transform-origin:50% 55%;will-change:transform}.pod .pod-av{position:relative;overflow:visible}.pod .medal-acc{position:absolute;left:50%;bottom:-12%;width:38%;transform:translate(-50%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.pod-1 .medal-acc{width:34%}.pod .step{flex-direction:column;align-items:center}.pod .step .ps{margin-top:.5rem;font-size:1.7rem;font-weight:600;opacity:1;color:#252525cc}.pod-1 .step .ps{font-size:2.1rem;color:#5a4310}html:not(.quiz-ended) .site-nav{display:none}html.quiz-ended body.player main{padding-top:calc(var(--site-nav-offset, 3.1rem) + 1rem);justify-content:flex-start}.btn-link{display:inline-block;margin-top:.5rem;padding:.9rem 1.5rem;border-radius:.6rem;background:var(--green);color:#fff;font-weight:600;text-decoration:none}.btn-link:hover{background:var(--green-dark)}.opt.has-img,.opt:has(>img){flex-wrap:wrap;padding:.5rem}.opt>img{flex:0 0 100%;width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;border-radius:.55rem;display:block;background:#e3ebf1}.opt:has(>img) .label{overflow-wrap:anywhere}.host #r-options .opt>img{aspect-ratio:16 / 7}.result-options .opt>img{aspect-ratio:16 / 7}.opt .label{overflow-wrap:anywhere;line-height:1.3}#wait-title{white-space:pre-line}.host-link-wrap{margin-top:1.5rem}.host-link{display:flex;align-items:center;justify-content:center;gap:.5rem;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:.55rem 1.1rem;background:transparent;color:#356d65;border:1px solid rgba(53,109,101,.45);border-radius:.4rem;font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}.host-link:hover{background:#356d6514;border-color:#356d65;color:#2a5951}.host-link svg{width:.9rem;height:.9rem;flex:none}.join-qr{width:11rem;margin:0 auto 1.25rem;padding:.75rem;background:#fff;border-radius:.8rem;box-shadow:0 6px 20px #2525251a;line-height:0}.join-qr svg{width:100%;height:auto;display:block}body.player .brand{display:none}.stage .avatar.xl{width:6rem}.around{list-style:none;padding:0;margin:.9rem auto 0;max-width:24rem;display:grid;gap:.3rem;text-align:left}.around li{display:flex;align-items:center;gap:.6rem;padding:.3rem .8rem;background:#ffffff8c;border-radius:.6rem;font-weight:600}.around li.me{background:#fff;box-shadow:0 3px 10px #2525251f;outline:2px solid #356d65}.around .rk{min-width:1.6rem;color:#356d65;font-variant-numeric:tabular-nums}.around .who{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.around .who .avatar{width:1.9rem}.around .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.around .s{font-variant-numeric:tabular-nums}