.bottom-controls { flex-direction: column; gap: 4px; height: 52px; padding-block: 4px; }
.tuner-links { display: flex; align-items: center; gap: 20px; }
.tuner-links a { display: inline-block; padding: 4px; font-size: 11px; text-decoration: none; color: #a5b6cf; }
.tuner-links a:hover { text-decoration: underline; text-underline-offset: 3px; }
.tuner-links a:focus-visible, .tuner-close:focus-visible { outline: 2px solid #ffd12e; outline-offset: 3px; }
.controls { height: 112px; }
.tuner-close { position: fixed; top: max(12px, env(safe-area-inset-top, 0px)); left: max(12px, env(safe-area-inset-left, 0px)); z-index: 9; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0; color: #ffd12e; background: transparent; border: 0; cursor: pointer; border-radius: 26px; }
.tuner-close-circle { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #ffd12e; color: #06101c; font: 400 44px/1 Arial, sans-serif; }
.tuner-close-label { font-size: 10px; font-weight: 700; line-height: 1.2; }
.tuner-close:hover .tuner-close-circle { background: #ffe371; }
@media (max-height: 620px) { .controls { height: 104px; } }

@media (max-width: 700px) {
  .brand-half, .brand-link-layer { left: 78px; --brand-size: min(60vw, 286px); }
  .settings-button { margin-left: 64px; }
}