@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";:root{color:#e8eee6;font-synthesis:none;text-rendering:geometricprecision;background:#020403;font-family:Silkscreen,Courier New,monospace}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#020403;width:100%;min-width:240px;height:100%;min-height:320px;margin:0;overflow:hidden}.ocean-app{isolation:isolate;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),radial-gradient(at 50% 43%,#21382c2e,#0000 58%),#020706;grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;height:100dvh;min-height:320px;padding:max(17px,4vh) max(15px,4vw) max(12px,3vh);display:grid;position:relative;overflow:hidden}.ocean-app:after{content:"";z-index:20;pointer-events:none;background:radial-gradient(#0000 54%,#0006 100%);position:absolute;inset:0}.screen-header{z-index:5;color:#dce4da;letter-spacing:.015em;text-shadow:0 0 5px #e3f0e347;justify-content:space-between;font-size:clamp(9px,2.9vw,15px);display:flex;position:relative}.ocean{min-height:0;margin:8px 0 5px;position:relative;overflow:hidden}.radar-grid{opacity:.15;background-image:linear-gradient(#a6bdae29 1px,#0000 1px),linear-gradient(90deg,#a6bdae29 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 4%,#0000 76%);mask-image:radial-gradient(circle,#000 4%,#0000 76%)}.star{background:#d7e2d7;border-radius:50%;position:absolute;box-shadow:0 0 3px #fff}.star:nth-of-type(4n){animation:2.8s steps(2,end) infinite twinkle}.trail{transform-origin:100%;border-top:1px dashed #d6e4d7ad;width:31%;position:absolute;top:57%;left:24%}.ship-wrap{color:#edf3e8;filter:drop-shadow(0 0 4px #e8f0e69e);width:clamp(29px,10vw,45px);height:auto;animation:.35s steps(4,end) both arrive;position:absolute;top:calc(55% - 9px);left:calc(54% - 17px)}.ship{width:100%;height:auto;image-rendering:pixelated;display:block}.contact-dot{background:#f5fff4;width:4px;height:4px;position:absolute;top:32%;left:77%;transform:rotate(45deg);box-shadow:0 0 7px #fff}.loading .ship-wrap{opacity:.55;animation:.5s steps(4,end) infinite alternate drift}.loading .ocean{animation:.32s steps(2,end) infinite flicker}.readout{z-index:5;color:#bfc8bd;background:#020605f0;border:1px solid #334039;border-radius:7px;flex-direction:column;justify-content:center;min-height:clamp(78px,23vh,118px);padding:clamp(9px,2.7vw,15px);font-size:clamp(8px,2.35vw,12px);line-height:1.55;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #5d7c690f,0 0 0 3px #00000059}.readout strong{color:#eef2e9;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 5px #e3f0e32e;font-size:clamp(13px,4.2vw,22px);font-weight:400;line-height:1.25;overflow:hidden}.readout span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-footer{z-index:5;color:#5d6962;justify-content:space-between;gap:12px;padding-top:max(8px,2vh);font-size:clamp(6px,1.8vw,9px);display:flex;position:relative}.screen-footer a{color:#6f7e75;text-decoration:none}.wheel-hint{animation:3s steps(2,end) infinite hint}.error .screen-header,.error .readout strong{color:#ff5a32}@keyframes twinkle{50%{opacity:.14}}@keyframes arrive{0%{opacity:0;translate:-18px 10px}}@keyframes drift{to{opacity:.25;translate:5px -2px}}@keyframes flicker{50%{opacity:.72}}@keyframes hint{50%{opacity:.42}}@media (orientation:landscape){.ocean-app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.45fr) minmax(210px,.75fr);column-gap:18px}.screen-header{grid-column:1/-1}.ocean{grid-area:2/1/4}.readout{grid-area:2/2;align-self:end}.screen-footer{grid-area:3/2}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}