/* A quiet car reveal; the console only appears after entry. */
body:not(.riding){height:100svh;overflow:hidden;background:#09080c}body:not(.riding) .room{opacity:.25}body:not(.riding) .architecture,body:not(.riding) .ceiling-light,body:not(.riding) .floor-lines{display:none}body:not(.riding) .hardware-deck{display:none}body:not(.riding) .listening-room{position:fixed;inset:0}body:not(.riding) #stage{position:absolute;inset:0;width:100%;height:100svh;max-height:none;min-height:0;margin:0;cursor:pointer;touch-action:pan-y}body:not(.riding) #poster{inset:10% 8%;width:84%;height:80%}body:not(.riding) .pearl-aura{inset:10% 8%;width:84%;height:80%}#stage:focus-visible{outline:2px solid #d3b17f;outline-offset:-20px}body.riding #stage{pointer-events:none}#entry-flash{position:fixed;inset:0;background:#fff5dc;pointer-events:none;opacity:0;z-index:30}.entering #entry-flash{animation:entry-flash .6s ease-out}@keyframes entry-flash{0%{opacity:.8}35%{opacity:.32}100%{opacity:0}}
/* Flush console housing: wood, chrome hardware, and an inset digital glass face. */
body.riding .hardware-deck{left:52%;right:auto;bottom:0;width:clamp(360px,36vw,520px);max-width:520px;transform:translateX(-50%);filter:none;background:linear-gradient(90deg,#21140e,#4a2b19 8%,#28170f 50%,#4a2b19 92%,#21140e);border:2px solid #24150c;border-radius:7px 7px 0 0;padding:8px 8px 0;box-shadow:inset 0 1px 3px #d3a97566,inset 3px 0 5px #000b,inset -3px 0 5px #000b}.hardware{border-radius:4px;filter:none;overflow:hidden}.digital-glass{position:absolute;left:22%;top:19%;width:56%;height:57%;border:2px solid #837a64;border-radius:4px;background:linear-gradient(135deg,#141d1c,#030a0b 60%,#132021);box-shadow:inset 0 0 13px #000,0 1px 2px #000;overflow:hidden}.digital-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#e3f9e30a,transparent 45%,#e3f9e305);pointer-events:none}.digital-glass>span{position:absolute;left:8%;top:11%;font-size:clamp(5px,.55vw,8px);color:#ceb78d;letter-spacing:.1em}.digital-glass i{position:absolute;left:8%;right:8%;bottom:12%;height:2px;background:#29443f;box-shadow:0 0 8px #65a88f55}.playing .digital-glass i{background:#a9c5a5}.cartridge-label{left:26%;top:33%;width:48%;height:30%;color:#e8f2da}.riding .cartridge-label>span{color:#b3cbb9;font-size:6px}.riding .cartridge-label h2{color:#eff6e0;font-family:Arial,sans-serif;font-weight:600;text-shadow:0 0 5px #8db59833}.riding .cartridge-label #features{color:#bdc8b7}.hardware-deck .deck-assist{margin:0!important;padding:7px 3px!important;border-radius:0;background:linear-gradient(#1b1b19,#0c0d0c)!important;border-top:1px solid #766c57}.deck-assist button{min-height:44px;font-size:11px;background:linear-gradient(#48453c,#24251f);border:1px solid #a69a7e;border-radius:3px;color:#fff2d4;box-shadow:inset 0 1px #ffffff16}.hardware-deck .timeline{background:#0b1110!important;border-top:1px solid #4a5143;color:#d4ddc7}.hardware .preset{font-size:6px}.mobile-record{display:none!important}.riding .hardware-deck #message{font-size:11px;margin:0;padding:5px;background:#0a0f0d}.riding .hardware-deck #message:empty{display:none}@media(max-width:700px){body.riding .hardware-deck{width:92%;left:50%;right:auto;bottom:0;max-width:460px;padding:5px 5px 0}.riding .cartridge-label>span{display:block;font-size:5px}.riding .cartridge-label h2{margin:1px 0}.riding .deck-assist button{min-height:44px;font-size:10px}.digital-glass>span{font-size:5px}.hardware .preset{font-size:5px}body:not(.riding) #poster,body:not(.riding) .pearl-aura{inset:8% 1%;width:98%;height:84%}}@media(prefers-reduced-motion:reduce){.entering #entry-flash{animation:none}}
.brand-seal{display:block;width:140px;height:140px;object-fit:contain;float:right;margin:0 0 20px 20px;filter:drop-shadow(0 5px 8px #0008)}.digital-glass .dash-seal{position:absolute;top:6%;right:5%;width:14%;height:auto;max-height:32%;object-fit:contain}.album-art-link{display:block;width:min(280px,100%);margin:22px 0}.album-art{display:block;width:100%;height:auto;box-shadow:0 12px 25px #0005}@media(max-width:700px){.brand-seal{width:100px;height:100px;margin-left:10px}}
