/* Một góc nhạc nhỏ; bàn cờ vẫn có thể thao tác khi mở bảng. */
#music-toggle{margin-left:auto;min-height:44px;min-width:44px;border:1px solid #bacbad;border-radius:10px;background:#edf4e3;color:#3f654b;padding:9px 13px;font-size:.8125rem;white-space:nowrap}
#music-toggle:hover,#music-toggle[aria-expanded="true"]{background:#d8e8ca;border-color:#8eac7d}
#music-panel{position:fixed;z-index:15;right:20px;top:90px;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:22px;border:1px solid #b7cba8;border-radius:20px;background:#f5f9ed;box-shadow:0 18px 70px #30473033;scrollbar-width:thin;scrollbar-color:#9daf90 transparent}
#music-panel[hidden],#music-panel [hidden]{display:none!important}
#music-panel h2,#music-panel h3,#music-panel p{margin:0}
.music-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.music-heading h2{font-size:1.35rem;font-weight:600;margin-top:7px!important;letter-spacing:-.5px}
#music-panel button,#music-panel a,#music-panel input{outline-offset:3px}
#music-panel button:focus-visible,#music-panel a:focus-visible,#music-panel input:focus-visible,#music-toggle:focus-visible{outline:3px solid #406849;outline-offset:3px}
.music-close{min-width:44px;min-height:44px;border:1px solid #c6d4bb;border-radius:50%;background:#e9f0df;color:#42614b;font-size:1.65rem;line-height:1}
.music-intro{font-size:.8125rem;line-height:1.75;color:#60735d;margin:12px 0 17px!important}
.music-songs{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.music-languages{display:flex;gap:7px;margin:0 0 13px}.music-languages button{flex:1;min-height:40px;border:1px solid #bbcfaa;border-radius:10px;background:#e8f0de;color:#4b6b42;font-size:.75rem}.music-languages button[aria-pressed="true"]{background:#426b4f;border-color:#426b4f;color:#fffdf4}.music-song-tag{font-size:.5625rem;letter-spacing:.025em;color:#778b68}.music-selection-note{margin-top:12px!important}
.music-songs li{display:flex;align-items:center;gap:12px;border:1px solid #d3dfc8;border-radius:12px;padding:12px;background:#edf3e4}
.music-song-label{display:grid;gap:5px;min-width:0;flex:1}
.music-song-label strong{font-size:.8125rem;line-height:1.5;font-weight:600}
.music-song-label span{font-size:.6875rem;line-height:1.5;color:#66765f}
.music-play,.music-stop{min-height:44px;border:1px solid #b0c59c;border-radius:9px;padding:9px 11px;background:#e2eccf;color:#36583e;font-size:.75rem;flex-shrink:0}
.music-play:hover,.music-stop:hover{background:#d5e3c2}
.music-play[aria-pressed="true"]{background:#3f6853;border-color:#3f6853;color:#fffdf4}
.music-player{width:min(480px,calc(100% - 32px));margin:24px auto 32px;padding:18px;border:1px solid #bdcdb0;border-radius:18px;background:#f6faef;box-shadow:0 12px 34px #4e694215}
.music-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.music-dock-heading .eyebrow{font-size:.5625rem;letter-spacing:1.3px}.music-change{border:0;background:transparent;min-height:36px;padding:5px;color:#476b50;font-size:.75rem;text-decoration:underline;text-underline-offset:3px}.music-player p{margin:0}.music-search-label{display:block;font-size:.6875rem;color:#60785b;margin:12px 0 7px}.music-search{width:100%;min-height:44px;border:1px solid #bdcfb0;border-radius:10px;background:#fcfdf7;color:#36583e;padding:10px 12px;font-size:.75rem;margin-bottom:14px}.music-show-player{width:100%;min-height:42px;border:1px solid #c3d5b6;border-radius:10px;background:#e4eed8;color:#416644;margin-top:12px;font-size:.75rem}.music-player button:focus-visible,.music-player a:focus-visible{outline:3px solid #406849;outline-offset:3px}
@media(min-width:1200px){.has-music-player .app-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;max-width:1560px;margin:0 auto;padding:0 24px;align-items:start}.has-music-player .welcome-screen{gap:28px;padding:0 16px;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.has-music-player .workspace{padding:0 16px;gap:24px}.has-music-player .music-player{position:sticky;top:24px;width:100%;margin:38px 0 24px}.has-music-player .welcome-art{gap:15px}.has-music-player .art-caption{max-width:100px}}
#music-now{font-size:.75rem;line-height:1.65;color:#476849;margin-bottom:12px!important}
.music-video iframe{display:block;width:100%;height:220px;min-height:200px;border:0;border-radius:10px;background:#202b23}
.music-player-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px}
.music-external{display:inline-flex;align-items:center;min-height:44px;color:#3f6853;font-size:.75rem;line-height:1.5;text-underline-offset:3px}
.music-hint{font-size:.6875rem!important;line-height:1.7;color:#61715d;margin-top:9px!important}
.music-rain{border-top:1px solid #cbdabe;margin-top:21px;padding-top:18px}
.music-rain-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.music-rain-heading h3{font-size:.875rem;font-weight:600}
.music-rain-heading p{font-size:.6875rem;color:#61715d;line-height:1.6;margin-top:6px!important}
#music-panel .sound-button{margin:0;min-height:44px;min-width:90px;width:auto;padding:9px 12px;flex-shrink:0}
#music-panel .sound-button>span{display:inline}
.rain-volume-label{font-size:.75rem;color:#567050;display:flex;justify-content:space-between;gap:10px;margin:18px 0 0}
#rain-volume{width:100%;height:44px;margin:0;accent-color:#557d4f;cursor:pointer}
@media(max-width:760px){#music-toggle{margin-left:0;padding:9px;font-size:.75rem}#music-panel{top:80px;right:12px;max-height:calc(100dvh - 92px);padding:18px}}
@media(max-width:380px){#music-toggle{font-size:.6875rem;padding:8px}#music-panel{padding:16px}.music-songs li{padding:10px;gap:8px}.music-play{padding:8px}.music-video iframe{height:200px}}