CSS - Infinite Craft (neal.fun) BEAUTIFIED - Reshapes the interface and compresses the spacing to allow far more items on-screen at once.

Infinite Craft (neal.fun) BEAUTIFIED.user.css

/* ==UserStyle==
@name           Infinite Craft (neal.fun) BEAUTIFIED
@namespace      github.com/openstyles/stylus
@version        2024.02.05
@description    Reshapes the interface and compresses the spacing to allow far more items on-screen at once.
@author         Eklei
==/UserStyle== */

@-moz-document url-prefix("https://neal.fun/infinite-craft/") {
	@media screen and (min-width: 801px) {
		/*html, .container, input { font-family: Arial, sans-serif !important; }/**/
		html, .sidebar { background: #eeee !important; }
		.container > .logo, .side-controls { right: calc(50% + 10px) !important; }
		.sidebar { width: 50% !important; }
		.sidebar .items { max-width: none !important; padding-bottom: 5em !important; min-height: calc(100vh - 30px) !important; }
		.item { padding: 7px 7px 8px 7px !important; margin: 0px !important; }
		.sidebar .items .item { padding: 6px 3px !important; margin: 0.5px !important; }
		.sidebar .item > span { margin-right: -0.25em !important; }
		.instances .item > span { margin-right: 0 !important; }
		.instances .item { box-shadow: 0 3px 8px #0005 !important; }
		#known-combos-tooltip { line-height: 0.5; box-shadow: 0 3px 8px #0002; }
		#known-combos-tooltip > b { font-size: 0.9625em; line-height: 1.3; }
		#known-combos-tooltip div { font-size: 0.933em; line-height: 1.0; opacity: 0.933; }
		#known-combos-tooltip div > div > div > div > div > div > div > div > div div { font-size: 100%; opacity: 1.0; }
		.sidebar-controls, .sidebar-controls .sidebar-input { height: 30px !important; }
		.sidebar-controls .sidebar-input { padding-block: 0px 3px !important; background-position-y: 3px !important; }
		input::placeholder { opacity: 0.333 !important; font-style: italic !important; }
	}
	canvas.particles { display: none !important; }/**/
}