:root{color:#f3f8fe;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07111d;font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font:inherit}button,input,textarea,select{color:inherit}img,svg{max-width:100%;display:block}#root{min-height:100vh}::selection{color:#fff;background:#9de3ff4d}.loading-screen{background:#020b16;position:fixed;inset:0;overflow:hidden}.ocean-stage{background:linear-gradient(#091a2d 0%,#081322 100%);position:absolute;inset:0;overflow:hidden}.sky,.sky-glow,.sun,.moon,.stars,.wave-layer,.ship{position:absolute}.sky,.sky-glow,.stars{inset:0}.sky-day{background:radial-gradient(circle at 50% 18%,#ffe9a2a6,#0000 18%),linear-gradient(#86d7ff 0%,#4fa8f3 44%,#0c3b72 100%);animation:16s linear infinite dayFade}.sky-night{background:radial-gradient(circle at 50% 24%,#6790ff2e,#0000 20%),linear-gradient(#040814 0%,#0b1630 46%,#10284a 100%);animation:16s linear infinite nightFade}.sky-glow-day{background:radial-gradient(circle at 28% 24%,#ffcd666b,#0000 12%),radial-gradient(circle at 55% 56%,#62d0ff29,#0000 22%);animation:16s linear infinite dayGlow}.sky-glow-night{background:radial-gradient(circle at 70% 24%,#e8f5ff38,#0000 10%),radial-gradient(circle at 54%,#5872dc2e,#0000 24%);animation:16s linear infinite nightGlow}.sun,.moon{filter:blur(.2px);border-radius:50%;width:72px;height:72px;top:18%;left:16%}.sun{background:radial-gradient(circle at 35% 35%,#fff8d1 0%,#ffe189 38%,#ffb84a 72%,#ffb84a1a 100%);animation:16s linear infinite sunCycle;box-shadow:0 0 28px #ffcb648c,0 0 80px #ffb94a47}.moon{background:radial-gradient(circle at 35% 35%,#fff 0%,#edf3ff 44%,#c7d4f8 100%);animation:16s linear infinite moonCycle;left:72%;box-shadow:0 0 24px #ddecff5c,0 0 68px #8aaeff29}.stars{animation:16s linear infinite starsCycle}.star{background:#f9fcff;border-radius:50%;width:4px;height:4px;animation:2.8s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 10px #fffc}.star-1{animation-delay:0s;top:16%;left:19%}.star-2{animation-delay:.5s;top:11%;left:34%}.star-3{animation-delay:1.1s;top:22%;left:48%}.star-4{animation-delay:1.8s;top:14%;left:63%}.star-5{animation-delay:.9s;top:28%;left:78%}.star-6{animation-delay:2.2s;top:20%;left:86%}.scenery{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scenery-item{fill:currentColor;position:absolute;left:100%}.scenery-city{color:#0812264d;width:180px;height:auto;animation:32s linear -8s infinite sceneryDrift;bottom:38%}.scenery-island{color:#08122638;width:110px;height:auto;animation:26s linear -20s infinite sceneryDrift;bottom:36%}.scenery-lighthouse{color:#08122647;width:65px;height:auto;animation:22s linear -2s infinite sceneryDrift;bottom:37%}@keyframes sceneryDrift{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100vw))}}.ocean-fill{pointer-events:none;background:linear-gradient(#061c3800 0%,#04122ad9 15%,#030f20 50%);height:45%;position:absolute;bottom:0;left:0;right:0}.wave-layer{width:100%;height:30vh;position:absolute;bottom:10%;left:0;right:0;overflow:visible}.wave-stroke{fill:none;stroke:#75d6ff;stroke-width:10px;stroke-linecap:round;filter:drop-shadow(0 0 10px #5eceff8c)drop-shadow(0 0 26px #237ee33d)}.ship{transform-origin:50% 94.8%;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 18px 28px #00000047);width:clamp(170px,22vw,250px);height:auto;top:0;left:0}.loading-ui{z-index:10;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.helm{filter:drop-shadow(0 0 8px #5eceff59);width:52px;height:52px;animation:6s linear infinite helmSpin}.helm-ring{fill:none;stroke:#75d6ff;stroke-width:3px}.helm-hub{fill:none;stroke:#75d6ff;stroke-width:2.5px}.helm-spoke{stroke:#75d6ff;stroke-width:2.5px;stroke-linecap:round}.helm-handle{fill:none;stroke:#75d6ff;stroke-width:2.5px}@keyframes helmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{letter-spacing:.08em;color:#c8e6ff8c;margin:0;font-size:.9rem}@keyframes dayFade{0%,20%{opacity:1}30%,70%{opacity:0}80%,to{opacity:1}}@keyframes nightFade{0%,20%{opacity:0}30%,70%{opacity:1}80%,to{opacity:0}}@keyframes dayGlow{0%,20%{opacity:1}30%,70%{opacity:0}80%,to{opacity:1}}@keyframes nightGlow{0%,20%{opacity:0}30%,70%{opacity:1}80%,to{opacity:0}}@keyframes sunCycle{0%{opacity:1;transform:translate(0)scale(1)}12%{opacity:1;transform:translate(110px,-34px)scale(1.05)}25%{opacity:0;transform:translate(220px,22px)scale(.95)}75%{opacity:0;transform:translate(-110px,22px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes moonCycle{0%{opacity:0;transform:translate(-180px,28px)scale(.86)}25%{opacity:0;transform:translate(-180px,28px)scale(.86)}38%{opacity:1;transform:translate(0)scale(.92)}55%{opacity:1;transform:translate(-120px,-26px)scale(1)}70%{opacity:0;transform:translate(-220px,16px)scale(.9)}to{opacity:0;transform:translate(-180px,28px)scale(.86)}}@keyframes starsCycle{0%,20%{opacity:0}30%,70%{opacity:1}80%,to{opacity:0}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}@media (width<=720px){.wave-layer{height:14vh;bottom:14%}.ocean-fill{height:35%}.ship{width:clamp(90px,24vw,140px)}.wave-stroke{stroke-width:6px}.sun,.moon{width:54px;height:54px}.scenery-city{width:130px;bottom:30%}.scenery-island{width:80px;bottom:28%}.scenery-lighthouse{width:48px;bottom:29%}.loading-ui{white-space:nowrap;bottom:2vh}.loading-text{font-size:.78rem}}