.numberDrawShareButton{
  width:100%;
  margin-top:8px;
  border:1px solid rgba(35,211,255,.65);
  color:#bff6ff;
  background:linear-gradient(180deg,rgba(10,59,78,.96),rgba(4,28,42,.96));
  box-shadow:inset 0 0 18px rgba(32,206,255,.12),0 0 14px rgba(32,206,255,.12);
}
.numberDrawShareButton:hover{
  color:#fff;
  border-color:#64e7ff;
  box-shadow:inset 0 0 22px rgba(32,206,255,.2),0 0 20px rgba(32,206,255,.24);
}
#boardTable.numberDrawActive th,
#boardTable.numberDrawActive td:first-child{
  transition:color .12s ease,background .12s ease,transform .12s ease,box-shadow .12s ease;
}
#boardTable.numberDrawActive .numberDrawCellLocked{
  position:relative;
  z-index:2;
  color:#fff!important;
  background:linear-gradient(180deg,#08769a,#032d45)!important;
  text-shadow:0 0 8px #66eaff,0 0 16px #16c8ff;
  box-shadow:inset 0 0 0 2px rgba(126,239,255,.95),inset 0 0 18px rgba(34,210,255,.42),0 0 18px rgba(26,202,255,.65)!important;
  animation:numberDrawLockPulse .52s ease-out;
}
@keyframes numberDrawLockPulse{
  0%{transform:scale(1.45);filter:brightness(2.1)}
  55%{transform:scale(.92);filter:brightness(1.35)}
  100%{transform:scale(1);filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce){
  #boardTable.numberDrawActive .numberDrawCellLocked{animation:none}
}