.demo-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.demo-stage .phone{position:relative;box-sizing:border-box;width:360px;height:748px;background:var(--rally-indigo);border-radius:34px;padding:20px 16px 14px;font-family:var(--font-display);overflow:hidden;box-shadow:0 24px 60px #00000059}.demo-stage .phone .confetti{position:absolute;inset:0;pointer-events:none;z-index:30}.rally-demo{height:100%;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.rally-demo .screen{display:none;flex-direction:column;height:100%;box-sizing:border-box;justify-content:center}.rally-demo[data-screen=create] .screen--create,.rally-demo[data-screen=lobby] .screen--lobby,.rally-demo[data-screen=locintro] .screen--locintro,.rally-demo[data-screen=play] .screen--play,.rally-demo[data-screen=final] .screen--final{display:flex}@keyframes springIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes sectionOut{to{opacity:0;transform:translateY(-12px) scale(.98)}}.rally-demo[data-screen=create] .screen--create>*,.rally-demo[data-screen=lobby] .screen--lobby>*,.rally-demo[data-screen=locintro] .screen--locintro>*,.rally-demo[data-screen=play] .screen--play>*,.rally-demo[data-screen=final] .screen--final>*{animation:springIn .42s cubic-bezier(.2,.8,.3,1.35) backwards}.rally-demo .screen>*:nth-child(1){animation-delay:.03s}.rally-demo .screen>*:nth-child(2){animation-delay:.08s}.rally-demo .screen>*:nth-child(3){animation-delay:.13s}.rally-demo .screen>*:nth-child(4){animation-delay:.18s}.rally-demo .screen>*:nth-child(5){animation-delay:.23s}.rally-demo .screen>*:nth-child(6){animation-delay:.28s}.rally-demo .screen>*:nth-child(7){animation-delay:.33s}.rally-demo .screen>*:nth-child(8){animation-delay:.38s}.rally-demo .screen--leaving{animation:sectionOut .19s ease forwards}@media(prefers-reduced-motion:reduce){.rally-demo .screen>*,.rally-demo .screen--leaving,.locpin__ring,.timer--urgent span{animation:none!important}}.rally-demo .wordmark{font-size:34px;font-weight:900;letter-spacing:-.5px;color:#fff;text-align:center}.rally-demo .wordmark--sm{font-size:24px;text-align:left}.rally-demo .btn{position:relative;border:none;border-radius:16px;padding:16px;font-family:inherit;font-weight:900;font-size:17px;cursor:pointer;overflow:hidden;transition:transform .08s ease,opacity .15s ease}.rally-demo .btn:active{transform:scale(.98)}.rally-demo .btn--primary{background:var(--rally-flame);color:#fff}.rally-demo .btn--primary:disabled{background:var(--rally-indigo-soft);color:#cbbcfb;cursor:not-allowed}.screen--create{gap:11px}.screen__sub{margin:-4px 0 0;text-align:center;color:var(--text-muted-on-bg);font-weight:800;font-size:15px}.quizcard{display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:18px;padding:15px 20px;position:relative}.quizcard__badge{position:absolute;top:13px;right:13px;background:var(--rally-mint);color:var(--answer-2-text);font-size:11px;font-weight:900;padding:3px 10px;border-radius:999px;text-transform:uppercase}.quizcard__title{font-size:21px;font-weight:900;color:var(--rally-ink)}.quizcard__meta{font-size:13px;font-weight:800;color:#7a7580}.nameinput{width:100%;box-sizing:border-box;border:none;border-radius:14px;padding:14px 16px;font-family:inherit;font-weight:800;font-size:16px;background:#ffffff1f;color:#fff}.nameinput::placeholder{color:var(--text-muted-on-bg)}.nameinput:focus{outline:2px solid var(--rally-flame)}.toggle{display:flex;align-items:center;gap:12px;background:#ffffff14;border-radius:16px;padding:11px 16px;cursor:pointer}.toggle__text{flex:1;display:flex;flex-direction:column}.toggle__text b{color:#fff;font-size:15px;font-weight:900}.toggle__text small{color:var(--text-muted-on-bg);font-size:12px;font-weight:700}.toggle input{display:none}.toggle__switch{width:50px;height:30px;border-radius:999px;background:var(--rally-indigo-soft);position:relative;flex-shrink:0;transition:background .15s ease}.toggle__switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle input:checked+.toggle__switch{background:var(--rally-flame)}.toggle input:checked+.toggle__switch:after{transform:translate(20px)}.screen--create .btn{margin-top:4px}.screen--lobby{gap:10px;align-items:center}.lobby__quiz{margin:8px 0 0;font-size:20px;font-weight:900;color:#fff}.lobby__join{margin:0;font-size:13px;font-weight:700;color:var(--text-muted-on-bg);text-align:center}.lobby__join b{color:var(--rally-lime)}.pin{font-size:46px;font-weight:900;letter-spacing:8px;color:var(--rally-lime);background:#00000038;border-radius:16px;padding:8px 20px 8px 28px;line-height:1.1}.qr{width:132px;height:132px;background:#fff;border-radius:12px;padding:9px;display:grid;grid-template-columns:repeat(var(--n, 19),1fr);grid-auto-rows:1fr}.qr .qrcell{background:var(--rally-ink)}.lobby__players{width:100%;background:#ffffff14;border-radius:16px;padding:12px 14px;min-height:86px}.lobby__playershead{display:flex;align-items:center;gap:6px;color:#fff;font-weight:900;font-size:14px;margin-bottom:10px}.pllist{display:flex;flex-wrap:wrap;gap:7px}.plchip{display:flex;align-items:center;gap:6px;background:#fff;color:var(--rally-ink);font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px;animation:pop .25s ease}.plchip--you{background:var(--rally-lime);color:var(--answer-1-text)}.plchip__dot{width:8px;height:8px;border-radius:50%;background:var(--rally-flame)}.plchip--you .plchip__dot{background:var(--answer-1-text)}.screen--lobby .btn{width:100%;margin-top:4px}@keyframes pop{0%{transform:scale(.7);opacity:0}}.screen--locintro{align-items:center;gap:7px;text-align:center}.loc-done{display:flex;align-items:center;gap:6px;background:var(--rally-lime);color:var(--answer-1-text);font-weight:900;font-size:13px;padding:6px 14px;border-radius:999px}.route{display:flex;align-items:center;justify-content:center}.route__dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--rally-indigo-soft);color:#fff;font-size:15px;flex-shrink:0}.route__dot--done{background:var(--rally-lime);color:var(--answer-1-text)}.route__dot--current{background:var(--rally-flame);color:#fff;box-shadow:0 0 0 4px #ff463240}.route__line{width:36px;height:4px;background:var(--rally-indigo-soft)}.route__line--done{background:var(--rally-lime)}.loc-label{color:var(--text-muted-on-bg);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px}.locpin{position:relative;width:86px;height:86px;display:flex;align-items:center;justify-content:center;margin:2px 0}.locpin i{font-size:44px;color:var(--rally-flame);z-index:2}.locpin__ring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--rally-flame);opacity:0;animation:radar 2s ease-out infinite}.locpin__ring--2{animation-delay:1s}@keyframes radar{0%{transform:scale(.4);opacity:.7}to{transform:scale(1.1);opacity:0}}.loc-name{font-size:27px;font-weight:900;color:#fff;line-height:1.1}.loc-hint{font-size:15px;font-weight:700;color:var(--rally-mint)}.loc-meta{font-size:13px;font-weight:800;color:var(--text-muted-on-bg)}.loc-standings{width:100%;display:flex;flex-direction:column;gap:5px;margin-top:4px}.screen--locintro .btn{width:100%;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px}.loc-demonote{font-size:12px;font-weight:700;color:var(--text-muted-on-bg)}.rally-demo.loc-scanning .locpin i{animation:bob 1.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px)}}.screen--play{gap:8px}.topbar{display:flex;align-items:center;justify-content:space-between}.streak{display:none;align-items:center;gap:3px;background:var(--rally-flame);color:#fff;font-weight:900;font-size:13px;padding:4px 11px;border-radius:999px}.streak i{font-size:15px}.score{display:flex;align-items:center;gap:7px;background:var(--rally-ink);padding:7px 12px;border-radius:999px}.score i{color:var(--rally-flame);font-size:16px}.score__pts{color:#fff;font-weight:900;font-size:14px}.score__rank{color:var(--rally-flame);font-weight:900;font-size:13px}.playmeta{display:flex;align-items:center;gap:8px}.pill{font-weight:900;font-size:12px;padding:5px 11px;border-radius:999px;white-space:nowrap}.pill--cat{background:var(--rally-pink);color:#fff}.pill--idx{background:var(--rally-mint);color:var(--answer-2-text)}.timer{margin-left:auto;display:flex;align-items:baseline;gap:3px;color:#fff;font-weight:900}.timer span{font-size:22px;display:inline-block}.timer small{font-size:11px;color:var(--rally-flame);font-weight:800}.timer--urgent span{color:var(--rally-flame);animation:tpulse .5s ease infinite}@keyframes tpulse{50%{transform:scale(1.2)}}.progress__bars{display:flex;gap:4px}.progress__bars .seg{flex:1;height:5px;border-radius:3px;background:var(--rally-indigo-soft)}.progress__bars .seg--done{background:var(--rally-flame)}.timebar{height:6px;border-radius:3px;background:#0003;overflow:hidden}.timebar__fill{display:block;height:100%;width:100%;background:var(--rally-flame);border-radius:3px}.card{position:relative;background:#fff;border-radius:20px;padding:22px 20px;overflow:hidden;min-height:96px;display:flex;align-items:center}.card__corner{position:absolute;width:46px;height:46px}.card__corner--tr{top:0;right:0;background:var(--rally-pink);border-bottom-left-radius:46px}.card__corner--bl{bottom:0;left:0;width:38px;height:38px;background:var(--rally-mint);border-top-right-radius:38px}.card__q{position:relative;margin:0;width:100%;text-align:center;font-weight:900;font-size:22px;line-height:1.18;color:var(--rally-ink)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rally-demo[data-qtype=tf] .answers{grid-template-columns:1fr}.rally-demo[data-qtype=estimate] .answers{display:none}.tile{position:relative;border:none;border-radius:16px;padding:18px 14px;min-height:76px;text-align:left;font-family:inherit;font-weight:900;font-size:17px;cursor:pointer;outline:4px solid transparent;outline-offset:-4px;transition:transform .08s ease,opacity .15s ease}.tile:active{transform:scale(.97)}.tile--1{background:var(--answer-1);color:var(--answer-1-text)}.tile--2{background:var(--answer-2);color:var(--answer-2-text)}.tile--3{background:var(--answer-3);color:var(--answer-3-text)}.tile--4{background:var(--answer-4);color:var(--answer-4-text)}.tile.is-dim{opacity:.5}.tile.is-selected{outline-color:#fff}.tile.is-faded{opacity:.32}.tile.is-correct{outline-color:#fff;box-shadow:0 0 0 4px #ffffff4d}.tile.is-wrong{opacity:.6}.tile__mark{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:10px;background:var(--rally-ink);display:none;align-items:center;justify-content:center;transform:scale(0)}.tile.is-correct .tile__mark,.tile.is-wrong .tile__mark{display:flex;animation:markpop .3s cubic-bezier(.2,.8,.3,1.7) forwards}.tile.is-wrong .tile__mark{background:var(--rally-flame)}.tile__mark .ic{width:21px;height:21px;display:none;fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:square;stroke-linejoin:miter}.tile.is-correct .tile__mark .ic-check,.tile.is-wrong .tile__mark .ic-cross{display:block}@keyframes markpop{0%{transform:scale(0) rotate(-18deg)}to{transform:scale(1) rotate(0)}}.tile__dist{position:absolute;left:12px;right:12px;bottom:8px;display:none;align-items:center;gap:7px}.rally-demo[data-phase=reveal]:not([data-qtype=estimate]) .tile__dist{display:flex}.tile__dist-track{flex:1;height:6px;border-radius:3px;background:#0000002e;overflow:hidden}.tile__dist-fill{display:block;height:100%;width:0;background:#191414bf;border-radius:3px;transition:width .5s ease}.tile.is-wrong .tile__dist-fill{background:#ffffffbf}.tile__dist-n{font-size:12px;font-weight:900;opacity:.85}.estimate{display:flex;flex-direction:column;gap:12px;align-items:center;padding:6px 4px}.rally-demo:not([data-qtype=estimate]) .estimate{display:none}.estimate__display{color:#fff;font-weight:900}.estimate__val{font-size:38px}.estimate__unit{font-size:16px;color:var(--rally-mint)}.estimate__slider{width:100%;accent-color:var(--rally-flame);height:26px;cursor:pointer}.estimate__range{width:100%;display:flex;justify-content:space-between;color:var(--text-muted-on-bg);font-weight:800;font-size:12px}.estimate .btn{width:100%}.rally-demo[data-phase=reveal] #est-confirm{display:none}.est-reveal{display:none;flex-direction:column;gap:3px;align-items:center;color:#fff;font-weight:800;font-size:15px}.est-reveal.is-visible{display:flex}.est-reveal b{color:var(--rally-lime)}.est-reveal__you b{color:var(--rally-mint)}.wait-note{display:none;align-items:center;justify-content:center;gap:8px;color:var(--text-muted-on-bg);font-weight:800;font-size:14px;padding:2px}.wait-note.is-visible{display:flex}.wait-note i{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hoststrip{display:flex;justify-content:center}.hoststrip__answered{display:flex;align-items:center;gap:7px;background:#00000038;color:#fff;font-weight:900;font-size:13px;padding:8px 16px;border-radius:999px}.hoststrip__answered i{color:var(--rally-mint);font-size:16px}.pointswrap{position:absolute;bottom:104px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:5}.points-pop{opacity:0;transform:scale(.6);background:var(--rally-ink);color:#fff;font-weight:900;font-size:26px;padding:10px 22px;border-radius:999px;box-shadow:0 10px 30px #0006;white-space:nowrap}.points-pop.is-visible{animation:pointspop 1.6s ease forwards}.points-pop--good{background:var(--rally-lime);color:var(--answer-1-text)}.points-pop--bad{background:var(--rally-flame);color:#fff}@keyframes pointspop{15%{opacity:1;transform:scale(1.1)}30%{transform:scale(1)}80%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-14px)}}.rally-demo[data-phase=answering] .revealfoot,.rally-demo[data-phase=reveal] .hoststrip{display:none}.revealfoot{display:flex;flex-direction:column;margin-top:auto}.nextbar{position:relative;overflow:hidden;border-radius:16px;padding:15px;background:#0000003d;color:#fff;font-weight:900;font-size:16px;text-align:center;animation:springIn .3s cubic-bezier(.2,.8,.3,1.3) backwards}.nextbar__track{position:absolute;left:0;bottom:0;height:5px;width:100%;background:#ffffff1f}.nextbar__fill{display:block;height:100%;width:100%;background:var(--rally-flame)}.rally-demo.no-play .answers,.rally-demo.no-play .estimate,.rally-demo.no-play .score,.rally-demo.no-play .streak,.rally-demo.no-play .wait-note{display:none}.standrow{display:flex;align-items:center;gap:8px;background:#ffffff14;border-radius:12px;padding:9px 12px}.standrow--you{background:var(--rally-lime);color:var(--answer-1-text)}.standrow__pos{font-weight:900;font-size:14px;color:var(--rally-flame);width:16px}.standrow--you .standrow__pos{color:var(--answer-1-text)}.arrow{width:14px;display:flex;justify-content:center;font-size:14px}.arrow--up{color:var(--rally-lime)}.arrow--down{color:var(--rally-flame)}.arrow--same{color:var(--text-muted-on-bg)}.standrow--you .arrow--up{color:#2b6a1a}.standrow--you .arrow--down{color:#7a1f14}.standrow__name{flex:1;font-weight:800;font-size:15px;color:#fff}.standrow--you .standrow__name{color:var(--answer-1-text)}.standrow__score{font-weight:900;font-size:15px;color:#fff}.standrow--you .standrow__score{color:var(--answer-1-text)}.screen--final{gap:12px;align-items:center}.final__headline{margin:6px 0 2px;font-size:26px;font-weight:900;color:var(--rally-lime);text-align:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%;height:150px}.podcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;width:33%}.podcol__name{font-weight:900;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podcol__bar{width:100%;border-radius:12px 12px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:10px}.podcol__rank{font-weight:900;font-size:26px;color:#0006}.podcol--1 .podcol__bar{height:108px;background:var(--rally-lime)}.podcol--2 .podcol__bar{height:78px;background:var(--rally-mint)}.podcol--3 .podcol__bar{height:56px;background:var(--rally-pink)}.podcol__score{font-weight:900;font-size:13px;color:var(--text-muted-on-bg)}.podcol--you .podcol__name{color:var(--rally-lime)}.final__list{width:100%;display:flex;flex-direction:column;gap:5px;max-height:190px;overflow-y:auto}.screen--final .btn{width:100%}@media(max-width:640px){html,body{height:100%;overflow:hidden;overscroll-behavior:none}.demo-stage{padding:0;min-height:100vh;min-height:100dvh}.demo-stage .phone{width:100vw;height:100vh;height:100dvh;border-radius:0;box-shadow:none;padding:max(18px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}}