/* Only the equipment area's layout changes. Existing icon boxes and their
   scale(34/62), event owners, tooltips and r5 presentation remain untouched. */
.axis-character-general-layout>.axis-character-equipment-sidebar{display:flex;min-width:0;width:clamp(550px,43vw,680px)}
.axis-character-equipment-sidebar>div{width:100%;min-width:0}
.axis-character-equipment-layout{display:grid;grid-template-columns:136px minmax(220px,1fr) 136px;align-items:start;gap:12px;min-height:608px}
.axis-character-item-group{position:relative;z-index:2;width:136px;flex-shrink:0}
.axis-character-item-group>div{width:136px}
.axis-character-stats-scroll{min-width:0}
.axis-character-mirror{position:relative;align-self:stretch;min-width:0;min-height:560px;display:flex;flex-direction:column;border-radius:12px;background:radial-gradient(ellipse at 50% 65%,rgba(61,110,81,.09),transparent 68%)}
.axis-character-mirror-viewport{position:relative;flex:1;min-height:490px;width:calc(100% + 296px);margin-left:-148px;touch-action:pan-y}
.axis-character-mirror canvas{display:block;width:100%;height:calc(100% - 56px);position:absolute;inset:0;outline:none;touch-action:pan-y}
.axis-character-mirror canvas[hidden]{display:none}
.axis-character-mirror-status{position:absolute;left:158px;right:158px;bottom:6px;margin:0;z-index:1;color:rgba(215,230,220,.55);font-size:10px;line-height:1.55;text-align:center;pointer-events:none}
.axis-character-mirror-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:36px}
.axis-character-mirror-controls button{appearance:none;border:1px solid rgba(120,177,143,.18);border-radius:6px;background:rgba(9,17,12,.35);padding:5px 9px;font:inherit;font-size:10px;color:rgba(220,235,226,.65);cursor:pointer}
.axis-character-mirror-controls button:hover,.axis-character-mirror-controls button:focus-visible{color:#d6f6e2;border-color:rgba(120,177,143,.5)}
.axis-character-mirror-controls button:disabled{opacity:.35;cursor:default}
.axis-character-mirror-caption{margin:3px 4px 6px;text-align:center;color:rgba(215,230,220,.35);font-size:9px;line-height:1.5}
@media(max-width:1279px){
  .axis-character-general-layout{flex-direction:column;overflow:auto;height:100%}
  .axis-character-general-layout>.axis-character-equipment-sidebar{width:100%;height:auto;overflow:visible;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .axis-character-equipment-sidebar>div{max-width:720px}
  .axis-character-general-layout>.axis-character-stats-scroll{height:auto;overflow:visible;flex:none;width:100%}
}
@media(max-width:580px){
  .axis-character-equipment-layout{grid-template-columns:136px minmax(0,1fr) 136px;gap:8px;min-height:608px}
  .axis-character-mirror{grid-column:1/-1;grid-row:1;min-height:380px;margin-bottom:8px}
  .axis-character-mirror-viewport{min-height:325px}
  .axis-character-mirror-viewport{width:100%;margin-left:0}
  .axis-character-item-group-left{grid-column:1;grid-row:2}
  .axis-character-item-group-right{grid-column:3;grid-row:2;justify-self:end}
  .axis-character-mirror-status{font-size:10px;left:10px;right:10px}
}