/* Audio controls only. Existing game, board and page dimensions are retained. */
#game-dialog #blocks-pause,#game-dialog .blocks-exit{display:grid;place-items:center;position:relative;overflow:hidden}
#game-dialog #blocks-pause::after{content:none}
#game-dialog .blocks-control-size{grid-area:1/1;visibility:hidden;font-size:inherit;pointer-events:none}
#game-dialog #blocks-pause{color:#c7f3ff;border-color:#72cee684;background:linear-gradient(145deg,#286184,#194360);box-shadow:inset 0 1px 0 #c7f5ff36,0 3px 9px #0004}
#game-dialog #blocks-pause[aria-pressed=true]{color:#d9ffed;border-color:#79ddb697;background:linear-gradient(145deg,#245953,#17453c)}
#game-dialog #blocks-pause svg,#game-dialog .blocks-exit svg{grid-area:1/1;width:23px;height:23px;filter:drop-shadow(0 2px 2px #0005);pointer-events:none}
#game-dialog .blocks-exit{color:#ffafaf;border-color:#f47a817d;background:linear-gradient(145deg,#7d3346,#4d293c);box-shadow:inset 0 1px 0 #ffbcc02c,0 3px 9px #0004}
#game-dialog #blocks-pause:hover{filter:brightness(1.18)}
#game-dialog .blocks-exit:hover{color:#ffe2e2;filter:brightness(1.16)}
#game-dialog #blocks-pause:disabled{opacity:.45}
#game-dialog #blocks-pause .blocks-play-glyph,#game-dialog #blocks-pause[aria-pressed=true] .blocks-pause-glyph{display:none}
#game-dialog #blocks-pause[aria-pressed=true] .blocks-play-glyph{display:block}
.blocks-exit-dialog{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;padding:28px;border-radius:26px;border:1px solid #789fc75c;background:radial-gradient(ellipse at 95% 0%,#274b65,transparent 65%),#122337;color:#eff7ff;box-shadow:0 25px 90px #0009;color-scheme:dark;text-align:center}
.blocks-exit-dialog::backdrop{background:#050e1acd;backdrop-filter:blur(8px)}
.blocks-exit-emblem{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 14px;border-radius:16px;color:#ffb3b8;background:linear-gradient(145deg,#783749,#452e43);border:1px solid #f1959959;box-shadow:inset 0 1px 0 #ffffff20}
.blocks-exit-emblem svg{width:26px;height:26px}
.blocks-exit-dialog h2{font-size:26px;line-height:1.2;letter-spacing:-.03em;margin:0}
#blocks-exit-description{font-size:14px;line-height:1.65;color:#c1d4e5;margin:14px 0 22px}
.blocks-exit-choices{display:grid;gap:11px;text-align:left}
.blocks-exit-choices button{display:flex;align-items:center;gap:12px;width:100%;min-height:73px;padding:14px;border-radius:16px;color:#e8f8ff;text-align:left;border:1px solid #70cfdf73;background:linear-gradient(130deg,#255875,#203d58);box-shadow:inset 0 1px 0 #d4f6ff20}
.blocks-exit-choices button:hover{filter:brightness(1.15)}
.blocks-exit-choices strong{display:block;font-size:14px;font-weight:700;line-height:1.45}
.blocks-exit-choices small{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:#c1d9e9}
.exit-choice-icon{flex:0 0 27px;width:27px;font-size:28px;line-height:1;text-align:center}
.exit-choice-icon svg{display:block;width:24px;height:24px;margin:auto}
#blocks-exit-silent{border-color:#d3a0af49;background:linear-gradient(130deg,#453447,#263548)}
#blocks-exit-silent .exit-choice-icon{color:#ffb7bf}
.blocks-exit-records{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;line-height:1.5;color:#a6daca;margin:17px 0}
.blocks-exit-records svg{width:17px;height:19px;flex:none}
#blocks-exit-cancel{width:100%;min-height:43px;padding:10px 15px;border:1px solid #a6cbdf46;border-radius:13px;color:#e2eff8;background:#b4d7ef0b;font-size:13px;font-weight:600}
#blocks-exit-cancel:hover{background:#b4d7ef20}
.blocks-music-player{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;z-index:35;display:flex;gap:10px;align-items:center;width:306px;max-width:calc(100vw - 115px);padding:13px;border-radius:17px;border:1px solid #84bfd270;background:linear-gradient(135deg,#173a52fa,#152a41fa);box-shadow:0 7px 28px #0004;color:#f1faff;backdrop-filter:blur(10px)}
.blocks-music-player[hidden]{display:none!important}
.blocks-music-player>div{min-width:0;flex:1}
.blocks-music-player strong{display:block;font-size:11px;line-height:1.45;font-weight:650}
.blocks-music-player small{display:block;font-size:10px;line-height:1.45;color:#aed7e7;margin-top:3px}
.blocks-music-player button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:36px;border:1px solid #9dcada50;border-radius:10px;background:#adddeb13;color:#ccefff;padding:7px}
.blocks-music-player button svg{width:18px;height:18px;grid-area:1/1}
#blocks-music-stop{color:#ffbfc5;border-color:#db919b5c;background:#c466751b}
#blocks-music-toggle[aria-pressed=true] .blocks-play-glyph,#blocks-music-toggle[aria-pressed=false] .blocks-pause-glyph{display:none}
.blocks-exit-dialog button:focus-visible,.blocks-music-player button:focus-visible,#game-dialog #blocks-pause:focus-visible,#game-dialog .blocks-exit:focus-visible{outline:3px solid #c0eafa;outline-offset:3px}
@media(max-width:760px){#game-dialog .blocks-exit>.blocks-control-size{font-size:0}.blocks-music-player{left:10px;gap:7px;padding:10px;max-width:calc(100vw - 90px)}}
@media(max-width:359px){.blocks-exit-dialog{padding:22px 18px}.blocks-exit-choices strong{font-size:13px}.blocks-music-player{gap:5px}.blocks-music-player button{flex-basis:30px;width:30px}}
@media(max-height:500px) and (min-width:600px){.blocks-exit-dialog{width:min(620px,calc(100% - 28px));padding:17px 23px}.blocks-exit-emblem{display:none}#blocks-exit-description{margin:8px 0 13px}.blocks-exit-choices{grid-template-columns:1fr 1fr;gap:12px}.blocks-exit-records{margin:11px 0}}

/* V7: compact previous/next controls. The player keeps the discreet V6 footprint. */
.blocks-music-player{gap:6px;width:316px;padding:10px 11px}
.blocks-music-player button{flex:0 0 30px;width:30px;height:34px;padding:6px;border-radius:9px}
.blocks-music-player button svg{width:17px;height:17px}
#blocks-music-prev,#blocks-music-next{color:#c9efff;border-color:#8fc8db4b;background:#90d5ee10}
#blocks-music-prev:hover,#blocks-music-next:hover{background:#a7ddf022;filter:brightness(1.12)}
#blocks-music-prev:disabled,#blocks-music-next:disabled{opacity:.42;cursor:default}
@media(max-width:760px){.blocks-music-player{left:10px;gap:5px;padding:9px 10px;width:306px;max-width:calc(100vw - 82px)}.blocks-music-player button{flex-basis:29px;width:29px;height:33px;padding:6px}}
@media(max-width:359px){.blocks-music-player{gap:4px;width:292px;max-width:calc(100vw - 68px)}.blocks-music-player button{flex-basis:27px;width:27px;height:31px;padding:5px}.blocks-music-player strong{font-size:10px}.blocks-music-player small{font-size:9px}}
