/* ===== DESKTOP ===== */
#desktop{
  position:fixed;inset:0 0 48px 0;
  background:linear-gradient(160deg,#0f2027,#203a43,#2c5364);
  display:none;
}
#desktop-icons{
  display:grid;grid-template-columns:repeat(auto-fill,90px);
  grid-auto-rows:95px;gap:4px;padding:16px;
  align-content:start;height:100%;overflow-y:auto;
}
.desktop-icon{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:8px 4px;border-radius:8px;cursor:pointer;user-select:none;
  transition:background .15s;text-align:center;position:relative;
}
.desktop-icon:hover{background:var(--bg-hover);}
.di-icon{font-size:36px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));}
.di-label{color:#fff;font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.7);line-height:1.2;}