#drawName{font-size:clamp(22px,4vw,36px);font-weight:800;min-height:55px;overflow-wrap:anywhere;color:#f5f4e9}
#drawDialog[data-phase="countdown"] #drawValue{font-size:52px}
#drawDialog:not([data-phase="countdown"]) #drawName{display:none}
.towerPokeball{display:none;position:relative;width:140px;height:140px;margin:25px auto;border:6px solid #182330;border-radius:50%;background:linear-gradient(#e54b55 0 45%,#182330 45% 55%,#fff5df 55%);box-shadow:0 0 40px #d7b85c66}
.towerPokeball>span{position:absolute;top:50%;left:50%;width:43px;height:43px;transform:translate(-50%,-50%);border:7px solid #182330;border-radius:50%;background:#fff5df}
#drawDialog[data-phase="reveal"] .towerPokeball{display:block;animation:towerBallShake .4s ease-in-out 3,towerBallFlash .4s ease-in 1.2s forwards}
#drawDialog[data-phase="winner"] #drawValue{animation:towerWinnerAppear .45s ease-out}
@keyframes towerBallShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-16deg)}75%{transform:rotate(16deg)}}
@keyframes towerBallFlash{to{transform:scale(1.35);filter:brightness(3);opacity:0}}
@keyframes towerWinnerAppear{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#drawDialog .towerPokeball,#drawDialog #drawValue{animation:none!important}}