.dual-range-input{--dri-height: 1.5rem;--dri-thumb-width: 1.25rem;--dri-thumb-height: 1.25rem;--dri-thumb-color: #ddd;--dri-thumb-hover-color: #a8d5ff;--dri-thumb-active-color: #4eaaff;--dri-thumb-border-color: rgba(0, 0, 0, .1);--dri-thumb-border-hover-color: var(--dri-thumb-border-color);--dri-thumb-border-active-color: var(--dri-thumb-border-color);--dri-thumb-border-radius: 1rem;--dri-thumb-border-width: 1px;--dri-track-height: .25rem;--dri-track-border-radius: 1rem;--dri-track-color: #ccc;--dri-track-filled-color: #0084ff;--dri-track-filled-gradient-mid-color: var(--dri-track-filled-color);--dri-track-filled-gradient-end-color: var(--dri-track-filled-color);display:flex;height:var(--dri-height);max-width:100%;width:100%;box-sizing:border-box;padding-inline-end:calc(var(--dri-thumb-width) * 2)}.dual-range-input:has(input:focus-visible){outline:2px solid var(--dri-thumb-active-color);outline-offset:4px;border-radius:2px}.dual-range-input input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:none;border-radius:0;flex-basis:calc(50% + var(--dri-thumb-width));flex-shrink:0;font-size:inherit;height:100%;margin:0;min-width:var(--dri-thumb-width);outline:none}.dual-range-input input::-moz-range-track{background-color:var(--dri-track-color);background-repeat:no-repeat;box-sizing:border-box;height:var(--dri-track-height)}.dual-range-input input:first-child::-moz-range-track{border-start-start-radius:var(--dri-track-border-radius);border-end-start-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}[dir=rtl] .dual-range-input input:first-child::-moz-range-track{background-image:linear-gradient(to left,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}.dual-range-input input:last-child::-moz-range-track{border-start-end-radius:var(--dri-track-border-radius);border-end-end-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:last-child::-moz-range-track{background-image:linear-gradient(to left,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}.dual-range-input input::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--dri-thumb-color);border-radius:var(--dri-thumb-border-radius);border:var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);box-shadow:none;box-sizing:border-box;height:var(--dri-thumb-height);width:var(--dri-thumb-width);max-width:99.99%}.dual-range-input input:not([data-ready=true])::-moz-range-thumb{opacity:0}.dual-range-input input:hover::-moz-range-thumb{background-color:var(--dri-thumb-hover-color);border-color:var(--dri-thumb-border-hover-color)}.dual-range-input input:active::-moz-range-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input:focus-visible::-moz-range-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input::-webkit-slider-runnable-track{background-color:var(--dri-track-color);background-repeat:no-repeat;box-sizing:border-box;height:var(--dri-track-height)}.dual-range-input input:first-child::-webkit-slider-runnable-track{border-start-start-radius:var(--dri-track-border-radius);border-end-start-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}[dir=rtl] .dual-range-input input:first-child::-webkit-slider-runnable-track{background-image:linear-gradient(to left,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}.dual-range-input input:last-child::-webkit-slider-runnable-track{border-start-end-radius:var(--dri-track-border-radius);border-end-end-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:last-child::-webkit-slider-runnable-track{background-image:linear-gradient(to left,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}.dual-range-input input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--dri-thumb-color);border-radius:var(--dri-thumb-border-radius);border:var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);box-shadow:none;box-sizing:border-box;height:var(--dri-thumb-height);width:var(--dri-thumb-width);margin-top:calc(var(--dri-track-height) / 2);transform:translateY(-50%)}.dual-range-input input:not([data-ready=true])::-webkit-slider-thumb{opacity:0}.dual-range-input input:hover::-webkit-slider-thumb{background-color:var(--dri-thumb-hover-color);border-color:var(--dri-thumb-border-hover-color)}.dual-range-input input:active::-webkit-slider-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input:focus-visible::-webkit-slider-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}@font-face{font-family:tiny5;src:url(/invaders/fonts/tiny5/Tiny5-Regular.ttf) format("truetype"),url(/invaders/fonts/tiny5/Tiny5-Regular.woff2) format("woff2"),url(/invaders/fonts/tiny5/Tiny5-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:match7;src:url(/invaders/fonts/match7/Match7.ttf) format("truetype"),url(/invaders/fonts/match7/Match7.woff2) format("woff2"),url(/invaders/fonts/match7/Match7.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:nope8;src:url(/invaders/fonts/nope8/Nope8.ttf) format("truetype"),url(/invaders/fonts/nope8/Nope8.woff2) format("woff2"),url(/invaders/fonts/nope8/Nope8.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/invaders/fonts/inconsolata/Inconsolata-VariableFont_wdth_wght.woff2) format("woff2-variations");src:url(/invaders/fonts/inconsolata/Inconsolata-VariableFont_wdth_wght.woff2) format("woff2") tech("variations");font-weight:100 900;font-stretch:25% 151%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:2px solid var(--theme)}:root{--theme-l: .63;--theme-c: .2;--theme-h: 265;--theme-oklch: var(--theme-l) var(--theme-c) var(--theme-h);--theme: oklch(var(--theme-oklch));--gray-50: #eff1f4;--gray-100: #dee3ea;--gray-200: #bec7d5;--gray-300: #9eacc2;--gray-400: #8292a9;--gray-500: #6b788b;--bg: #202125;--fg: #eff1f4}html{scrollbar-color:rgba(255,255,255,.2) var(--bg);font-size:100%}@media (min-width: 2200px){html{font-size:125%}}body{background:var(--bg);color:var(--fg);font-family:nope8,Inconsolata,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:1.25rem}@media (min-width: 600px){body{font-size:1.5rem}}h1,h2{color:var(--gray-400);font-size:2rem;line-height:1;margin-bottom:.25rem}@media (min-width: 600px){h1,h2{font-size:2.5rem}}h2{margin-bottom:1rem}p+h2{margin-top:1em}p{line-height:1.3}p+p{margin-top:1em}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit}button{cursor:pointer}button::-moz-focus-inner{border:0}svg{overflow:visible;display:block}nav{display:flex;gap:.25rem;justify-content:center;flex-wrap:wrap}nav a,nav button{color:var(--gray-200);text-decoration:none;border-radius:4px;padding:0 .25rem}nav a:hover,nav button:hover{color:var(--gray-50);text-decoration:2px underline var(--theme)}nav a:focus-visible,nav button:focus-visible{outline:2px solid var(--theme);color:var(--gray-50)}nav span{color:var(--theme)}a{color:inherit;color:oklch(.7 .15 var(--theme-h));text-decoration-thickness:2px}a:hover{color:var(--gray-50);text-decoration:2px underline var(--theme)}a:focus-visible{outline:2px solid var(--theme);color:var(--gray-50)}.save-right{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@keyframes star-animation{0%,1.1%,to{opacity:1}0.1%,1%{opacity:0}}.star{animation-name:star-animation;animation-iteration-count:infinite;position:absolute;color:#aeb3ba;transform:translate(-50%,-50%);background:currentColor;width:.25rem;height:.25rem}.star:nth-child(2n){display:none}@media (min-width: 600px){.star:nth-child(2n){display:block}.star:nth-child(3n){display:none}}@media (min-width: 1000px){.star:nth-child(3n){display:block}}.star--big{width:.25rem;height:.75rem}.star--big:before{background:currentColor;height:.25rem;width:.75rem;display:block;top:.25rem;left:-.25rem;position:absolute;content:""}.star:nth-child(1){animation-delay:13s;animation-duration:42s}.star:nth-child(2){animation-delay:5s;animation-duration:33s}.star:nth-child(3){animation-delay:17s;animation-duration:51s}.star:nth-child(4){animation-delay:30s;animation-duration:49s}.star:nth-child(5){animation-delay:27s;animation-duration:41s}.star:nth-child(6){animation-delay:9s;animation-duration:57s}.star:nth-child(7){animation-delay:3s;animation-duration:39s}.star:nth-child(8){animation-delay:22s;animation-duration:52s}.star:nth-child(9){animation-delay:16s;animation-duration:41s}.star:nth-child(10){animation-delay:18s;animation-duration:33s}.star:nth-child(11){animation-delay:23s;animation-duration:53s}.star:nth-child(12){animation-delay:30s;animation-duration:45s}.star:nth-child(13){animation-delay:11s;animation-duration:35s}.star:nth-child(14){animation-delay:6s;animation-duration:35s}.star:nth-child(15){animation-delay:17s;animation-duration:49s}.star:nth-child(16){animation-delay:28s;animation-duration:48s}.star:nth-child(17){animation-delay:20s;animation-duration:40s}.star:nth-child(18){animation-delay:25s;animation-duration:43s}@keyframes invader-animation{0%{transform:translate(0)}50%{transform:translate(-100%)}to{transform:translate(0)}}.invader--animate{overflow:hidden}.invader--animate .invader-pixels-wrapper{animation:invader-animation 1s infinite steps(1)}.invader--debug .invader-pixel--l{fill:oklch(calc(var(--theme-l) * .8) calc(var(--theme-c) * .6) var(--theme-h))}.invader-horn,.invader-tentacle,.invader-body{fill:transparent}.invader-horn:hover,.invader-tentacle:hover,.invader-body:hover{fill:#ffffff4d}html.no-scroll{overflow:hidden;touch-action:none}.dialog{padding:6rem 0 0;margin:0;width:100%;height:100%;max-width:100%;max-height:100%;border:none;background:none;overflow:hidden;transition:display .4s allow-discrete,overlay .4s allow-discrete;touch-action:auto;outline:none;position:fixed;inset:0}@media (min-width: 600px){.dialog{padding:4rem}}.dialog[open]{opacity:1;display:flex}@starting-style{.dialog[open]{opacity:0}}.dialog::backdrop{display:none}.dialog button:focus-visible{outline:2px solid var(--theme)}.dialog-backdrop{background-color:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .4s;opacity:0;will-change:opacity;position:fixed;z-index:0;inset:0;z-index:-1}.dialog[open] .dialog-backdrop{opacity:1}@starting-style{.dialog[open] .dialog-backdrop{opacity:0}}.dialog-content{z-index:1;width:100%;max-height:100%;margin:auto auto 0;overflow:hidden;background-color:var(--bg);color:var(--fg);transition:display .3s allow-discrete,overlay .3s allow-discrete,transform .3s,opacity .3s;scrollbar-width:auto;padding:2rem;overflow:auto;scrollbar-width:thin;border-top:1px solid rgba(255,255,255,.1);opacity:0;display:none;transform:translateY(4rem);will-change:transform}@media (min-width: 600px){.dialog-content{border:1px solid rgba(255,255,255,.1);margin:0 auto;align-self:center}}@media (min-width: 1000px){.dialog-content{max-width:50rem;padding:3rem}}.dialog-content h2,.dialog-content span{color:oklch(.7 .15 var(--theme-h))}.dialog[open] .dialog-content{display:block;transform:none;opacity:1}@starting-style{.dialog[open] .dialog-content{transform:translateY(4rem);opacity:0}}.dialog-close-form{position:absolute;top:2.25rem;right:2rem}@media (min-width: 1000px){.dialog-close-form{top:3.25rem;right:3rem}}.dialog-close-button{display:flex;padding:0 .25rem;border-radius:4px;align-items:center;gap:.5rem;color:var(--gray-400)}.dialog-close-button:hover{color:var(--fg)}.dialog-close-button:focus-visible{outline:var(--px) solid currentColor;outline-offset:var(--px)}.dialog-close-form svg{height:1rem;margin-top:-.125rem}.controls{--controls-font: "Inconsolata", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--controls-main-oklch: .6 var(--theme-c) var(--theme-h);--controls-main: oklch(var(--controls-main-oklch));--controls-main-light-oklch: .75 var(--theme-c) var(--theme-h);--controls-main-light: oklch(var(--controls-main-light-oklch));--controls-main-dark-l: .45;--controls-main-dark-oklch: var(--controls-main-dark-l) var(--theme-c) var(--theme-h);--controls-main-dark: oklch(var(--controls-main-dark-oklch));--controls-gray-50: #eff1f4;--controls-gray-100: #dee3ea;--controls-gray-200: #bec7d5;--controls-gray-300: #9eacc2;--controls-gray-400: #8292a9;--controls-gray-500: #6b788b;--controls-bg: rgb(0 0 0 / .2);--controls-fg: #181c22;--controls-fg-muted: #bec7d5;--controls-fg-light: var(--controls-gray-50);--controls-button-bg: rgb(0 0 0 / .25);--controls-button-bg-hover: rgb(0 0 0 / .4);--controls-input-bg: rgb(0 0 0 / .25);--controls-radius: 4px;color:var(--controls-fg);display:grid;font-family:var(--controls-font);font-size:.875rem;width:100%;padding:.5rem .75rem;gap:.5rem;border-top:1px solid rgba(255,255,255,.05);background:#282d32b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:var(--controls-gray-400) transparent;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}@media (min-width: 600px){.controls{display:grid;gap:.5rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (min-width: 1000px){.controls{display:flex;flex-direction:column;align-items:unset;max-width:24rem;padding:1rem;align-self:flex-start;overflow:auto;border-radius:var(--controls-radius);border:1px solid rgba(255,255,255,.05);position:sticky;top:0}}.controls-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--controls-radius);color:var(--controls-fg-light);transition:color .5s,background-color .5s}.controls-btn:focus-visible,.controls-btn:hover{color:var(--controls-main-light)}.controls-btn svg{width:1rem;transition:transform .5s,color .5s}.controls-btn path{transition:opacity .5s}.controls-randomize,.controls-save{padding:.5rem 1rem;background:var(--controls-button-bg);font-weight:700}.controls-randomize:focus-visible,.controls-randomize:hover,.controls-save:focus-visible,.controls-save:hover{background:var(--controls-button-bg-hover)}@keyframes download{0%,to{transform:none}50%{transform:translateY(-15%)}}.controls-save:focus-visible path:nth-child(1),.controls-save:focus-visible path:nth-child(3),.controls-save:hover path:nth-child(1),.controls-save:hover path:nth-child(3){animation:download 1s infinite}.controls-randomize{margin-left:6rem}.controls-randomize:focus-visible svg,.controls-randomize:hover svg{transform:rotate(.5turn)}.controls-randomize:focus-visible path:nth-child(2),.controls-randomize:focus-visible path:nth-child(4),.controls-randomize:hover path:nth-child(2),.controls-randomize:hover path:nth-child(4){opacity:0}.control{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:center;border-radius:var(--controls-radius)}.control-label{color:var(--controls-fg-muted);flex:6rem 0 0;font-weight:700;-webkit-hyphens:auto;hyphens:auto}.control-right{flex:auto 1 1;background:var(--controls-bg);border-radius:var(--controls-radius);padding:.5rem}.controls button:focus-visible{outline:2px solid var(--controls-main);outline-offset:2px}.control--boolean input{opacity:0;pointer-events:none;position:absolute;left:-1000vw}.boolean-checkmark{appearance:none;width:1rem;height:1rem;color:transparent;background:var(--controls-fg-light);border-radius:var(--controls-radius);display:grid;place-items:center}.boolean-checkmark svg{width:.875rem;height:.875rem;stroke-width:4px}.boolean-input:checked+.boolean-checkmark{color:var(--controls-fg-light);border-color:transparent;background:var(--controls-main)}.boolean-input:focus-visible+.boolean-checkmark{outline:2px solid var(--controls-main);outline-offset:2px}label:hover .boolean-input:not(:checked)+.boolean-checkmark{color:var(--controls-gray-300)}label:hover .boolean-input:checked+.boolean-checkmark{background:var(--controls-main-dark)}.range-input{width:100%;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;display:block;background:none;border-radius:0;flex-basis:calc(50% + var(--dri-thumb-width));flex-shrink:0;font-size:inherit;height:1rem;margin:0;min-width:var(--dri-thumb-width);outline:none;border-radius:var(--controls-radius)}.range-input:focus-visible{outline:2px solid var(--controls-main);outline-offset:2px}.range-input::-moz-range-track{background-color:var(--controls-gray-200);background-repeat:no-repeat;box-sizing:border-box;height:.25rem;border-radius:100px;background-image:linear-gradient(to right,var(--controls-main) var(--gradient-position),var(--controls-gray-200) var(--gradient-position))}.range-input::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--controls-gray-100);border-radius:var(--controls-radius);border:none;box-shadow:none;box-sizing:border-box;height:1rem;width:1.25rem;max-width:99.99%}.range-input::-moz-range-thumb:hover{background-color:var(--controls-gray-200);border-color:var(--controls-gray-300)}.range-input::-moz-range-thumb:active{background-color:var(--controls-main);border-color:transparent}input::-webkit-slider-runnable-track{background-color:var(--controls-gray-200);background-repeat:no-repeat;box-sizing:border-box;height:.25rem;border-radius:100px;background-image:linear-gradient(to right,var(--controls-main) var(--gradient-position),var(--controls-gray-200) var(--gradient-position))}input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--controls-gray-100);border-radius:var(--controls-radius);border:none;box-shadow:none;box-sizing:border-box;height:1rem;width:1.25rem;margin-top:.125rem;transform:translateY(-50%)}input::-webkit-slider-thumb:hover{background-color:var(--controls-gray-200);border-color:var(--controls-gray-300)}input::-webkit-slider-thumb:active{background-color:var(--controls-main);border-color:transparent}.control-right .dual-range-input{--dri-track-filled-color: var(--controls-main);--dri-height: 1rem;--dri-thumb-width: 1.25rem;--dri-thumb-height: 1rem;--dri-thumb-border-radius: var(--controls-radius);--dri-thumb-color: var(--controls-gray-100);--dri-thumb-hover-color: var(--controls-gray-200);--dri-thumb-active-color: var(--controls-main);--dri-thumb-border-color: var(--controls-gray-200);--dri-thumb-border-hover-color: var(--controls-gray-300);--dri-thumb-border-active-color: transparent;--dri-track-color: var(--controls-gray-100)}.control-right .dual-range-input:has(input:focus-visible){outline-offset:2px}.radio-label{display:block;text-align:center;border-radius:var(--controls-radius);background:var(--controls-button-bg);color:var(--controls-fg-light);cursor:pointer;padding:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s,background-color .25s}.radio-label:focus-visible,.radio-label:hover{background:var(--controls-button-bg-hover);color:var(--controls-main-light)}.radio-label input{opacity:0;pointer-events:none;position:absolute;left:-1000vw}.radio-label:has(input:checked){background:var(--controls-main);background-image:linear-gradient(to bottom right,var(--controls-main),var(--controls-accent));color:var(--controls-fg-light)}.radio-label:has(input:focus-visible){outline:2px solid var(--controls-main);outline-offset:2px}.control--seed .control-right{display:flex;gap:.25rem}.seed-input{background-color:var(--controls-input-bg);color:var(--controls-fg-light);padding:.25rem .5rem;border-radius:var(--controls-radius);width:0;flex-grow:1}.seed-input:focus{outline:2px solid var(--controls-main);outline-offset:2px}.seed-new-button{padding:0 .25rem;flex-shrink:0}.seed-new-button:focus-visible svg,.seed-new-button:hover svg{transform:rotate(.5turn)}.easing{position:relative;margin-block:.5rem}.easing path,.easing line{vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round}.easing-ticks{height:.375rem;width:100%}.easing-ticks line{stroke:var(--controls-gray-200);stroke-linecap:round;vector-effect:non-scaling-stroke}.easing-borders{stroke:var(--controls-gray-200);stroke-dasharray:1 3}.easing-path{stroke-width:2px;stroke:var(--controls-main)}.easing-line{stroke:var(--controls-gray-200);stroke-dasharray:3}.easing-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.25rem}.easing-buttons button{overflow:hidden;display:grid;align-content:center;text-align:center;border-radius:var(--controls-radius);background:var(--controls-button-bg);color:var(--controls-fg-light);padding:.25rem;transition:color .25s,background-color .25s}.easing-buttons button:focus-visible,.easing-buttons button:hover{background:var(--controls-button-bg-hover);color:var(--controls-main-light)}.control--radio .control-right{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.25rem}.easing-handle{touch-action:none;position:absolute;transform:translate(-50%,-50%);display:block;width:2rem;height:2rem;border-radius:50%;cursor:grab;font-size:0;color:transparent;transition:border .25s;border:.75rem solid transparent}.easing-handle:after{content:"";display:block;background-color:var(--controls-gray-50);border:1px solid var(--controls-gray-300);height:100%;width:100%;border-radius:50%}.easing-handle:hover,.easing-handle:focus-visible{border-color:oklch(var(--controls-main-oklch)/.1)}.easing-handle:hover:after,.easing-handle:focus-visible:after{background-color:var(--controls-main);border:1px solid var(--controls-main)}.app{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;max-width:80rem;margin-inline:auto}@media (min-width: 1000px){.app{flex-direction:row;min-height:0;padding-block:2rem}}.content{padding:1rem 2rem 2rem;width:100%;flex-grow:1;display:flex;flex-direction:column;position:sticky;top:0;bottom:0;min-height:60vh;min-height:60svh}@media (min-width: 1000px){.content{max-height:none;min-height:0;padding:2rem}}.text{padding-bottom:2rem;text-align:center}.stars{position:absolute;overflow:hidden;inset:0;z-index:-1}.drawing{display:grid;place-items:center;flex-grow:1}@media (min-width: 1000px){.drawing{height:40rem}}.drawing svg{--invader-pixel: 1rem;margin:0 auto;max-width:100%;max-width:calc(var(--invader-width) * var(--invader-pixel))}@media (min-width: 1000px){.drawing svg{--invader-pixel: 1.25rem}}.controls{margin-top:auto;z-index:1}@media (min-width: 1000px){.controls{margin:2rem}}.nav-new,.hide-controls .controls{display:none}.hide-controls .hide-controls .drawing{max-height:100vh;max-height:100svh}.hide-controls .nav-new{display:unset}