:root{--ink:#e9e4d8;--dim:#e9e4d88c;--fire:#ff8a3c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;background:#01030a;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Cormorant Garamond,Georgia,Times New Roman,serif}canvas#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.overlay{text-align:center;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));touch-action:pan-y;background:radial-gradient(#01030a40,#01030ac7);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.6s fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}to{opacity:1}}.kicker{letter-spacing:.6em;text-transform:uppercase;color:var(--dim);padding-left:.6em;font-size:14px}.kicker b{color:var(--fire);text-shadow:0 0 18px #ff8a3ccc;font-weight:600}h1,h2{text-transform:uppercase;letter-spacing:.28em;text-shadow:0 0 40px #78c8e659;margin:0;padding-left:.28em;font-weight:400}h1{font-size:clamp(34px,6.5vw,92px)}h2{font-size:clamp(28px,4.5vw,60px)}.sub{color:var(--dim);margin:0;font-size:20px;font-style:italic}.note{color:#e9e4d866;max-width:520px;margin:6px 0 0;font-size:15px}.phones{letter-spacing:.26em;text-transform:uppercase;color:#e9e4d880;margin:2px 0 0;padding-left:.26em;font-size:13px;animation:4s ease-in-out infinite phones}@keyframes phones{0%,to{opacity:.55}50%{opacity:.95}}.msg{color:#ff8a6a;letter-spacing:.05em;min-height:18px;margin:0;font-size:15px}.buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}button{font:inherit;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e9e4d80a;border:1px solid #e9e4d84d;padding:13px 26px 12px 30px;font-size:17px;transition:all .25s}button:hover:not(:disabled){border-color:var(--ink);background:#e9e4d81a}button.primary{border-color:var(--fire);color:#fff;box-shadow:inset 0 0 28px #ff8a3c40,0 0 28px #ff8a3c26}button.primary:hover:not(:disabled){background:#ff8a3c38}button:disabled{opacity:.35;cursor:default}#hud{pointer-events:none;position:fixed;inset:0}#progress{background:#e9e4d814;height:2px;position:absolute;top:0;left:0;right:0}#progress i{background:var(--fire);width:0;height:100%;box-shadow:0 0 12px var(--fire);display:block}.hud-left{position:absolute;top:24px;left:32px}#score{font-variant-numeric:tabular-nums;text-shadow:0 2px 18px #000,0 0 40px #000000e6;font-size:44px;line-height:1}#combo{letter-spacing:.3em;color:var(--fire);text-transform:uppercase;text-shadow:0 1px 10px #000;min-height:20px;margin-top:6px;font-size:17px}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:28px;right:32px}#breath{opacity:0;background:#e9e4d826;width:74px;height:3px;transition:opacity .4s}#breath i{background:var(--fire);height:100%;box-shadow:0 0 10px var(--fire);display:block}#crew{opacity:0;background:#e9e4d826;width:74px;height:3px;transition:opacity .4s}#crew i{background:#9fd8ff;height:100%;display:block;box-shadow:0 0 10px #9fd8ff}#song{opacity:0;background:#7fe9e026;width:74px;height:3px;transition:opacity .4s}#song i{background:#7fe9e0;height:100%;transition:width .2s;display:block;box-shadow:0 0 10px #7fe9e0}#song.on i{background:#b8fff8;box-shadow:0 0 18px #7fe9e0,0 0 4px #fff}#popup{text-align:center;letter-spacing:.3em;text-transform:uppercase;pointer-events:none;text-shadow:0 2px 12px #000,0 0 30px #000;font-size:clamp(20px,2.6vw,34px);animation:1.6s ease-out forwards rise;position:absolute;top:52%;left:0;right:0}#popup.good{color:#ffd98a;text-shadow:0 0 24px #ffbe5ae6}@keyframes rise{0%{opacity:0;transform:translateY(20px)scale(.9)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-40px)}}#prompt.wave{color:#9fd8ff;letter-spacing:.25em;font-size:clamp(22px,3vw,40px);top:30%}#prompt.song{color:#7fe9e0;letter-spacing:.25em;text-transform:none;font-size:clamp(20px,2.6vw,34px);font-style:italic;top:30%}#fps{color:#9fd8ff;opacity:.8;z-index:5;font:12px/1 monospace;position:fixed;bottom:10px;left:12px}.buttons.small{margin-top:0}.buttons.small button{letter-spacing:.18em;padding:8px 16px 7px 20px;font-size:13px}.best{color:var(--dim);letter-spacing:.1em;min-height:18px;font-size:14px}.records{min-width:280px;margin:4px 0 0;padding:0;font-size:16px;list-style:none}.records li{color:var(--dim);border-bottom:1px solid #e9e4d814;justify-content:space-between;align-items:baseline;gap:14px;padding:3px 0;display:flex}.records li b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:left;min-width:60px;font-weight:400}.records li span{letter-spacing:.05em;font-size:13px}.records li.me b,.records li.me{color:var(--fire)}#near{letter-spacing:.3em;text-transform:uppercase;color:#7fe9e0;opacity:0;text-shadow:0 1px 8px #000,0 0 14px #7fe9e0e6;font-size:13px;transition:opacity .5s}#near.on{opacity:.9}#prompt{text-align:center;text-transform:uppercase;letter-spacing:.5em;text-shadow:0 2px 12px #000,0 0 26px #000,0 0 44px;padding-left:.5em;font-size:clamp(30px,5vw,70px);animation:.45s ease-out pop;position:absolute;top:24%;left:0;right:0}#prompt:not(:empty):before{content:"";z-index:-1;background:radial-gradient(#02050c80,#02050c00 70%);border-radius:50%;width:min(72vw,820px);height:1.6em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#prompt.count{color:var(--dim)}#prompt.freeze{color:#fff;letter-spacing:.6em;font-size:clamp(44px,8vw,120px)}#prompt.fail{color:#ff5a4a}#prompt.jump{color:#ff6fb5;font-size:clamp(22px,3vw,40px);top:30%}#prompt.dive{color:#ffc24a;font-size:clamp(22px,3vw,40px);top:30%}@keyframes pop{0%{opacity:0;filter:blur(6px);transform:scale(1.35)}to{opacity:1;filter:none;transform:none}}#lives{gap:10px;display:flex}#lives i{background:var(--fire);clip-path:polygon(50% 0,100% 62%,50% 100%,0 62%);width:11px;height:17px;box-shadow:0 0 14px var(--fire);transition:all .4s}#lives i.off{box-shadow:none;background:#e9e4d82e}#hint{text-align:center;letter-spacing:.3em;color:var(--ink);opacity:.75;text-shadow:0 1px 8px #000,0 0 20px #000;font-size:14px;transition:opacity 1.5s;position:absolute;bottom:28px;left:0;right:0}#touch,#tPause{display:none}@media (hover:none) and (pointer:coarse){#hint{display:none}#touch{left:0;right:0;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 4vw;display:flex;position:absolute}.tbtn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;background:#0a0e1852;border:1px solid #e9e4d847;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.tbtn.on{border-color:var(--fire);background:#ff8a3c47}.tbtn.steer{border-radius:50%;width:20vw;max-width:108px;height:20vw;max-height:108px;font-size:46px;line-height:1}#tLantern{border-radius:50%;width:15vw;max-width:78px;height:15vw;max-height:78px;margin-bottom:4vw;font-size:30px}#tPause{right:max(18px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1852;border:1px solid #e9e4d847;border-radius:50%;width:42px;height:42px;padding:0;display:block;position:absolute}#tPause i{background:var(--ink);vertical-align:middle;width:4px;height:14px;margin:0 2px;display:inline-block}}#cine{cursor:pointer;position:fixed;inset:0}#fade{opacity:1;background:#01030a;position:absolute;inset:0}#cine .bar{background:#000;height:11vh;position:absolute;left:0;right:0}#cine .bar.top{top:0}#cine .bar.bottom{bottom:0}#caption{text-align:center;letter-spacing:.06em;text-shadow:0 0 24px #000000e6;padding:0 24px;font-size:clamp(20px,2.6vw,34px);font-style:italic;position:absolute;bottom:15vh;left:0;right:0}#caption.title{text-transform:uppercase;letter-spacing:.4em;text-shadow:0 0 40px #ff8a3c80;padding-left:.4em;font-size:clamp(26px,4.2vw,60px);font-style:normal;top:50%;bottom:auto;transform:translateY(-50%)}@keyframes caption{0%{opacity:0}18%{opacity:1}82%{opacity:1}to{opacity:0}}#skip{letter-spacing:.3em;text-transform:uppercase;color:#e9e4d859;font-size:12px;position:absolute;bottom:3.6vh;right:28px}.stats{flex-wrap:wrap;justify-content:center;gap:40px;margin:10px 0;display:flex}.stats span{font-variant-numeric:tabular-nums;font-size:46px;display:block}.stats label{letter-spacing:.35em;text-transform:uppercase;color:var(--dim);font-size:13px}#rotate{z-index:50;color:var(--dim);text-align:center;letter-spacing:.03em;background:#01030a;justify-content:center;align-items:center;padding:32px;font-size:18px;font-style:italic;line-height:1.6;display:none;position:fixed;inset:0}@media (orientation:portrait) and (width<=700px){#rotate{display:flex}}