.head .status{margin-left:auto}
.music-toggle{flex-shrink:0;min-height:44px;padding:8px 11px;border:1px solid #bca580;border-radius:10px;background:#173d49;color:#f1d4a3;font-size:.85rem;white-space:nowrap}
.music-toggle[aria-pressed="false"]{color:#b4c5c2;border-color:#738e8b}
.music-toggle:hover{background:#2c5360}
@media(max-width:620px){.head{gap:8px}.head .status{font-size:.76rem;max-width:110px}.music-toggle{padding:8px;font-size:.78rem}.head .logo{font-size:1rem;letter-spacing:.08em}}
.restart-button{flex-shrink:0;min-height:44px;border:1px solid #829e9a;border-radius:10px;padding:8px 11px;background:#173d49;color:#e4ede5;font-size:.85rem;white-space:nowrap}
.restart-button:hover{background:#2c5360}
.restart-dialog{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid #bca580;border-radius:16px;background:#102f3d;color:#f4ead7;box-shadow:0 20px 70px #051925bb}
.restart-dialog::backdrop{background:#031923b8;backdrop-filter:blur(3px)}
.restart-dialog h2{margin:0 0 12px;font-size:1.3rem;color:#eac58f}
.restart-dialog p{line-height:1.8;margin:0}
.restart-dialog .controls{gap:10px}
@media(max-width:620px){.head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px 8px}.head .status{grid-row:2;grid-column:1/-1;margin-left:0;max-width:none;text-align:left}.restart-button{padding:8px;font-size:.78rem}}