.onboarding{position:fixed;inset:0;z-index:100;background:#101a15;color:#eee9d3;font-family:'DM Sans',sans-serif;overflow:auto;outline:0;border:0;border-radius:0;box-shadow:none}
.onboarding[hidden],.onboarding [hidden]{display:none!important}
.onboarding button{font:600 13px 'DM Sans',sans-serif;border:1px solid #d0d7af66;background:#dfe7bd;color:#17261d;padding:13px 20px;border-radius:5px;cursor:pointer;min-height:44px}
.onboarding button:focus-visible{outline:3px solid #fff4c4;outline-offset:4px}
.film-eyebrow{font:9px 'Silkscreen',monospace;letter-spacing:.12em;color:#c5d4b2}
.loading-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;background:radial-gradient(ellipse at 50% 46%,#32433480,transparent 62%)}
.loading-page h1{font-size:clamp(25px,4vw,38px);font-weight:500;letter-spacing:-.035em;margin:9px 0}
.loading-page p{font-size:13px;color:#b4c0ac;margin:8px 0 23px}
.loading-page small{font-size:11px;color:#93a28d;margin-top:18px}
.loading-page button{margin-top:17px}
.loading-illustration{position:relative;width:300px;height:260px;margin:22px 0 2px;overflow:hidden}
.loading-station{position:absolute;left:55px;top:0;width:240px;height:254px;object-fit:cover;image-rendering:pixelated;border-radius:5px;mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}
.loading-press{position:absolute;width:204px;height:239px;object-fit:contain;left:82px;top:0;image-rendering:pixelated}
.loading-courier{position:absolute;width:86px;height:113px;left:10px;bottom:10px;image-rendering:pixelated;animation:courier-wait 2.8s ease-in-out infinite}
.loading-receipt{display:none}
.loading-receipt i{display:block;height:1px;background:#7b8768;margin:9px 7px}
.load-meter{display:flex;align-items:center;gap:15px;width:min(320px,85vw)}
.load-meter progress{width:100%;height:4px;appearance:none;border:0;background:#394a37;accent-color:#cedfae}
.load-meter progress::-webkit-progress-bar{background:#394a37}.load-meter progress::-webkit-progress-value{background:#cedfae}
.load-meter span{font:11px 'Silkscreen',monospace;min-width:45px;text-align:right;color:#e2e9c7}
.film-page{position:absolute;inset:0;padding:0;display:flex;align-items:center;justify-content:center;background:#0a110d;overflow:hidden}
.film-caption{display:none}
.masthead .audio-toggle{white-space:nowrap;min-width:65px;margin-left:0}
#archiveFilm{display:block;width:100%;height:100%;object-fit:cover;border:0;outline:0;box-shadow:none}
@media(orientation:portrait){#archiveFilm{object-fit:contain}}
.film-toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:15px 24px;background:linear-gradient(#09140fe8,transparent)}
.film-toolbar small{display:block;font:9px 'DM Sans',sans-serif;color:#8fa487;margin-top:6px;letter-spacing:.1em}
.film-toolbar>div{display:flex;gap:8px}.film-toolbar button{padding:9px 13px;background:#101e16d9;color:#e5eacf;border-color:#a6b38b44;font-size:11px}
.film-toolbar #filmSkip{background:#dfe7bd;color:#17261d}
.film-ready,.film-fallback{position:absolute;right:32px;bottom:35px;padding:24px 28px;background:#102018f5;border:1px solid #bdc89f66;border-radius:6px;box-shadow:0 12px 50px #0006;max-width:calc(100% - 40px)}
.film-ready h1,.film-fallback h1{font-weight:500;font-size:28px;letter-spacing:-.03em;margin:10px 0 18px}
.film-ready .film-secondary{background:transparent;color:#d7dfc3;margin-left:8px}
.film-fallback{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:430px;text-align:center}
.film-fallback p{font-size:14px;line-height:1.55;color:#c8d1bd}.film-fallback button{margin:8px 4px 0}
@keyframes courier-wait{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@media(max-width:600px){.film-toolbar{padding:12px;align-items:flex-start}.film-toolbar>.film-eyebrow{max-width:105px;font-size:7px;line-height:1.6}.film-toolbar small{font-size:8px}.film-toolbar>div{gap:5px}.film-toolbar button{padding:8px;font-size:10px}.film-ready{left:16px;right:16px;bottom:28px;max-width:none;padding:19px}.film-ready h1{font-size:25px}.film-ready button{padding:12px}.film-ready .film-secondary{margin-left:3px}.film-fallback{width:calc(100% - 32px);max-width:none;padding:20px}.masthead #replayIntro{font-size:9px;padding:7px;margin-left:0}.loading-illustration{margin-top:14px}.loading-page .film-eyebrow{font-size:8px}}
@media(max-height:500px){.loading-illustration{height:170px;transform:scale(.7);margin:-20px 0 -30px}.loading-page h1{font-size:25px}.loading-page p{margin-bottom:12px}.film-ready{bottom:15px;padding:14px 20px}.film-ready h1{font-size:23px;margin:6px 0 10px}.film-toolbar{padding:9px 15px}}
@media(prefers-reduced-motion:reduce){.loading-courier{animation:none}}
@media(max-width:600px) and (min-height:501px){.film-caption{display:block;position:absolute;top:calc(50% + 160px);left:24px;right:24px;text-align:center;font-size:15px;line-height:1.5;color:#dce3c8}}