@font-face{font-family:Sora;src:url(../fonts/Sora-VF.subset.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/Figtree-VF.subset.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--void:#06070a;--panel:#0a0c11b8;--steel:#c9d1da;--steel-dim:#79828e;--white:#f6f5f1;--hair:#f6f5f129;--wine:#e9d37a;--wine-deep:#b9993a;--alert:#ff6a5c;--display:"Sora", system-ui, sans-serif;--body:"Figtree", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}#game{width:100%;height:100%;transition:filter .6s cubic-bezier(.7,0,.3,1);display:block;position:fixed;top:0;bottom:0;left:0;right:0}body.inverted #game{filter:invert()hue-rotate(180deg)}.screen-hud>:-webkit-any(.hud-left,.hud-center,.hud-right,.hud-status,.popups){transition:filter .6s cubic-bezier(.7,0,.3,1)}.screen-hud>:is(.hud-left,.hud-center,.hud-right,.hud-status,.popups){transition:filter .6s cubic-bezier(.7,0,.3,1)}body.inverted .screen-hud>:-webkit-any(.hud-left,.hud-center,.hud-right,.hud-status,.popups){filter:invert()hue-rotate(180deg)}body.inverted .screen-hud>:is(.hud-left,.hud-center,.hud-right,.hud-status,.popups){filter:invert()hue-rotate(180deg)}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit}.is-hidden{display:none!important}.screen{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s;position:absolute;top:0;bottom:0;left:0;right:0}.screen.is-active{opacity:1;visibility:visible;transition:opacity .4s}.screen.is-active :-webkit-any(button,input,.modal){pointer-events:auto}.screen.is-active :is(button,input,.modal){pointer-events:auto}.wordmark{--size:clamp(64px, 11.5vw, 156px);font:800 var(--size) / .92 var(--display);letter-spacing:.035em;white-space:nowrap;color:var(--white);padding-right:.12em;display:inline-block;position:relative}.wordmark span{display:block}.wm-top{clip-path:inset(0 0 52%)}.wm-bottom{clip-path:inset(48% 0 0);color:var(--steel);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(.05em,.025em)}.wm-blade{background:linear-gradient(90deg, transparent, var(--white) 14%, var(--white) 70%, transparent);transform-origin:0;height:2px;margin-top:-1px;position:absolute;top:50%;left:-14vw;right:-40vw;box-shadow:0 0 12px #ffffffd9,0 0 34px #c8e1ff73}.screen-title.is-active .wm-blade{animation:1.1s cubic-bezier(.7,0,.2,1) both slice}.screen-title.is-active .wm-bottom{animation:1.1s cubic-bezier(.7,0,.2,1) both slip}.wordmark-small{--size:clamp(34px, 6vw, 60px)}.wordmark-small .wm-blade{left:-10%;right:-10%}.screen-boot{background:var(--void);place-content:center;justify-items:center;gap:28px;display:grid}.boot-bar{background:var(--hair);width:min(280px,64vw);height:1px;overflow:hidden}.boot-bar i{background:var(--white);transform-origin:0;height:100%;transition:transform .3s;display:block;transform:scaleX(.04);box-shadow:0 0 8px #fff}.boot-label{font:600 11px var(--display);letter-spacing:.5em;text-transform:uppercase;color:var(--steel-dim)}.menu{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.menu-row{flex-flow:wrap;justify-content:center;gap:18px}.btn{cursor:pointer;min-width:240px;font:600 17px var(--display);letter-spacing:.32em;text-transform:uppercase;text-align:left;color:var(--steel);background:0 0;border:0;outline:none;padding:14px 0 14px 34px;transition:color .2s,letter-spacing .35s cubic-bezier(.2,.9,.3,1);position:relative}.btn:before{content:"";background:var(--steel-dim);width:16px;height:1px;transition:width .35s cubic-bezier(.2,.9,.3,1),background .2s,box-shadow .2s;position:absolute;top:50%;left:0}.btn:-webkit-any(:hover,:focus-visible,:focus){color:var(--white);letter-spacing:.4em}.btn:is(:hover,:focus-visible,:focus){color:var(--white);letter-spacing:.4em}.btn:-webkit-any(:hover,:focus-visible,:focus):before{background:var(--white);width:26px;box-shadow:0 0 10px #fff}.btn:is(:hover,:focus-visible,:focus):before{background:var(--white);width:26px;box-shadow:0 0 10px #fff}.btn-primary{color:var(--wine)}.btn-primary:before{background:var(--wine)}.btn-primary:-webkit-any(:hover,:focus-visible,:focus){color:var(--wine)}.btn-primary:is(:hover,:focus-visible,:focus){color:var(--wine)}.btn-primary:-webkit-any(:hover,:focus-visible,:focus):before{background:var(--wine);box-shadow:0 0 12px var(--wine)}.btn-primary:is(:hover,:focus-visible,:focus):before{background:var(--wine);box-shadow:0 0 12px var(--wine)}.menu-row .btn{min-width:0;padding-right:8px}kbd{border:1px solid var(--hair);min-width:1.8em;height:1.8em;font:600 .78em/1 var(--display);color:var(--white);background:#ffffff0a;border-radius:4px;place-items:center;margin:0 .12em;padding:0 .4em;display:inline-grid}kbd.round{border-radius:50%}.bottom-bar{padding:18px calc(36px + var(--safe-r)) calc(18px + var(--safe-b)) calc(36px + var(--safe-l));color:var(--steel-dim);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-bar small{opacity:.7;font-size:11px}.title-shade{background:linear-gradient(90deg,#06070adb 0%,#06070a80 38%,#0000 64%),linear-gradient(#0000 70%,#06070ab3 100%);position:absolute;top:0;bottom:0;left:0;right:0}.title-block{left:calc(clamp(28px, 7vw, 120px) + var(--safe-l));flex-direction:column;gap:22px;max-width:calc(100vw - 56px);display:flex;position:absolute;top:50%;transform:translateY(-52%)}.tagline{font:400 clamp(16px, 1.7vw, 21px) var(--body);color:var(--steel);letter-spacing:.01em;margin:-4px 0 18px}.screen-title.is-active :-webkit-any(.tagline,.menu,.rules){animation:.8s cubic-bezier(.2,.9,.3,1) both rise}.screen-title.is-active :is(.tagline,.menu,.rules){animation:.8s cubic-bezier(.2,.9,.3,1) both rise}.screen-title.is-active .tagline{animation-delay:.5s}.screen-title.is-active .menu{animation-delay:.62s}.screen-title.is-active .rules{animation-delay:.74s}.rules{border-top:1px solid var(--hair);color:var(--steel-dim);gap:9px;max-width:380px;margin:14px 0 0;padding:18px 0 0;font-size:14px;list-style:none;display:grid}.rules li{align-items:center;gap:12px;display:flex}.dot{border-radius:3px;flex:none;width:18px;height:6px}.dot-line{background:var(--white);box-shadow:0 0 6px #fff}.dot-chunk{background:var(--steel);border-radius:2px;width:8px;height:8px;margin:0 5px;transform:rotate(45deg)}.dot-wine{background:var(--wine);border-radius:0 0 5px 5px;width:8px;height:12px;margin:0 5px}.dot-flip{background:linear-gradient(90deg, var(--white) 50%, var(--void) 50%);outline:1px solid var(--steel-dim);height:2px}.title-best{top:calc(26px + var(--safe-t));right:calc(32px + var(--safe-r));font:600 13px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--steel-dim);align-items:center;gap:10px;display:flex;position:absolute}.title-best b{color:var(--white);font-variant-numeric:tabular-nums;letter-spacing:.06em}.title-best i{background:var(--hair);width:18px;height:1px}.screen-modal{-webkit-backdrop-filter:blur(10px)saturate(.7);background:#0405089e;place-items:center;display:grid}.modal{border:1px solid var(--hair);background:linear-gradient(#12151cf0,#08090df5);flex-direction:column;gap:20px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 24px);padding:38px 40px 34px;display:flex;position:relative;overflow:auto}.modal:before{content:"";background:linear-gradient(90deg, transparent, var(--white), transparent);height:1px;position:absolute;top:-1px;left:-1px;right:-1px;box-shadow:0 0 10px #fff}.screen-modal.is-active .modal{animation:.45s cubic-bezier(.2,.9,.3,1) both rise}.modal-title{font:700 clamp(26px, 4vw, 34px) / 1.1 var(--display);letter-spacing:.02em;margin:0}.modal-sub{color:var(--steel);margin:-10px 0 4px;font-size:15px;line-height:1.45}.modal .menu{margin-top:4px}.settings{flex-direction:column;display:flex}.row{min-height:50px;color:var(--steel);border-bottom:1px solid #f6f5f112;justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}input[type=range]{--fill:50%;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--white) var(--fill), var(--hair) var(--fill));cursor:pointer;outline:none;width:150px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #ffffffb3}input[type=range]::-moz-range-thumb{background:var(--white);border:0;border-radius:50%;width:14px;height:14px}input[type=range]:focus{box-shadow:0 0 0 6px #ffffff0f}.toggle{cursor:pointer;font:600 12px var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--steel-dim);background:0 0;border:0;outline:none;align-items:center;gap:10px;padding:0;display:inline-flex}.toggle i{background:var(--hair);width:38px;height:2px;position:relative}.toggle i:after{content:"";background:var(--steel-dim);border-radius:50%;width:12px;height:12px;transition:all .25s cubic-bezier(.2,.9,.3,1);position:absolute;top:-5px;left:0}.toggle[aria-pressed=true]{color:var(--white)}.toggle[aria-pressed=true] i{background:var(--white)}.toggle[aria-pressed=true] i:after{background:var(--white);left:26px;box-shadow:0 0 8px #fff}.toggle:focus i:after{box-shadow:0 0 0 5px #ffffff1f}.seg{gap:2px;display:inline-flex}.seg button{cursor:pointer;font:600 11px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--steel-dim);background:0 0;border:0;border-bottom:1px solid #0000;outline:none;padding:7px 10px}.seg button[aria-pressed=true]{color:var(--white);border-color:var(--white)}.seg button:focus{background:#ffffff0f}.modal-results{width:min(480px,100vw - 32px)}.r-best{border:1px solid var(--wine);color:var(--wine);font:600 11px var(--display);letter-spacing:.2em;text-transform:uppercase;align-self:flex-start;margin-top:-6px;padding:5px 12px;display:none}.r-best.is-active{display:block}.stats{border-top:1px solid var(--hair);grid-template-columns:repeat(6,1fr);margin:0;display:grid}.stat{border-bottom:1px solid var(--hair);grid-column:span 2;padding:14px 0 12px}.stat-wide{grid-column:span 3}.stat dt{font:600 10px var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--steel-dim)}.stat dd{font:600 22px var(--display);font-variant-numeric:tabular-nums;margin:6px 0 0}.stat-wide dd{font-size:30px}.r-score{color:var(--wine)}.screen-hud{font-variant-numeric:tabular-nums}.flash{opacity:0;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.flash.go{animation:.9s ease-out flash}.hud-left,.hud-center,.hud-right{top:calc(22px + var(--safe-t));position:absolute}.hud-left{left:calc(28px + var(--safe-l));text-shadow:0 1px 8px #0009}.hud-distance{align-items:baseline;gap:6px;display:flex}.hud-distance b{font:700 clamp(32px, 4.4vw, 46px) / 1 var(--display);letter-spacing:.01em}.hud-distance span{font:600 14px var(--display);color:var(--steel-dim)}.hud-score{font:600 11px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--steel-dim);margin-top:6px}.hud-score b{color:var(--wine);letter-spacing:.04em;margin-left:6px;font-size:15px}.hud-center{left:50%;transform:translate(-50%)}.edge-meter{--focus:1;justify-items:center;gap:9px;width:min(320px,38vw);display:grid}.edge-label{font:600 10px var(--display);letter-spacing:.42em;text-transform:uppercase;color:var(--steel);text-shadow:0 1px 6px #0009}.edge-track{background:#f6f5f124;width:100%;height:2px;position:relative}.edge-track i{background:var(--white);transform:scaleX(var(--focus));transition:transform .12s linear,background .3s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 10px #ffffffe6}.edge-meter.is-low .edge-label{color:var(--alert);animation:.6s steps(2,end) infinite blink}.edge-meter.is-low .edge-track i{background:var(--alert);box-shadow:0 0 10px var(--alert)}.edge-meter.is-smooth .edge-label{color:var(--wine)}.edge-meter.is-smooth .edge-track i{background:var(--wine);box-shadow:0 0 14px var(--wine)}.hud-right{right:calc(24px + var(--safe-r));align-items:center;gap:18px;display:flex}.lives{gap:8px;display:flex}.life{border:1px solid var(--white);border-radius:50%;width:14px;height:14px;transition:all .4s;display:block;overflow:hidden}.life i{background:var(--white);width:50%;height:100%;display:block}.life.is-gone{opacity:.25;transform:scale(.8)rotate(180deg)}.life.is-gone i{background:0 0}.hud-pause{border:1px solid var(--hair);cursor:pointer;background:#06070a66;border-radius:50%;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:flex}.hud-pause i{background:var(--white);width:2px;height:13px}.hud-status{left:50%;bottom:calc(30px + var(--safe-b));font:600 11px var(--display);letter-spacing:.36em;text-transform:uppercase;white-space:nowrap;color:var(--steel-dim);text-shadow:0 1px 6px #000000b3;transition:color .3s;position:absolute;transform:translate(-50%)}.hud-status[data-state=on]{color:var(--white)}.hud-status[data-state=gap]{color:var(--wine)}.popups{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.popup{font:600 clamp(18px, 2.4vw, 26px) var(--display);letter-spacing:.04em;white-space:nowrap;text-shadow:0 2px 14px #000000b3;animation:1.4s cubic-bezier(.2,.9,.3,1) both popup;position:absolute;top:46%;transform:translate(-50%)}.popup-wine{color:var(--wine)}.popup-chunk{color:var(--steel);font-size:clamp(15px,2vw,20px)}.banner{text-align:center;opacity:0;justify-items:center;gap:10px;display:grid;position:absolute;top:34%;left:0;right:0}.banner b{font:800 clamp(30px, 6vw, 72px) / 1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--white);mix-blend-mode:difference}.banner small{font:500 clamp(13px, 1.5vw, 16px) var(--body);color:var(--steel);letter-spacing:.02em}.banner.show{animation:2.6s both banner}.hint{left:50%;top:calc(96px + var(--safe-t));background:var(--panel);border:1px solid var(--hair);color:var(--steel);white-space:nowrap;opacity:0;padding:12px 22px;font-size:16px;transition:all .5s cubic-bezier(.2,.9,.3,1);position:absolute;transform:translate(-50%,-12px)}.hint b{color:var(--white)}.hint.is-active{opacity:1;transform:translate(-50%)}.touch-zones{display:none}body.has-touch .touch-zones{display:block}.tz{bottom:calc(60px + var(--safe-b));border:1px solid var(--hair);width:64px;height:64px;font:300 34px/1 var(--display);color:var(--steel);opacity:.55;border-radius:50%;place-items:center;transition:all .15s;display:grid;position:absolute}.tz-left{left:calc(28px + var(--safe-l))}.tz-right{right:calc(28px + var(--safe-r))}.tz.is-down{opacity:1;color:var(--white);background:#ffffff1f}body.has-touch .hint{white-space:normal;text-align:center;width:max-content;max-width:70vw;font-size:14px}body.has-touch .bottom-bar .keys{display:none}.fatal{text-align:center;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes slice{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}to{transform:scaleX(1)}}@keyframes slip{0%,45%{transform:translate(0)}to{transform:translate(.05em,.025em)}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes blink{50%{opacity:.4}}@keyframes popup{0%{opacity:0;transform:translate(-50%,14px)}14%{opacity:1;transform:translate(-50%)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-46px)}}@keyframes banner{0%{opacity:0;letter-spacing:.4em}15%{opacity:1}78%{opacity:1}to{opacity:0}}.ride-pick{flex-wrap:wrap;align-items:center;gap:4px 2px;margin-top:6px;display:flex}.ride-label{font:600 10px var(--display);letter-spacing:.42em;text-transform:uppercase;color:var(--steel-dim);margin-right:12px}.ride-pick button{cursor:pointer;min-height:40px;font:600 12px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--steel-dim);background:0 0;border:0;border-bottom:1px solid #0000;outline:none;align-items:center;gap:7px;padding:8px 12px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.ride-pick button:-webkit-any(:hover,:focus-visible,:focus){color:var(--white);background:#ffffff0d}.ride-pick button:is(:hover,:focus-visible,:focus){color:var(--white);background:#ffffff0d}.ride-pick button[aria-checked=true]{color:var(--white);border-color:var(--white)}.ride-pick .ride-straw{color:var(--wine-deep)}.ride-pick .ride-straw[aria-checked=true]{color:var(--wine);border-color:var(--wine)}.ride-pick .ride-straw:-webkit-any(:hover,:focus-visible,:focus){color:var(--wine)}.ride-pick .ride-straw:is(:hover,:focus-visible,:focus){color:var(--wine)}.lock{background:currentColor;border-radius:1.5px;width:9px;height:7px;margin-top:4px;display:none;position:relative}.lock:before{content:"";border:1.5px solid;border-bottom:0;border-radius:4px 4px 0 0;height:5px;position:absolute;bottom:5px;left:1.5px;right:1.5px}.ride-straw.is-locked .lock{display:inline-block}.modal-unlock{gap:16px}.unlock-straw{align-items:center;height:22px;display:flex}.unlock-straw i{clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);background:linear-gradient(#fff3c4 0%,#e7bd5a 35%,#9b7322 75%,#e2b552 100%);border-radius:1px;width:120px;height:10px;transform:rotate(-8deg);box-shadow:0 0 18px #e9d37a59}.modal-unlock.is-unlocked .unlock-straw i{animation:1.2s glint}.unlock-q{font:600 clamp(19px, 3.2vw, 23px) / 1.3 var(--display);color:var(--white);letter-spacing:.01em}.unlock-input{border:1px solid var(--hair);width:100%;color:var(--white);font:500 18px var(--body);letter-spacing:.04em;-webkit-user-select:text;user-select:text;touch-action:manipulation;-webkit-appearance:none;appearance:none;pointer-events:auto;background:#ffffff0a;border-radius:0;outline:none;padding:12px 14px}.unlock-input:focus{border-color:var(--wine);box-shadow:0 0 0 1px var(--wine) inset, 0 0 18px #e9d37a2e}.unlock-input::placeholder{color:var(--steel-dim)}.unlock-msg{min-height:1.4em;color:var(--steel-dim);margin:-6px 0 0;font-size:14px}.unlock-msg[data-state=no]{color:var(--alert)}.unlock-msg[data-state=ok]{color:var(--wine)}.modal-unlock.is-wrong{animation:.42s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes glint{0%{filter:brightness()}35%{filter:brightness(1.9);transform:rotate(-8deg)scale(1.08)}to{filter:brightness()}}@media (max-width:720px),(max-height:520px){.btn{min-width:200px;padding:11px 0 11px 30px;font-size:15px}.rules,.bottom-bar small{display:none}.modal{gap:14px;padding:26px 24px 24px}.title-block{gap:14px}.edge-meter{width:34vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:520px) and (orientation:portrait){.wordmark{--size:13.5vw}.hud-left{left:calc(20px + var(--safe-l))}.hud-distance b{font-size:30px}.hud-right{right:calc(16px + var(--safe-r));flex-direction:column-reverse;align-items:flex-end;gap:12px}.hud-center{top:calc(92px + var(--safe-t))}.edge-meter{width:58vw}.hint{top:calc(134px + var(--safe-t))}.banner{padding:0 18px}.banner b{letter-spacing:.06em;font-size:10vw}}