/* DEAD STOCK — IL GARAGE */
.room.garage::before{background-image:url(img/garage.jpg)}
.garage .stage,.garage .photo{width:1672px;height:941px}
.garage .stage.off .shade{opacity:1}
.garage .hot[data-glow="garage-drums"] .obj-glow,.garage .hot[data-glow="garage-amps"] .obj-glow{transition:opacity .08s}
.garage .stage.live .hot[data-glow="garage-drums"] .obj-glow,.garage .stage.live .hot[data-glow="garage-amps"] .obj-glow{opacity:var(--beat,0)}
.garage .lampglow{position:absolute;left:890px;top:-80px;width:600px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,110,.2),transparent 65%);mix-blend-mode:screen;pointer-events:none;transition:opacity .3s}
.garage .stage.off .lampglow{opacity:0}
/* il lettore CD */
.cdp{position:fixed;z-index:61;right:max(18px,3vw);bottom:12px;height:min(calc(100svh - 60px),780px);aspect-ratio:681/1509;animation:cdIn .45s cubic-bezier(.2,.9,.25,1.1)}
.cdp[hidden]{display:none}
@keyframes cdIn{from{transform:translateY(60%) rotate(6deg);opacity:0}}
.cdp-box{position:relative;height:100%;container-type:inline-size;filter:drop-shadow(0 24px 40px rgba(0,0,0,.75))}
.cdp-img{display:block;width:100%;height:100%}
.cdp-disc{position:absolute;left:11.16%;top:39.5%;width:77.24%;height:auto;pointer-events:none;will-change:transform}
.cdp-lcd{position:absolute;left:21.44%;top:81.18%;width:57.86%;height:3.84%;padding:.5cqi 2cqi;overflow:hidden;cursor:pointer;color:#0d2b2b;font:700 3.6cqi/1.05 ui-monospace,"Courier New",monospace;letter-spacing:.06em;text-shadow:0 0 2px rgba(13,43,43,.25)}
.cdp-run{white-space:nowrap;overflow:hidden}
.cdp-run span{display:inline-block;padding-left:100%;animation:run 11s linear infinite}
@keyframes run{to{transform:translateX(-100%)}}
.cdp-time{display:flex;justify-content:space-between;font-size:3.1cqi}
.cdp-prog{position:absolute;left:2cqi;bottom:.4cqi;height:.45cqi;width:0;background:#0d2b2b;opacity:.75}
.cdp-k{position:absolute;top:87.61%;height:4.11%;border:0;padding:0;background:none;border-radius:1cqi;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cdp-k:hover{box-shadow:inset 0 0 0 100cqi rgba(255,255,255,.07)}
.cdp-k:active,.cdp-k.down{box-shadow:inset 0 0 0 100cqi rgba(0,0,0,.35);transform:translateY(1px)}
.cdp-k:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
.cdp-led{position:absolute;left:88.5%;top:88.6%;width:3.8%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,80,60,.9),transparent 70%);opacity:0}
.cdp.playing .cdp-led{animation:blk 1s steps(2) infinite;opacity:1}
.cdp .band-x{position:absolute;top:-6px;right:-6px;width:38px;height:38px;border-radius:50%;border:2px solid #efe7d6;background:#0c0c0c;color:#efe7d6;font-size:15px;cursor:pointer}
.cdp .band-x:hover{background:#d23a2e;border-color:#d23a2e}
@media (min-width:861px){.cdp{right:auto;left:max(18px,3vw)}}
@media (max-width:860px){.cdp{left:0;right:0;margin:0 auto;height:min(calc(100svh - 56px),700px,205vw)}}
@media (prefers-reduced-motion:reduce){.cdp-run span{animation:none;padding-left:0}}