:root {--catalysis-panel-width:min(340px,calc(var(--ui-viewport-width)*.41))}
#catalysis-panel {--catalysis-portrait:0;--catalysis-compact:0}
@media(max-width:1050px),(max-height:700px) {
 #catalysis-panel {--catalysis-compact:1}
 #catalysis-panel {box-sizing:border-box;left:auto;right:calc(var(--ui-safe-right) + 8px);top:calc(var(--ui-viewport-top) + var(--ui-safe-top) + 8px);bottom:auto;transform:none;width:var(--catalysis-panel-width);max-width:none;height:calc(var(--ui-viewport-height) - var(--ui-safe-top) - var(--ui-safe-bottom) - 16px);max-height:none;min-height:0;padding:10px;gap:6px;border-radius:18px}
 #catalysis-panel header {gap:5px;min-height:36px}
 #catalysis-panel {left:calc(var(--ui-viewport-left) + var(--ui-viewport-width) - var(--ui-safe-right) - 8px - var(--catalysis-panel-width));right:auto}
 #catalysis-panel h2 {font-size:17px;line-height:1.3;overflow-wrap:anywhere}
 #catalysis-panel .catalysis-heading {min-width:0;gap:4px;flex-wrap:wrap}
 #catalysis-panel .catalysis-heading .catalysis-stage {font-size:11px;line-height:1.2}
 #catalysis-panel header button {width:36px;height:36px;min-width:36px;min-height:36px;padding:4px;flex-shrink:0;font-size:20px}
 #catalysis-panel .catalysis-content {min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;font-size:13px;line-height:1.45}
 #catalysis-panel .catalysis-content label {font-size:13px}
 #catalysis-panel .catalysis-history {font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin:5px 0}
 #catalysis-panel .catalysis-mutation {font-size:12px;margin:5px 0}
 #catalysis-panel .catalysis-potion-description {font-size:12px;line-height:1.5;margin:5px 0;flex-wrap:wrap;overflow-wrap:anywhere}
 #catalysis-panel .catalysis-legend {font-size:12px;gap:4px}
 #catalysis-panel .catalysis-actions {gap:5px;flex-shrink:0}
 #catalysis-panel .catalysis-result {font-size:13px;min-height:18px;margin:0}
 #catalysis-panel .catalysis-cast {height:42px;min-height:42px;font-size:19px;padding:5px}
 #catalysis-panel[data-mature=true] .catalysis-cast {font-size:14px}
 #catalysis-panel .catalysis-exit {height:32px;min-height:32px;font-size:12px;padding:4px}
 #catalysis-potions {box-sizing:border-box;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 #catalysis-potions button {flex:0 0 auto;min-height:56px}
 #catalysis-scene-cards {box-sizing:border-box;width:370px;gap:5px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}
 #catalysis-scene-cards .catalysis-stat-card {min-width:0;min-height:64px;padding:6px 4px;gap:3px;border-radius:12px}
 #catalysis-scene-cards .catalysis-stat-card[data-card=value] {min-height:72px;padding:6px 4px}
 #catalysis-scene-cards .stat-heading {font-size:10px;white-space:normal;line-height:1.2;gap:3px}
 #catalysis-scene-cards .stat-heading .crop-icon {width:14px;height:14px}
 #catalysis-scene-cards strong {font-size:20px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
 #catalysis-scene-cards small {font-size:9px;line-height:1.3;overflow-wrap:anywhere}
 #catalysis-scene-cards .yield-range {font-size:9px;height:18px;line-height:18px}
 #catalysis-idle-hand {font-size:24px;width:28px;height:28px}
}
@media(max-width:700px) and (orientation:portrait) {
 #catalysis-panel {--catalysis-portrait:1}
 #catalysis-panel {left:calc(var(--ui-viewport-left) + var(--ui-safe-left) + 8px);right:auto;top:calc(var(--ui-viewport-top) + var(--ui-viewport-height) - var(--ui-safe-bottom) - 8px - min(324px,var(--ui-viewport-height)*.42));width:calc(var(--ui-viewport-width) - var(--ui-safe-left) - var(--ui-safe-right) - 16px);height:min(324px,calc(var(--ui-viewport-height)*.42));padding:9px;gap:4px}
 #catalysis-potions {display:flex;flex-direction:row;align-items:center;gap:5px;height:64px;padding:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 #catalysis-potions button {width:54px;height:56px;min-width:54px;min-height:56px;padding:2px;gap:1px;font-size:10px;overflow:hidden}
 #catalysis-potions .potion-slot-art {width:27px;height:27px;min-height:27px;flex-shrink:0}
 #catalysis-potions .rarity-name {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;max-height:20px;font-size:9px;line-height:10px}
 #catalysis-scene-cards .catalysis-stat-card {min-height:58px}
 #catalysis-scene-cards .catalysis-stat-card[data-card=value] {min-height:64px}
 #catalysis-panel .catalysis-actions {display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:4px}
 #catalysis-panel .catalysis-result {grid-column:1/-1;min-height:16px;line-height:16px;font-size:12px}
 #catalysis-panel .catalysis-exit {height:42px;min-height:42px}
 #catalysis-panel .catalysis-exit kbd {display:none}
}