.immersive{position:fixed;inset:0 0 82px;z-index:30;background:radial-gradient(circle at 30% 25%,#4d146d55,transparent 35%),#08080deF;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);padding:clamp(24px,5vw,80px);gap:50px}.immersive-main{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;text-align:center}.vinyl{width:min(52vw,560px);aspect-ratio:1;border-radius:50%;padding:10%;background:repeating-radial-gradient(circle,#111 0 4%,#25252d 4.3% 4.7%,#111 5% 8%);box-shadow:0 0 60px #a500ff55}.vinyl img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:8px solid #111}.vinyl.spinning{animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.immersive h2{margin:25px 0 5px;font-size:30px}.immersive p{color:#aaa}.immersive button{border:0;border-radius:50%;width:48px;height:48px;background:#292932;color:#fff;font-size:18px}.immersive-controls{display:flex;gap:12px;margin-top:18px}.immersive-controls #immersive-play{width:58px;height:58px;background:#ff4656}.immersive-close{position:absolute;right:25px;top:25px;background:#ffffff18!important}.up-next{border-left:1px solid #ffffff18;padding-left:28px;overflow:auto}.queue-item{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #ffffff12;cursor:pointer;text-align:left}.queue-item img,.queue-item .fallback{width:46px;height:46px;border-radius:7px;object-fit:cover}.queue-item b,.queue-item small{display:block}.queue-item small{color:#999;font-size:12px}@media(max-width:700px){.immersive{inset:0 0 70px;grid-template-columns:1fr;padding:55px 20px 25px;gap:20px}.vinyl{width:min(78vw,380px)}.up-next{border-left:0;border-top:1px solid #ffffff18;padding:15px 0;max-height:25vh}.immersive h2{font-size:23px}}