@font-face{font-family:Pixel;src:url(../fonts/press-start-2p.ttf) format("truetype");font-display:swap}@font-face{font-family:Terminal;src:url(../fonts/vt323.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;--paper:#000000;--ink:#f4f0e7;--orange:#ff986e;--teal:#6adbc2;--purple:#c3a0ff;--blue:#76cfff;--logo-width:min(455px,91vw,52dvh);--logo-height:calc(var(--logo-width)*1199/1312)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--paper)}body{color:var(--ink)}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid var(--purple);outline-offset:6px;border-radius:4px}.stage{height:100svh;height:100dvh;min-height:400px;position:relative;overflow:hidden;isolation:isolate}.logo-frame{border:0;padding:0;background:transparent;cursor:pointer;appearance:none;position:absolute;width:var(--logo-width);height:var(--logo-height);left:50%;top:50%;transform:translate(-50%,-50%)}.logo{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.logo-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:url(#logo-outline)}.tagline-slot{position:absolute;left:50%;transform:translate(-50%);width:min(calc(100% - 52px),max(var(--logo-width),680px));top:calc(50% + var(--logo-height)/2 + 15px);height:140px;display:grid;place-items:start center;padding:10px 20px}.tagline{margin:0;max-width:100%;text-align:center;line-height:1.7;word-spacing:7.8px;color:var(--ink);font-family:Pixel,monospace;font-size:clamp(19.5px,2.4375vw,27.3px)}.tagline span{display:inline-block;white-space:nowrap}.tagline[data-font=terminal],.soon[data-font=terminal] .word{font-family:Terminal,monospace;font-size:50.7px;line-height:1.05;letter-spacing:3.9px}.tagline[data-font=mono],.soon[data-font=mono] .word{font-family:monospace;font-size:35.1px;font-weight:700;line-height:1.5;letter-spacing:-1.17px}.tagline[data-effect=twitch] span:nth-child(2){animation:twitch .55s steps(1,end)}.tagline[data-effect=color] span{animation:color-drift .2s ease-in-out infinite}.tagline[data-effect=color] span:nth-child(2){animation-delay:.02s}.tagline[data-effect=color] span:nth-child(3){animation-delay:.04s}.tagline[data-effect=echo]{animation:echo .65s steps(1,end)}.soon-track{position:absolute;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));bottom:max(20px,env(safe-area-inset-bottom));pointer-events:none}.soon{pointer-events:auto;position:absolute;left:0;top:0;width:208px;height:93.6px;border:0;padding:8px 10px;background:transparent;cursor:pointer;color:var(--ink);will-change:transform}.word{display:flex;align-items:center;justify-content:center;font:clamp(19.5px,2.4375vw,27.3px)/1.7 Pixel,monospace;letter-spacing:0;height:72.8px}.middle{position:relative;display:inline-grid;grid-template-rows:100%;grid-template-columns:100%;place-items:center;width:calc(2ch + 2 * var(--soon-spacing,0px));height:72.8px;flex:none}.middle>*{grid-area:1/1;transition:opacity .18s,transform .35s cubic-bezier(.2,1.6,.4,1);pointer-events:none}.letters{letter-spacing:inherit}.infinity{font-family:Arial,sans-serif;font-size:93.6px;line-height:1;color:currentColor;opacity:0;transform:scale(.4)}.eyes{width:100%;height:65px;opacity:0;transform:scale(.4)}.eyes .eye-lids{fill:currentColor;stroke:var(--paper);stroke-width:3;transform-origin:42px 26px}.eyes .pupils{fill:var(--paper);stroke:none}.soon[data-mode=infinity] .letters,.soon[data-mode=eyes] .letters{opacity:0;transform:scale(.6)}.soon[data-mode=infinity] .infinity,.soon[data-mode=eyes] .eyes{opacity:1;transform:scale(1)}.soon[data-mode=eyes] .eye-lids{animation:blink 2.4s ease-in-out}.soon[data-mode=eyes] .pupils{animation:look 2.4s ease-in-out}.music{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:57.2px;height:57.2px;border:1px solid #f4f0e738;box-shadow:3px 3px #00000030;background:#000000d9;display:grid;place-items:center;cursor:pointer;color:var(--ink)}.music svg{width:28.6px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.music:disabled{cursor:default;color:#aba5b5}.music .sound-waves{display:none}.music[aria-pressed=true] .sound-waves{display:block}.music[aria-pressed=true] .sound-off{display:none}.music[data-loading=true]{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.math-field{position:absolute;inset:0;z-index:-1;pointer-events:none;color:#575b4a;--figure-opacity:.62;--orange:#ff4c00;--teal:#008a76;--purple:#7928e8;--blue:#0089cf}.grid{position:absolute;background-image:linear-gradient(#77765b99 1px,transparent 1px),linear-gradient(90deg,#77765b99 1px,transparent 1px);background-size:31.2px 31.2px;border-right:1px solid #77765b99;border-bottom:1px solid #77765b99}.grid-a{left:7%;top:12%;width:313.3px;height:250.9px;transform:rotate(-7deg)}.grid-b{right:7%;bottom:16%;width:250.9px;height:250.9px;transform:rotate(8deg)}.formula{position:absolute;font:39px Terminal,monospace;letter-spacing:2.6px}.formula-a{right:12%;top:20%;transform:rotate(7deg)}.formula-b{left:8%;bottom:20%;font-size:33.8px}.formula-c{left:20%;top:42%;font-size:83.2px}.formula-d{right:20%;top:51%}.tiles{position:absolute;right:22%;top:9%;display:grid;grid-template-columns:repeat(3,31.2px);gap:9.1px;transform:rotate(-5deg)}.tiles i{width:31.2px;height:31.2px;border:1px solid currentColor}.tiles i:nth-child(2),.tiles i:nth-child(7){background:var(--teal)}.graph{position:absolute;width:279.5px;left:8%;bottom:34%;fill:none;stroke:currentColor;stroke-width:1}.graph .curve{stroke:var(--purple);stroke-width:2}.pixel{position:absolute;width:13px;height:13px;background:var(--orange);animation:float 16s ease-in-out infinite}.pixel-a{left:30%;top:17%}.pixel-b{right:8%;top:42%;background:var(--teal);animation-delay:-5s}.pixel-c{left:28%;bottom:8%;background:var(--purple);animation-delay:-10s}.grid-c{left:38%;top:-34px;width:219.7px;height:126.1px;transform:rotate(5deg)}.grid-d{left:48%;bottom:-46px;width:282.1px;height:157.3px;transform:rotate(-4deg)}.formula-e{left:5%;top:7%;font-size:36.4px;transform:rotate(-8deg)}.formula-f{right:3%;top:40%;font-size:85.8px;transform:rotate(9deg)}.formula-g{left:32%;top:26%;font-size:49.4px}.formula-h{right:26%;bottom:7%;font-size:31.2px;transform:rotate(-5deg)}.graph-curve{inset:5% 2% auto auto;width:234px;transform:rotate(5deg)}.graph-curve .curve{stroke:var(--teal)}.tetromino{position:absolute;left:3%;bottom:8%;display:grid;grid-template-columns:repeat(3,36.4px);grid-template-rows:repeat(2,36.4px);gap:5.2px;transform:rotate(-12deg)}.tetromino i{border:2px solid var(--purple);background:#7928e818}.tetromino i:first-child{grid-column:2}.tetromino i:nth-child(2){grid-column:1;grid-row:2}.tetromino i:nth-child(3){grid-column:2;grid-row:2}.tetromino i:nth-child(4){grid-column:3;grid-row:2}.dot-matrix{position:absolute;left:2%;top:40%;width:88.4px;height:119.6px;background-image:radial-gradient(currentColor 2px,transparent 2px);background-size:18.2px 18.2px;transform:rotate(5deg)}.number-tile{position:absolute;right:6%;bottom:6%;display:grid;place-items:center;width:72.8px;height:72.8px;border:2px solid var(--orange);font:49.4px Terminal,monospace;transform:rotate(9deg)}.pixel-d{right:37%;top:18%;background:var(--blue);animation-delay:-3s}.pixel-e{left:15%;top:32%;background:var(--teal);animation-delay:-7s}.pixel-f{right:35%;bottom:22%;background:var(--orange);animation-delay:-12s}@keyframes twitch{0%,to{transform:translate(0)}20%{transform:translate(1px,-1px)}40%{transform:translate(-2px)}60%{transform:translateY(1px)}}@keyframes color-drift{0%,to{color:var(--ink)}30%{color:var(--teal)}65%{color:var(--purple)}}@keyframes echo{0%,to{text-shadow:none}25%,65%{text-shadow:-1px 0 var(--blue),1px 1px var(--orange)}45%{text-shadow:1px 0 var(--purple),-1px -1px var(--teal)}}@keyframes blink{0%,33%,41%,to{transform:scaleY(1)}37%{transform:scaleY(.08)}}@keyframes look{0%,to{transform:translate(0)}20%,42%{transform:translate(-6px)}65%,82%{transform:translate(5px)}}@keyframes float{50%{transform:translateY(-9px)}}body[data-hidden=true] *{animation-play-state:paused!important}@media(max-width:600px){.math-field{--figure-opacity:.54}.grid-a{left:-48px;top:10%}.grid-b{right:-40px;bottom:15%}.formula-a{right:5%;top:18%;font-size:23.4px}.formula-b{left:6%;bottom:14%;font-size:18.2px}.formula-c{left:6%;top:36%;font-size:39px}.formula-d{right:3%;top:43%;font-size:23.4px}.graph{left:-40px;width:143px;bottom:29%}.tiles{right:24%;top:7%}.tagline[data-font=mono],.soon[data-font=mono] .word{font-size:29.25px}.tagline[data-font=terminal],.soon[data-font=terminal] .word{font-size:44.85px}.music{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}}@media(max-height:600px){:root{--logo-width:min(338px,78vw,39dvh)}.tagline-slot{top:calc(50% + var(--logo-height)/2 + 5px);height:116px;padding:4px 16px}.soon{height:72.8px}.word{height:52px}.middle{height:57.2px}.infinity{font-size:78px}.eyes{width:100%;height:57.2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.soon{will-change:auto}}@media(max-height:480px){:root{--logo-width:min(286px,75.4vw,26dvh)}.tagline,.soon .word{font-size:19.5px}.tagline[data-font=terminal],.soon[data-font=terminal] .word{font-size:42.9px}.tagline[data-font=mono],.soon[data-font=mono] .word{font-size:27.3px}}@media(max-width:600px){.grid-a{width:219.7px;height:219.7px;left:-66px}.grid-b{width:188.5px;height:219.7px;right:-66px}.grid-c{left:35%;width:157.3px;height:94.9px}.grid-d{left:33%;width:188.5px;height:126.1px}.tiles{grid-template-columns:repeat(3,24.7px);gap:6.5px}.tiles i{width:24.7px;height:24.7px}.graph{width:175.5px;left:-55px}.graph-curve{left:auto;right:-32px;top:17%;width:156px}.formula-c{font-size:57.2px}.formula-d{font-size:29.9px}.formula-a{font-size:29.9px;top:25%}.formula-b{font-size:22.1px;bottom:17%}.formula-e{font-size:29.9px;left:4%;top:5%}.formula-f{font-size:55.9px;right:4%;top:34%}.formula-g{font-size:33.8px;left:13%;top:25%}.formula-h{font-size:23.4px;right:35%;bottom:5%}.tetromino{left:3%;bottom:5%;grid-template-columns:repeat(3,24.7px);grid-template-rows:repeat(2,24.7px);gap:3.9px}.dot-matrix{left:-12px;top:48%;width:54.6px;height:91px}.number-tile{right:6%;bottom:23%;width:46.8px;height:46.8px;font-size:32.5px}.pixel-f{right:17%;bottom:32%}}.logo-outline[data-effect=color]{animation:outline-cycle 12s ease-in-out infinite}.logo-outline[data-effect=twitch]{filter:url(#logo-outline-thick);animation:outline-twitch .55s steps(1,end)}.logo-outline[data-effect=echo]{filter:url(#logo-outline-thick);animation:outline-echo .65s steps(1,end)}@keyframes outline-cycle{0%,20%,40%{opacity:1}10%{opacity:.45}30%{opacity:.65}43%,48%,58%,63%{opacity:.55}45%,50%,60%,65%,70%{opacity:1}72%,76%,80%,84%,88%{opacity:.62}74%,78%,82%,86%,90%{opacity:1}95%{opacity:.75}to{opacity:1}}@keyframes outline-twitch{0%,to{translate:0 0}20%{translate:4px -3px}40%{translate:-6px 2px}60%{translate:2px 4px}80%{translate:-3px -2px}}@keyframes outline-echo{0%,to{translate:0 0;opacity:1}30%{translate:-4px 1px;opacity:.75}65%{translate:4px -3px;opacity:.9}}.math-field>*{pointer-events:auto;opacity:var(--figure-opacity);filter:invert(1);scale:1;translate:0 0;transition:scale .18s ease-out,opacity .12s ease-out,filter .12s ease-out;transform-origin:center}@media(hover:hover)and (pointer:fine){.math-field>*:hover{scale:1.25;opacity:1;filter:invert(1) brightness(1.35);animation:figure-twitch .16s steps(1,end) infinite}}@keyframes figure-twitch{0%,to{translate:0 0}25%{translate:2px -1px}50%{translate:-1px 1px}75%{translate:1px 0}}@media(prefers-reduced-motion:reduce){.logo-outline,#logo-outline-color,.math-field>*{animation:none!important;transition:none!important}.math-field>*:hover{scale:1;translate:0 0}}.logo-ripples{position:absolute;inset:0;pointer-events:none}.logo-ripple{position:absolute;inset:0;width:100%;height:100%;filter:url(#logo-outline-thick);opacity:0;transform-origin:center;animation:outline-ripple 1.4s ease-out both}@keyframes outline-ripple{0%{transform:scale(1);opacity:.7}25%{opacity:.45}to{transform:scale(1.4);opacity:0}}@media(prefers-reduced-motion:reduce){.logo-ripples{display:none}}.soon[data-font=terminal]{--soon-spacing:3.9px}.soon[data-font=mono]{--soon-spacing:-1.17px}.soon[data-effect=color] .word{animation:color-drift .2s ease-in-out infinite}.soon[data-effect=twitch] .word{animation:twitch .55s steps(1,end)}.soon[data-effect=echo] .word{animation:echo .65s steps(1,end)}