#board{border-radius:15px;display:grid;gap:6px;grid-template-columns:repeat(10,60px);justify-content:center;margin:0 auto;padding:10px 0;width:654px}
#numberDisplay{background:#004080;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,0.3);color:#FFD9B7;font-size:80px;height:160px;line-height:160px;margin:20px auto;text-align:center;transition:transform .4s ease;width:160px}
#numberDisplay,#toggleButton,#board{font-family:'Bree Serif'}
#numberDisplay.animate{transform:scale(1.2)}
#toggleButton{background-color:#00C897;border:none;border-radius:40px;color:#FFF;cursor:pointer;display:block;font-size:20px;font-weight:700;margin:0 auto;padding:15px 35px;transition:background .3s ease}
#toggleButton.stop{background-color:#FF6B6B}
#toggleButton:hover{opacity:0.9}
.number-cell{align-items:center;background-color:#A6DCEF;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,0.2);color:#002B5B;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;transition:all .3s ease;width:60px}
.number-cell.called{background-color:#FFD9B7;box-shadow:0 0 8px rgba(0,0,0,0.3)}
@media (min-width:575px) and (max-width:684px) {
#board{gap:5px;grid-template-columns:repeat(10,50px);width:545px}
#numberDisplay{font-size:64px;height:120px;line-height:120px;width:120px}
#toggleButton{font-size:16px;padding:12px 28px}
.number-cell{font-size:16px;height:50px;width:50px}
}
@media (min-width:466px) and (max-width:574px) {
#board{gap:4px;grid-template-columns:repeat(10,40px);width:436px}
#numberDisplay{font-size:56px;height:100px;line-height:100px;width:100px}
#toggleButton{font-size:14px;padding:10px 25px}
.number-cell{font-size:14px;height:40px;width:40px}
}
@media (min-width:416px) and (max-width:465px) {
#board{gap:4px;grid-template-columns:repeat(10,35px);width:386px}
#numberDisplay{font-size:48px;height:80px;line-height:80px;width:80px}
#toggleButton{font-size:14px;padding:10px 25px}
.number-cell{font-size:12px;height:35px;width:35px}
}
@media (max-width:415px) {
#board{gap:3px;grid-template-columns:repeat(10,30px);width:327px}
#numberDisplay{font-size:36px;height:60px;line-height:60px;width:60px}
#toggleButton{font-size:14px;padding:10px 25px}
.number-cell{font-size:12px;height:30px;width:30px}
}