#enter-room{padding:12px 18px;border:1px solid #c6aa73;border-radius:4px;background:linear-gradient(#7c633e,#443821);color:#fff0cb;font-size:12px;letter-spacing:.5px;cursor:pointer}#cinematic-room[hidden]{display:none}body.in-room{overflow:hidden}body.in-room>header,body.in-room>main,body.in-room>.catalogue,body.in-room>.experience,body.in-room>footer,body.in-room>#status{visibility:hidden}#cinematic-room{position:fixed;inset:0;z-index:1000;background:#251c14;color:#eee4c9;overflow:hidden;font-family:system-ui,sans-serif}.room-camera{position:absolute;inset:0;transform-origin:51% 62%;transition:transform 1.8s cubic-bezier(.22,.7,.2,1)}.room-architecture{position:absolute;width:100%;height:100%;object-fit:cover}.room-system{position:absolute;left:26%;top:42%;width:49%;height:36%}.room-deck{position:absolute;width:76%;height:72%;left:0;top:-13%;filter:drop-shadow(0 7px 6px #0006)}#room-deck-svg{width:100%;height:100%;overflow:visible}.room-rack{position:absolute;left:3%;top:65%;width:94%;height:42%;overflow:hidden;border-radius:2px;box-shadow:0 5px 10px #0008}.room-rack .amplifier{margin:0;padding:12px 20px;min-height:0;border-width:3px;box-sizing:border-box;height:100%;border-radius:2px}.room-rack .amp-name{font-size:8px;margin:0}.room-rack .amp-name strong{font-size:9px}.room-rack .meters{margin:4px 0;gap:25px;max-width:100%}.room-rack .vu-gauge{height:45px;min-height:0}.room-rack .vu-gauge b{font-size:8px}.room-rack .vu-scale{font-size:5px}.room-rack .vu-needle{bottom:5px;height:36px}.room-rack .valves{height:35px;gap:15px}.room-rack .valves i{height:30px;width:16px}.room-rack meter{display:none}.room-shelf{position:absolute;left:8%;top:32%;width:28%;height:15%;display:flex;align-items:flex-end;gap:5px;padding:0 8px 3px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a38155 #211911}.room-shelf-album{padding:0;background:#453b2b;border:1px solid #a3926c;height:95%;aspect-ratio:1;flex-shrink:0;transform:rotate(-3deg);box-shadow:3px 3px 4px #0007;cursor:pointer;transition:transform .3s}.room-shelf-album:nth-child(2n){transform:rotate(2deg)}.room-shelf-album:hover,.room-shelf-album:focus-visible{transform:translateY(-10px) rotate(0);outline:2px solid #f3cb80}.room-shelf-album img{width:100%;height:100%;object-fit:cover}.room-neutral-cover{width:100%;height:100%;display:grid;place-items:center;font:64px Georgia;color:#d5bd7d;background:radial-gradient(circle,#b38e54 0 9%,#334535 10% 35%,#af986b 36% 37%,#263e31 38% 60%,#685333 61%);aspect-ratio:1}.room-dust{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 60% 28%,#f0d79733 0 1px,transparent 2px),radial-gradient(circle at 67% 40%,#f0d79744 0 1px,transparent 2px),radial-gradient(circle at 52% 52%,#f0d79722 0 1px,transparent 2px);animation:room-air 14s ease-in-out infinite alternate}.room-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 44%,transparent 35%,#130e0980 100%);box-shadow:inset 0 0 100px #0005}.room-topbar{position:absolute;top:0;left:0;right:0;padding:28px 35px;background:linear-gradient(#0d0b08b0,transparent);display:flex;justify-content:space-between;gap:12px;align-items:center;z-index:4}.room-topbar span{font-size:9px;letter-spacing:4px;color:#d2bb88}.room-topbar h2{font:italic 26px Georgia;margin:8px 0}.room-view-buttons{display:flex;gap:8px;flex-wrap:wrap}#cinematic-room button:not(.room-shelf-album){color:#eadbbb;background:#201c14b5;border:1px solid #a28a60;padding:10px 15px;border-radius:3px;cursor:pointer;backdrop-filter:blur(8px)}#cinematic-room button[aria-pressed=true]{background:#b39a68;color:#211c11}#cinematic-room button:focus-visible{outline:2px solid #ffda8b;outline-offset:3px}#cinematic-room button:disabled{opacity:.4;cursor:default}.room-listening-bar{position:absolute;bottom:0;left:0;right:0;padding:18px 35px 22px;background:linear-gradient(transparent,#100e0ce6 20%);z-index:5;display:grid;grid-template-columns:1fr auto;gap:12px;transition:opacity .8s}.room-listening-bar strong{display:block;font:20px Georgia;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-listening-bar span#room-action{font-size:10px;letter-spacing:1px;color:#bba983;display:block;margin-bottom:7px}.room-controls{display:flex;align-items:center;gap:8px}.room-controls label{display:flex;align-items:center;gap:8px;font-size:10px}.room-controls input{width:85px;accent-color:#c8ab72}.room-progress{grid-column:1/-1;display:flex;align-items:center;gap:12px;font:10px monospace;color:#c4b48e}.room-progress input{width:100%;accent-color:#b69c66}.at-deck .room-camera{transform:scale(1.65) translate(-1%,-2%)}.at-deck .room-shelf{pointer-events:none}.room-empty{position:absolute;top:32%;left:9%;width:25%;padding:25px;background:#1c1c14cc;border:1px solid #9a8559;z-index:3}.room-empty[hidden],.room-sleeve-open[hidden]{display:none}.room-empty h3{font:24px Georgia}.room-empty p{font-size:13px;line-height:1.7}.room-sleeve-open{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(720px,85%);padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:26px;background:linear-gradient(130deg,#7d6745,#3e3426);box-shadow:0 25px 90px #000c;border:1px solid #b09a71;z-index:6}.room-sleeve-open img{width:100%;aspect-ratio:1;object-fit:cover}.room-sleeve-open span{font-size:9px;letter-spacing:2px}.room-sleeve-open h3{font:28px Georgia;margin:14px 0}.room-sleeve-open p{font:13px Georgia;line-height:1.7;white-space:pre-wrap;max-height:130px;overflow:auto}.room-sleeve-open button{margin:6px 6px 0 0}.room-flying-sleeve{position:absolute;width:200px;height:200px;object-fit:cover;left:35%;top:35%;z-index:7;box-shadow:8px 10px 20px #0008;animation:room-transfer 1.05s cubic-bezier(.4,0,.2,1) forwards}@keyframes room-transfer{0%{transform:translate(-70px,-20px) rotate(-8deg);opacity:1}70%{transform:translate(115px,55px) rotate(12deg) scale(.7);opacity:1}100%{transform:translate(115px,60px) rotate(12deg) scale(.55);opacity:0}}@keyframes room-air{to{transform:translate(10px,-15px);opacity:.4}}body.playing #cinematic-room.at-deck .room-topbar:not(:hover):not(:focus-within),body.playing #cinematic-room.at-deck .room-listening-bar:not(:hover):not(:focus-within){opacity:.25}.room-topbar{transition:opacity 1s}.room-deck>.tape-face,.room-deck>.cd-player,.room-deck>.music-centre,.room-deck>.jukebox-machine{transform:scale(.58);transform-origin:top left;width:170%;max-height:350px;overflow:hidden}.room-deck .cd-controls,.room-deck .tape-keys,.room-deck .centre-buttons,.room-deck .juke-controls{display:none!important}.room-deck .jukebox-machine{max-height:420px} @media(max-width:700px){.room-topbar{padding:18px;align-items:flex-start}.room-topbar h2{font-size:19px}.room-topbar span{font-size:7px;letter-spacing:2px}.room-view-buttons{justify-content:flex-end;max-width:180px}#cinematic-room button:not(.room-shelf-album){padding:8px 10px;font-size:10px}.room-listening-bar{padding:16px;grid-template-columns:1fr}.room-controls{flex-wrap:wrap}.room-listening-bar strong{font-size:18px}.room-sleeve-open{padding:16px;gap:14px}.room-sleeve-open h3{font-size:20px}.room-sleeve-open p{font-size:11px}.room-empty{top:28%;left:6%;width:45%;padding:18px}.room-neutral-cover{font-size:34px}.room-system{left:19%;width:65%;top:45%}.room-shelf{left:7%;top:29%;width:40%;height:13%}.at-deck .room-camera{transform:scale(1.35)}.room-rack .amplifier{padding:7px}.room-rack .amp-name{display:none}.room-rack .meters{gap:10px}.room-rack .vu-gauge{height:30px}.room-rack .vu-needle{height:23px}.room-rack .vu-scale{display:none}.room-flying-sleeve{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){.room-camera,.room-shelf-album,.room-topbar,.room-listening-bar{transition:none}.room-dust,.room-flying-sleeve{animation:none}}

body[data-source=cassette]:not([data-cassette-dual=true]) .room-deck [data-room-ref=cassette-bay-b]{display:none}body[data-cassette-active=A].playing .room-deck [data-room-ref=cassette-bay-a] .cassette-spools i,body[data-cassette-active=B].playing .room-deck [data-room-ref=cassette-bay-b] .cassette-spools i{animation-play-state:running}