.music-control{position:relative;z-index:30;margin-left:auto;color:#365563;font:12px Arial,sans-serif;letter-spacing:0;text-align:left;flex:0 0 auto}.music-control summary{cursor:pointer;list-style:none;border:2px solid #819b8e;background:#ddcd9e;padding:7px 10px;min-height:32px;display:flex;align-items:center;white-space:nowrap}.music-control summary::-webkit-details-marker{display:none}.music-panel{position:absolute;right:0;top:calc(100% + 8px);width:235px;background:#d2ddc6;border:2px solid #819b8e;padding:12px;box-shadow:3px 3px #9bad98;color:#365563}.music-panel button{display:block;float:none;margin:0 0 12px;background:#dfb898;color:#365563;border:2px solid #8f9f86;min-height:38px;width:100%;padding:7px;font: bold 13px Arial;cursor:pointer}.music-panel label{display:flex;gap:10px;align-items:center;font-size:12px}.music-panel input{width:150px;accent-color:#527f7d}.music-status{font:11px/1.6 Arial;margin:10px 0 0!important;letter-spacing:0}.music-control summary:focus-visible,.music-panel button:focus-visible,.music-panel input:focus-visible{outline:3px solid #496f83;outline-offset:3px}header .music-control{margin-left:12px}.top>.music-control{margin-left:auto}@media(max-width:650px){.music-control summary{font-size:10px;padding:5px;min-height:30px}header .music-control{margin-left:6px}header{gap:8px}.music-panel{width:220px}.top>.music-control{margin-left:auto}}@media(orientation:landscape) and (max-height:600px){.music-control summary{padding:3px 7px;min-height:25px;font-size:10px}.music-panel{max-height:calc(100dvh - 60px);overflow:auto}}
/* Keep navigation and sound controls adjacent, on the same baseline. */
header{align-items:center}.top>.rank-link{position:static;left:auto;top:auto;transform:none;margin:0 8px 0 auto;min-height:34px}.top>.music-control{margin-left:0}.top>.music-control summary{min-height:34px}header .welcome-rank{margin-left:auto;margin-right:0}header>.music-control{margin-left:8px}@media(max-width:650px){.top>.rank-link{min-height:30px;margin-right:7px}.top>.music-control summary{min-height:30px}}@media(orientation:landscape) and (max-height:600px){.top>.rank-link{min-height:26px}.top>.music-control summary{min-height:26px}}
header .welcome-rank{height:40px;min-height:0;padding:0 13px;box-sizing:border-box}header:not(.top)>.music-control summary{height:40px;min-height:0;padding:0 10px;box-sizing:border-box}@media(max-width:650px){header .welcome-rank,header:not(.top)>.music-control summary{height:34px}}@media(orientation:landscape) and (max-height:600px){header .welcome-rank,header:not(.top)>.music-control summary{height:30px}}