html, body { height: 100%; }
body { margin: 0; display: flex; flex-direction: column; min-width: 320px; }
.rs-header { flex: 0 0 auto; }
.cube-player { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.cube-player__nav { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem 1.2rem; padding: .45rem 1rem; border-bottom: 1px solid var(--rs-line); background: var(--rs-paper); }
.cube-player__nav h1 { font-family: var(--rs-font-display); font-size: 1.15rem; margin: 0 auto 0 0; }
.cube-player__nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .9rem; }
.cube-player iframe { display: block; border: 0; width: 100%; flex: 1; min-height: 0; background: #f5f0e8; }
@media (max-width: 480px) { .cube-player__nav { gap: .2rem .9rem; } .cube-player__nav h1 { font-size: 1rem; } }

.rs-header { margin:.2rem auto; padding:.25rem .8rem; }
.rs-header a { min-height:44px; display:inline-flex; align-items:center; }
.cube-player__nav { padding:.2rem 1rem; }
.cube-player__nav button { min-height:44px; border:1px solid var(--rs-line); border-radius:8px; background:var(--rs-paper); color:var(--rs-ink); font:inherit; padding:6px 12px; }