@import url("come-lavoro-1.5.css");

/* The entrance is intentionally visible; the rest of the film stays unchanged. */
.scroll-cue{inset:0;transform:none;width:100%;height:100%;padding:0;align-items:center;cursor:pointer}
.cue-current{inset:0;width:100%;height:100%;mask-image:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#e7b74330 0%,#9b6d151c 32%,transparent 68%)}
.cue-current:before{inset:6% 12%;background:radial-gradient(ellipse at 50% 58%,#e7b74324,transparent 63%);transform:rotate(-25deg)}
.cue-current i,.cue-current i:nth-child(2),.cue-current i:nth-child(3){opacity:1;background:#e7b743;box-shadow:0 0 6px #e7b743cc,0 0 16px #e7b74366;animation:game-dust var(--duration) linear infinite;animation-delay:var(--d);will-change:transform}
.cue-current i:nth-child(11n){background:#fff1bc;filter:blur(1px);box-shadow:0 0 12px #e7b743,0 0 28px #e7b74388}
.cue-label{position:absolute;bottom:14%;z-index:1;min-height:56px;padding:0 30px;font-size:14px;letter-spacing:.12em;color:var(--paper);border:1px solid var(--signal);background:#0b0d0fe8;box-shadow:0 0 34px #e7b74322;pointer-events:auto}
.opening-label{z-index:5}
.motion-ready .opening-label{opacity:1}
@keyframes game-dust{0%{opacity:.45;transform:translate3d(calc(var(--drift)*-.5),75px,0) scale(.7)}35%,65%{opacity:1}100%{opacity:.45;transform:translate3d(var(--drift),-85px,0) scale(1.2)}}
.has-started .cue-current i{animation-play-state:paused}
.has-started .scroll-cue:focus-visible{visibility:hidden;opacity:0}
@media(max-width:540px){.cue-label{font-size:12px;padding:0 22px}.cue-current i:nth-child(2n){display:none}}
@media(prefers-reduced-motion:reduce){.cue-current i{animation:none!important}}
.motion-reduced .cue-current i{animation:none!important}