.settlement-body{flex:1 1 0;min-height:0;display:flex}.settlement-board{flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.settlement-panel{width:360px}.settlement-header>*{flex-shrink:0}.settlement-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:240px;overflow:hidden}@media (width<=1100px){.settlement-header .settlement-count{display:none!important}}@media (width<=760px){.settlement-body{flex-direction:column}.settlement-header{flex-wrap:wrap;min-height:52px;gap:6px!important;height:auto!important;padding:4px 8px!important}.settlement-header h1{max-width:calc(100% - 145px);font-size:16px!important}.settlement-header>div:empty,.settlement-header>[role=img]>span:not(:last-child){display:none}.settlement-header>button,.settlement-board [aria-label=Board\ highlight] button{min-width:44px;min-height:44px}.settlement-panel{border-top:1px solid var(--border-default);flex-direction:column;width:auto;height:40%}.settlement-rail{flex-direction:row!important;width:100%!important}.settlement-rail>button{flex:1;min-width:0;height:48px!important}.settlement-board [aria-label=Board\ highlight]{top:8px!important;left:8px!important}.settlement-board [aria-label=Board\ highlight] button{padding:0 8px!important;font-size:10px!important}.settlement-board [aria-label=Legend]{right:8px;gap:4px 10px!important;padding:4px 6px!important;font-size:10px!important;bottom:6px!important;left:8px!important}}@media (height<=500px) and (width>=600px){.settlement-body{flex-direction:row}.settlement-panel{width:280px;height:auto}}@media (pointer:coarse){.settlement-panel button,.settlement-panel input,.settlement-header button,.settlement-board [aria-label=Board\ highlight] button{min-width:44px;min-height:44px}}