/* One bottom positioning context. No artwork, soundtrack or type styling changes. */
#afterlightPlayer{
 position:fixed;z-index:55;left:50%;bottom:0;transform:translateX(-50%);
 width:round(down,var(--viewport-width),1px);display:grid;
 grid-template-rows:44px clamp(48px,8dvh,80px) auto;
 padding-bottom:env(safe-area-inset-bottom);pointer-events:none;
}
#afterlightPlayer[hidden]{display:none}
#afterlightPlayer #musicControl.global-music{
 position:relative;z-index:6;grid-row:1;justify-self:center;left:auto;bottom:auto;transform:none;
}
#afterlightPlayer .story-eq{
 position:absolute;inset:auto 0 env(safe-area-inset-bottom);width:100%;height:32dvh;
}
#afterlightPlayer #musicProgress{
 position:relative;grid-row:3;left:auto;bottom:auto;transform:none;width:100%;pointer-events:auto;
}
body.afterlight-player-active .welcome,body.afterlight-player-active #musicStatus{display:none}
body.exhibition-between #afterlightPlayer,body:has(#wolfyArchive:not([hidden])) #afterlightPlayer,
body:has(#reel.open) #afterlightPlayer,body:has(#transmissions.active) #afterlightPlayer{visibility:hidden;pointer-events:none}
/* Background-only system residue. Isolation keeps it above black, below all content. */
body.afterlight-player-active{isolation:isolate}
#afterlightSystemData{
 position:fixed;inset:0;z-index:-1;overflow:hidden;contain:strict;
 pointer-events:none;user-select:none;color:#c4c8cd;
 font:8px/1.9 'Courier New',monospace;letter-spacing:.08em;
}
#afterlightSystemData[hidden]{display:none}
#afterlightSystemData span{position:absolute;white-space:pre;opacity:.055}
#afterlightSystemData span:nth-child(1){left:3.1%;top:13%;opacity:.065}
#afterlightSystemData span:nth-child(2){right:-19px;top:8%;opacity:.04}
#afterlightSystemData span:nth-child(3){right:6%;top:32%;opacity:.075}
#afterlightSystemData span:nth-child(4){left:-28px;top:41%;opacity:.045}
#afterlightSystemData span:nth-child(5){left:9%;top:63%}
#afterlightSystemData span:nth-child(6){right:2%;top:76%;opacity:.045}
#afterlightSystemData span:nth-child(7){left:4%;top:88%;opacity:.075}
#afterlightSystemData span:nth-child(8){right:11%;top:53%;opacity:.035}
#afterlightSystemData span:nth-child(9){left:24%;top:5%;opacity:.035}
#afterlightSystemData span:nth-child(10){right:-34px;top:94%;opacity:.06}
#afterlightSystemData span:nth-child(11){left:2%;top:27%;opacity:.035}
#afterlightSystemData span:nth-child(12){right:3%;top:65%;opacity:.04}
body.afterlight-player-active .collection-section[data-collection=AFTERLIGHT]>.collection-intro{background:transparent}
@media(max-width:800px){
 #afterlightSystemData{font-size:7px}
 #afterlightSystemData span:nth-child(n+5){display:none}
 #afterlightSystemData span{opacity:.045!important}
}