#voteScreen{--stage-color:#ffd76a;--stage-rgb:255,215,106;max-width:640px;margin:0 auto;padding:4px 0 24px;background:radial-gradient(circle at 50% 23%,rgba(var(--stage-rgb),.08),transparent 42%)}
#voteScreen .vote-top{display:flex;align-items:center;justify-content:space-between}#voteScreen .vote-kicker{text-align:center;letter-spacing:.28em;color:#f1dba9;margin:0;font-size:11px;font-weight:800}#voteScreen .vote-round{text-align:center;color:#aaa39a;margin:10px 0 14px;letter-spacing:.15em;font-size:12px}
#voteScreen .candidate-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}#voteScreen .candidate{appearance:none;border:0;background:transparent;color:#f7f1e6;padding:4px 2px;position:relative;cursor:pointer;min-width:0;text-align:center;transition:opacity .3s,filter .3s}#voteScreen .avatar{width:min(22vw,112px);aspect-ratio:1;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;overflow:visible;color:#eee4d2;background:radial-gradient(circle at 38% 31%,#403b34,#171615 70%);border:2px solid #4c4740;box-shadow:0 0 0 6px rgba(255,215,106,.035),inset 0 0 17px rgba(0,0,0,.78);position:relative;font-size:clamp(22px,6vw,38px);font-weight:800;animation:avatarFloat 3.6s ease-in-out infinite}#voteScreen .candidate:nth-child(2) .avatar{animation-delay:-.9s}#voteScreen .candidate:nth-child(3) .avatar{animation-delay:-1.8s}#voteScreen .avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.78) brightness(.85)}#voteScreen .candidate-name{display:block;font-weight:800;white-space:nowrap;font-size:14px}#voteScreen .candidate-role{display:block;color:#a39c93;white-space:nowrap;font-size:11px;margin-top:3px}#voteScreen .star-bank{min-height:24px;display:flex;justify-content:center;gap:3px;margin-top:5px}#voteScreen .mini-star{font-size:18px;line-height:1;filter:drop-shadow(0 0 5px currentColor)}
#voteScreen .award-card{padding:22px 14px 16px;text-align:center;position:relative;overflow:visible;min-height:370px;background:linear-gradient(145deg,#211e1a,#151413);border:1px solid rgba(255,255,255,.055);border-radius:25px;box-shadow:0 24px 60px rgba(0,0,0,.34)}#voteScreen .award-card h2{margin:0 0 8px;font-size:27px;font-weight:500}#voteScreen .criterion-copy{color:#aaa39a;margin:0 auto 8px;max-width:460px;line-height:1.5}#voteScreen .stage{height:230px;position:relative;display:grid;place-items:center;margin-top:4px}#voteScreen .stage:before{content:"";position:absolute;left:50%;top:51%;width:210px;height:176px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--stage-rgb),.24),transparent 69%);filter:blur(9px);opacity:.62;pointer-events:none;z-index:1}
#voteScreen .spotlight{position:absolute;top:5px;width:54%;height:225px;opacity:.34;pointer-events:none;background:linear-gradient(180deg,rgba(255,215,106,.42),transparent 90%);clip-path:polygon(47% 0,55% 0,94% 100%,5% 100%);filter:blur(2px);mix-blend-mode:screen}#voteScreen .spotlight:after{content:"";position:absolute;inset:0 27%;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 86%);filter:blur(5px)}#voteScreen .spotlight.left{left:-1%;transform-origin:top center;animation:lightLeft 5.6s ease-in-out infinite alternate}#voteScreen .spotlight.right{right:-1%;transform-origin:top center;animation:lightRight 6.4s ease-in-out infinite alternate}#voteScreen .podium{position:absolute;bottom:18px;width:190px;height:48px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,215,106,.36),transparent 72%);border-bottom:2px solid rgba(255,215,106,.55)}
#voteScreen .main-star{width:120px;height:120px;position:relative;z-index:4;color:var(--stage-color);filter:drop-shadow(0 0 13px currentColor);transform-origin:50% 70%;animation:starFloat 3.2s ease-in-out infinite}#voteScreen .main-star.is-flying{animation:none}#voteScreen .main-star svg{width:100%;height:100%;overflow:visible}#voteScreen .main-star polygon{fill:currentColor;stroke:#fff1c6;stroke-width:3}#voteScreen .main-star .facet{fill:rgba(255,255,255,.52);stroke:none;opacity:.72}#voteScreen .tap-hint{color:#77716a;margin:0;font-size:11px;letter-spacing:.06em}#voteScreen .shockwave{position:absolute;inset:-12px;border:3px solid currentColor;border-radius:50%;opacity:0;pointer-events:none}#voteScreen .level-up{position:absolute;z-index:20;pointer-events:none;font-weight:900;color:#fff;text-shadow:0 0 10px currentColor;opacity:0;white-space:nowrap;font-size:clamp(17px,4vw,26px);letter-spacing:.06em}
#voteScreen .spark,#voteScreen .level-node,#voteScreen .flight-dust,#voteScreen .earned-dust,#voteScreen .stage-mote{position:absolute;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor,0 0 12px currentColor;pointer-events:none}#voteScreen .spark{width:6px;height:6px;z-index:22}#voteScreen .aura-burst{position:absolute;left:50%;top:36%;width:126px;height:126px;margin:-63px 0 0 -63px;border-radius:50%;pointer-events:none;z-index:18;background:radial-gradient(circle,rgba(var(--stage-rgb),.42),rgba(var(--stage-rgb),.13) 48%,transparent 72%);opacity:0}#voteScreen .impact-ring{position:absolute;left:50%;top:36%;width:108px;height:108px;margin:-54px 0 0 -54px;border-radius:50%;border:2px solid currentColor;pointer-events:none;z-index:19}#voteScreen .impact-ray{position:absolute;left:50%;top:36%;width:5px;height:68px;margin:-34px 0 0 -2px;border-radius:999px;background:linear-gradient(180deg,currentColor,transparent);transform-origin:50% 50%;pointer-events:none;z-index:17}#voteScreen .level-ring{position:absolute;left:50%;top:50%;width:var(--ring-size);height:var(--ring-size);margin-left:calc(var(--ring-size)/-2);margin-top:calc(var(--ring-size)/-2);border-radius:50%;pointer-events:none;z-index:23;background:conic-gradient(from var(--ring-start),currentColor 0deg 58deg,transparent 58deg 88deg,currentColor 88deg 171deg,transparent 171deg 213deg,currentColor 213deg 308deg,transparent 308deg 360deg);-webkit-mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 1px));mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 1px));filter:drop-shadow(0 0 5px currentColor)}#voteScreen .level-node{left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;z-index:25}#voteScreen .orbit-halo{position:absolute;inset:-10px;border-radius:50%;border:2px solid currentColor;box-shadow:0 0 10px currentColor,inset 0 0 12px currentColor;pointer-events:none;z-index:20;opacity:0}#voteScreen .absorb-layer{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid currentColor;background:radial-gradient(circle,transparent 42%,currentColor 63%,transparent 76%);box-shadow:0 0 18px currentColor,inset 0 0 16px currentColor;pointer-events:none;z-index:21;opacity:0}#voteScreen .stage-mote{width:4px;height:4px;z-index:3;animation:moteFloat var(--mote-duration) ease-in-out infinite alternate;animation-delay:var(--mote-delay);opacity:.2}#voteScreen .flight-dust{width:var(--dust-size);height:var(--dust-size);z-index:48}#voteScreen .earned-dust{left:50%;top:50%;width:var(--earned-size);height:var(--earned-size);margin-left:calc(var(--earned-size)/-2);margin-top:calc(var(--earned-size)/-2);z-index:18;animation:earnedDust var(--earned-duration) ease-in-out infinite alternate;animation-delay:var(--earned-delay)}
@keyframes starFloat{0%,100%{transform:translateY(5px) rotate(-1.5deg) scale(.98);filter:drop-shadow(0 0 10px currentColor) brightness(.95)}48%{transform:translateY(-9px) rotate(1.5deg) scale(1.035);filter:drop-shadow(0 0 22px currentColor) brightness(1.22)}62%{transform:translateY(-7px) rotate(.6deg) scale(1.02);filter:drop-shadow(0 0 17px currentColor) brightness(1.12)}}@keyframes avatarFloat{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}@keyframes earnedDust{0%{transform:translate(var(--earned-x1),var(--earned-y1)) scale(.35);opacity:.1}46%{opacity:.85}100%{transform:translate(var(--earned-x2),var(--earned-y2)) scale(1.15);opacity:.18}}@keyframes moteFloat{0%{transform:translate3d(-5px,8px,0) scale(.45);opacity:.08}55%{opacity:.8}100%{transform:translate3d(8px,-20px,0) scale(1.2);opacity:.12}}@keyframes lightLeft{0%{transform:rotate(-31deg) scaleX(.96);opacity:.25}45%{opacity:.38}100%{transform:rotate(-27deg) scaleX(1.08);opacity:.34}}@keyframes lightRight{0%{transform:rotate(31deg) scaleX(1.08);opacity:.34}55%{opacity:.4}100%{transform:rotate(27deg) scaleX(.96);opacity:.24}}
@media(max-width:420px){#voteScreen{padding-inline:0}#voteScreen .candidate-row{gap:2px}#voteScreen .candidate-name{font-size:13px}#voteScreen .candidate-role{font-size:11px}#voteScreen .award-card{min-height:350px;padding-inline:8px}}