.digital-ocean{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;perspective:800px}
.ocean-object{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;color:rgba(140,255,0,.42);filter:drop-shadow(0 0 8px rgba(140,255,0,.3));animation:float-up var(--time) linear var(--delay) forwards;will-change:transform,opacity}
.ocean-object strong{font:700 clamp(15px,2.1vw,34px)/1 Arial,sans-serif}
.ocean-object small{font-size:7px;letter-spacing:.18em;margin-top:6px;white-space:nowrap;opacity:.7}
.ocean-object.radio{color:rgba(53,232,255,.42)}.ocean-object.skull{color:rgba(255,176,0,.46)}
@keyframes float-up{0%{transform:translate3d(0,0,-100px) rotate(var(--spin));opacity:0}8%{opacity:.75}48%{transform:translate3d(var(--drift),-55vh,90px) rotate(0)}92%{opacity:.55}100%{transform:translate3d(0,-125vh,260px) rotate(calc(var(--spin)*-1));opacity:0}}
.radar{position:fixed;z-index:1;right:-90px;bottom:-90px;width:310px;height:310px;border:1px solid rgba(53,232,255,.2);border-radius:50%;opacity:.5;pointer-events:none;background:repeating-radial-gradient(circle,transparent 0 48px,rgba(53,232,255,.13) 49px 50px)}
.radar:before,.radar:after{content:"";position:absolute;background:rgba(53,232,255,.14)}.radar:before{left:50%;top:0;width:1px;height:100%}.radar:after{top:50%;left:0;height:1px;width:100%}
.radar span{position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;background:conic-gradient(from -4deg,rgba(53,232,255,.38),transparent 35deg);animation:sweep 5s linear infinite}
.radar i{position:absolute;width:5px;height:5px;border-radius:50%;background:#35e8ff;box-shadow:0 0 10px #35e8ff;animation:pulse 1.5s infinite}.radar i:nth-child(1){left:35%;top:30%}.radar i:nth-child(2){left:62%;top:45%;animation-delay:.6s}.radar i:nth-child(3){left:42%;top:68%;animation-delay:1.1s}
@keyframes sweep{to{transform:rotate(360deg)}}
.ship-status{position:fixed;z-index:18;left:18px;bottom:16px;display:flex;gap:18px;padding:8px 11px;border-left:2px solid #35e8ff;background:rgba(5,8,7,.76);color:#35e8ff;font-size:8px;letter-spacing:.13em;backdrop-filter:blur(5px)}.ship-status b{color:var(--green)}
.radio-toast{position:fixed;z-index:30;right:22px;top:100px;max-width:330px;padding:13px 17px;border:1px solid #35e8ff;background:rgba(3,12,14,.94);color:#35e8ff;font:10px/1.5 "Courier New",monospace;letter-spacing:.1em;box-shadow:6px 6px 0 rgba(53,232,255,.08);transform:translateX(130%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.radio-toast.show{transform:translateX(0)}
@media(max-width:560px){.radar{width:220px;height:220px}.ship-status{left:10px;bottom:8px}.ocean-object small{display:none}}
@media(prefers-reduced-motion:reduce){.digital-ocean,.radar{display:none}}