/* D always uses its phone layout, including in a wide computer browser. */
html[data-skin="aurum"] { --player-frame-width:430px; --app-frame-max-width:430px; }
html[data-skin="aurum"] #app .aurum-sidebar { display:none !important; }
html[data-skin="aurum"] #app .aurum-shell { height:100vh; height:100dvh; min-height:0; overflow-x:hidden; overflow-y:auto; }
html[data-skin="aurum"] #app .aurum-main { width:100%; max-width:100%; margin:0; }
html[data-skin="aurum"] #app .aurum-topbar { display:none; }
html[data-skin="aurum"] #app .aurum-shell--home .aurum-topbar { display:flex; height:64px; padding:12px 17px; border-bottom-color:#bca46d35; background:#151618; }
html[data-skin="aurum"] #app .aurum-topbar-brand { gap:8px; letter-spacing:.6px; }
html[data-skin="aurum"] #app .aurum-topbar-brand > img { width:32px; height:32px; }
html[data-skin="aurum"] #app .aurum-topbar-brand-copy > strong { font-size:16px; }
html[data-skin="aurum"] #app .aurum-topbar-download { font-size:11px; }
html[data-skin="aurum"] #app .aurum-route-content { width:100%; max-width:100%; margin:0; }
html[data-skin="aurum"] #app .aurum-route-content--home { padding:18px 16px 0; }
html[data-skin="aurum"] #app .aurum-home-page { min-height:calc(100vh - 64px); padding-bottom:90px; }
html[data-skin="aurum"] #app .aurum-route-content .bottom-nav { display:grid !important; left:0; right:0; width:100%; max-width:430px; margin:0 auto; transform:none; }
@media(min-width:431px) {
  html[data-skin="aurum"] { height:100%; overflow:hidden; background:#edf2fa !important; }
  html[data-skin="aurum"] body { position:relative; width:430px; height:100vh; height:100dvh; margin:0 auto; overflow:hidden; background:#111214; contain:layout; box-shadow:0 0 32px #2a456824; }
  html[data-skin="aurum"] #app { width:100%; height:100%; }
}