/* Controls sit on the current artwork, with no extra floating navigation. */
html[data-theme] #full>.player-picture-controls{position:absolute;display:flex;gap:6px;z-index:4;width:max-content;padding:5px;border-radius:15px;background:#141414c9;box-shadow:0 4px 18px #0003;backdrop-filter:blur(10px)}
html[data-theme] #full>.player-picture-controls[hidden]{display:none!important}
.player-picture-controls button{width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px;border:1px solid #ffffff35;border-radius:11px;background:#ffffff0d;color:#fff;cursor:pointer}
.player-picture-controls button:hover{background:#ffffff28}.player-picture-controls svg{width:24px;height:24px;flex-shrink:0}.player-picture-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
body:has(#full.ritm-player-expanded)>#ritm-desktop-nav{display:none!important}
@media(min-width:1100px){html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded{left:0;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);padding-inline:clamp(28px,5vw,100px);column-gap:clamp(30px,5vw,90px)}html[data-theme] #full.ritm-player-expanded>.art{max-width:760px}html[data-theme] #full.ritm-player-expanded>.meta,html[data-theme] #full.ritm-player-expanded>.act{max-width:760px}}
@media(max-width:600px){.player-picture-controls button{width:40px;height:40px;min-height:40px;padding:8px}html[data-theme] #full.ritm-player-expanded>.art{width:min(100%,max(230px,calc(100dvh - 440px)))}}
@media(prefers-reduced-transparency:reduce){html[data-theme] #full>.player-picture-controls{background:#141414;backdrop-filter:none}}

/* 098: a square artwork frame and a two-arrow control at its lower right. */
html[data-theme] #full.ritm-player-pro>.art{height:auto;aspect-ratio:1;object-fit:contain;max-height:none;box-sizing:border-box}
html[data-theme] #full .player-header-minimize{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--card);color:var(--tx);cursor:pointer}
.player-header-minimize svg{width:24px;height:24px}
html[data-theme] #full>.player-picture-controls{border-radius:9px;padding:0;background:#141414bf}
.player-picture-controls button{border:0;border-radius:9px}
@media(min-width:1100px){html[data-theme] #full.ritm-player-pro.open>.art{width:min(100%,520px,max(180px,calc(100dvh - 440px)))}html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded>.art{width:min(100%,760px,max(180px,calc(100dvh - 440px)))}}

/* 101: let artwork determine its grid row; preserve a clear gap before the title. */
html[data-theme] #full.ritm-player-pro>.meta{margin-top:20px}
@media(min-width:1100px){html[data-theme] #full.ritm-player-pro.open{grid-template-rows:58px max-content max-content max-content 38px 84px;row-gap:18px;align-content:start}html[data-theme] #full.ritm-player-pro.open>.art{align-self:start;min-height:auto;margin:0}html[data-theme] #full.ritm-player-pro.open>.meta{margin:6px 0 0;align-self:start}html[data-theme] #full.ritm-player-pro.open>.act{margin:0}}

/* 102: fullscreen is an artwork stage, independent from the normal listening layout. */
html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded{position:fixed!important;inset:0!important;left:0!important;display:block!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0;border-radius:0;background:#000;z-index:60;translate:none!important;transform:none!important;animation:none!important;transition:none!important;isolation:isolate}
html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded>:not(.art):not(.ctl):not(.player-picture-controls){display:none!important}
html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded>.art{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0;min-height:0!important;margin:0!important;aspect-ratio:auto!important;object-fit:contain;object-position:center;transform:none!important;border:0!important;border-radius:0!important;background:#000;box-shadow:none}
html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded>.player-picture-controls{position:absolute;left:auto!important;top:calc(14px + env(safe-area-inset-top,0px))!important;right:calc(14px + env(safe-area-inset-right,0px));display:flex;gap:6px;padding:5px;border:1px solid #ffffff30;border-radius:14px;background:#101010bd;backdrop-filter:blur(10px);z-index:3}
html[data-theme] #full.ritm-player-expanded .player-picture-controls button{width:44px;height:44px;min-height:44px;color:#fff;background:transparent;border:0;border-radius:9px;flex-shrink:0}
html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded>.ctl{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:20px;width:auto;max-width:calc(100% - 28px);margin:0;padding:8px 18px;border:1px solid #ffffff30;border-radius:50px;background:#101010bd;backdrop-filter:blur(10px);z-index:2}
html[data-theme] #full.ritm-player-expanded>.ctl :is(#shf,#rpt){display:none!important}
html[data-theme] #full.ritm-player-expanded>.ctl :is(#pv,#nx){width:44px;height:48px;min-width:44px;min-height:44px;color:#fff;background:transparent;border:0}
html[data-theme] #full.ritm-player-expanded>.ctl #pp{width:58px;height:58px;min-width:58px;padding:14px;background:#b42340;color:#fff;border:0}
html[data-theme] #full.ritm-player-expanded>.ctl svg{fill:currentColor}
@media(max-width:600px){html[data-theme] #full.ritm-player-pro.open.ritm-player-expanded>.ctl{gap:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}}