:root{--ink:#0d0a1c;--night:#0b0820;--night2:#1d1546;--night3:#2b1d5c;--night4:#3d2a73;--gold:#ffd34d;--goldD:#c99a1e;--red:#ff4a5c;--redD:#b3243a;--cyan:#43e0ff;--green:#2fbf71;--white:#f4f1ff;--grey:#9aa2c8;--u:1cqw}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--white);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(circle at 50% 120%,#2b1d5c 0,#0000 60%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);margin:0;font-family:Silkscreen,ui-monospace,monospace;overflow:hidden}body{place-items:center;display:grid}#stage{aspect-ratio:9/16;touch-action:none;height:min(100dvh,177.78vw);max-height:100dvh;box-shadow:0 0 0 2px var(--night4), 0 0 60px #a05cff40;position:relative;overflow:hidden;container-type:inline-size}#cv{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.hidden{display:none!important}.pause-btn{top:calc(var(--u) * 1.5);width:calc(var(--u) * 9);height:calc(var(--u) * 7);font:inherit;font-size:calc(var(--u) * 3.2);color:var(--grey);opacity:.7;cursor:pointer;background:0 0;border:0;position:absolute;left:50%;transform:translate(-50%)}.overlay{padding:calc(var(--u) * 5);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay .panel{text-align:center;align-items:center;gap:calc(var(--u) * 3);flex-direction:column;width:100%;animation:.25s steps(4,end) both pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.logo{flex-direction:column;margin:0;font-weight:700;line-height:.95;display:flex}.logo .l1{font-size:calc(var(--u) * 15);color:var(--gold);text-shadow:calc(var(--u) * .8) calc(var(--u) * .8) 0 var(--redD), calc(var(--u) * 1.4) calc(var(--u) * 1.4) 0 var(--ink)}.logo .l2{font-size:calc(var(--u) * 15);color:var(--white);text-shadow:calc(var(--u) * .8) calc(var(--u) * .8) 0 var(--redD), calc(var(--u) * 1.4) calc(var(--u) * 1.4) 0 var(--ink);animation:1.2s steps(2,end) infinite bob}@keyframes bob{50%{transform:translateY(calc(var(--u) * -.8))}}.tag{color:var(--cyan);font-size:calc(var(--u) * 3.6);margin:0;line-height:1.4}h2{font-size:calc(var(--u) * 9);color:var(--white);text-shadow:calc(var(--u) * .8) calc(var(--u) * .8) 0 var(--ink);margin:0}h2.red{color:var(--red)}.btns{gap:calc(var(--u) * 2.4);flex-direction:column;align-items:stretch;width:82%;display:flex}.row{gap:calc(var(--u) * 2.4);display:flex}.row>*{flex:1}.btn{font:inherit;font-size:calc(var(--u) * 4.4);padding:calc(var(--u) * 2.6) calc(var(--u) * 3);color:var(--white);background:var(--night3);border:calc(var(--u) * .8) solid var(--ink);box-shadow:inset 0 calc(var(--u) * -1.2) 0 #00000059, inset 0 calc(var(--u) * .8) 0 #ffffff1f;cursor:pointer;text-transform:uppercase;transition:transform 50ms}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(calc(var(--u) * .6));box-shadow:inset 0 calc(var(--u) * .6) 0 #00000059}.btn:focus-visible{outline:calc(var(--u) * .6) solid var(--cyan);outline-offset:calc(var(--u) * .4)}.btn.primary{background:var(--gold);color:var(--ink);font-weight:700;animation:1.4s steps(2,end) infinite glow}@keyframes glow{50%{background:#ffe27a}}.btn.small{font-size:calc(var(--u) * 3.2);padding:calc(var(--u) * 1.8) calc(var(--u) * 2)}.bests{gap:calc(var(--u) * 4);font-size:calc(var(--u) * 3.2);color:var(--grey);display:flex}.bests b{color:var(--gold);font-weight:400}.how{width:92%;font-size:calc(var(--u) * 3.2);color:var(--grey);border:calc(var(--u) * .6) solid var(--night4);padding:calc(var(--u) * 1.5) calc(var(--u) * 2.5);text-align:left;background:#0b0820b3}.how summary{cursor:pointer;color:var(--white);text-align:center;list-style:none}.how summary:before{content:"> ";color:var(--gold)}.how[open] summary:before{content:"v "}.controls{margin:calc(var(--u) * 2) 0;line-height:1.4}.legend{gap:calc(var(--u) * 1.6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:calc(var(--u) * 2.5);line-height:1.3;display:flex}.legend img{image-rendering:pixelated;width:calc(var(--u) * 8);object-fit:contain;flex:none;height:auto}.legend .tip{color:var(--cyan)}.mode{color:var(--grey);font-size:calc(var(--u) * 3.4);margin:0}.cause{color:var(--white);font-size:calc(var(--u) * 3.4);max-width:90%;margin:0;line-height:1.4}.soon{color:var(--pink,#ff9fb0)}.pitch{color:#ff9fb0;font-size:calc(var(--u) * 3);max-width:92%;margin:0;line-height:1.4}.stats .pink{color:#ff9fb0}.legend .agi b{width:calc(var(--u) * 8);text-align:center;color:#ff9fb0;flex:none;font-weight:400}.newbest{color:var(--green);font-size:calc(var(--u) * 4.4);margin:0;animation:.6s steps(2,end) infinite glow2}@keyframes glow2{50%{color:var(--gold)}}.over-body{gap:calc(var(--u) * 3);align-items:center;width:100%;display:flex}.card{width:42%;image-rendering:pixelated;border:calc(var(--u) * .6) solid var(--ink);box-shadow:0 0 0 calc(var(--u) * .6) var(--night4)}.stats{gap:calc(var(--u) * 1.6) calc(var(--u) * 2);font-size:calc(var(--u) * 3.1);text-align:left;flex:1;grid-template-columns:auto auto;margin:0;display:grid}.stats dt{color:var(--grey)}.stats dd{text-align:right;margin:0}.stats .gold{color:var(--gold)}.stats .cyan{color:var(--cyan)}.stats .green{color:var(--green)}.toast{left:50%;bottom:calc(var(--u) * 10);transform:translate(-50%, calc(var(--u) * 4));background:var(--gold);color:var(--ink);padding:calc(var(--u) * 2) calc(var(--u) * 4);font-size:calc(var(--u) * 3.6);border:calc(var(--u) * .6) solid var(--ink);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;position:absolute}.toast.on{opacity:1;transform:translate(-50%)}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-ext-400-normal-2T9bWrxp.woff2)format("woff2"),url(/assets/silkscreen-latin-ext-400-normal-Drdn_BEM.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2"),url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/silkscreen-latin-ext-700-normal-D7YUjVT_.woff2)format("woff2"),url(/assets/silkscreen-latin-ext-700-normal-CjQdSuci.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/silkscreen-latin-700-normal-CSE2nhgM.woff2)format("woff2"),url(/assets/silkscreen-latin-700-normal-BjMPLkh0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
