/* A continuous shadow curve preserves highlights; no extra edge darkening. */
#nebula{filter:url('#nebula-blackpoint')}
.black-hole-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
#universe-footer{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;column-gap:28px;row-gap:12px;min-height:0;padding:14px 42px calc(8px + env(safe-area-inset-bottom,0px))}
#universe-footer .footer-meta{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;min-width:0;margin:0}
#universe-footer .legal-links{position:static;display:flex;align-items:center;gap:13px;font-size:9px;line-height:1.5;flex-shrink:0}
#universe-footer .legal-links a{min-height:24px;padding:3px 0}
#universe-footer .design-credit{position:static;margin:0;align-self:center;white-space:nowrap;font-size:8px;line-height:1.5}
#universe-footer .design-credit a{padding:0}
#universe-footer #music-status{order:3;flex-basis:100%;margin:3px 0 0;min-height:0;font-size:10px;line-height:1.5}
#universe-footer #music-status[hidden]{display:none}
.music-active #universe-footer{grid-template-columns:minmax(300px,1fr) auto;row-gap:8px}
.music-active #universe-footer #music-dock{grid-column:1;grid-row:1;max-width:950px}
.music-active #universe-footer .set-index{grid-column:2;grid-row:1;align-self:center}
.player-controls{display:flex;align-items:center;gap:0;min-width:0}
.player-controls[hidden]{display:none}
.player-controls #music-slot{flex:1;min-width:0;height:60px;min-height:60px;border:0;border-radius:0;background:#25292c;overflow:hidden}
#music-transport{display:flex;align-items:center;flex:none}
#music-transport button,#music-jump,#music-more{position:relative;flex:none;width:44px;height:58px;padding:0;color:#c4c8c9;border:0;border-left:1px solid #ffffff14;border-radius:0;background:#25292c;display:flex;align-items:center;justify-content:center}
#music-transport button svg,#music-more svg{width:25px;height:25px;display:block}
#music-jump{display:block;width:56px;min-width:56px;font:16px Oxanium,sans-serif;text-align:center;text-align-last:center;appearance:none;cursor:pointer}
#music-jump option{background:#25292c;color:#e6edf1}
#music-transport button:disabled{opacity:1;color:#656d71;cursor:default}
#music-transport :focus-visible,#music-more:focus-visible{outline:1px solid #abc3d8;outline-offset:-3px}
#music-more{display:none}
@media(hover:hover) and (pointer:fine){#music-transport button:not(:disabled):hover,#music-jump:hover,#music-more:hover{background:#303639;color:#fff}}
@media(max-width:1150px){#universe-footer{padding-left:28px;padding-right:28px;column-gap:18px}}
@media(orientation:portrait),(max-width:700px){
 #universe-footer,.music-active #universe-footer{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:12px 20px calc(7px + env(safe-area-inset-bottom,0px))}
 #universe-footer .selection{grid-row:1;grid-column:1}#universe-footer .set-index{grid-row:2;grid-column:1}
 #universe-footer .footer-meta{grid-row:3;grid-column:1;gap:0 8px}
 .music-active #universe-footer .set-index{grid-row:1;grid-column:1}
 .music-active #universe-footer #music-dock{grid-row:2;grid-column:1;max-width:none}
 #universe-footer .legal-links{font-size:8px;gap:10px}#universe-footer .design-credit{font-size:7px}
 .player-controls{gap:0}
}

/* Phones keep a single 60px row; one shared set of controls opens above it. */
@media(max-width:700px),(max-height:500px) and (pointer:coarse){
 .player-controls{position:relative}
 #music-more{display:flex;width:44px}
 #music-transport{display:none;position:absolute;right:0;bottom:calc(100% + 10px);z-index:30;padding:5px;border:1px solid #a7c9ec38;border-radius:8px;background:#171f2bf5;box-shadow:0 8px 28px #0009;max-width:100%}
 #music-transport[data-open]{display:flex}
 #music-transport button,#music-jump{height:48px;background:transparent}
 #music-transport button:first-child{border-left:0}
}