/* Layers remain absent visually on the accepted desktop layout. */
.mobile-skin-art,.metal>.mobile-skin-art{display:none}
@media(max-width:1000px){
  .mobile-skin-art{display:block;position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:-1}
  .mobile-skin-art>svg{display:block;pointer-events:none}

  .hud .icon-button,.context-actions button,.main-actions button{
    background:none;border:0;border-radius:0;box-shadow:none;isolation:isolate;
  }
  .hud .icon-button:before,.context-actions button:before,.main-actions button:before,
  .tray-panel:before,.tray-panel:after,.rank:before{content:none}
  /* A decorative span must not inherit the icon holder's flex height. */
  .metal>.mobile-skin-art{display:block;position:absolute;height:auto;line-height:normal}
  .context-actions button:disabled{opacity:.76;filter:saturate(.35) brightness(.78)}
  .main-actions button{padding-inline:6px;flex-direction:row}

  .tray-panel{
    padding:calc(var(--tray-heading-height) + var(--tray-padding)) var(--tray-padding) var(--tray-padding);
    background:none;border:0;box-shadow:none;isolation:isolate;
  }
  .mobile-tray-frame{top:var(--tray-heading-height)}
  .tray-panel h2{
    background:none;border:0;box-shadow:none;clip-path:none;isolation:isolate;
    padding:2px 12px 0;font-weight:400;
  }
  .mobile-tray-title-art{z-index:-1}
  .tray-content{z-index:1;gap:var(--tray-side-gap)}
  .tray-arrow{background:none;border:0;box-shadow:none;border-radius:0;isolation:isolate}
  .tray-arrow>.ui-icon{position:relative;z-index:1}
  .tray-arrow:disabled{opacity:.65;filter:saturate(.5)}
  #tray .tray-card{
    border:0;border-radius:0;background:none;box-shadow:none;clip-path:none;isolation:isolate;
    padding:var(--tray-card-padding);
  }
  #tray .tray-card:hover:not(:disabled){border:0;box-shadow:none;background:none;filter:brightness(1.08)}
  #tray .tray-card.is-selected{outline:2px solid #ffe3a2;outline-offset:-4px}
  #tray .tray-card:disabled{opacity:.28}
  #tray .miniature,#tray .piece-count{z-index:1}
  #tray .mini-cell{border:0;border-radius:0;background:none;box-shadow:none;filter:none;overflow:visible}
  .mobile-tray-gem{z-index:0}
  .mobile-tray-gem>svg{width:100%;height:100%}

  .rank{background:none;border:0;box-shadow:none;isolation:isolate}
}