@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(/assets/chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");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}.theme-signal{--edge:#4c8dffbf;--hatch:#6e78ff1a;--bg:#07054a;--outer:#020120;--ink:#e6e9ff;--dim:#8d93d6;--player:#4c8dff;--block:#f35;--accent:#4c8dff;--on-accent:#fff;--rule:#8c96ff33;--hover:#4c8dff1a;--scrim:#030228b8;--font:"Chakra Petch", system-ui, sans-serif;--radius:calc(var(--u) * 12);--title-weight:700}.theme-shear{--edge:#9fb2bcb3;--hatch:#c9d8da12;--bg:#14181d;--outer:#0b0e11;--ink:#e9f2f2;--dim:#8e9ba3;--player:#e9f2f2;--block:#b3263e;--accent:#e0a458;--on-accent:#14181d;--rule:#c9d8da24;--hover:#e0a45814;--scrim:#0c0f12bd;--font:"Bricolage Grotesque Variable", system-ui, sans-serif;--radius:calc(var(--u) * 2);--title-weight:750}.theme-riso{--edge:#3255a4;--hatch:#3255a424;--bg:#e9ecef;--outer:#d6dbe1;--ink:#3255a4;--dim:#3255a4b8;--player:#3255a4;--block:#ff48b0;--accent:#ff48b0;--on-accent:#22336b;--rule:#3255a48c;--hover:#ff48b024;--scrim:#e9ecefcc;--font:"Archivo Variable", system-ui, sans-serif;--radius:0px;--title-weight:800}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{--gutter:0px;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:repeating-linear-gradient(135deg, var(--hatch) 0 1px, transparent 1px 9px), var(--outer);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:background-color .25s;display:flex}#stage{--u:1px;width:min(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 2 * var(--gutter), (100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2 * var(--gutter)) * 393 / 759);aspect-ratio:393/759;font-size:calc(var(--u) * 16);isolation:isolate;flex:none;position:relative;overflow:hidden}#stage:after{content:"";z-index:10;border-style:solid;border-color:var(--edge);border-width:var(--edge-t,0) var(--edge-r,0) var(--edge-b,0) var(--edge-l,0);border-radius:inherit;pointer-events:none;position:absolute;inset:0}#stage{--edge-w:2px}#field{width:100%;height:100%;display:block;position:absolute;inset:0}@media (min-aspect-ratio:3/4){body{--gutter:20px}#stage{border-radius:18px;box-shadow:0 30px 80px #00000073}}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.toggle:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}kbd{border:1px solid var(--rule);min-width:1.7em;font:inherit;text-align:center;border-bottom-width:2px;border-radius:4px;padding:.1em .4em;font-size:.85em;line-height:1.3;display:inline-block}body:not(.kbd) .kbd-only,body.kbd .touch-only,body:not(.leaderboards) .leaderboards-only,body:not(.native) .native-only{display:none!important}.screen{padding:calc(var(--u) * 44) calc(var(--u) * 30) calc(var(--u) * 30);flex-direction:column;display:flex;position:absolute;inset:0}.screen-title{font-size:calc(var(--u) * 30);font-weight:var(--title-weight);letter-spacing:-.01em;margin:0 0 1.2em;line-height:1.1}.primary{width:100%;max-width:calc(var(--u) * 280);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-size:calc(var(--u) * 19);margin:0 auto;padding:.85em 1em;font-weight:700;transition:transform 80ms;display:block}.primary:active{transform:scale(.97)}.link{color:var(--dim);font-size:calc(var(--u) * 16);text-underline-offset:.25em;padding:.6em .4em;text-decoration:underline;text-decoration-thickness:1px}.link:hover{color:var(--ink)}.brand{margin:calc(var(--u) * 40) 0 auto}.wordmark{font-size:calc(var(--u) * 66);font-weight:var(--title-weight);letter-spacing:-.02em;margin:0;line-height:.95;position:relative}.tagline{color:var(--dim);font-size:calc(var(--u) * 16);margin:.7em 0 0}.modes{margin-bottom:calc(var(--u) * 36);border-bottom:1px solid var(--rule);flex-direction:column;display:flex}.mode{padding:calc(var(--u) * 16) calc(var(--u) * 6);border-top:1px solid var(--rule);text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:.15em 1em;transition:background-color .12s;display:grid}.mode:hover{background:var(--hover)}.mode:active{background:var(--hover);transform:translateY(1px)}.mode-name{font-size:calc(var(--u) * 28);font-weight:var(--title-weight);line-height:1.1}.mode-best{font-size:calc(var(--u) * 15);color:var(--dim);font-variant-numeric:tabular-nums}.mode-rule{font-size:calc(var(--u) * 14);color:var(--dim);grid-column:1/-1}.menu-foot{justify-content:space-between;display:flex}.diagram{height:calc(var(--u) * 230);margin:0 0 calc(var(--u) * 24);border:1px solid var(--rule);border-radius:var(--radius);position:relative;overflow:hidden}.d-block,.d-player{position:absolute}.d-block{width:calc(var(--u) * 30);height:calc(var(--u) * 30);background:var(--block)}.d-block-a{top:8%;left:22%}.d-block-b{top:30%;left:64%}.d-player{left:calc(50% - var(--u) * 12);top:calc(55% - var(--u) * 24);width:calc(var(--u) * 24);height:calc(var(--u) * 24);background:var(--player)}.d-zone{border-top:1px dashed var(--rule);background:var(--hover);text-align:center;width:50%;font-size:calc(var(--u) * 14);place-items:center;line-height:1.3;display:grid;position:absolute;top:55%;bottom:0}.d-zone-l{border-right:1px dashed var(--rule);left:0}.d-zone-r{right:0}.rules{font-size:calc(var(--u) * 16);margin:0 0 auto;padding:0;line-height:1.45;list-style:none}.rules li+li{margin-top:.75em}.themes{gap:calc(var(--u) * 10);margin:0 0 calc(var(--u) * 28);border:0;grid-template-columns:repeat(3,1fr);padding:0;display:grid}.themes legend{color:var(--dim);font-size:calc(var(--u) * 15);margin-bottom:.7em;padding:0}.theme-opt{padding:calc(var(--u) * 6);border:1px solid var(--rule);border-radius:calc(var(--radius) * .8);cursor:pointer;font-size:calc(var(--u) * 15);flex-direction:column;gap:.5em;display:flex}.theme-opt:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-opt input{opacity:0;pointer-events:none;position:absolute}.swatch{height:calc(var(--u) * 92);border-radius:calc(var(--radius) * .5);display:block;position:relative;overflow:hidden}.swatch i{position:absolute}.swatch i:first-child{inset:0}.swatch i:nth-child(2){aspect-ratio:1;width:26%;top:14%;left:24%}.swatch i:nth-child(3){aspect-ratio:1;width:20%;bottom:14%;left:42%}[data-theme-opt=signal] i:first-child{background:#05043a}[data-theme-opt=signal] i:nth-child(2){background:#f35;border-radius:3px;box-shadow:0 0 10px #f35}[data-theme-opt=signal] i:nth-child(3){background:#4c8dff;border-radius:3px;box-shadow:0 0 10px #4c8dff}[data-theme-opt=shear] i:first-child{background:repeating-linear-gradient(95deg,#14181d 0 7px,#1f262e 7px 11px,#191e24 11px 19px,#252c34 19px 21px)}[data-theme-opt=shear] i:nth-child(2){background:#b3263e;box-shadow:inset 3px 3px #e06a7c,inset -3px -3px #6a1020}[data-theme-opt=shear] i:nth-child(3){background:#e9f2f2;box-shadow:inset 2px 2px #fff,inset -2px -2px #93a7ac}[data-theme-opt=riso] i:first-child{background:#e9ecef}[data-theme-opt=riso] i:nth-child(2){mix-blend-mode:multiply;background:#ff48b0;box-shadow:2px 1px #3255a480}[data-theme-opt=riso] i:nth-child(3){mix-blend-mode:multiply;background:#3255a4;box-shadow:2px 1px #ff48b080}.toggle{padding:calc(var(--u) * 14) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:calc(var(--u) * 18);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:auto;display:flex}.toggle input{-webkit-appearance:none;appearance:none;width:calc(var(--u) * 48);height:calc(var(--u) * 28);background:var(--rule);cursor:pointer;border-radius:999px;margin:0;transition:background-color .15s;position:relative}.toggle input:after{content:"";top:calc(var(--u) * 3);left:calc(var(--u) * 3);width:calc(var(--u) * 22);height:calc(var(--u) * 22);background:var(--ink);border-radius:50%;transition:transform .15s;position:absolute}.toggle input:checked{background:var(--accent)}.toggle input:checked:after{transform:translateX(calc(var(--u) * 20));background:var(--on-accent)}body:not(.native) .themes{margin-bottom:auto}#hud{padding-top:calc(var(--u) * 20);pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0 0 auto}.score{font-size:calc(var(--u) * 64);font-weight:var(--title-weight);font-variant-numeric:tabular-nums;opacity:.9;line-height:1}[data-state=over] .score,[data-state=paused] .score{visibility:hidden}.pause{top:calc(var(--u) * 14);right:calc(var(--u) * 14);gap:calc(var(--u) * 6);width:calc(var(--u) * 44);height:calc(var(--u) * 44);border-radius:var(--radius);pointer-events:auto;opacity:.6;justify-content:center;align-items:center;display:flex;position:absolute}.pause:hover{opacity:1}.pause i{width:calc(var(--u) * 5);height:calc(var(--u) * 18);background:var(--ink)}[data-state=ready] .pause,[data-state=over] .pause,[data-state=paused] .pause,[data-state=dying] .pause{visibility:hidden}.ready{left:0;right:0;top:calc(var(--u) * 640);text-align:center;color:var(--dim);font-size:calc(var(--u) * 16);pointer-events:none;line-height:1.4;animation:1.6s ease-in-out infinite breathe;position:absolute}@keyframes breathe{50%{opacity:.45}}.sheet{justify-content:center;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 30);background:var(--scrim);text-align:center;flex-direction:column;animation:.2s ease-out sheet-in;display:flex;position:absolute;inset:0}.sheet p{margin:0}.sheet .primary{margin-top:calc(var(--u) * 26)}.sheet-actions{gap:calc(var(--u) * 10);width:100%;max-width:calc(var(--u) * 280);display:flex}.secondary{border:1.5px solid var(--dim);border-radius:var(--radius);color:var(--ink);font-size:calc(var(--u) * 17);flex:1;padding:.75em 1em;font-weight:600;transition:transform 80ms,border-color .12s,background-color .12s}.secondary:hover{border-color:var(--accent);background:var(--hover)}.secondary:active{transform:scale(.97)}.over-label{color:var(--dim);font-size:calc(var(--u) * 18)}.over-score{font-size:calc(var(--u) * 132);font-weight:var(--title-weight);font-variant-numeric:tabular-nums;line-height:.95;animation:.32s cubic-bezier(.2,1.4,.4,1) score-in}.best-plate{border:1px solid var(--rule);border-radius:var(--radius);font-size:calc(var(--u) * 17);align-items:center;gap:.55em;padding:.5em 1em .5em .85em;line-height:1;display:inline-flex;margin-top:calc(var(--u) * 6)!important}.best-k{color:var(--dim)}.best-v{font-size:1.35em;font-weight:var(--title-weight);font-variant-numeric:tabular-nums}.gem{background:var(--block);width:.72em;height:.72em;margin-right:.1em;transform:rotate(45deg);box-shadow:inset .12em .12em #ffffff59,inset -.12em -.12em #0000004d}.is-best .best-plate{border-color:var(--accent);background:var(--hover);animation:.5s cubic-bezier(.2,1.4,.4,1) .15s backwards plate-in}.is-best .best-k{color:var(--accent);font-weight:700}.is-best .best-v{color:var(--accent)}.is-best .gem{background:var(--accent)}.is-best .over-score{color:var(--accent)}.hint{color:var(--dim);font-size:calc(var(--u) * 13);margin-top:calc(var(--u) * 14)!important}@keyframes sheet-in{0%{opacity:0}}@keyframes score-in{0%{transform:scale(.8)}}@keyframes plate-in{0%{opacity:0;transform:translateY(calc(var(--u) * 8)) scale(.9)}}@media (prefers-reduced-motion:reduce){.ready,.sheet,.over-score,.is-best .best-plate{animation:none}}.theme-signal .wordmark{text-shadow:0 0 calc(var(--u) * 18) #4c8dffbf, 0 0 calc(var(--u) * 2) #a0beffe6}.theme-signal .score{text-shadow:0 0 calc(var(--u) * 16) #4c8dff99}.theme-signal .primary{box-shadow:0 0 calc(var(--u) * 22) #4c8dff8c}:is(.theme-signal .mode:hover .mode-name,.theme-signal .mode:focus-visible .mode-name){text-shadow:0 0 calc(var(--u) * 12) #4c8dffcc}.theme-shear .wordmark{font-size:calc(var(--u) * 74);letter-spacing:-.035em;transform-origin:0 100%;color:#0000;background:repeating-linear-gradient(78deg, #e9f2f2 0 calc(var(--u) * 7), #b8c7cc calc(var(--u) * 7) calc(var(--u) * 8), #e9f2f2 calc(var(--u) * 8) calc(var(--u) * 15), #8e9ba3 calc(var(--u) * 15) calc(var(--u) * 15.8), #dce7e8 calc(var(--u) * 15.8) calc(var(--u) * 26), #b3263e calc(var(--u) * 26) calc(var(--u) * 27.2), #e9f2f2 calc(var(--u) * 27.2) calc(var(--u) * 33));-webkit-background-clip:text;background-clip:text;font-weight:800;transform:skew(-14deg)}.theme-shear .mode-name{font-weight:650}.theme-shear .mode:hover .mode-name{color:var(--accent)}.theme-riso,.theme-riso #stage{font-variation-settings:"wdth" 112}.theme-riso .wordmark{font-size:calc(var(--u) * 54);font-variation-settings:"wdth" 125;letter-spacing:-.01em;color:#3255a4;font-weight:900}.theme-riso .wordmark:after{content:attr(data-text);left:calc(var(--u) * 3);top:calc(var(--u) * 2.5);color:#ff48b0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.theme-riso .score,.theme-riso .over-score{font-variation-settings:"wdth" 125;text-shadow:calc(var(--u) * 3) calc(var(--u) * 2) 0 #ff48b0d9;font-weight:900}.theme-riso .primary{mix-blend-mode:multiply}.theme-riso .mode-name{font-weight:800}.theme-riso .mode:hover{background:0 0}.theme-riso .mode:hover .mode-name{background:linear-gradient(#0000 55%,#ff48b08c 55% 92%,#0000 92%)}
