:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#07092c,#0000);background-color:#300610;background-size:150vw 100vh;background-attachment:fixed;animation-name:background-anim;animation-duration:30s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes background-anim{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}.fancy_colors{filter:drop-shadow(3px 3px 3px #EE4266) drop-shadow(-3px 3px 3px #2A1E5C) drop-shadow(3px -3px 3px #2A1E5C) drop-shadow(-3px -3px 3px #EE4266)}.fancy_colors.invert{filter:invert() drop-shadow(3px 3px 3px #EE4266) drop-shadow(-3px 3px 3px #2A1E5C) drop-shadow(3px -3px 3px #2A1E5C) drop-shadow(-3px -3px 3px #EE4266)}.ibm-plex-sans{font-family:IBM Plex Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-size:1.2em}#app{max-width:1280px;margin:0 auto;padding-right:2rem}.right{text-align:right}button{border:none;background:none}h1{font-size:2em;font-weight:500;line-height:1.1;border-top:.5rem solid #EE4266;margin-top:1px;padding-top:.3em;transition:text-decoration-thickness .2s ease}.left h1{margin-right:.3em}.right h1{margin-left:.3em}.description:hover>h1{text-decoration-thickness:.8rem}.toplevel{padding:3em;display:grid;grid-auto-flow:dense;grid-template-columns:1fr;gap:2em 0em}.big{padding-bottom:6em}@media (min-width:961px){.toplevel{grid-template-columns:1fr .5fr 1fr}.big.right{grid-column:2/span 2}.big.left{grid-column:1/span 2}:not(.big).right{grid-column:3/span 1}:not(.big).left{grid-column:1/span 1}}.header{grid-column:1/span 3;margin-bottom:1em}.header h1{border:none;font-size:3em}.description{margin-left:1em;margin-right:1em}.showcase{filter:drop-shadow(10px 10px 10px rgba(5,1,12,.954))}h1{filter:drop-shadow(5px 5px 3px rgb(5,1,12))}.showcase_button>img{aspect-ratio:1.7}.shadertoy_embed{width:100%;aspect-ratio:2}.itch_embed,.video_embed{width:100%;aspect-ratio:1.777}.top-bottom-border{border-top:.5rem solid #EE4266}.showcase_button{position:relative;display:inline-block;cursor:pointer;transition:scale .3s ease}.showcase_button>img{width:100%;transition:filter .2s ease}.showcase_button:hover>img{filter:blur(.3em) contrast(.7) opacity(.4)}.fill{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.play_img{transition:opacity .2s ease}.play_img>img{transition:scale .2s ease}.showcase_button:hover{scale:1.02}.showcase_button:hover .play_img>img{scale:.2}.showcase_button:hover>.play_img{opacity:0}.play_img>img{filter:invert(1);width:100px;color:#fff;border-radius:40%}.showcase_button>.text{font-size:4em;opacity:0;transition:opacity .2s ease}.showcase_button:hover:not(.clicked)>.text{opacity:1}.pills{display:flex;gap:20px}.right .pills{justify-content:right}a.pill{all:unset;text-decoration:underline;cursor:pointer}a.pill,.pill{overflow:hidden;display:flex;width:min-content;height:min-content;align-items:center;justify-content:center;white-space:nowrap;gap:.5em;background-color:#ee426714;outline:2px solid #EE4266;border-radius:20px;margin-top:20px;margin-bottom:20px;padding:3px 10px 4px 7px;font-weight:600;transition:outline-width .1s linear}.pill>img{width:1.5em;height:1.5em}.pill:hover{outline-width:4px}.square_marchinator{display:flex;justify-content:space-between;--pixel-width: 30;--pixel-height: 24;--pixel-size: 12px}#grid{padding-top:20px;padding-left:calc(var(--pixel-width) * 2);display:grid;grid-template-columns:repeat(var(--pixel-width),var(--pixel-size));grid-template-rows:repeat(var(--pixel-height),var(--pixel-size));gap:0px}#output{padding-top:20px;width:calc(var(--pixel-width) * var(--pixel-size));height:calc(var(--pixel-height) * var(--pixel-size))}.pixel{width:var(--pixel-size);height:var(--pixel-size);background:#ffffff13;border:1px solid #cccccc07;cursor:pointer}.pixel:hover{outline:2px solid #999;outline-offset:-4px}#palette{margin-top:20px;width:100%;padding-left:18px;padding-bottom:20px;display:flex;gap:20px;justify-content:center}#palette>*{transition:scale .1s ease}#palette>:hover{scale:1.2}.color{width:30px;height:30px;border:2px solid transparent;cursor:pointer}.color.selected{scale:1.2}#starImageContainer{position:relative;width:100%}#starImage{display:block;width:100%;height:auto}#starImageSVGOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.8}.card{width:215px;height:310px;scale:.8;perspective:100000px}.card1{position:absolute;left:60%;top:10%;bottom:0;right:0;rotate:10deg}.card2{position:absolute;left:37%;top:20%;bottom:0;right:0;rotate:-10deg}.card-inner{position:absolute;left:0;top:0;bottom:0;right:0;transform-style:preserve-3d;transition:transform .6s}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;left:0;top:0;bottom:0;right:0;backface-visibility:hidden;outline:5px solid #EE4266}.card-front{z-index:-2}.card-back{transform:rotateY(180deg)}