.direction-bar{display:flex;align-items:center;gap:14px;padding:15px 16px;margin-top:12px;border:1px solid #49625e;border-radius:12px;background:linear-gradient(115deg,#152e2b,#15202a);color:#edf1e9;min-width:0}
.direction-bar button{flex:none;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid #6d9184;border-radius:8px;background:#263d35;color:#f4e6bf;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;cursor:pointer}
.direction-bar button[aria-pressed=true]{background:#cbb77b;color:#172522;border-color:#e2ce98}
.direction-bar button:disabled{opacity:.55;cursor:default}
.direction-bar button:focus-visible{outline:3px solid #ecdcad;outline-offset:4px}
.direction-copy{min-width:0;flex:1;font-size:13px;line-height:1.5}
.direction-copy p{margin:0!important}.direction-copy small{display:block;color:#bfcac5;font-size:12px}
.direction-copy [role=status]{font-weight:600;color:#f0e5c4}
.cinema-player:fullscreen>.direction-bar{flex:none;margin:0;padding:8px 12px}
@media(max-width:760px){.cinema-player:fullscreen>.direction-bar{flex-direction:row;align-items:center;gap:8px;padding:6px}.cinema-player:fullscreen .direction-copy small{display:none}.cinema-player:fullscreen .direction-copy{font-size:11px}.cinema-player:fullscreen .direction-bar button{font-size:12px;padding:6px 8px;max-width:48%}}
@media(max-width:600px){.direction-bar{align-items:stretch;flex-direction:column;gap:9px;padding:12px}.direction-bar button{align-self:flex-start}.direction-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.direction-bar *{transition:none!important}}