.musicDock{--md-left:clamp(12px, 1.6vw, 28px);--md-w:clamp(200px, 19vw, 320px);left:var(--md-left);z-index:25;align-items:center;transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:clamp(12px,2vh,26px)}.musicDock.isHidden{transform:translateX(calc(-1 * (var(--md-w) + var(--md-left))))}.musicDock.isGame{--md-w:clamp(170px, 15vw, 240px)}.musicDeck{width:var(--md-w);aspect-ratio:2.0952;filter:drop-shadow(0 10px 26px #0009);opacity:.93;touch-action:none;transition:opacity .25s,transform .25s;position:relative;container-type:inline-size}.musicDeck:hover{opacity:1;transform:translateY(-2px)}.musicDock.isGame .musicDeck{opacity:.78}.mdFace{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mdKnob{transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 2px 5px #00000080);width:12.4%;position:absolute;top:54.3%;left:13.2%}.mdHit{appearance:none;cursor:pointer;color:#0000;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute}.mdHit:focus-visible{outline-offset:2px;outline:2px solid #ffd68cd9}.mdKnobHit{cursor:ns-resize;border-radius:50%;width:12.4%;height:26%;top:41.9%;left:7%}.mdKey{border-radius:4px;height:19.2%;transition:transform 90ms,filter .14s;top:44.6%}.mdKey:hover{filter:brightness(1.16)saturate(1.05)}.mdKeyPrev{width:10.9%;left:27.1%}.mdKeyPlay{width:11.3%;left:41.7%}.mdKeyStop{width:11.2%;left:56.6%}.mdKeyNext{width:11.1%;left:71%}.mdKey[aria-pressed=true],.mdKey[data-tap="1"],.mdKey:active{filter:brightness(.82)saturate(.92);transform:translateY(3px)scale(.985)}.mdLamp{aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffd27ef2,#ff8c2866 50%,#0000 68%);border-radius:50%;width:3.6%;transition:opacity .4s;position:absolute;top:55.2%;left:88.6%;transform:translate(-50%,-50%)}.mdLamp.isLit{opacity:1;animation:3.2s ease-in-out infinite mdPulse;box-shadow:0 0 12px 4px #ffa84273}@keyframes mdPulse{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.mdGlass{pointer-events:none;text-shadow:0 0 8px #ffa846d9;justify-content:center;align-items:center;width:81.4%;height:18.9%;padding:0 2.5%;display:flex;position:absolute;top:15.5%;left:9.9%;overflow:hidden}.mdTitle{font-family:var(--font-display), Georgia, serif;letter-spacing:.02em;color:#ffd79a;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:max(9px,3.6cqw);line-height:1.05;overflow:hidden}.mdSlider{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 3px 6px #0009);height:22%;transition:left .9s linear;position:absolute;top:70.5%;transform:translate(-50%)}.musicDeck.isSeeking .mdSlider{transition:none}.mdSeekHit{cursor:ew-resize;width:84%;height:26%;top:68%;left:8%}.mdOffVeil{pointer-events:none;background:#08060c73;position:absolute;inset:0}.mdTab{appearance:none;height:calc(var(--md-w) / 2.0952 * .62);cursor:pointer;filter:drop-shadow(0 6px 14px #0000008c);opacity:.9;background:0 0;border:0;border-radius:0;margin:0 0 0 -1px;padding:0;transition:opacity .2s,transform .12s}.mdTab:hover{opacity:1;transform:translate(1px)}.mdTab:active{transform:translate(2px)}.mdTab:focus-visible{outline-offset:2px;outline:2px solid #ffd68cd9}.mdTab img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:100%;display:block}.musicDock.isHidden .mdTab img{transform:scaleX(-1)}@media (max-width:900px){.musicDock{--md-w:190px;--md-left:8px;bottom:8px}}