@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-vietnamese-wght-normal-B-JM5mJH.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:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-ext-wght-normal-EP2r9iG4.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:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-wght-normal-Bn_gnr7w.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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dust:#d6742c;--ink:#170b05;--paper:#fff3e0;--note:#e8d3bb;--neon:255, 79, 168;--display:"Big Shoulders Display Variable", "Arial Narrow", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter:clamp(18px, 2.5vw, 36px)}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden}body{background:var(--dust);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.5}#scene,#game{width:100%;height:100%;position:fixed;inset:0}#game{touch-action:none;cursor:pointer}@media (scripting:enabled){html:not(.interface-on) #game,html:not(.interface-on) .title,html:not(.interface-on) .stats,html:not(.interface-on) .panel,html:not(.interface-on) .note{opacity:0}}@media (scripting:none){.panel button,.stats,.note{display:none}}#game,.title,.stats,.panel,.note{transition:opacity .9s ease-out}[data-state=running] #game{transition:none}.vignette,.grain{pointer-events:none;position:fixed}.vignette{background:radial-gradient(#0000 62%,#1e0c0042 100%);inset:0}.grain{will-change:transform;background:url(/grain.png);animation:.5s step-end infinite grain;inset:-128px}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-61px,37px)}40%{transform:translate(43px,-74px)}60%{transform:translate(-27px,-49px)}80%{transform:translate(78px,22px)}}.intro,.panel,.note,.toast{pointer-events:none;position:fixed}.intro{inset:0}.title{top:var(--gutter);left:var(--gutter);position:absolute}h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.75rem,7.8vw,6.25rem);font-weight:800;line-height:.92}.role{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;margin-top:.9rem;font-size:clamp(.9375rem,1.7vw,1.375rem);font-weight:500;line-height:1}.stats{top:var(--gutter);right:var(--gutter);text-align:right;position:absolute}.clock{font-family:var(--display);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,3.6vw,3.25rem);font-weight:300;line-height:.9}.clock,.best,.pipeline,.sound{transition:opacity .5s ease-out,visibility .5s}[data-state=idle] .clock,[data-state=idle] .best,[data-state=idle] .pipeline,[data-state=idle] .sound{opacity:0;visibility:hidden}.best{font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:.75rem}.pipeline{justify-content:flex-end;gap:.75rem;margin-top:.4rem;padding:0;font-size:.6875rem;list-style:none;display:flex}.pipeline li{opacity:.72}.pipeline li.done{opacity:1;text-underline-offset:3px;font-weight:700;text-decoration:underline}.sound{color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;pointer-events:auto;background:0 0;border:0;margin-top:.3rem;padding:0;font-size:.6875rem;text-decoration:underline}.panel{width:min(60rem, calc(100vw - 2 * var(--gutter)));padding-bottom:var(--gutter);color:var(--paper);text-align:center;flex-direction:column;align-items:center;display:flex;bottom:0;left:50%;transform:translate(-50%)}.panel[hidden],.toast[hidden]{display:none}.panel h2{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:clamp(1.25rem,2.3vw,1.875rem);font-weight:400;line-height:1.05}.panel p{color:var(--note);text-wrap:balance;margin-top:.25rem;font-size:.75rem}.panel button{background:rgba(var(--neon), .1);color:#fff;font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 6px rgba(var(--neon), .95), 0 0 20px rgba(var(--neon), .6);box-shadow:0 0 10px rgba(var(--neon), .9), 0 0 34px rgba(var(--neon), .45), inset 0 0 12px rgba(var(--neon), .45);cursor:pointer;pointer-events:auto;border:1.5px solid #ffe3ee;border-radius:3px;margin-top:.7rem;padding:.6rem 1.9rem;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:400;line-height:1.1;transition:background-color .16s ease-out}button:focus-visible{outline-offset:3px;outline:2px solid}.panel button:hover,.panel button:focus-visible{background:rgba(var(--neon), .28);outline:none}.note{bottom:var(--gutter);max-width:24ch;color:var(--note);font-size:.75rem}.note-status{left:var(--gutter)}.note-controls{right:var(--gutter);text-align:right}[data-state=running] .note{opacity:0}.toast{bottom:var(--gutter);width:max-content;max-width:calc(100vw - 2 * var(--gutter));color:var(--paper);text-align:center;left:50%;transform:translate(-50%)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.panel{padding-bottom:calc(var(--gutter) + 4.25rem)}.note{max-width:44vw}[data-state=over] .panel{padding-bottom:var(--gutter)}[data-state=over] .note{opacity:0}}@media (height<=560px){.note,.panel p{display:none}.panel{padding-bottom:.75rem}}@media (height<=480px){.pipeline,.sound{display:none}}@media (prefers-reduced-motion:reduce){.grain{animation:none}#game,.title,.stats,.panel,.note,.clock,.best,.pipeline,.sound,.panel button{transition:none}}