/* Home stays below the arena; a circular clip reveals the live game above it. */
#menuScene,#arenaScene{position:fixed;inset:0}
#menuScene{background:#050505}
#arenaScene{z-index:1;display:none}
body.playing #arenaScene{display:block}
body.playing:not(.circle-starting) #menuScene{display:none}
body.circle-replay #menuScene{display:none}
body.circle-starting #gameSurface{pointer-events:none}
body.circle-starting #arenaScene{will-change:clip-path}
body.circle-starting #playButton:disabled{opacity:1}
body.circle-starting #menuScene .vignette{opacity:1;transition:none}
body.circle-starting #menuSettings{display:grid}
body.circle-starting #openAppearance{display:flex}
#circleRing{position:fixed;z-index:9800;border:1px solid #c6f66b80;border-radius:50%;pointer-events:none;box-sizing:border-box;animation:snake-circle-ring var(--circle-duration,600ms) cubic-bezier(.4,0,.2,1) both}
#circleStatus{position:fixed;z-index:9800;left:50%;bottom:calc(var(--safe-bottom) + 12px);transform:translateX(-50%);margin:0;color:#a9b39f;font:12px Arial,sans-serif;pointer-events:none;animation:snake-circle-status .2s .3s both}
#circleRing[hidden],#circleStatus[hidden]{display:none!important}
@keyframes snake-circle-ring{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes snake-circle-status{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#circleRing{display:none}#circleStatus{animation:none}}