.players-wrap,.players-wrap *{box-sizing:border-box}
.players-wrap{width:min(1500px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.player-card{min-width:0;width:100%;max-width:750px;margin:0 auto;background:linear-gradient(#102D4A,#081B30);border:1px solid #24415E;border-radius:8px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.player-banner{text-align:center;margin:2px 0 10px}
.banner-title{font-weight:700;letter-spacing:2px;font-size:14px}
.media-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:480px;margin:auto;overflow:hidden;background:#001A39;border:1px solid #294761}
.video-stage video{display:none;width:100%;height:100%;object-fit:contain;background:#001A39;cursor:pointer}
.video-stage.video-playing video{display:block}
.artwork-button{display:block;width:100%;height:100%;padding:0;border:0;background:#001A39;cursor:pointer}
.artwork-button img{display:block;width:100%;height:100%;object-fit:cover}
.video-stage.video-playing .artwork-button{display:none}
.audio-stage audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.controls{display:grid;grid-template-columns:50px 50px 50px 50px 1fr;justify-content:center;gap:8px;margin:10px 0 8px}
.control-btn,.download-btn{height:38px;border:1px solid #34536F;border-radius:5px;background:linear-gradient(#294A68,#102D49);color:#EAF3FA;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.download-btn{padding:0 12px;font-weight:600;font-size:13px}
.control-btn:hover,.download-btn:hover{background:linear-gradient(#3A6282,#173A57)}
.timeline-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;font-size:12px;color:#AFC4D5}
.timeline-row input{width:100%}
.now-playing{margin:8px 0 6px;min-height:24px;text-align:center;font-size:16px;font-weight:600}
.now-title{color:#D6E5F0;margin-top:0}
.playlist{height:177px;overflow-y:auto;border:1px solid #1E3A54;background:#06182B;scrollbar-width:thin}
.playlist:focus{outline:1px solid #66849D;outline-offset:-1px}
.playlist-item{width:100%;min-height:25px;padding:3px 8px;border:0;border-bottom:1px solid #173049;background:#0D263F;color:#A8BED0;text-align:left;cursor:pointer;font-size:20px;line-height:1.15}
.playlist-item:hover{background:#183B59}
.playlist-item.active{background:#214968;color:#A8BED0;font-weight:700;box-shadow:inset 3px 0 0 #9FC6E3}
@media(max-width:750px){.players-wrap{grid-template-columns:1fr}}
@media(max-width:600px){.players-wrap{padding:10px}.player-card{padding:9px}.playlist{height:177px}.playlist-item{min-height:25px;padding:3px 8px;font-size:17px;line-height:1.15}.now-playing{font-size:16px}.controls{grid-template-columns:repeat(4,1fr)}.download-btn{grid-column:1/-1}}