/* Shared, labelled controls above the scenery. */
.media-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;padding:6px 8px;font:400 .875rem/1.25 Arial,sans-serif;letter-spacing:.015em;text-transform:none;color:#bec8c9;transition:color .3s ease,opacity .3s ease}
.media-control[hidden]{display:none}
.media-control svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.media-control-label{min-width:0;max-width:190px;overflow-wrap:anywhere}
.media-control:hover,.media-control:focus-visible{color:#f0f2ef}
.media-control[aria-pressed=true]{color:#e2e8e7}
.media-control:disabled{opacity:.65;cursor:default}
.home-media-controls{position:absolute;top:14px;right:4%;z-index:3;display:flex;align-items:center;gap:12px;max-width:92%;text-shadow:0 1px 12px #02090cb3}
.panel-head-actions{gap:12px}
.panel-head-actions .media-control{font-size:.875rem;min-width:0;min-height:44px;text-transform:none;letter-spacing:.015em}
.is-arriving .home-media-controls,.body-panel-open .home-media-controls{opacity:0;pointer-events:none}
.replay-opening{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;min-height:44px;grid-column:3;justify-self:end;color:#abb6b8}
@media(max-width:900px){
 .home-media-controls{left:4%;right:4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:start}
 .home-media-controls .media-control,.panel-head-actions .media-control{flex-direction:column;gap:5px;padding:5px 2px;min-height:62px;text-align:center}
 .media-control-label{max-width:100%}
 .home .masthead{top:108px}
 .panel-head,dialog[data-view=music] .panel-head{height:124px;display:block;padding:10px 4%}
 .panel-wordmark{font-size:24px}
 .panel-head-actions{position:absolute;top:44px;left:4%;right:4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:start}
 .panel-head-actions .close-button{position:absolute;right:0;top:-36px;width:34px;height:34px}
 #panel-content,dialog[data-view=music] #panel-content{top:126px}
 .coast-bottom .replay-opening{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-height:540px) and (min-width:761px){
 .home-media-controls{top:6px}
 .panel-head-actions .media-control{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){.media-control{transition:none}}