.city-controls{position:fixed;z-index:10;bottom:calc(env(safe-area-inset-bottom) + 83px);left:50%;transform:translateX(-50%);width:min(94vw,430px);padding:10px 12px 8px;border:1px solid #ffffff40;border-radius:18px;background:#102d4af0;color:white;box-shadow:0 8px 24px #0002;font-family:Tahoma,Arial,sans-serif}.station-buttons,.city-actions{display:flex;gap:5px;justify-content:center}.city-controls button{font:11px Tahoma,Arial,sans-serif;padding:9px 7px;border:1px solid #ffffff30;border-radius:9px;background:#ffffff12;color:white;cursor:pointer;touch-action:manipulation}.station-buttons button{flex:1}.city-controls button[aria-pressed=true]{background:#077feb;border-color:#62cfff}.city-controls button:disabled{opacity:.4;cursor:default}.city-controls button:focus-visible{outline:2px solid #ffce65;outline-offset:2px}.city-actions{margin-top:6px}.city-actions button{padding:7px 14px}.trip-message{margin-top:7px;font-size:11px;min-height:16px;text-align:center;color:#b9d8ea}body.night{color:#e8f4ff}body.night header p,body.night header small{color:#a5c5db} @media(max-height:550px){.city-controls{left:auto;right:12px;transform:none;bottom:15px;width:310px}.trip-message{font-size:10px}}

.city-actions{flex-wrap:wrap}.city-actions button{padding:7px 10px}.sound-settings{margin-top:7px;font-size:11px;color:#b9d8ea}.sound-settings label{display:flex;align-items:center;justify-content:center;gap:10px}.sound-settings input{width:150px;accent-color:#62cfff}.sound-settings[hidden]{display:none}.sound-note{font-size:11px;color:#ffcf85;text-align:center}