.game-start{min-height:clamp(360px,40vw,500px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}
.game-start .start-ball{width:4.5rem;height:4.5rem;border:.45rem solid #172238;border-radius:50%;background:linear-gradient(#e43f3f 0 43%,#172238 44% 56%,#fff 57%);position:relative;margin-bottom:1.5rem}
.game-start .start-ball:after{content:"";position:absolute;width:1rem;height:1rem;background:#fff;border:.3rem solid #172238;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.game-start h3{font-size:clamp(2rem,4vw,3.2rem);margin:.25rem 0 .6rem}
.game-start>p:not(.overline){max-width:25rem;color:#65748a;line-height:1.6}
.game-start button{margin-top:1.2rem;border:0;border-radius:1rem;background:#e43f3f;color:#fff;font:inherit;font-size:1.05rem;font-weight:900;padding:1rem 2.25rem;cursor:pointer;box-shadow:0 .5rem 0 #ad2c2c}
.game-start button:hover,.game-start button:focus-visible{transform:translateY(-2px);box-shadow:0 .65rem 0 #ad2c2c}
.game-start button:active{transform:translateY(.35rem);box-shadow:0 .15rem 0 #ad2c2c}
.dark .game-start>p:not(.overline){color:#b5c0d3}
.dark .game-start .start-ball{border-color:#fff;background:linear-gradient(#e43f3f 0 43%,#fff 44% 56%,#202c42 57%)}
.dark .game-start .start-ball:after{background:#202c42;border-color:#fff}
.game-start[hidden],#gamePlay[hidden]{display:none}
.game-zone{margin-top:2rem}