.player-queue{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;align-items:start}
.player-queue .player{min-width:0;padding:12px;gap:10px}
.player-queue .player .record{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.player-queue .player .record>img{width:min(100%,240px);height:auto;aspect-ratio:1;align-self:center}
.player-queue .track h2{font-size:25px}.player-queue .track>p{font-size:12px}
.player-queue .rotation{margin:0;min-width:0;padding:12px;overflow:hidden}
.player-queue .rotation h2{font-size:16px;letter-spacing:.07em}
.queue-scroll-hint{font-size:10px;color:var(--accent);margin:5px 0}
.player-queue .rotation .page-note{font-size:10px;line-height:1.4;margin:6px 0}
.player-queue .rotationgrid{display:flex;flex-direction:column;gap:8px;max-height:405px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;padding-right:5px;margin-top:10px}
.player-queue .rotationgrid:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.player-queue .rotationcard{min-width:0;flex-shrink:0;padding:8px;gap:8px;align-items:center}
.player-queue .rotationcard img{width:54px;height:54px;flex-shrink:0}
.player-queue .rotationcard>div{min-width:0}.player-queue .rotationcard h3{font-size:18px;overflow-wrap:anywhere}.player-queue .rotationcard p{font-size:11px;overflow-wrap:anywhere}
.player-queue .sound-drawer .presets{grid-template-columns:1fr 1fr}
@media(max-width:600px){.player-queue{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:7px}.player-queue .player,.player-queue .rotation{padding:9px}.player-queue .track h2{font-size:22px}.player-queue .rotationcard{flex-direction:column;align-items:flex-start}.player-queue .rotationcard img{width:65px;height:65px}.player-queue .rotationgrid{max-height:410px}.player-queue .song-feedback{gap:4px}.player-queue .song-feedback button{min-width:40px}.player-queue .volume{gap:4px}.player-queue .volume input{width:100%;flex-basis:100%}}
@media(max-width:380px){.player-queue{grid-template-columns:minmax(0,1fr)}.player-queue .rotationgrid{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;scroll-snap-type:x proximity;padding-bottom:8px}.player-queue .rotationcard{flex:0 0 150px;scroll-snap-align:start}.player-queue .rotationcard img{width:64px;height:64px}.queue-scroll-hint{font-size:0}.queue-scroll-hint::after{content:'Swipe for more →';font-size:10px}}