.dark{--bg:#222;--window:#333;--inset:#555;--text:#fff;--shade:#0003;--tooltip:#aaa}.light{--bg:#fff;--window:#eee;--inset:#aaa;--text:#000;--shade:#0003;--tooltip:#333}body{background:var(--bg);color:var(--text);font:15px sans-serif;height:calc(100vh - 20px);margin:0;padding:10px;width:calc(100vw - 20px)}#root,.App{height:inherit;width:inherit}.App{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"head head" "craft inventory" "foot foot";grid-template-columns:2.5fr 1fr;grid-template-rows:3rem 1fr 3rem}#theme{background:var(--window);border-radius:100%;bottom:20px;font-size:30px;height:30px;line-height:1;padding:10px;position:fixed;right:20px;transition:all .2s;width:30px;z-index:99}#theme:where(:hover,:focus){background:var(--bg);bottom:15px;box-shadow:none;right:15px}*{transition:all .2s}.window{background:var(--window);box-shadow:5px 5px 0 var(--shade)}.inset,.window{border-radius:10px}.inset{background:var(--inset);box-shadow:inset 5px 5px 0 var(--shade)}.noscript{left:50%;padding:1em 1ch;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:99}header{grid-area:head;position:relative}h1{font-size:30px;left:50%;margin:auto;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}main{grid-area:craft;position:relative}.CraftingInterface{--size:20vmin;align-items:center;display:flex;flex-direction:row;justify-content:center;left:50%;max-height:calc(100% - 20px);min-width:33%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.input,.output{align-items:center;display:flex;flex-direction:column;gap:5px}.buttons{display:flex;justify-content:space-around;width:100%}button{background:var(--bg);border:none;border-radius:5px;box-shadow:2px 2px 0 var(--shade);color:var(--text);left:0;padding:5px;position:relative;top:0}button:where(:hover,:focus,:active){background:var(--tooltip);box-shadow:none;color:var(--bg);left:2px;top:2px}.CraftingInterface svg{color:var(--inset)}.CraftedItemName{display:inline-block;height:1em;overflow:hidden;padding:5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:calc(var(--size) - 10px)}.CraftingGrid{grid-gap:5px;aspect-ratio:1/1;display:grid;gap:5px;grid-template:repeat(3,1fr)/repeat(3,1fr);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.GridItem{height:var(--size);width:var(--size)}.GridItem .icon{height:calc(var(--size) - 10px);width:calc(var(--size) - 10px)}.GridItem.loading{animation:pulse 1s infinite}aside{padding:5px}.inventory,aside{grid-area:inventory;height:calc(100vh - 8rem - 20px)}.inventory{box-shadow:inset 5px 5px 0 var(--shade),0 0 0 5px var(--window),5px 5px 0 5px var(--shade);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around;margin:5px;overflow:scroll;padding:10px}.InventoryItem{--size:100px;background:var(--window);border-radius:10px;box-shadow:5px 5px 0 var(--shade);display:flex;flex-direction:column;height:calc(var(--size) + 2em);left:0;padding:5px;position:relative;top:0;width:calc(var(--size) + 10px)}.InventoryItem:where(:hover,:focus,.selected){background:var(--bg);box-shadow:none;left:5px;top:5px}.icon{display:grid;font-size:calc(var(--size)/3);grid-template:repeat(2,1fr) /repeat(2,1fr);height:var(--size);padding:5px;text-align:center;width:var(--size)}.icon img{filter:drop-shadow(5px 5px 0 var(--shade))}.InventoryItem:where(:hover,:focus,.selected) .icon{background:var(--shade);box-shadow:none;text-shadow:none}.InventoryItem .namebox{overflow:hidden;position:relative;text-align:center;white-space:nowrap;width:100%}.InventoryItem .namebox .name{display:block;margin:auto;transform:translateX(0);transition:transform 3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.InventoryItem .tooltip{background:var(--tooltip);border-radius:5px;color:var(--window);display:block;filter:drop-shadow(5px 5px 0 var(--shade));left:50%;opacity:0;padding:5px;pointer-events:none;position:absolute;text-align:center;top:calc(100% + 10px);transform:translateX(-50%);z-index:9}.InventoryItem:where(:hover,:focus) .tooltip{opacity:1}.InventoryItem .tooltip:before{border:10px solid;border-color:#0000 #0000 var(--tooltip) #0000;content:"";display:block;height:0;left:50%;position:absolute;top:-18px;transform:translateX(-50%);width:0}.CurrentlySelectedItem{--size:60px;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px;pointer-events:none;position:absolute;transition:none 0s ease 0s;transition:initial;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.CurrentlySelectedItem .icon{height:var(--size);width:var(--size)}.twemoji>img{display:inline-block;height:1em;width:auto}footer{grid-area:foot}@media screen and (max-width:1024px){.CraftingInterface{flex-direction:column}.CraftingInterface>svg{transform:rotate(90deg)}}@media screen and (max-width:600px){.App{grid-template-areas:"head" "craft" "inventory" "foot";grid-template-columns:1fr;grid-template-rows:3rem 50vh 1fr 3rem}h1{font-size:1.5em}.CraftedItemName{width:40vw}aside{height:calc(50vh - 6rem)}.InventoryItem{--size:75px}}@media (hover:none){.CurrentlySelectedItem{display:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 #0003}to{box-shadow:0 0 0 10px #0000}}
/*# sourceMappingURL=main.6731e484.css.map*/