.screen.vote{justify-content:center;gap:16px;padding:calc(var(--sat) + 14px) 16px calc(var(--sab) + 16px) 16px;text-align:center;background:radial-gradient(90% 40% at 50% 0%,#19e3c924,#19e3c900 70%),radial-gradient(80% 35% at 50% 100%,#9b7bff1f,#9b7bff00 70%),var(--bg);overflow:hidden}.vote-head h1{margin:6px 0;font-size:46px;line-height:.95}.vote-head p{margin:0 auto;max-width:320px;color:var(--soft);font-size:14px;line-height:1.4}.vote-clock{position:relative;align-self:center;width:104px;height:104px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.vote-clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.vote-clock .track{fill:none;stroke:var(--line);stroke-width:6}.vote-clock .fill{fill:none;stroke:var(--teal);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .12s linear,stroke .2s;filter:drop-shadow(0 0 6px var(--teal-glow))}.vote-clock b{margin-top:-10px;font-size:48px;line-height:1}.vote-clock small{position:absolute;bottom:22px;font-size:9px;font-weight:800;letter-spacing:2px;color:var(--sub)}.vote-clock.low .fill{stroke:var(--gold);filter:drop-shadow(0 0 6px rgba(245,184,61,.6))}.vote-clock.low b{color:var(--gold);animation:vote-beat 1s var(--ease-out) infinite}.vote-clock.waiting .fill{stroke:var(--line-2);stroke-dasharray:60 217!important;transform-origin:52px 52px;animation:vote-spin 1.4s linear infinite;filter:none}.vote-clock.waiting b{color:var(--sub)}@keyframes vote-beat{0%{transform:scale(1.18)}60%,to{transform:scale(1)}}@keyframes vote-spin{to{transform:rotate(360deg)}}.vote-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vote-opt{position:relative;min-width:0;min-height:214px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;border-radius:20px;border:2px solid var(--line);background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);color:var(--text);transition:transform .14s var(--ease-out),border-color .2s,box-shadow .25s,background .25s,opacity .25s}.vote-opt:active:not([aria-disabled=true]){transform:scale(.97)}.vote-opt .vote-ico{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--sub);transition:color .2s,background .2s,transform .3s var(--ease-spring)}.vote-opt b{font-size:46px;line-height:1}.vote-opt small{min-height:32px;font-size:12px;line-height:1.35;color:var(--sub)}.vote-opt.on .vote-ico{transform:scale(1.08)}.vote-opt.play.on{border-color:var(--teal);background:linear-gradient(180deg,rgba(25,227,201,.2) 0%,var(--panel) 100%);box-shadow:0 12px 30px -10px var(--teal-glow)}.vote-opt.play.on .vote-ico{color:var(--teal);background:#19e3c91f}.vote-opt.play.on b{color:var(--teal)}.vote-opt.sim.on{border-color:var(--gold);background:linear-gradient(180deg,rgba(245,184,61,.2) 0%,var(--panel) 100%);box-shadow:0 12px 30px -10px #f5b83d8c}.vote-opt.sim.on .vote-ico{color:var(--gold);background:#f5b83d1f}.vote-opt.sim.on b{color:var(--gold)}.vote-opt.theirs:not(.on){border-color:#9b7bffa6}.vote-opt[aria-disabled=true]{cursor:default}.vote-opt[aria-disabled=true]:not(.on){opacity:.55}.vote-who{display:flex;justify-content:center;gap:6px;min-height:24px;margin-top:auto}.vote-who i{padding:4px 10px;border-radius:999px;font-style:normal;font-size:11px;font-weight:900;letter-spacing:1px;animation:pop-in .3s var(--ease-spring) both}.vote-who .you{background:var(--teal);color:var(--teal-ink)}.vote-who .them{background:var(--rival);color:#fff}.vote-rival{margin:0;min-height:22px;font-size:16px;font-weight:800;color:var(--sub);animation:fade-in .25s ease both}.vote-rival.voted{color:var(--rival-soft)}.vote-rule{margin:-8px 0 0;font-size:12px;line-height:1.4;color:var(--sub)}.screen.vote.decided .vote-opts{pointer-events:none}.vote-toss{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 24px;background:#02080ce0;animation:fade-in .25s ease both}.vote-toss h2{margin:0;font-size:46px;line-height:1;color:var(--soft)}.vote-toss.landed h2{color:var(--gold);text-shadow:0 0 24px rgba(245,184,61,.55);animation:vs-x .5s var(--ease-spring) both}.vote-toss.agreed h2{color:var(--teal);text-shadow:0 0 24px var(--teal-glow);animation:vs-x .5s var(--ease-spring) both}.vote-toss p{margin:0;max-width:320px;min-height:20px;font-size:14px;line-height:1.4;color:var(--soft);text-align:center}.coin-wrap{width:140px;height:140px;perspective:700px}.coin{--end: 1800deg;position:relative;width:140px;height:140px;transform-style:preserve-3d;animation:coin-flip 1.8s cubic-bezier(.2,.7,.25,1) both}.coin.sim{--end: 1980deg}.coin.still{animation:none;transform:rotateY(var(--end))}.coin .face{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:50%;border:6px solid;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 0 0 0 3px #0000001f,0 10px 30px #00000073}.coin .heads{background:radial-gradient(circle at 35% 30%,#ffe9a8 0%,var(--gold) 55%,var(--gold-2) 100%);border-color:#ffd36b;color:var(--gold-ink)}.coin .tails{transform:rotateY(180deg);background:radial-gradient(circle at 35% 30%,#eef1f3,#aab4bb 55%,#7c8a93);border-color:#d5dbe0;color:#16222b}.coin .face b{font-size:40px;line-height:1}.coin .face small{font-size:10px;font-weight:900;letter-spacing:2px;opacity:.75}@keyframes coin-flip{0%{transform:translateY(60px) rotateY(0) scale(.55)}45%{transform:translateY(-110px) rotateY(calc(var(--end) * .6)) scale(1.12)}to{transform:translateY(0) rotateY(var(--end)) scale(1)}}.fit-compact .vote-opt{min-height:180px}.fit-compact .vote-head h1{font-size:38px}
