.hx{--hx-ember:#f9725a;--hx-ink:#070605;--hx-cream:#f5ebdd;--hx-dim:rgb(245 235 221/0.55);position:relative;width:100%}.hx-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;cursor:grab;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hx-stage.is-dragging{cursor:grabbing}.hx-stage:focus-visible:after{content:"";position:absolute;inset:10px;z-index:5;pointer-events:none;border:1px solid rgb(249 114 90/.55)}.hx-canvas{position:absolute!important;inset:0;z-index:0}.hx-open-hit{display:none;position:absolute;left:50%;top:48%;z-index:3;width:min(78vw,340px);height:min(62vh,560px);padding:0;border:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:700px){.hx-open-hit{display:block}}.hx-veil{inset:0;z-index:1;background:radial-gradient(ellipse 58% 55% at 50% 50%,transparent 28%,rgb(5 4 3/.55) 62%,rgb(5 4 3/.88) 100%),linear-gradient(180deg,rgb(5 4 3/.97),transparent 14%,transparent 82%,rgb(7 6 5/.98))}.hx-grain,.hx-veil{position:absolute;pointer-events:none}.hx-grain{inset:-50%;z-index:2;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:hx-grain .8s steps(5) infinite}@keyframes hx-grain{0%{transform:translateZ(0)}20%{transform:translate3d(-3%,2%,0)}40%{transform:translate3d(2%,-3%,0)}60%{transform:translate3d(-2%,-1%,0)}80%{transform:translate3d(3%,3%,0)}to{transform:translateZ(0)}}.hx-hud{position:absolute;inset:0;z-index:3;pointer-events:none;font-family:var(--font-pixel),ui-monospace,monospace;color:var(--hx-cream)}.hx-hud p{margin:0}.hx-count,.hx-hint,.hx-kicker,.hx-rail{opacity:0;transition:opacity .7s ease .5s}.hx.is-ready .hx-count,.hx.is-ready .hx-kicker,.hx.is-ready .hx-rail{opacity:1}.hx.is-ready .hx-hint{opacity:1;transition-delay:1.4s}.hx-kicker{position:absolute;top:max(68px,calc(env(safe-area-inset-top) + 60px));left:clamp(14px,4vw,40px);font-size:clamp(.5rem,.78vw,.62rem);line-height:2;letter-spacing:.28em;text-transform:uppercase;color:var(--hx-ember);text-shadow:0 0 .6em rgb(249 114 90/.45)}.hx-kicker span{display:block;color:var(--hx-dim);text-shadow:none}.hx-count{position:absolute;left:clamp(14px,4vw,40px);bottom:max(26px,calc(env(safe-area-inset-bottom) + 16px))}.hx-count-line{display:flex;align-items:baseline;gap:.7em}.hx-count-n{display:inline-block;font-size:clamp(1.35rem,3vw,2.3rem);line-height:1;color:var(--hx-ember);text-shadow:0 0 .45em rgb(249 114 90/.5);animation:hx-flick .34s steps(1) both}@keyframes hx-flick{0%{opacity:.4;transform:translateX(-3px) skewX(-8deg);text-shadow:-3px 0 rgb(255 40 60/.8),3px 0 rgb(62 201 201/.8)}30%{opacity:.85;transform:translateX(2px);text-shadow:2px 0 rgb(255 40 60/.7),-2px 0 rgb(62 201 201/.7)}60%{opacity:1;transform:none;text-shadow:0 0 .45em rgb(249 114 90/.5)}}.hx-count-of{font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.18em;color:var(--hx-dim)}.hx-file{margin-top:12px!important;font-family:var(--font-poppins),ui-sans-serif,system-ui,sans-serif;font-size:.72rem;letter-spacing:.06em;color:rgb(245 235 221/.42)}.hx-hint{position:absolute;left:50%;bottom:max(30px,calc(env(safe-area-inset-bottom) + 20px));transform:translateX(-50%);font-size:.5rem;letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;color:var(--hx-dim)}.hx.is-ready .hx-hint.is-gone{opacity:0;transition-delay:0s}.hx-hint-narrow{display:none}.hx-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:var(--hx-ember);text-shadow:0 0 .6em rgb(249 114 90/.45);transition:opacity .5s ease}.hx-loader i{font-style:normal;animation:hx-blink .9s steps(1) infinite}@keyframes hx-blink{50%{opacity:0}}.hx.is-ready .hx-loader{opacity:0}.hx-rail{--hx-p:0;position:absolute;z-index:4;right:clamp(10px,3vw,34px);top:50%;width:28px;height:min(44vh,380px);transform:translateY(-50%);cursor:ns-resize;touch-action:none}.hx-rail:before{content:"";bottom:0;background:rgb(249 114 90/.2)}.hx-rail-fill,.hx-rail:before{position:absolute;left:50%;top:0;width:1px}.hx-rail-fill{height:calc(var(--hx-p) * 100%);background:var(--hx-ember);box-shadow:0 0 8px rgb(249 114 90/.6)}.hx-rail-thumb{position:absolute;left:50%;top:calc(var(--hx-p) * 100%);width:9px;height:9px;border:1px solid var(--hx-ember);background:var(--hx-ink);box-shadow:0 0 10px rgb(249 114 90/.55);transform:translate(-50%,-50%) rotate(45deg)}.hx-rail-end{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-pixel),ui-monospace,monospace;font-size:.42rem;letter-spacing:.12em;color:rgb(245 235 221/.4)}.hx-rail-top{top:-20px}.hx-rail-bottom{bottom:-20px}.hx-cursor{position:fixed;left:0;top:0;z-index:60;padding:8px 10px 7px;pointer-events:none;font-family:var(--font-pixel),ui-monospace,monospace;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hx-ink);background:var(--hx-ember);box-shadow:0 0 18px rgb(249 114 90/.45);opacity:0;transform:translate3d(-200px,-200px,0);transition:opacity .18s ease}.hx-cursor.is-on{opacity:1}@media (hover:none){.hx-cursor{display:none}}@media (max-width:700px){.hx-kicker{top:max(60px,calc(env(safe-area-inset-top) + 52px));font-size:.46rem}.hx-count{bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px))}.hx-file{font-size:.66rem}.hx-hint{left:auto;right:clamp(14px,4vw,40px);transform:none;bottom:max(28px,calc(env(safe-area-inset-bottom) + 20px));font-size:.44rem}.hx-hint-wide{display:none}.hx-hint-narrow{display:inline}.hx-rail{height:min(34vh,260px);right:6px}}