.pp-display-mode-setting{
  margin:12px 0;
  padding:14px;
  border:1px solid rgba(155,120,255,.28);
  background:rgba(16,18,26,.72);
  border-radius:8px;
}

.pp-display-mode-setting label{
  display:block;
  margin:0 0 10px;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:rgba(255,255,255,.58);
  font-weight:800;
}

.pp-display-mode-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.pp-display-mode-tabs button{
  min-height:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.72);
  font-weight:800;
}

.pp-display-mode-tabs button.active{
  border-color:rgba(139,92,246,.9);
  background:linear-gradient(135deg,rgba(92,48,158,.9),rgba(25,26,35,.95));
  color:#fff;
}

@media (min-width:980px){
  body.pp-display-active-desktop{
    overflow-y:auto;
  }

  body.pp-display-active-desktop #app,
  body.pp-display-active-desktop main,
  body.pp-display-active-desktop #mainView{
    width:min(1440px,calc(100vw - 48px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
  }

  body.pp-display-active-desktop #games{
    width:100%;
  }

  body.pp-display-active-desktop #ppSlateResults{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
  }

  body.pp-display-active-desktop #ppTopEdges,
  body.pp-display-active-desktop .pp-top-edges,
  body.pp-display-active-desktop #ppSlateResults > section,
  body.pp-display-active-desktop #ppSlateResults > .pp-results-empty,
  body.pp-display-active-desktop #ppSlateResults > .pp-list-view,
  body.pp-display-active-desktop #ppSlateResults > .pp-top-list{
    grid-column:1 / -1;
  }

  body.pp-display-active-desktop .pp-top-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.pp-display-active-desktop .pp-results-card{
    width:min(980px,calc(100vw - 80px));
    max-height:min(86vh,920px);
  }

  body.pp-display-active-desktop .pp-results-body{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
  }

  body.pp-display-active-desktop .pp-results-empty,
  body.pp-display-active-desktop .pp-results-preview,
  body.pp-display-active-desktop .pp-results-section{
    margin:0;
  }

  body.pp-display-active-desktop .pp-results-empty,
  body.pp-display-active-desktop .pp-results-preview{
    grid-column:1 / -1;
  }

  body.pp-display-active-desktop .pp-results-section:has(.pp-result-pick),
  body.pp-display-active-desktop .pp-results-section:last-child{
    grid-column:1 / -1;
  }

  body.pp-display-active-desktop #ppDetailsOverlay .modal,
  body.pp-display-active-desktop #ppDetailsOverlay .card,
  body.pp-display-active-desktop .pp-details-card{
    width:min(980px,calc(100vw - 80px));
    max-width:none;
  }
}

body.pp-display-selected-mobile #app,
body.pp-display-selected-mobile main,
body.pp-display-selected-mobile #mainView{
  max-width:620px;
}