/* Match panel edges, control centres and the visible ink of each label. */
html[data-theme] .player-page{padding-block:32px}
html[data-theme] .playlist-panel{align-self:stretch;display:flex;flex-direction:column}
html[data-theme] .playlist-window{display:flex;flex:1;min-height:0}
html[data-theme] .playlist{display:grid;flex:1;grid-auto-rows:minmax(min-content,1fr);grid-template-columns:minmax(0,1fr)}
html[data-theme] .track{width:100%}
html[data-theme][data-button-style=reliquary] :is(.player-card,.start-screen) .console-key{padding-block:8px;text-align:center}
html[data-theme][data-button-style=reliquary] .player-card :is(.transport button,.curse-step,.mute-button,.theme-toggle){padding:4px}
html[data-theme] .key-label{display:block;line-height:1;transform:translate(var(--label-x,0px),var(--label-y,0px))}
html[data-theme] .track-slot{padding:0;line-height:1}
html[data-theme] .player-card .curse-dial-field{padding-block:5px}
html[data-theme] .curse-dial{height:48px}
html[data-theme] .extra-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
html[data-theme] .player-card .donation-link{justify-self:center}
html[data-theme] .upload-note{justify-self:center;text-align:center;max-width:100%}
html[data-theme] .player-card .console-footer{justify-content:center;padding-block:12px 0}
html[data-theme] .footer-hint{margin-inline:0;text-align:center}
/* Equal layout boxes also need equal visible shadow extents. */
html[data-theme] .art{
 box-sizing:border-box;width:100%;height:var(--effects-rack-height,213px);margin:0;align-self:start;
 border:3px double var(--g-line);background:var(--g-panel);padding:56px 12px 4px;
 box-shadow:2px 2px 0 var(--g-metal),4px 4px 0 var(--g-shadow),6px 6px 0 color-mix(in srgb,var(--g-shadow) 36%,transparent),inset 1px 1px 0 var(--g-inset),inset -1px -1px 0 var(--g-metal);
}
html[data-theme=dark] .art{
 box-shadow:2px 2px 0 #444149,4px 4px 0 #08080a,6px 6px 0 rgba(0,0,0,.38),inset 1px 1px 0 #45424b,inset -1px -1px 0 #131216;
}
@media(max-width:740px){
 html[data-theme] .settings-toggle>.key-label{display:none}
 html[data-theme] .player-page{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}
 html[data-theme] .extra-links{grid-template-columns:minmax(0,1fr);gap:12px}
}