:root{font-family:NanoPlus;line-height:1.5;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--ui-opacity: 50%;--brown-dark: #29201e;--gold: #f3a833;--gold-shiny: #fcce5a;--gold-tarnished: #a26d3f;--grey: grey;--black-transparent: linear-gradient(to bottom, hsla(0, 0%, 0%, .4), hsla(0, 0%, 0%, .2));--gold-transparent: linear-gradient( to bottom, color-mix(in srgb, var(--gold), transparent 60%), color-mix(in srgb, var(--gold), transparent 80%) );--meal-color: #f3a833;font-size:2vh}html,body,*{touch-action:none;user-select:none}*{box-sizing:border-box}.description{box-shadow:0 0 .5rem #000;background:var(--black-transparent);padding:1rem;border-radius:1rem;color:#fff}.output{border-bottom:solid .2rem var(--gold);padding:1rem;border-radius:1rem}svg{width:1em;height:1em;display:block}body{overflow:hidden;margin:0;display:grid;place-items:center;min-width:320px;min-height:100vh}body>div.main{box-shadow:0 0 20vw #00000080 inset}canvas,img{image-rendering:pixelated}canvas.main{width:100dvw!important;height:100dvh!important}.input-icon>canvas{width:100%}.item{width:80%}.item>canvas{width:100%!important;height:100%!important}.slide-enter-active,.slide-exit-active{transition:transform .2s ease}.slide-enter,.slide-exit-to{transform:translateY(100vh)}.appear-enter-active,.appear-exit-active{transition:all .2s ease;opacity:1}.appear-enter,.appear-exit-to{opacity:0}.slide-down-enter-active,.slide-down-exit-active{transition:all .2s ease}.slide-down-enter,.slide-down-exit-to{opacity:0;transform:translateY(-100px)}.traverse-down-enter-active,.traverse-down-exit-active{transition:all .3s ease}.traverse-down-exit-to,.traverse-down-enter{transform:translateY(-100vh)}.traverse-up-enter-active,.traverse-up-exit-active{transition:all .3s ease}.traverse-up-exit-to,.traverse-up-enter{transform:translateY(100vh)}.popup-enter-active,.popup-exit-active{transition:all .1s ease-in}.popup-enter,.popup-exit-to{transform:scale(.2);opacity:0}.bounce-enter-active{animation:bounce-in .5s}@keyframes bounce-in{0%{transform:scale(0) translateY(100%);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) translateY(0)}}button.styled{all:unset;display:flex;gap:.5rem;font-size:1.5rem;place-items:center;background:var(--brown-dark);padding:.2rem .5rem;margin:1rem auto;border:solid .2rem var(--gold);border-radius:.5rem;box-shadow:0 .25rem .2rem .2rem #000;transition:all .1s;color:#fff}button.styled.disabled{border:solid .2rem var(--gold-tarnished)}button.styled.disabled,button.styled:hover{transform:translateY(.25rem);box-shadow:0 0 .2rem .2rem #000}button.button{all:unset;display:grid;place-items:center;padding:.2em .5em;background:#0000004d;color:#fff;font-size:2rem;border-radius:1rem;box-shadow:0 .2rem #000c;pointer-events:auto}button.selected{background:#000;color:#fff}button.button:hover{outline:solid .2rem hsl(0,0%,100%,.3)}.no-events,.ui-container{pointer-events:none}.ui-container>*:not(.no-events){pointer-events:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation-name:fade-in;animation-duration:1s}.input-range{cursor:pointer;appearance:none;background:#0000004d;border-radius:.5rem;box-shadow:0 .2rem #000c}.input-range:hover{outline:solid .2rem hsl(0,0%,100%,.3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#ffffffb3;border-radius:.5rem;height:1.5rem;width:1rem}.debug-canvas-container>canvas{width:150px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loader{background:#000;position:absolute;width:100vw;height:100vh;display:grid;place-items:center;margin:0 10vh}.loader:before{content:"";margin:auto;width:20vw;aspect-ratio:1;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 512 512"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M208 48a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm0 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM48 208a48 48 0 1 1 0 96 48 48 0 1 1 0-96zm368 48a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM75 369.1A48 48 0 1 1 142.9 437 48 48 0 1 1 75 369.1zM75 75A48 48 0 1 1 142.9 142.9 48 48 0 1 1 75 75zM437 369.1A48 48 0 1 1 369.1 437 48 48 0 1 1 437 369.1z"/></svg>');animation-name:spin;animation-direction:normal;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(8);z-index:100}.loader:after{background:#000;content:"We are loading the assets, please wait a minute...";color:#fff;font-size:10vh}.landscape-warning{inset:0;position:fixed;background:#000;z-index:1000}.landscape-warning:before{content:"For a better experience please turn your device to landscape mode";color:#fff;font-size:3rem;padding:2rem;text-wrap:balance;display:block;text-align:center}.landscape-warning:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='white' d='M142.9 142.9c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5c0 0 0 0 0 0H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5c7.7-21.8 20.2-42.3 37.8-59.8zM16 312v7.6 .7V440c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2l41.6-41.6c87.6 86.5 228.7 86.2 315.8-1c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.2 62.2-162.7 62.5-225.3 1L185 329c6.9-6.9 8.9-17.2 5.2-26.2s-12.5-14.8-22.2-14.8H48.4h-.7H40c-13.3 0-24 10.7-24 24z'/%3E%3C/svg%3E");width:50%;margin:auto;aspect-ratio:1;display:block}.css-renderer{position:fixed;top:0;left:0}