/* Tape-spine easter egg: a one-sheet that flickers up beside the wall rack. Desktop pointers only. */
.tape-poster{position:fixed;left:0;top:0;z-index:30;width:216px;height:324px;pointer-events:none;padding:0;background:#0b0910;box-shadow:0 0 0 3px #e9dfc8,6px 8px 0 #140e09,0 18px 40px rgb(0 0 0 / .7);transform:rotate(-1.6deg);opacity:0}
.tape-poster::before{content:"";position:absolute;left:50%;top:-9px;width:54px;height:16px;margin-left:-27px;z-index:1;background:linear-gradient(rgb(255 255 255 / .3),transparent 50%),var(--tape);transform:rotate(3deg);clip-path:polygon(0 10%,5% 0,10% 9%,100% 4%,96% 45%,100% 100%,6% 92%,0 100%,3% 55%)}
.tape-poster canvas{display:block;width:216px;height:324px;image-rendering:pixelated}
.tape-poster.on{animation:tape-poster-in .32s steps(4,end) forwards}
@keyframes tape-poster-in{0%{opacity:0;transform:rotate(-1.6deg) translateY(10px) scale(.96)}50%{opacity:.6}75%{opacity:.35}100%{opacity:1;transform:rotate(-1.6deg)}}
@media (hover:none),(pointer:coarse){.tape-poster{display:none!important}}
@media (prefers-reduced-motion:reduce){.tape-poster.on{animation:none;opacity:1}}