a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a:active,a:hover{outline:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Styrene;font-display:auto;src:url("/fonts/styrenea-regular.woff2") format("woff2"),url("/fonts/styrenea-regular.woff") format("woff"),url("/fonts/styrenea-regular.otf") format("opentype");font-style:normal;font-weight:400}@font-face{font-family:Styrene;font-display:auto;src:url("/fonts/styrenea-regularitalic.woff2") format("woff2"),url("/fonts/styrenea-regularitalic.woff") format("woff"),url("/fonts/styrenea-regularitalic.otf") format("opentype");font-style:italic;font-weight:400}@keyframes loader-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--background:var(--theme);--font-family:"Styrene";--font-size:1.8rem;--line-height:1.4;--gutter:3rem}@media (max-width:400px){:root{--font-size:1.6rem}}@media (max-width:350px){:root{--font-size:1.4rem}}html{height:100%}html,html body{overflow:hidden}html body{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100vw}*,:after,:before{box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}body{min-height:100%;margin:0;padding:0;background:var(--background);font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;width:100%;height:auto}.app,img{-webkit-touch-callout:none;user-select:none}.app h1{opacity:0;color:#fff;position:fixed;z-index:2;font-weight:400;top:50%;left:50%;font-size:16vw;transform:translate(-50%,-50%);line-height:1;mix-blend-mode:color-dodge}.app h1 div:last-child{float:right}.app .renderer canvas[data-name=debug]{position:fixed;z-index:3}.app__stats{position:fixed;left:0;right:0;bottom:0;padding:var(--gutter);color:#fff;font-size:small;justify-content:space-between}.app__stats,.app__stats .flexgroup{display:flex;gap:var(--gutter)}.app__stats>:first-child{flex:1}.app__stats [data-label]:before{content:attr(data-label) ":\A0";color:#fff}.button{transition-property:opacity,transform;transition-duration:.12s;transition-timing-function:ease;-webkit-touch-callout:none;user-select:none;width:auto;margin:0;padding:0;overflow:visible;color:inherit;font:inherit;line-height:inherit;background:transparent;border:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none;--active:3px;--background:#fff;--color:#000;--border-color:#000;display:flex;align-items:center;justify-content:flex-start;gap:1rem;cursor:pointer;white-space:nowrap;padding:calc(var(--gutter) / 2);line-height:1;color:var(--color);background:var(--background);border:1px solid var(--border-color);border-radius:5px}.button::-moz-focus-inner{padding:0;border:0}.button:focus{outline:none}.button.is-disabled,.button[disabled]{--background:transparent;--color:gray;--border-color:gray;pointer-events:none}.button:active{transform:translateY(var(--active))}.button.is-waiting{cursor:wait}.button__text{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.button__icon{line-height:0}.button.is-waiting .button__icon{position:relative;color:transparent}.button.is-waiting .button__icon:before{position:absolute;top:50%;left:50%;width:1em;height:1em;border:1px solid transparent;border-top:1px solid var(--color);border-left:1px solid var(--color);border-radius:50%;animation:loader-spin 1s linear infinite;content:"";pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes button--generate{0%{transform:none}to{transform:rotate(1turn)}}@keyframes button--send{0%{transform:none}30%{transform:translateX(-100%)}to{transform:translateX(300%)}}.remote{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll;-webkit-touch-callout:none;user-select:none;color:#fff;padding:var(--gutter);max-width:600px;margin:0 auto;height:100%;display:flex;flex-direction:column;gap:calc(var(--gutter) / 2)}.remote::-webkit-scrollbar{height:0;background:transparent;display:none}.remote[data-creature=Shifter]{--accent:#f25700}.remote[data-creature=Restorer]{--accent:#5181c9}.remote[data-creature=Builder]{--accent:#54d584}.remote header{position:sticky;top:0;display:flex;flex:1}.remote header h1{font-size:2.8rem;line-height:1.1;font-weight:400;flex:1;display:flex;flex-direction:column}.remote header .select{align-self:baseline}.remote__renderer{--steps:30;--grid-color:#fff;position:relative}.remote__renderer:after{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;content:"";opacity:.3;border-right:1px solid var(--grid-color);border-bottom:1px solid var(--grid-color);background:repeating-linear-gradient(90deg,var(--grid-color),var(--grid-color) 1px,transparent 0,transparent calc(100% / var(--steps))),repeating-linear-gradient(180deg,var(--grid-color),var(--grid-color) 1px,transparent 0,transparent calc(100% / var(--steps)))}.remote__renderer canvas{width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.remote__stats{flex:1;display:flex;justify-content:space-between;gap:var(--gutter)}.remote__stats span{color:var(--accent)}.remote__stats span:first-child{flex:1}.remote__stats span:not(:first-child){text-align:right}.remote__stats span:before{content:attr(data-label);display:block;color:#fff}.remote__toolbar{position:sticky;bottom:0;justify-self:flex-end;flex-direction:column;background:#000}.remote__toolbar,.remote__toolbar .flexgroup{display:flex;gap:calc(var(--gutter) / 2)}.remote__toolbar .flexgroup .button{flex:1}.remote__toolbar .button--send{--background:var(--accent)}.remote__toolbar .button--generate .button__icon{animation:button--generate .3s}.remote__toolbar .button--send .button__icon{animation:button--send .6s,fade-in 1s .6s}.renderer{width:100vw;height:100vh}.renderer canvas{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.renderer canvas.pixelated{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.select{-webkit-touch-callout:none;user-select:none;--color:#000;--background:#fff;position:relative;color:var(--color);background:var(--background);border:1px solid;border-radius:5px}.select select{width:auto;margin:0;padding:0;overflow:visible;color:inherit;font:inherit;line-height:inherit;background:transparent;border:none;appearance:none;-webkit-appearance:none;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none;padding:calc(var(--gutter) / 2);width:100%;height:100%;cursor:pointer}.select select::-moz-focus-inner{padding:0;border:0}.select select:focus{outline:none}

/*# sourceMappingURL=bundle.css.map*/