@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111426;color:#f7daa0;font-family:DM Sans,sans-serif}main{position:relative;width:100%;height:100%;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette,.grain{position:absolute;inset:0;pointer-events:none}.vignette{background:radial-gradient(ellipse,transparent 36%,#09102055 100%);box-shadow:inset 0 0 100px #050a1744}.grain{opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#crawl-window{position:absolute;inset:0;overflow:hidden;perspective:430px;pointer-events:none;background:linear-gradient(#10132640,#101326ae);transition:opacity 2s ease;-webkit-mask-image:linear-gradient(transparent 1%,#000 22% 100%);mask-image:linear-gradient(transparent 1%,#000 22% 100%)}#crawl-window.finished{opacity:0;visibility:hidden}#crawl{position:absolute;width:min(600px,85vw);left:50%;top:68%;text-align:center;transform-origin:50% 0;font-weight:500;line-height:1.8;font-size:clamp(22px,3vw,34px);letter-spacing:.018em;text-shadow:0 0 25px #d7974244;will-change:transform}#crawl h1{font-size:1.2em;line-height:1.5;font-weight:600;letter-spacing:.035em;margin:1.5em 0}#crawl p{margin:0 0 2em}.dedication{font-size:.6em;letter-spacing:.2em}nav{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));right:max(28px,env(safe-area-inset-right));display:flex;gap:6px;align-items:center;opacity:.55;transition:opacity .2s}nav:focus-within,nav:hover{opacity:1}button{color:#f5e4c3;background:#141b2c33;border:1px solid #e8d9b220;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,transform .16s}button:active{transform:scale(.94)}button:focus-visible{outline:2px solid #f4d899;outline-offset:4px}button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#skip[hidden]{display:none}@media(hover:hover){button:hover{background:#bfc4d12b}}@media(max-width:600px){nav{right:18px;bottom:22px;gap:5px}#crawl{line-height:1.8;width:86vw}button{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){#crawl-window{transition:none}#crawl{top:8%;font-size:clamp(16px,2.8vh,23px);line-height:1.4}#crawl h1{margin:.7em 0}#crawl p{margin:0 0 1em}}#watch{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:66px;height:66px;border-radius:50%;background:#efd7a9;color:#172a3a;border:1px solid #ffe9be;box-shadow:0 4px 24px #02071455;transition:background .25s,transform .16s,color .25s;z-index:3}#watch svg{width:26px;height:26px;fill:currentColor;stroke-width:1}#watch[aria-pressed=true]{background:#21314266;color:#f0dbb7;border-color:#eed6a844;box-shadow:none}#ship[data-ship=gold]{color:#ecd097}#ship[data-ship=red]{color:#e9a9a4}#stick{position:absolute;width:84px;height:84px;border:1px solid #eee1bd55;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:#dbe0d007;z-index:2}#stick[hidden]{display:none}#stick-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;border:1px solid #f3e4bba0;border-radius:50%;background:#eddcba33;transform:translate(-50%,-50%)}@media(max-width:600px){#watch{left:17px;bottom:20px;width:58px;height:58px}nav{gap:3px;right:14px}button{width:36px;height:40px}#watch svg{width:24px;height:24px}}#watch[aria-pressed=true]{background:#dec79e;color:#172a3a;border-color:#ffe9be99;box-shadow:0 4px 24px #02071444}#touch-controls{display:none}@media(pointer:coarse),(max-width:600px){nav{top:max(16px,env(safe-area-inset-top));bottom:auto;right:max(16px,env(safe-area-inset-right));gap:7px;opacity:.8}nav button{width:44px;height:44px}#watch{left:auto;right:max(22px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));width:68px;height:68px}#touch-controls{display:block}#touch-pad{position:absolute;left:calc(22px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom));width:116px;height:116px;border:1px solid #d4e4ee66;border-radius:50%;background:radial-gradient(circle,#adc3d514,#192b4040);touch-action:none;box-shadow:inset 0 0 0 12px #b7d4e508;transition:opacity .2s}#pad-dot{position:absolute;left:50%;top:50%;width:42px;height:42px;background:#ccdbe535;border:1px solid #d4e9f0a0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 3px 14px #00132644;pointer-events:none}.pad-cross:before,.pad-cross:after{content:"";position:absolute;background:#d4e4ee38;left:50%;top:50%;transform:translate(-50%,-50%)}.pad-cross:before{width:80px;height:1px}.pad-cross:after{height:80px;width:1px}#boost{position:absolute;right:calc(31px + env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom));width:50px;height:50px;touch-action:none;border-color:#d4e4ee66;background:#1d334c66}#boost svg{width:23px;height:23px}#boost[data-active=true]{background:#d1e5ed;color:#193247}body[data-mode=explore] #touch-controls{display:none}body[data-mode=watch] #touch-pad{opacity:.6}}