.crafting-tree{width:100%;height:100%;overflow:hidden;position:relative;background-color:var(--background-paper);border-radius:inherit;min-width:100%;min-height:100%}.crafting-tree>div{width:100%;height:100%;position:relative}.crafting-tree svg{width:100%;height:100%;display:block;shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;image-rendering:optimizeQuality;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.crafting-tree svg text{letter-spacing:.5px;paint-order:stroke;stroke:var(--background-paper);stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.crafting-tree-controls{display:flex;gap:16px;margin-bottom:16px;align-items:center}.crafting-tree-page{padding:16px;min-height:calc(100vh - 64px);background-color:var(--background-default)}.crafting-tree-container{flex:1;background-color:var(--background-paper);border-radius:8px;box-shadow:var(--shadow-1);overflow:hidden;height:calc(100vh - 140px);position:relative;display:flex;flex-direction:column}@media screen and (max-width: 768px){.crafting-tree{touch-action:none}.crafting-tree svg{cursor:grab}.crafting-tree svg:active{cursor:grabbing}.crafting-tree-page{padding:8px;min-height:calc(100vh - 64px);width:100%;box-sizing:border-box;overflow:hidden}.crafting-tree-container{height:calc(100vh - 100px);min-height:500px;width:100%}}.crafting-tree-page{min-height:calc(100vh - 64px);width:100%;padding:1rem;display:flex;flex-direction:column;position:relative;isolation:isolate;z-index:0}@media (min-width: 600px){.crafting-tree-page{padding:2rem}}.crafting-tree-container{flex:1;margin-top:1rem;border-radius:8px;overflow:hidden;height:calc(100vh - 180px);display:flex;flex-direction:column;padding:.5rem;position:relative;z-index:0;contain:layout paint}@media (min-width: 600px){.crafting-tree-container{padding:1rem}}.crafting-tree-container .crafting-tree{flex:1;border:none;height:100%;width:100%;max-width:100%;overflow-x:auto}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;width:100%}#root{min-height:100vh;width:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
