/* Chapter layout for the client tools; native geometry lives in client-replicas.css. */
.screen-panel { min-width:0; margin:0; padding:18px; border:1px solid #8f724355; background:#100f0e; display:grid; justify-items:center; align-content:start; gap:16px; }
.screen-panel > figcaption { text-align:center; color:var(--gold); font:15px/1.5 var(--display); }
.portal-tier-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.portal-tier { padding:12px; gap:16px; }
.portal-tier > figcaption { width:100%; display:grid; grid-template-columns:32px 1fr; gap:10px; align-items:center; }
.portal-tier h3 { font-size:16px; font-weight:500; margin:0; text-align:left; }
.portal-tier figcaption img { width:32px; height:32px; }
.crafting-panels { display:grid; align-items:start; gap:24px; }
.hunter-tools-row { display:grid; gap:24px; margin-top:32px; }
@media(max-width:1100px) { .portal-tier-row { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .portal-tier-row { grid-template-columns:minmax(0,1fr); gap:18px; }.portal-tier { padding:12px; }.portal-tier > figcaption { max-width:260px; } }