/* Resizable groups own track sizes; legacy grid templates no longer constrain them. */
.terminal-fragment{display:contents}
#workspace.resizable-workspace{display:flex;flex-direction:row;gap:6px;min-width:0}
#terminal-columns{flex:1;min-width:0;min-height:0;width:100%;height:100%}
.terminal-panel-group{display:flex;width:100%;height:100%;min-width:0;min-height:0;gap:0}
.terminal-panel-group[aria-orientation=vertical]{flex-direction:column}
.terminal-panel-group.left-column,.terminal-panel-group.center-column{display:flex;max-height:none;align-self:stretch;grid-template-rows:none}
[data-panel]>div{height:100%;width:100%;min-height:0;overflow:hidden!important}
[data-panel]>div>.terminal-fragment>.panel{height:100%;width:100%;min-height:0}
.left-info{height:100%;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:5px}
.left-info .score-panel{flex:none;min-height:83px}.left-info .roster-panel{flex:none;overflow:visible}.left-info .detail-panel{flex:none;min-height:102px}
.terminal-resize-handle{flex:none;background:#263438;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:5}
.terminal-resize-handle[aria-orientation=vertical]{width:7px;cursor:col-resize}
.terminal-resize-handle[aria-orientation=horizontal]{height:7px;cursor:row-resize}
.terminal-resize-handle[aria-orientation=horizontal] svg{transform:rotate(90deg)}
.terminal-resize-handle:hover,.terminal-resize-handle:focus-visible,.terminal-resize-handle[data-separator=active]{background:#4a7668;outline:1px solid #81c3ac;outline-offset:-1px}
.resizable-workspace .right-column{height:100%;display:flex;flex-direction:column;gap:5px}.resizable-workspace .book-panel{flex:0 1 400px;min-height:200px}.resizable-workspace .trades-panel{flex:1;min-height:90px;overflow:hidden}.resizable-workspace .source-note{flex:none}
.terminal-right-group{flex:1;min-height:0}
#workspace.resizable-workspace>.trading-panel{width:clamp(290px,24vw,372px);flex:none}
.market-only #left-pane,.market-only .left-resize-handle,.market-only #gold-pane,.market-only #events-pane,.market-only .grid-resize-handle{display:none!important}
.hero-row{grid-template-columns:22px 32px minmax(32px,1fr) minmax(32px,1fr) 29px minmax(44px,1fr) 27px 37px;grid-template-rows:19px 22px;gap:0 3px;height:43px;padding:1px 6px;overflow:hidden}
.hero-row .hero-role{grid-column:1;grid-row:1/3}.hero-row .portrait{grid-column:2;grid-row:1/3;width:32px;height:32px;object-fit:cover;align-self:center;justify-self:center}.hero-row .hero-name{grid-column:3;grid-row:1}.hero-row .champion-name{grid-column:4;grid-row:1}.hero-level{grid-column:5;grid-row:1;font-size:10px;color:#d9bc7c;font-variant-numeric:tabular-nums}
.hero-row .hp-cell{grid-column:6;grid-row:1}.hero-row .kd{grid-column:7;grid-row:1}.hero-row .hero-gold{grid-column:8;grid-row:1}
.hero-items{grid-column:3/-1;grid-row:2;display:flex;gap:3px;align-items:center;overflow:hidden;min-width:0}
.item-slot{display:inline-flex;flex:none;position:relative;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #4b5653;border-radius:2px;background:#233032;font-size:8px;overflow:hidden;color:#bfcbd0}
.item-slot img{width:100%;height:100%;object-fit:cover}.item-slot b{position:absolute;bottom:-1px;right:0;background:#101819d9;font:8px ui-monospace,monospace;color:white;padding:0 1px}.items-missing{color:var(--muted);font-size:9px}.detail-equipment{display:flex;gap:3px;align-items:center;padding:5px 7px;font-size:9px;flex-wrap:wrap}.detail-equipment>span:first-child{color:var(--muted);margin-right:3px}.detail-equipment small{color:var(--muted);margin-left:auto;font-size:9px}
#towers{position:absolute;inset:0;pointer-events:none;z-index:2}.tower{position:absolute;transform:translate(-50%,-50%);width:9px;height:9px;border:1px solid #b7d4e3;border-radius:2px;display:grid;place-items:center;font:bold 10px/1 ui-monospace,monospace;box-shadow:0 0 2px #000;pointer-events:auto}.tower.blue{background:#4dabea;color:#c9e8ff}.tower.red{background:#e77e75;color:#ffb7ac}.tower.destroyed{background:#131c20b8;border-style:dashed;opacity:.65}.tower.unknown{background:#172024c9;color:#b5bdc4;border-color:#838f97;font-size:8px}.tower-legend{display:flex;justify-content:space-between;gap:5px;font-size:9px;padding:2px 6px;color:var(--muted)}
@media(max-width:850px){#workspace.resizable-workspace,.live-mode #workspace.resizable-workspace{height:1200px;min-width:740px}.terminal-panel-group.left-column,.terminal-panel-group.center-column{height:100%}}
@media(max-width:580px){#workspace.resizable-workspace{flex-direction:column}#workspace.resizable-workspace>.trading-panel{width:100%;height:440px;max-height:none}}