.pause-menu[hidden]{display:none}
.pause-menu{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#06152abf;backdrop-filter:blur(7px);padding:16px;overflow-y:auto;touch-action:pan-y}
.pause-card{width:min(370px,100%);padding:25px;text-align:center;background:linear-gradient(145deg,#285674,#14283f);border:3px solid #a0d5eb;border-radius:25px;box-shadow:0 8px 0 #081929,0 20px 65px #0008}
.pause-badge{display:inline-grid;place-items:center;background:linear-gradient(#ffe988,#f6a733);border:3px solid #fff0aa;color:#714016;width:62px;height:62px;border-radius:20px;font:bold 32px Arial;box-shadow:0 4px 0 #895224;transform:rotate(-7deg)}
.pause-card h2{font:900 29px 'Barlow Condensed',Impact,sans-serif;color:#ffe897;margin:18px 0 4px}.pause-card p{font-size:13px;color:#c6deef;margin:0 0 22px}.pause-card button{display:block;min-height:49px;width:100%;margin:12px 0;font-weight:900;font-size:15px}.pause-card .resume-game{background:linear-gradient(#bced62,#75b82e);border-color:#3f6923;box-shadow:0 4px 0 #29451a;color:#17351b;text-shadow:0 1px #e4ffa6}.pause-card small{display:block;color:#a9bfd0;font-size:11px;margin-top:17px}
body:has(.overlay.hidden) #restart{display:none}
body:has(#pause-menu:not([hidden])) #sound,body:has(#pause-menu:not([hidden])) #fullscreen,body:has(#pause-menu:not([hidden])) #pause{visibility:hidden}
.arena:has(#pause-menu:not([hidden])) .touch,.arena:has(#pause-menu:not([hidden])) .fire-meter{visibility:hidden}
@media(max-height:480px){.pause-card{padding:12px 22px}.pause-badge{display:none}.pause-card h2{margin:2px 0;font-size:25px}.pause-card p{margin:4px 0 10px}.pause-card button{margin:9px 0;min-height:44px}.pause-card small{margin-top:10px}}