html.release body>#release-loading{
 position:fixed;inset:0;z-index:20000;overflow:hidden;
 visibility:visible!important;pointer-events:auto!important;background:#050507;
 color:#ffe781;opacity:1;transition:opacity .65s ease-out;
}
#release-loading .tape-cover{
 --tape-title:32cqw;--tape-shadow:1.8cqw;
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:var(--film-w,min(100vw,56.25dvh));height:var(--film-h,min(100dvh,177.7778vw));
 overflow:hidden;container-type:inline-size;background:#073391;
}
#release-loading .tape-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#release-loading .tape-landscape-art{display:none}
#release-loading .tape-cover::before{
 content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.24;
 background:radial-gradient(ellipse at 32% 28%,#367cba4d,transparent 56%),radial-gradient(ellipse at 88% 84%,#040b4259,transparent 63%);
}
#release-loading .tape-cover::after{
 content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.30;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23paper)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
 mix-blend-mode:soft-light;
}
#release-loading .tape-status{position:absolute;inset:0;z-index:2}
#release-loading .tape-heading{
 position:absolute;left:4%;top:4%;width:122%;margin:0;white-space:nowrap;
 font:italic 900 var(--tape-title)/.95 Impact,ReleaseCondensed,'Arial Narrow',sans-serif;
 letter-spacing:-.035em;text-shadow:var(--tape-shadow) var(--tape-shadow) 0 #201732;
 transform:scaleX(.74);transform-origin:left top;transition:opacity .25s,translate .4s ease-out;
}
#release-loading .tape-meter{position:absolute;top:27%;left:7%;width:62%}
#release-loading .tape-progress{height:4px;background:#ffe78124;overflow:hidden}
#release-loading .tape-progress>span{display:block;width:var(--loaded,0%);height:100%;background:#ffe781}
#release-loading .tape-meter-caption{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font:700 12px/1.2 'Courier New',monospace;letter-spacing:.08em}
#release-loading .tape-dots{display:flex;gap:5px;font-size:9px;color:#ffe781}
#release-loading .tape-dots span{opacity:.25;animation:tape-dot 1.5s steps(1,end) infinite}
#release-loading .tape-dots span:nth-child(2){animation-delay:.25s}
#release-loading .tape-dots span:nth-child(3){animation-delay:.5s}
@keyframes tape-dot{0%,59%{opacity:.25}60%,100%{opacity:1}}
#release-loading button{margin-top:22px;color:inherit;background:#123778;border:1px solid #ffe78199;backdrop-filter:none;padding:12px 22px;font:700 14px 'Courier New',monospace;letter-spacing:.12em}
#release-loading button[hidden]{display:none}
html.release body.film-landscape #release-loading .tape-cover{--tape-title:17cqw;--tape-shadow:.8cqw}
html.release body.film-landscape #release-loading .tape-heading{left:4.8%;top:22%}
html.release body.film-landscape #release-loading .tape-meter{left:16.5%;top:52%;width:27%}
html.release body.film-landscape #release-loading .tape-portrait-art{display:none}
html.release body.film-landscape #release-loading .tape-landscape-art{display:block}
html.release body>#release-loading.complete{opacity:0;pointer-events:none!important}
#release-loading.complete .tape-heading{opacity:0;translate:0 -.08em}
body[data-startup=ready] #gold-cover-title-layer .gold-small{animation:tape-title-arrive .7s ease-out both}
@keyframes tape-title-arrive{from{opacity:0;translate:0 .08em}to{opacity:1;translate:0 0}}
#release-loading[data-phase=error] .tape-heading{font-size:calc(var(--tape-title)*.70)}
#release-loading[data-phase=error] .tape-dots span{animation:none;opacity:.4}
html.release #loading{display:none!important}
@media(prefers-reduced-motion:reduce){
 #release-loading .tape-dots span{animation:none;opacity:1}
 html.release body>#release-loading,#release-loading .tape-heading,#release-loading .tape-progress>span{transition:none}
 body[data-startup=ready] #gold-cover-title-layer .gold-small{animation:none}
}
