/* Mobile catalogue space is spent on the values and preview, with native controls. */
@media (max-width: 600px) {
  body.site-ui.site-refresh[data-page="heroes"] #skill-combos > header {
    flex: none;
    min-height: 44px;
  }
  body.site-ui.site-refresh[data-page="heroes"] #skill-combos .hero-combo-goals {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 5px;
  }
  body.site-ui.site-refresh[data-page="heroes"] #skill-combos .hero-combo-goals button {
    padding: 6px 4px;
    font-size: 12px;
    line-height: 1.3;
    min-height: 44px;
    white-space: normal;
  }
  body.site-ui.site-refresh[data-page="heroes"] #skill-combos :is(.hero-combo-explanation,.hero-small) {
    font-size: 12px;
    line-height: 1.5;
    margin-block: 8px;
  }
  body.site-ui.site-refresh[data-page="heroes"] .hero-combo-footer {
    gap: 5px;
    padding-top: 8px;
  }
  body.site-ui.site-refresh[data-page="heroes"] #skill-details :is(.hero-merge-controls,.hero-merge-next) {
    margin-block: 8px;
  }
  body.site-ui.site-refresh[data-page="heroes"] #skill-details .hero-merge-next {
    padding: 8px 10px;
  }
  body.site-ui.site-refresh[data-page="heroes"] #skill-details .hero-merge-next :is(strong,span) {
    font-size: 12px;
    line-height: 1.4;
  }
  body.site-ui.site-refresh[data-page="heroes"] #skill-details .hero-merge-preview {
    margin-block: 8px;
    font-size: 12px;
    line-height: 1.4;
  }
  body.site-ui.site-refresh[data-page="heroes"] .hero-merge-help {
    margin-block: 8px;
    border: 1px solid #3b5967;
    border-radius: 8px;
    padding: 0;
  }
  body.site-ui.site-refresh[data-page="heroes"] .hero-merge-help > summary {
    min-height: 44px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    font-size: 12px;
  }
  body.site-ui.site-refresh[data-page="heroes"] .hero-merge-help #skill-merge-note {
    padding: 8px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
  }
}
@media (forced-colors: active) {
  body.site-ui.site-refresh[data-page="heroes"] .hero-merge-help { border-color: CanvasText; }
}
@media (max-width: 600px) {
  body.site-ui.site-refresh[data-page="equipment"] .tw-tabs button {
    font-size: 12px;
    line-height: 1.35;
    white-space: normal;
    padding: 7px 5px;
  }
  body.site-ui.site-refresh[data-page="equipment"] .tw-content > :is(h3,h4) {
    font-size: 18px;
    line-height: 1.35;
    margin-block: 12px 8px;
  }
  body.site-ui.site-refresh[data-page="equipment"] .tw-content > p {
    font-size: 13px;
    line-height: 1.5;
    margin-block: 10px;
  }
  body.site-ui.site-refresh[data-page="equipment"] .rc-table-wrap :is(td,th) {
    line-height: 1.45;
    padding-block: 8px;
    font-size: 12px;
  }
  body.site-ui.site-refresh[data-page="equipment"] .rc-table-wrap th:last-child { width: 65px; }
  body.site-ui.site-refresh[data-page="items"] .compare-table-wrap :is(th,td) {
    font-size: 12px;
    line-height: 1.4;
    padding: 8px 6px;
  }
  body.site-ui.site-refresh[data-page="items"] .chest-difference-table {
    table-layout: fixed;
  }
  body.site-ui.site-refresh[data-page="items"] .chest-difference-table :is(th,td):not(:first-child) {
    width: 74px;
    white-space: nowrap;
  }
  body.site-ui.site-refresh[data-page="formations"] .catalogue-mobile-fold {
    border: 1px solid #3b5967;
    border-radius: 8px;
    margin-block: 12px;
  }
  body.site-ui.site-refresh[data-page="formations"] .catalogue-mobile-fold > summary {
    min-height: 44px;
    box-sizing: border-box;
    padding: 8px 10px;
    display: flex;
    align-items: center;
  }
  body.site-ui.site-refresh[data-page="formations"] .catalogue-mobile-fold > summary h3 {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
  }
  body.site-ui.site-refresh[data-page="formations"] .catalogue-mobile-fold .formation-milestones {
    border: 0;
    margin: 0;
    padding: 8px 10px;
  }
}
@media (max-width: 360px) {
  body.site-ui.site-refresh[data-page="equipment"] .tw-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (forced-colors: active) {
  body.site-ui.site-refresh[data-page="formations"] .catalogue-mobile-fold { border-color: CanvasText; }
}
@media (max-width: 600px) {
  body.site-ui.site-refresh[data-page="heroes"] .hero-merge-target-note {
    font-size: 12px;
    line-height: 1.4;
    margin-block: 8px;
    color: #b6cbd5;
  }
}
@media (forced-colors: active) {
  body.site-ui.site-refresh[data-page="heroes"] .hero-merge-target-note { color: CanvasText; }
}


.research-table-navigation{display:none}
@media(max-width:650px){
 body.site-ui.site-refresh[data-tech-page] .research-table-navigation{display:flex;justify-content:space-between;gap:8px;margin:8px 0}
 body.site-ui.site-refresh[data-tech-page] .research-table-navigation button{min-height:44px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid #557582;border-radius:7px;background:#1b3742;color:#dcece9}
 body.site-ui.site-refresh[data-tech-page] .research-table-navigation button::after{content:'';width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg)}
 body.site-ui.site-refresh[data-tech-page] .research-table-navigation button[data-columns=costs]::after{order:-1;transform:rotate(135deg)}
 body.site-ui.site-refresh[data-tech-page] .research-table-navigation button:disabled{opacity:.55;cursor:default}
 body.site-ui.site-refresh[data-tech-page] .tech-level-reference:has(.research-table-navigation) .table-scroll-hint{display:none}
 body.site-ui.site-refresh[data-tech-page] .tech-level-reference-body{display:flex;flex-direction:column}
 body.site-ui.site-refresh[data-tech-page] .tech-level-reference-body>p{order:2}
 body.site-ui.site-refresh[data-tech-page] .tech-level-reference .tech-simple-costs{max-height:360px;max-height:min(360px,48dvh);overscroll-behavior-x:contain;scroll-padding-left:52px}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs table{table-layout:fixed;min-width:592px;width:592px;border-collapse:separate;border-spacing:0}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs :is(th,td){box-sizing:border-box;padding:8px;min-width:0;vertical-align:top;font-size:13px;line-height:1.4}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs tr>:nth-child(1){width:52px;min-width:52px;white-space:nowrap;position:sticky;left:0;background:#102632;z-index:2;box-shadow:1px 0 #46616e;font-variant-numeric:tabular-nums}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs tr>:nth-child(2){width:125px}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs tr>:nth-child(3){width:143px}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs tr>:nth-child(4){width:86px}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs tr>:nth-child(5){width:186px}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs thead th{top:0;z-index:3;background:#15352f}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs thead th:first-child{z-index:4;white-space:normal;overflow-wrap:anywhere}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs tr.in-upgrade-plan>th{background:#21463c}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs td:nth-child(3)>div{display:flex;justify-content:space-between;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs td:nth-child(3) b{white-space:nowrap}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs td details{margin-top:6px}
 body.site-ui.site-refresh[data-tech-page] .tech-simple-costs td summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center;font-size:12px}
}


/* v295: recover mobile popup space while keeping identity, currency and actions visible. */
@media(max-width:600px){
 body.site-ui.site-refresh[data-page=packs] dialog#detail .dialog-head{grid-template-columns:42px minmax(0,1fr) auto;gap:6px 8px;padding:8px 10px}
 body.site-ui.site-refresh[data-page=packs] dialog#detail #detail-art{grid-column:1;grid-row:1}
 body.site-ui.site-refresh[data-page=packs] dialog#detail .dialog-head>div:not(.compact-detail-actions){grid-column:1/-1;grid-row:2}
 body.site-ui.site-refresh[data-page=packs] dialog#detail #detail-price-controls{grid-column:2;grid-row:1;justify-self:start;margin:0}
 body.site-ui.site-refresh[data-page=packs] dialog#detail #detail-price-controls>span{display:none}
 body.site-ui.site-refresh[data-page=packs] dialog#detail #detail-price-controls select{font-size:12px;min-width:66px;padding:6px 16px 6px 7px}
 body.site-ui.site-refresh[data-page=packs] dialog#detail .compact-detail-actions{grid-column:3;grid-row:1}
 body.site-ui.site-refresh[data-page=packs] #detail-body .pack-account-link{padding:8px 10px;margin:0 0 10px}
 body.site-ui.site-refresh[data-page=packs] #detail-body .pack-account-link>a{font-size:12px}
 body.site-ui.site-refresh[data-page=packs] #detail-body .pack-account-link>span{font-size:12px;line-height:1.45}
 body.site-ui.site-refresh[data-page=packs] #detail-body :is(.custom-intro,.custom-set-hint){font-size:12px;line-height:1.5;margin-block:8px}
 body.site-ui.site-refresh[data-page=packs] #detail-body .custom-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.site-ui.site-refresh[data-page=packs] #detail-body .custom-controls label{font-size:12px;gap:4px}
 body.site-ui.site-refresh[data-page=packs] #detail-body .custom-controls select{font-size:12px;min-height:44px;padding-inline:6px}
 body.site-ui.site-refresh[data-page=packs] #detail-body .custom-progress{font-size:12px;padding:9px 10px;gap:8px;margin:10px 0}
 body.site-ui.site-refresh[data-page=packs] #detail-body .custom-progress>strong{min-height:0}
 body.site-ui.site-refresh[data-page=packs] #detail-body .custom-progress>div button{font-size:12px;line-height:1.3;min-height:44px;padding:6px}
}
@media(max-width:359px){
 body.site-ui.site-refresh[data-page=packs] #detail-body .custom-controls{grid-template-columns:1fr}
}
/* Server graphs keep more of their labels clear; the DOM button name remains available. */
@media(max-width:600px){
 body.site-ui.site-refresh[data-page=servers] #player-top{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-size:0;white-space:nowrap;overflow:hidden}
 body.site-ui.site-refresh[data-page=servers] #player-top::before{content:'↑';font-size:20px;line-height:1}
}