@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8f5ed;background:#092b35;font-synthesis:none;font-weight:400;--mint:#bbefc7;--muted:#88a7aa;--gold:#f6cc77}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,22,29,.74),transparent 40%,transparent 76%,rgba(4,22,29,.22)),linear-gradient(0deg,#071e29 0%,rgba(7,30,41,.85) 13%,transparent 40%,transparent 80%,rgba(4,22,29,.65))}header{position:absolute;top:0;left:0;right:0;height:102px;padding:0 3.3%;display:flex;align-items:center;border-bottom:1px solid #b2e5dc16;gap:40px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#ecf7e9;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.5px}.brand svg{width:33px;color:var(--mint)}.alpha{margin-left:7px;align-self:center;font:9px DM Sans,sans-serif;letter-spacing:1.7px;padding:5px 7px;border:1px solid #a9dbcd40;border-radius:4px;color:#a5c5bf}.habitat{font-size:9px;letter-spacing:2px;color:#b0c5c1;margin:auto;display:flex;align-items:center;gap:12px}.divider{margin:0 5px;opacity:.3}.live-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #b4f8cd65}.top-actions{display:flex;gap:9px}.icon-button{background:#bad6ce07;border:1px solid #bed6d525;width:35px;height:35px;border-radius:50%;font-size:17px;color:#c6d7d2}.icon-button:hover{background:#bce9cd20}.left-panel{position:absolute;left:3.5%;top:145px;width:290px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#adcbc6}.tiny-line{width:22px;height:1px;background:var(--mint);display:inline-block;vertical-align:middle;margin-right:9px}h1{font-family:Manrope,sans-serif;font-size:46px;font-weight:500;line-height:1.13;letter-spacing:-2.3px;margin:20px 0 14px}h1>span{color:var(--mint)}.intro-copy{color:#a2bcba;font-size:12px;line-height:1.9;margin-bottom:27px}.stats{display:flex;gap:30px;border-top:1px solid #a3d4d426;border-bottom:1px solid #a3d4d426;padding:21px 0;width:275px}.stat-label{font-size:8px;letter-spacing:1.5px;color:#9db5b3;display:block;margin-bottom:10px}.stats strong{font-family:Manrope;font-size:29px;font-weight:500;line-height:1}.stats strong small{font-size:13px;color:#71999c}.coin-stat{display:flex;align-items:center;gap:10px;color:#f5db9d}.coin-icon{font-size:22px}.mission{margin-top:25px;width:275px}.mission-top{display:flex;justify-content:space-between;align-items:center}.mission-top .eyebrow{font-size:8px;letter-spacing:1.5px}.mission-top>span:last-child{font-size:10px;color:var(--mint)}.progress-track{height:3px;background:#9fc7b61a;margin-top:13px;border-radius:3px;overflow:hidden}#mission-progress{height:100%;background:var(--mint);width:25%;transition:width .5s}.mission p{font-size:10px;color:#a0b7b7;margin:12px 0}.mission-steps{display:flex;justify-content:space-between;color:#6f9da2;font-size:9px}#welcome{margin-top:26px;pointer-events:auto}#welcome p{font-size:12px;color:#b3c9c4;line-height:1.7}.primary{background:var(--mint);color:#153d3b;border:0;padding:14px 20px;border-radius:5px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:50px}.primary:hover{background:#d7f9d9}.primary span{font-size:19px}.welcome-note{display:block;color:#739b9e;font-size:9px;margin-top:12px}.tank-caption{position:absolute;top:128px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.7px;color:#c7e3d3a1;white-space:nowrap}.caption-line{width:25px;height:1px;background:#b2cfca45}.telemetry{position:absolute;right:3.5%;top:150px;width:152px}.sonar-header{display:flex;justify-content:space-between;align-items:center}.sonar-header .eyebrow{font-size:8px}#radar{width:152px;height:152px;margin-top:12px;opacity:.8}.depth{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b2d6d12a;border-bottom:1px solid #b2d6d12a;padding:15px 0}.depth>span{font-size:8px;letter-spacing:1.8px;color:#92b7b8}.depth strong{font-size:21px;font-weight:400}.depth small{font-size:10px;color:#8cb1ad}.health{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#9dbfbd;margin-top:18px}.health>div{height:2px;width:100%;background:#8faeb72a}.health i{display:block;background:var(--mint);height:100%;width:65%;transition:width .5s}#reticle{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);display:none;pointer-events:none;text-align:center;opacity:.5}#reticle i{display:block;border:1px solid #d8f4df80;width:22px;height:22px;border-radius:50%;margin:auto}#reticle span{font-size:7px;letter-spacing:2px;display:block;margin-top:15px}#toast{position:absolute;left:50%;bottom:242px;transform:translate(-50%,10px);opacity:0;transition:.3s;background:#082730e8;border:1px solid #b8dec745;padding:12px 22px;border-radius:30px;font-size:12px;pointer-events:none;text-align:center;max-width:90%;color:var(--mint)}#toast.visible{opacity:1;transform:translate(-50%)}.bottom-area{position:absolute;bottom:0;left:3.3%;right:3.3%}.controls-strip{display:flex;align-items:center;justify-content:center;gap:23px;padding-bottom:19px;font-size:9px;color:#a5c0be}.controls-strip>span{display:flex;align-items:center;gap:4px}kbd{font:8px DM Sans;min-width:19px;height:20px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #bad5ce35;border-radius:3px;padding:2px 4px;background:#102f3570;color:#c2d7d0}kbd:last-of-type{margin-right:4px}.mouse-tip{margin-left:12px}.mouse-tip i{font-size:18px;font-style:normal;margin-left:8px}.dock{min-height:104px;border:1px solid #b2d8d325;border-radius:9px;background:linear-gradient(100deg,#18363cce,#0b2b34e8);display:grid;grid-template-columns:1.25fr repeat(4,1fr);align-items:center;padding:17px 22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:16px}.dock-title{padding-right:10px}.dock-title .eyebrow{font-size:7px;letter-spacing:1.8px}.dock-title h2{font-family:Manrope;font-size:19px;letter-spacing:-.4px;font-weight:500;margin:6px 0}.dock-title p{font-size:8px;color:#83a7a9;margin:0}.shop-item{position:relative;background:#bdd4c604;border:1px solid #aacdbf1a;border-radius:7px;display:flex;align-items:center;text-align:left;padding:13px 10px 24px;gap:9px;min-height:73px;transition:.2s}.shop-item:hover:not(:disabled){border-color:#c1e5ba88;background:#cae6b812;transform:translateY(-2px)}.shop-item:disabled{cursor:default;opacity:.58}.item-icon{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:8px;color:#e5c078;background:#e6c5730c;font-size:28px}.fish-icon{font-size:22px;letter-spacing:-7px;padding-right:5px;color:#eea771}.fish-icon b{font-size:17px}.pellet-icon{color:#a9dbae;font-size:34px}.magnet-icon{color:#aabdd9}.item-copy{display:flex;flex-direction:column;gap:5px}.item-copy strong{font-size:10px;font-weight:500;white-space:nowrap}.item-copy small{font-size:8px;color:#8faaa8;white-space:nowrap}.price{position:absolute;right:10px;bottom:7px;font-size:9px;color:#f0d294}footer{display:flex;justify-content:space-between;height:45px;align-items:center;font-size:7px;letter-spacing:1.7px;color:#6a8d90}footer>span:first-child{display:flex;align-items:center;gap:8px}footer .live-dot{width:3px;height:3px;background:#739a89}.footer-fish{font-size:20px;margin-left:9px;color:#add1c1}#loading{position:fixed;inset:0;background:#092b35;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}#loading strong{font-family:Manrope;font-weight:500;font-size:22px}#loading span{font-size:11px;color:#91b5b5}.loading-fish{color:var(--mint);font-size:70px;animation:swim 2s ease-in-out infinite}@keyframes swim{50%{transform:translate(15px)}}dialog{background:#0b2b34;color:#e0eee2;border:1px solid #92b6ab55;border-radius:14px;width:460px;max-width:92vw;padding:36px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#04182299;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{font-family:Manrope;font-size:27px;font-weight:500;letter-spacing:-1px}dialog p{font-size:13px;color:#abc6c0;line-height:1.8}dialog .primary{width:100%;margin-top:25px}.close{position:absolute;right:13px;top:9px;border:0;background:none;color:#a5bbb2;font-size:27px}.control-list{display:grid;grid-template-columns:130px 1fr;font-size:12px;gap:14px;margin:25px 0;color:#b2cec4}.control-list span:nth-child(odd){color:#f0d493}#mobile-controls,.playing #welcome{display:none}.playing #reticle{display:block}.playing h1{font-size:37px}.playing .intro-copy{display:none}.playing .left-panel{opacity:.9}.playing .stats{margin-top:22px}@media(min-width:1600px){.left-panel{top:180px}h1{font-size:58px}.telemetry{top:180px}.dock{min-height:120px}.shop-item{min-height:85px}.item-copy strong{font-size:12px}.item-copy small{font-size:10px}.dock-title h2{font-size:23px}}@media(max-height:820px){header{height:80px}.left-panel{top:115px}h1{font-size:38px;margin:15px 0 10px}.intro-copy{margin-bottom:18px}.stats{padding:15px 0}.mission{margin-top:18px}#welcome{margin-top:17px}#welcome p{display:none}.telemetry{top:120px}.tank-caption{top:104px}.dock{min-height:90px}.controls-strip{padding-bottom:12px}footer{height:35px}}@media(max-width:1100px){.habitat{font-size:7px;letter-spacing:1px;gap:7px}.dock{gap:8px;padding:12px}.dock-title p,.item-icon{display:none}.item-copy small{font-size:7px}.left-panel{width:240px}h1{font-size:37px}.stats,.mission{width:235px}.stats{gap:25px}.telemetry{width:125px}#radar{width:125px;height:125px}.controls-strip{gap:13px}.dock-title h2{font-size:16px}}@media(max-width:760px){header{height:74px;padding:0 20px}.brand{font-size:26px}.alpha,.habitat{display:none}.top-actions{margin-left:auto}.left-panel{top:100px;left:22px;width:210px}h1{font-size:33px}.intro-copy{font-size:11px}.stats,.mission{width:210px}.telemetry{right:20px;top:105px;width:95px}#radar{width:95px;height:95px}.sonar-header .eyebrow{font-size:7px;letter-spacing:1px}.health{font-size:6px}.tank-caption{display:none}.dock{grid-template-columns:repeat(4,1fr);padding:8px;gap:6px}.dock-title{display:none}.shop-item{min-height:64px;padding:8px 6px 24px}.item-copy strong{font-size:9px;white-space:normal}.item-copy small{display:none}.price{font-size:8px;right:6px}.bottom-area{left:12px;right:12px}.controls-strip{display:none}footer{font-size:6px;letter-spacing:.6px}footer>span:last-child{display:none}.playing .left-panel{top:92px}.playing h1,.playing .left-panel>.eyebrow{display:none}.playing .stats{padding:10px 0;margin-top:0}.playing .stats strong{font-size:22px}.playing .stat-label{font-size:7px}.playing .mission{margin-top:15px}.playing .telemetry{top:280px;width:85px}.playing #radar{width:85px;height:85px}.playing .health{display:none}.playing #mobile-controls{display:flex;justify-content:space-between;position:absolute;bottom:152px;left:20px;right:20px;pointer-events:none}#mobile-controls button{pointer-events:auto;background:#082d38c9;border:1px solid #b3ddc94d;border-radius:8px;min-width:40px;height:40px;touch-action:none;-webkit-user-select:none;user-select:none}#mobile-controls>div:last-child{display:flex;gap:5px;align-items:end}.direction-pad{display:grid;grid-template-columns:repeat(3,40px);gap:4px}.direction-pad button:first-child{grid-column:2}.direction-pad button:nth-child(2){grid-column:1}#toast{bottom:220px;font-size:10px}.welcome-note{font-size:8px}}@media(max-height:650px)and (min-width:761px){.left-panel{top:100px}h1{font-size:30px}.intro-copy{display:none}.mission{margin-top:13px}#welcome{position:absolute;left:310px;top:220px;white-space:nowrap}.telemetry{top:100px;width:100px}#radar{width:100px;height:100px}.health{display:none}.playing h1{font-size:28px}.dock{min-height:80px}.shop-item{min-height:60px}.controls-strip{padding-bottom:8px}.stats{padding:12px 0}}.vignette{background:linear-gradient(0deg,rgba(6,25,32,.38),transparent 16%,transparent 84%,rgba(5,31,39,.4)),linear-gradient(90deg,rgba(5,29,36,.1),transparent 25%,transparent 80%,rgba(5,29,36,.1))}header{height:90px;border:0;padding:0 3%;gap:20px}.brand{font-size:28px}.brand svg{width:31px}.alpha{font-size:7px;opacity:.55}.habitat{position:absolute;left:50%;transform:translate(-50%);top:30px;display:block;text-align:center;font-size:10px;letter-spacing:3px;line-height:1.9}.habitat .live-dot{display:none}.habitat .divider{display:block;font-size:0;height:0}.habitat{max-width:250px}.top-actions{margin-left:auto;gap:8px}.icon-button{border:0;background:transparent}.stats{position:fixed;top:30px;right:185px;display:flex;gap:24px;width:auto;border:0;padding:0;align-items:center}.stats>div{display:flex;align-items:center}.stat-label,.stats strong small{display:none}.stats strong{font-size:22px;font-weight:600}.stats>div:last-child:before{content:"◇";color:#a3d5ce;margin-right:9px;font-size:23px}.coin-icon{font-size:20px}.stats .coin-stat{gap:8px}.left-panel{top:160px;width:300px}.left-panel h1{font-size:47px;text-shadow:0 3px 30px #12363788}.left-panel .mission{display:none}.intro-copy{font-size:13px;color:#c1dbd3}.welcome-note{color:#b0cfc4}.primary{box-shadow:0 4px 25px #082d3144}.tank-caption{top:100px;font-size:7px;opacity:.65}.playing .left-panel{position:static}.playing .left-panel>h1,.playing .left-panel>.eyebrow{display:none}.playing .stats{margin:0;padding:0}.playing .mission{display:block;position:fixed;top:135px;right:3%;width:220px;margin:0}.mission-top .eyebrow{font-size:10px;letter-spacing:.2px;font-weight:700;color:#e2f2e7}.mission-top>span:last-child{font-size:9px}.mission p{font-size:10px;color:#abd0cb}.progress-track{height:2px;background:#badad519}.mission-steps{font-size:8px;color:#96b6b3}.telemetry{inset:auto auto 38px 26px;width:235px;display:grid;grid-template-columns:116px 1fr;align-items:center;gap:12px}.sonar-header{display:none}#radar{width:116px;height:116px;margin:0}.depth{border:0;padding:0;display:flex;flex-direction:column;align-items:start;gap:6px}.depth strong{font-size:25px}.depth>span{font-size:8px;color:#c2d7d1}.health{display:none}.bottom-area{left:3%;right:3%;bottom:0;pointer-events:none}.bottom-area button{pointer-events:auto}.controls-strip{position:relative;padding-bottom:22px;font-size:8px;gap:17px}.controls-strip kbd{height:17px;font-size:7px;min-width:16px}footer{display:none}.dock{display:none;position:absolute;bottom:85px;left:16%;right:0;min-height:100px;pointer-events:auto}.dock-open .dock{display:grid}.flight-status{position:absolute;bottom:62px;left:50%;transform:translate(-50%);display:flex;gap:27px;pointer-events:none}.flight-status>div{width:125px}.flight-status span{font-size:8px;letter-spacing:1.5px;color:#b1c8c3}.flight-status strong{display:block;font-size:18px;font-weight:400;margin:9px 0}.flight-status i{display:block;height:2px;background:var(--mint);opacity:.85}.flight-status .food-line{background:#e9cf76}.flight-status .shoal-line{background:#c2a1d6}#food-ready{color:#e9cf76}#nearby-fish{color:#d1b8de}#dock-toggle{position:absolute;right:3%;bottom:48px;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #b4dbcd55;background:#143b4055;padding:10px 12px;font-size:15px;color:#c8ded4;border-radius:4px}#dock-toggle span{font-size:12px}#dock-toggle kbd{color:#edd385;border-color:#edd38555}#reticle{top:49%;opacity:.65}#reticle i{border:0;position:relative;width:13px;height:13px}#reticle i:before,#reticle i:after{content:"";position:absolute;background:#e2f5e9;left:6px;top:0;width:1px;height:13px}#reticle i:after{transform:rotate(90deg)}#reticle span{display:none}#toast{bottom:180px}.dock-open #toast{bottom:205px}@media(max-width:1100px){.stats{right:155px;gap:16px}.stats strong{font-size:19px}.flight-status>div{width:100px}.flight-status{gap:18px}.telemetry{width:210px;grid-template-columns:100px 1fr}#radar{width:100px;height:100px}.dock{left:0}.controls-strip{gap:10px}.controls-strip .mouse-tip{display:none}}@media(max-width:760px){header{height:72px;padding:0 18px}.brand{font-size:23px}.brand svg{width:25px}.habitat{display:none}.stats{top:79px;right:20px;gap:15px}.stats strong{font-size:18px}.left-panel{top:150px;left:24px}.left-panel h1{font-size:36px}.playing .stats{padding:0;margin:0}.playing .stats strong{font-size:18px}.playing .mission{top:127px;right:20px;width:168px}.mission-top .eyebrow{font-size:8px}.mission p{font-size:9px}.mission-steps{display:none}.telemetry,.playing .telemetry{top:auto;bottom:24px;left:16px;width:155px;grid-template-columns:75px 1fr;gap:7px}#radar,.playing #radar{width:75px;height:75px}.depth strong{font-size:19px}.depth>span{font-size:6px}.flight-status{bottom:35px;left:auto;right:18px;transform:none;gap:16px}.flight-status>div{width:74px}.flight-status>div:last-child{display:none}.flight-status strong{font-size:14px}.flight-status span{font-size:7px}.playing #mobile-controls{bottom:118px}.playing #mobile-controls>div:last-child{align-items:end}.dock{bottom:183px;left:0;right:0;grid-template-columns:repeat(4,1fr);gap:5px;min-height:85px;padding:7px}.shop-item{min-height:64px}.dock-title{display:none}.dock-open .dock{display:grid}.bottom-area{left:10px;right:10px}#dock-toggle{bottom:212px;right:18px;padding:8px 10px;font-size:13px}#dock-toggle span{font-size:10px}.dock-open #dock-toggle{bottom:277px}#toast{bottom:290px;font-size:10px}.dock-open #toast{bottom:375px}.playing #reticle{top:48%}}@media(max-height:650px)and (min-width:761px){.telemetry{bottom:20px}.left-panel{top:110px}.left-panel h1{font-size:33px}#welcome{position:static;margin-top:15px}.playing .mission{top:100px}.flight-status{bottom:52px}.controls-strip{padding-bottom:14px}.dock{bottom:125px}.playing .left-panel{top:auto}}#performance{font-size:10px;color:#b6d6c7;white-space:nowrap;align-self:center;min-width:44px}.stats{right:240px}.species-control{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding:8px 4px;border-bottom:1px solid #abcabd30}.species-control label{font-size:12px}.species-control select{background:#123c43;color:#eaf5ed;border:1px solid #93c9b86b;border-radius:5px;padding:8px;font:12px system-ui}.species-control button,#stop-observing{border:1px solid #acd6c46b;border-radius:5px;padding:9px 12px;background:#16484c;color:#d6eedc}.species-control span{font-size:11px;color:#a7c8bd}.dock{max-height:55vh;overflow:auto}.dock-title{grid-row:2}.dock-open #toast{bottom:300px}#stop-observing{position:fixed;top:104px;left:50%;transform:translate(-50%);z-index:3;font:12px system-ui}#stop-observing[hidden]{display:none}@media(max-width:760px){#performance{font-size:8px}.species-control{flex-wrap:wrap;gap:7px}.species-control label{display:none}.species-control select{max-width:180px}.species-control span{width:100%}.stats{right:20px}.dock-open #dock-toggle{bottom:340px}.dock{bottom:178px}.dock-open #toast{bottom:420px}}.lighting-button{border:1px solid #a9d7e04d;border-radius:16px;padding:6px 10px;background:#163f4a99;color:#dcf0ec;font:11px system-ui;white-space:nowrap;cursor:pointer}.lighting-button:hover{background:#305675}.lighting-button:focus-visible{outline:2px solid #bcefff;outline-offset:3px}.stats{right:330px}.night .lighting-button{background:#173552cc;color:#bce9ff;border-color:#6896c366}.night .left-panel h1{color:#e0edff;text-shadow:0 3px 30px #020919}.night .primary{background:#9ed4e6}.night .vignette{opacity:.65}.night .mission p,.night .welcome-note{color:#b9cde2}@media(min-width:761px)and (max-width:1200px){.habitat{display:none}}@media(max-width:760px){.stats{right:20px}.lighting-button{font-size:10px;padding:6px 8px}.top-actions{gap:3px}}@media(max-width:480px){header{padding:0 12px}.brand{font-size:20px}.brand .alpha{display:none}.brand svg{width:22px}#performance{min-width:32px}.top-actions .icon-button{width:26px;height:30px}.lighting-button{padding:6px;font-size:10px}}.ocean-navigation{position:absolute;left:28px;top:92px;display:flex;align-items:center;gap:12px;font-size:11px;color:#a9c8c6}.ocean-navigation strong{color:#d8ede3;font-weight:500}.ocean-navigation button{background:#173e4666;border:1px solid #b2dedb33;border-radius:14px;padding:5px 10px;font-size:10px}.ocean-navigation button:disabled{opacity:.35;cursor:default}@media(max-width:760px){.ocean-navigation{top:122px;left:18px;gap:8px;font-size:9px}.ocean-navigation button{font-size:9px;padding:4px 7px}}