.exit-game{position:fixed;right:14px;bottom:14px;z-index:105;display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 17px;border:1px solid #e4bc65;border-radius:9px;background:#101925ee;color:#ffe6a5;font-weight:800;box-shadow:0 4px 24px #0009;cursor:pointer}
.in-lobby .exit-game{display:none}.exit-game:hover{background:#482629}
.start-countdown{position:fixed;inset:0;z-index:99;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse,#06111baa,transparent 70%)}
.start-countdown[hidden]{display:none}.countdown-ring{width:280px;height:280px;border-radius:50%;border:3px solid #ffe29a;background:radial-gradient(circle,#10273eef,#071019fa);box-shadow:-14px 0 65px #ec193c77,14px 0 65px #05afff77,inset 0 0 40px #f9c35733;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#ffe4a6}
.countdown-ring>span{font-size:14px;letter-spacing:.28em}.countdown-ring strong{font-size:110px;line-height:1.15;text-shadow:0 4px 0 #8b5c20,0 0 28px #dcb15077}.countdown-ring small{line-height:1.5;color:#e4e8ed;font-size:13px}
.cell.taken{filter:grayscale(1);opacity:.45;cursor:not-allowed;box-shadow:inset 0 0 0 2px #a9b4c6}.cell.taken:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;font-size:42px;color:#eff4f8aa;pointer-events:none}
#exit-dialog{max-width:460px}#exit-dialog>button:not(:first-child){display:block;width:100%;margin-top:13px}#exit-dialog>.text-button{position:static}
@media(max-height:500px){.countdown-ring{width:220px;height:220px}.countdown-ring strong{font-size:82px}.exit-game{bottom:8px;right:8px;min-height:36px;padding:6px 12px}}
@media(prefers-reduced-motion:reduce){.countdown-ring{box-shadow:0 0 12px #dcb15066}}