#generations96,#overview-toggle96{font-size:12px;min-height:40px}#generation-dialog96 select{width:100%;margin:7px 0 12px;padding:10px;background:#f5efe4;border:1px solid #c7bcaf;border-radius:7px;font:inherit}#generation-bands96{display:grid;grid-template-columns:1fr 1fr;gap:8px}.generation-band96{display:flex;flex-direction:column;gap:5px;text-align:left;min-height:62px}.generation-band96 span,.generation-help96{font-size:12px;color:#605b60}#overview96{position:absolute;right:10px;bottom:10px;width:158px;padding:8px;background:#f5efe4f5;border:1px solid #b8ad9e;border-radius:10px;box-shadow:0 3px 12px #302d3220;z-index:3}.overview-heading96{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#605b60}#overview96 button{padding:0;min-height:28px;width:28px;font-size:19px;border:0}#overview96 canvas{display:block;width:140px;height:110px;cursor:crosshair;touch-action:none}#overview96 small{display:block;text-align:center;font-size:10px;color:#605b60}@media(max-width:560px){#generations96,#overview-toggle96{min-height:40px;padding:7px 9px}#overview96{width:138px;right:8px;bottom:8px;padding:8px}#overview96 canvas{width:120px;height:94px}#overview96 button{min-height:36px;width:36px}#generation-dialog96{max-height:80dvh}#generation-bands96{gap:6px}.generation-band96{min-height:60px;font-size:13px}}

/* Keep overview controls usable within short wheel viewports. */
#overview96{max-height:calc(100% - 20px);overflow:auto;overscroll-behavior:contain}
#overview96 .overview-heading96{position:sticky;top:-8px;background:#f5efe4;z-index:1}
#overview96 button{width:44px;min-width:44px;height:44px;min-height:44px;flex-shrink:0}
#overview96 canvas:focus-visible{outline:2px solid #3454a1;outline-offset:2px}
#overview96 small{line-height:1.5;margin-top:5px}
@media(max-width:560px){#overview96{max-height:calc(100% - 16px)}}

@media(max-width:560px) and (max-height:600px){
 body.dd-wheel:has(#overview96:not([hidden])) aside:not(.expanded){display:none}
 #overview96 small{display:none}
}