/* Desktop play uses the available width; phone and tablet layouts keep their
   existing compact controls. These rules change presentation only. */
@media (min-width:1100px) {
  :root { --sidebar:200px; }

  .sidebar {
    height:100dvh;
    min-height:0;
    padding:22px 12px 16px;
    overflow:hidden;
  }
  .sidebar .brand { flex:none; margin-bottom:18px; }
  .sidebar #nav { flex:1; min-height:0; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-width:thin; padding-right:3px; }
  .sidebar .sidebar-bottom { flex:none; margin-top:12px; padding-top:10px; }
  .sidebar .logout { margin:10px 10px 0; }
  .sidebar .nav-item { padding:9px 10px; min-height:40px; }
  .sidebar .nav-group>summary { padding:9px 7px; gap:8px; white-space:nowrap; letter-spacing:.02em; }

  .content-grid,.record-wide .content-grid {
    max-width:1640px;
    padding:24px 28px 36px!important;
  }
  .topbar { padding:12px 28px; }
  .ui-resources { max-width:1584px; }
  .footer { width:100%; max-width:1640px; }

  /* The existing World rail is the desktop status panel. Showing only this
     copy prevents expanded player details from pushing the map off screen. */
  .hq-world-view #mobile-status { display:none!important; }
  .hq-world-view .content-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 270px;
    align-items:start;
    gap:20px;
    padding:20px 24px 34px!important;
  }
  .hq-world-view #right-rail {
    display:block!important;
    position:sticky;
    top:84px;
    min-width:0;
    max-height:calc(100dvh - 104px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#52765c #06221c;
    border-radius:12px;
  }
  .hq-world-view #right-rail .world-player-card { padding:0; margin:0; }
  .hq-world-view #right-rail .world-player-summary { padding:16px; }
  .hq-world-view #right-rail .world-player-meters { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .hq-world-view #right-rail .world-player-resource-label { display:flex; font-size:12px; margin-bottom:6px; }
  .hq-world-view #right-rail .world-player-value { display:inline; text-align:right; }
  .hq-world-view #right-rail .world-player-meters .bar { height:7px; }
  .hq-world-view #right-rail .world-player-disclosure { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; padding-top:12px; }
  .hq-world-view #right-rail .world-player-location { flex:1 1 auto; font-size:12px; }
  .hq-world-view #right-rail .world-player-location small { margin-top:2px; }
  .hq-world-view #right-rail .world-player-toggle { width:100%; min-height:36px; padding:8px 10px; justify-content:space-between; }
  .hq-world-view #right-rail .world-player-details { padding:0 12px 12px; }
  .hq-world-view #right-rail .character-card { padding:0; border-radius:9px; }
  .hq-world-view #right-rail .char-top { height:86px; }
  .hq-world-view #right-rail .char-info { padding:20px 12px 12px; }
  .hq-world-view #right-rail .char-info h3 .text-button { min-height:32px; }
  .hq-world-view #right-rail .char-info>p { margin-bottom:12px; }
  /* stability.css uses an ID selector to display these labels. Scope this
     override to the detail card so the authoritative summary stays visible. */
  .hq-world-view #right-rail .world-player-details .character-card .char-info>.resource-label,
  .hq-world-view #right-rail .world-player-details .character-card .char-info>.bar { display:none; }
  .hq-world-view #right-rail .mini-stats { padding-top:12px; margin-bottom:12px; }
  .hq-world-view #right-rail .world-player-details .button { min-height:36px; }
  .hq-world-view #right-rail .rail-note,.hq-world-view #right-rail .rail-meta { display:none; }

  #world-play-panel { padding:0; }
  #world-play-panel .world-toolbar { min-height:43px; padding:11px 14px; }
  #world-play-panel .map-stage { border:0; border-radius:0; }
  #world-play-panel .map-controls { grid-template-columns:140px minmax(0,1fr); gap:16px; padding:12px 14px; border-radius:0; }
  #world-play-panel .map-selection { padding-left:16px; }
  #world-play-panel .selected-info h3 { font-size:22px; }
  #world-play-panel .map-encounter .selected-action .button { max-width:360px; }
  #world-play-panel .map-key { font-size:11px; padding:6px 10px; }
  .hq-world-view .world-intro { margin-top:24px; }

  /* Desktop pages use parallel panels and wider collections. Their reading
     order and existing disclosure and transaction controls are retained. */
  .ui-profile { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
  .ui-profile>.ui-profile-heading,.ui-profile>.ui-profile-hero { grid-column:1/-1; }
  .ui-profile>.ui-profile-biography,.ui-profile>.ui-profile-editor,.ui-profile>.profile-connections,.ui-profile>.profile-action-panel,.ui-profile>.profile-moderation-entry { grid-column:1/-1; }
  .ui-profile>.panel,.ui-profile>.ui-disclosure { margin-bottom:0; }
  .ui-profile>.ui-profile-heading { margin-bottom:0; }
  .ui-profile .dossier-slots { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ui-profile .dossier-slot { min-height:112px; }
  .ui-profile .ui-backpack-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ui-profile .ui-bag-tile { min-height:112px; }
  .ui-profile .ui-attribute-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ui-profile .ui-profile-buffs .active-buff-row { min-height:94px; align-content:start; }
  .inventory-grid,.market-grid,.protocol-grid,.recipe-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .quest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ui-skill-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (min-width:1550px) {
  :root { --sidebar:220px; }
  .hq-world-view .content-grid { grid-template-columns:minmax(0,1fr) 300px; gap:24px; padding-left:32px!important; padding-right:32px!important; }
  .inventory-grid,.market-grid,.recipe-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .ui-profile .dossier-slots { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .ui-profile .ui-backpack-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .quest-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* Intermediate widths keep one play column, without squeezing a desktop rail
   into a tablet workspace. Resources remain compact above the map. */
@media (min-width:781px) and (max-width:1099px) {
  .hq-world-view #mobile-status { max-width:none; margin:14px 20px 0!important; }
  .hq-world-view #mobile-status .world-player-card { padding:0; margin-bottom:0; }
  .hq-world-view #mobile-status .world-player-summary { padding:10px 12px; }
  .hq-world-view #mobile-status .world-player-meters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .hq-world-view #mobile-status .world-player-resource-label { display:block; }
  .hq-world-view #mobile-status .world-player-value { display:block; text-align:left; }
  .hq-world-view #mobile-status .world-player-disclosure { margin-top:10px; }
  .hq-world-view #mobile-status .world-player-toggle { width:auto; max-width:50%; }
}