/* Deep Magic Dance · compact neon deck v1.5 */
body{background:#080b16;background-image:radial-gradient(ellipse at 90% 10%,#b71b7820,transparent 45%),radial-gradient(ellipse at 4% 30%,#2547ac24,transparent 46%);--text:#f1f3ff;--muted:#a8a9c0}
.brand,.site-footer img{filter:drop-shadow(0 0 12px #9964ff25)}
.hero{grid-template-columns:minmax(0,1fr) 470px;gap:54px;padding-block:38px 44px;max-width:1140px;align-items:center}
.hero h1 em{background-image:linear-gradient(100deg,#5bdbff,#a58aff 55%,#f082d7)}
.primary{background:linear-gradient(110deg,#72dcff,#b39bff 55%,#ec99de);color:#17142c;box-shadow:0 4px 24px #9672f426}
.primary:hover{background:linear-gradient(110deg,#9ce8ff,#c5b4ff 55%,#f5b1e9)}
.neon-stage{width:470px;max-width:100%;padding:0;margin:auto}
.neon-stage:before{inset:-20px;background:radial-gradient(circle at 10% 20%,#00d4ff18,transparent 55%),radial-gradient(circle at 90% 85%,#b453ec20,transparent 55%);filter:blur(24px)}
.neon-stage:after{display:none}
.winamp-deck.stage-card{padding:0;border-radius:15px;background:linear-gradient(145deg,#122034f5,#101527fa) padding-box,linear-gradient(135deg,#34d9ffc0,#867efc65 60%,#d375e7a0) border-box;box-shadow:0 0 24px #13bdff12,0 18px 44px #0006;overflow:hidden}
.winamp-deck.stage-card:before,.winamp-deck.stage-card:after{display:none}
.deck-caption{display:flex;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #65caff20;font:600 9px/1.4 Arial,sans-serif;letter-spacing:1.8px;color:#bdeaff}
.deck-live{color:#909cb8;font-size:8px;letter-spacing:1px}
.deck-now{padding:15px 17px 14px}.deck-label-slot .eyebrow{font-size:8px;letter-spacing:1.5px;color:#82d9ef;margin:0 0 11px}
.deck-current{display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center}
.deck-cover-slot{width:92px;min-width:0}.winamp-deck .stage-art{width:92px;height:92px;aspect-ratio:1;border:1px solid #58d7ff65;border-radius:8px;overflow:hidden;background:#090e1c;box-shadow:0 0 16px #507cfd14}
.winamp-deck .stage-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;padding:0;margin:0;background:transparent}.winamp-deck .stage-placeholder{height:100%;background:#151c32}.winamp-deck .artwork-number{font-size:26px}.winamp-deck .stage-placeholder img{height:22px;width:70px}
.deck-info{min-width:0}.deck-album-slot p{font:11px/1.45 Arial,sans-serif;color:#acb6ce;margin:0 0 3px;overflow-wrap:anywhere}
.deck-title-slot h2{font-size:19px;line-height:1.25;letter-spacing:-.3px;margin:0;color:#eafaff;overflow-wrap:anywhere}
#music-spectrum{display:block;width:100%;height:37px;margin-top:7px}
#meter-status{display:block;color:#7d97b7;font-size:8px;letter-spacing:.8px;margin-top:4px}
.deck-progress{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:9px;align-items:center;margin:14px 0 13px}
.deck-progress time{font:10px/1 monospace;color:#acc4e1}.deck-duration-slot{text-align:right}
.winamp-deck input[type=range]{accent-color:#69dfff;cursor:pointer;height:5px;padding:0;min-height:0;border:0;box-shadow:none;background:transparent;width:100%;margin:0}
.deck-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center}
.deck-modes,.deck-transport{display:flex;gap:8px;align-items:center}.deck-transport{gap:13px}.deck-volume{width:70px;margin-left:auto;position:relative;padding-left:16px}.deck-volume:before{content:'◖';color:#90cbed;position:absolute;left:0;top:-3px;font-size:14px}
.winamp-deck .stage-tool,.winamp-deck .stage-skip{display:grid;place-items:center;width:27px;height:27px;border:0;background:transparent;color:#91c5e8;padding:0;font-size:15px;border-radius:6px}
.winamp-deck .stage-tool[aria-pressed=true]{background:#7e71ef24;color:#c7acff}
.winamp-deck .stage-play{width:43px;height:43px;border:1px solid #54dbff;background:linear-gradient(145deg,#0e88b733,#6b55c430);color:#e6faff;box-shadow:0 0 14px #14c6ff25;font-size:18px}
.winamp-deck .stage-play:hover{background:#35bfff30;box-shadow:0 0 19px #44d5ff45}
.winamp-deck button:focus-visible,.winamp-deck summary:focus-visible,.winamp-deck input:focus-visible,.winamp-deck select:focus-visible{outline:2px solid #8ce9ff;outline-offset:3px}
.winamp-deck .stage-skip:not(:disabled){color:#bfeaff}.winamp-deck .stage-skip:disabled{opacity:.3}.winamp-deck select{font:10px Arial,sans-serif;color:#c9dcf1;background:#101b30;border:1px solid #618eb54d;border-radius:5px;padding:4px 8px;color-scheme:dark}
.deck-tabs{display:flex;gap:8px;align-items:center;padding:10px 17px;border-bottom:1px solid #63b6e41a}
.deck-tabs>button{font:600 11px/1.5 Arial,sans-serif;color:#92cfe5;border:1px solid #6ed6ff30;background:#36d5ff09;border-radius:5px;padding:5px 9px}.deck-tabs>button[aria-expanded=true]{color:#c2f3ff;border-color:#6ed6ff60}
.deck-tabs>button:hover{background:#47c8ff15}.deck-tools{display:flex;gap:9px;margin-left:auto}.winamp-deck .deck-tools button{color:#97a9c5;font-size:9px;width:auto;height:auto;border:0;background:transparent;padding:3px}
#deck-list{max-height:155px;overflow-y:auto;padding:4px 7px 7px;scrollbar-width:thin;scrollbar-color:#6386b3 #121b2d}
.deck-track{display:grid;grid-template-columns:26px minmax(0,1fr) 13px;align-items:center;gap:8px;width:100%;text-align:left;border-radius:5px;padding:9px 10px;border:1px solid transparent;border-bottom-color:#8ba6d00d;color:#cdd8ed;font-size:11px;line-height:1.4;background:transparent}
.deck-track>span:first-child{font:10px monospace;color:#80a9cd}.deck-track>span:nth-child(2){overflow-wrap:anywhere}.deck-track.active{background:linear-gradient(110deg,#13c6ef1b,#7863d014);border-color:#48caff28;color:#7de7ff;box-shadow:inset 2px 0 #42deff}.deck-track:hover{background:#72b0ed0d}.track-current{color:#c49df6}.deck-empty{font-size:11px;color:#91a4c1;padding:8px 10px}
.deck-tracklist-dialog{width:min(620px,92vw);max-height:85dvh;padding:30px 24px 22px;border:1px solid #69ccef75;background:linear-gradient(145deg,#152235,#18142c);border-radius:15px;box-shadow:0 0 25px #62a2ff20,0 30px 80px #0008}
.deck-tracklist-dialog h2{font-size:20px;line-height:1.4;padding-right:15px;color:#b5eaff}.deck-tracklist-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 Arial,sans-serif;color:#c6cde0;margin-bottom:0}
[hidden]{display:none!important}
@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1fr) 440px;gap:30px}.hero h1{font-size:54px}.neon-stage{width:440px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:28px;max-width:640px}.hero h1{font-size:58px}.neon-stage{width:470px}}
@media(max-width:600px){.hero h1{font-size:46px}.neon-stage{width:100%;max-width:420px}.deck-now{padding:13px}.deck-caption{padding:11px 13px;letter-spacing:1px}.deck-live{font-size:7px}.deck-current{grid-template-columns:76px minmax(0,1fr);gap:12px}.deck-cover-slot,.winamp-deck .stage-art{width:76px;height:76px}.deck-title-slot h2{font-size:16px}.deck-album-slot p{font-size:10px}#music-spectrum{height:28px}.deck-controls{gap:5px}.deck-transport{gap:8px}.deck-modes{gap:2px}.deck-volume{width:53px}.deck-tabs{padding-inline:13px;gap:5px}.deck-tools{gap:5px}.deck-tracklist-dialog{padding:27px 18px 20px}}
/* Keep inherited text line boxes from enlarging the audio controls. */
.deck-label-slot,.deck-seek-slot,.deck-elapsed-slot,.deck-duration-slot{line-height:0}
.deck-progress{margin:11px 0;min-height:10px;line-height:0}
.deck-caption{padding-block:10px}
.deck-tabs{padding-block:8px}.deck-track{padding-block:7px}
.winamp-deck.stage-card{border-color:transparent;box-shadow:0 0 18px #26cfff22,0 18px 44px #0006}
/* Separate neon modules and the reference-inspired DEEP wordmark · v1.5.1 */
.winamp-deck.stage-card{display:grid;gap:8px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;backdrop-filter:none}
.deck-logo{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:0 12px 7px}
.deck-logo img{display:block;width:210px;max-width:62%;height:auto;filter:none}
.deck-logo:before,.deck-logo:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#23dfff);box-shadow:0 0 6px #1aceff55}
.deck-logo:after{background:linear-gradient(90deg,#9377ff,transparent)}
.deck-now,.deck-library{border:1px solid transparent;border-radius:12px;background:linear-gradient(145deg,#091626f7,#080d1dfa) padding-box,linear-gradient(125deg,#26defff0,#459fffbd 75%,#ae74fbb0) border-box;box-shadow:0 0 12px #13bfff16,inset 0 0 18px #5087c406;overflow:hidden}
.deck-now{padding-top:0}.deck-label-slot{margin-inline:-17px;padding:12px 17px 10px;border-bottom:1px solid #53caff2d;margin-bottom:13px;background:linear-gradient(100deg,#23365235,#5665a60a)}
.deck-label-slot .eyebrow{color:#d4eaff;font-size:10px;font-weight:600;letter-spacing:2.3px;margin:0;line-height:1.4}
.has-track .deck-album-slot p{font-size:17px;font-weight:600;line-height:1.3;color:#f2f5ff;margin-bottom:4px}
.has-track .deck-title-slot h2{font-size:17px;color:#27dfff;letter-spacing:0}
.deck-title-slot h2{color:#eff5ff}
.deck-tabs{background:linear-gradient(100deg,#23365235,#5665a60a);border-bottom:1px solid #53caff2d}
.deck-tabs>button:first-child{border:0;background:transparent;letter-spacing:1.4px;text-transform:uppercase;color:#d4eaff;padding-left:0}
.deck-track.active{background:linear-gradient(100deg,#00cfff1f,#795fe014);box-shadow:inset 2px 0 #21deff;color:#36e5ff}
.winamp-deck .stage-play{box-shadow:0 0 12px #14c6ff40;border-color:#29ddff;background:#0a2840}
@media(max-width:600px){.deck-logo img{width:190px}.deck-label-slot{margin-inline:-13px;padding-inline:13px}.has-track .deck-album-slot p{font-size:13px}.has-track .deck-title-slot h2{font-size:16px}}
/* Consistent module headings */
.deck-label-slot .eyebrow,.deck-tabs>button:first-child{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:#d4eaff}

/* Aligned controls and real speaker icon · v1.5.4 */
.deck-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.deck-modes,.deck-transport{align-items:center;margin:0;line-height:0}
.deck-transport{justify-content:center}.winamp-deck .stage-play,.winamp-deck .stage-skip,.winamp-deck .stage-tool{line-height:1;margin:0}
.deck-volume{display:flex;align-items:center;justify-content:flex-end;gap:7px;width:92px;max-width:100%;padding:0;margin-left:auto;line-height:0}
.deck-volume:before{content:none}.deck-speaker{display:flex;align-items:center;flex:0 0 16px;color:#8ddafa}.deck-speaker svg{display:block;width:16px;height:16px}
.winamp-deck .deck-volume input{flex:1;width:0;min-width:0}
.winamp-deck .deck-progress input,.winamp-deck .deck-volume input{appearance:none;-webkit-appearance:none;display:block;height:3px;border:0;border-radius:3px;background:#49627e;margin:0;padding:0;vertical-align:middle}
.winamp-deck .deck-progress input::-webkit-slider-runnable-track,.winamp-deck .deck-volume input::-webkit-slider-runnable-track{height:3px;border:0;border-radius:3px;background:#49627e}
.winamp-deck .deck-progress input::-webkit-slider-thumb,.winamp-deck .deck-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;border:0;background:#62e0ff;margin-top:-4.5px;box-shadow:0 0 8px #25d4ff40}
.winamp-deck .deck-progress input::-moz-range-track,.winamp-deck .deck-volume input::-moz-range-track{height:3px;border:0;border-radius:3px;background:#49627e}
.winamp-deck .deck-progress input::-moz-range-thumb,.winamp-deck .deck-volume input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:0;background:#62e0ff;box-shadow:0 0 8px #25d4ff40}
.winamp-deck .deck-progress input::-moz-range-progress,.winamp-deck .deck-volume input::-moz-range-progress{height:3px;background:#58cbe5;border-radius:3px}
.deck-progress>div{display:flex;align-items:center;min-height:12px}.deck-progress .deck-duration-slot{justify-content:flex-end}
@media(max-width:600px){.deck-volume{width:66px;gap:5px}.deck-speaker,.deck-speaker svg{width:14px;height:14px}.deck-speaker{flex-basis:14px}}

.winamp-deck .stage-play{display:grid;place-items:center;padding:0;line-height:0}
.winamp-deck .stage-play svg{display:block;width:20px;height:20px;margin:0;transform:none;pointer-events:none}

/* Official DEEP logo and account action in the player · v1.5.6 */
.deck-logo .deck-mark{display:flex;flex-direction:column;align-items:center;width:170px;max-width:58%;flex-shrink:0}
.deck-logo .deck-mark img{display:block;width:100%;max-width:none;height:auto;filter:none}
.deck-mark>span{display:block;margin-top:7px;font:600 9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:3.7px;color:#b6c8f0;text-align:center;white-space:nowrap}
.deck-label-slot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.winamp-deck #account-button{display:block;flex-shrink:0;min-height:0;padding:3px 7px;border:1px solid #62c8f13a;border-radius:5px;background:#23bbff08;color:#a6ddf3;font:600 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;box-shadow:none}
.winamp-deck #account-button:hover{color:#d7f6ff;background:#46caff17;border-color:#76d3f568}
@media(max-width:600px){.deck-logo .deck-mark{width:155px}.deck-mark>span{font-size:8px;letter-spacing:3px}}

/* Smooth ambient colour and focused collection action · v1.5.7 */
body{background-color:#080c18;background-image:radial-gradient(ellipse at 83% 18%,rgba(87,59,143,.14) 0%,rgba(66,41,115,.08) 34%,rgba(35,25,66,.03) 57%,transparent 78%),radial-gradient(ellipse at 28% 65%,rgba(17,96,147,.10) 0%,rgba(14,57,96,.05) 40%,transparent 76%);background-attachment:fixed}
body:before{background:none}
.neon-stage:before{display:none}
.deck-now,.deck-library{background:linear-gradient(145deg,#0c1929,#0a1223 65%,#0c1122) padding-box,linear-gradient(120deg,#26defff0,#459fffbd 60%,#ae74fbd0) border-box}
.hero-copy>a.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:47px;padding:9px 11px 9px 20px;border:1px solid transparent;border-radius:12px;background:linear-gradient(120deg,#122034,#181a31) padding-box,linear-gradient(110deg,#6bd9fca6,#aa90eca6,#d88edaa6) border-box;color:#e3f0ff;font:600 12px/1.4 Arial,Helvetica,sans-serif;box-shadow:0 5px 18px #0002;transition:border-color .18s,box-shadow .18s,transform .18s}
.hero-copy>a.primary:hover{background:linear-gradient(120deg,#162b40,#211f3b) padding-box,linear-gradient(110deg,#83e7ff,#bd9fff,#e5a1e7) border-box;box-shadow:0 5px 21px #5b85ff16;transform:translateY(-1px)}
.hero-copy>a.primary .discover-arrow{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;margin:0;border:1px solid #75dfff32;border-radius:8px;background:#63bfff0c;color:#95dfff;font-size:0}
.discover-arrow svg{display:block;width:16px;height:16px}
@media(prefers-reduced-motion:reduce){.hero-copy>a.primary{transition:none}.hero-copy>a.primary:hover{transform:none}}

/* v1.8.0: consistent vector controls across mobile browsers. */
.transport-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle}
.deck-transport #previous .transport-icon,.deck-transport #next .transport-icon{width:24px;height:24px}
.album-play{display:inline-flex;align-items:center;justify-content:center}
.detail-actions [data-play-album]{display:inline-flex;align-items:center;justify-content:center;gap:8px}

/* v1.8.2: more room for the playlist after removing the equalizer. */
#deck-list{min-height:220px;max-height:320px;padding:7px 8px 10px}
.deck-track{padding-block:10px;font-size:12px;min-height:40px}
@media(max-width:600px){#deck-list{min-height:200px;max-height:300px}.deck-track{padding-block:10px}}