.ocean-playing{background:#102f46}.ocean-playing .game{background:#138c9e}.ocean-playing .game .topbar{background:#103347d9;border:1px solid #b7f6ef3b;box-shadow:0 6px 25px #09263a25;height:68px;border-radius:23px}.ocean-playing .brand,.ocean-playing .world-heading h1{color:#f1fffb}.ocean-playing .brand small,.ocean-playing .world-heading p{color:#a8d2d4}.ocean-playing .world-heading>.icon-button,.ocean-playing .game .top-actions>.icon-button{background:#215065;color:#d4f5ed;border:1px solid #88d7d246}.ocean-playing .game #toggle-guide{background:#bd9cd7;color:#173a50;border:1px solid #dec8ef;box-shadow:0 3px 0 #6877a56b}.ocean-playing .game #toggle-guide[aria-expanded=true]{background:#ead6f6}.ocean-playing .world-stats{display:none}.ocean-playing .world-hud{left:auto;right:23px;top:100px}.ocean-playing .hud-tools .icon-button{background:#17475adb;color:#c1efe7;border:1px solid #8adecd42;box-shadow:none;width:43px;height:44px;min-width:43px;min-height:44px;border-radius:14px}.ocean-playing .inventory{position:absolute;right:0;top:50px;width:210px;justify-content:flex-end}.ocean-playing .inventory .pill{background:#194a60;color:#d2f7e8;border:1px solid #84c6c238}.ocean-playing .game-footer{background:#082939cb;color:#b2dcd7}.ocean-playing .world-label{background:#fbe4a2;color:#164254;border:1px solid #fff3c0;box-shadow:0 4px 16px #12324750}.ocean-playing .world-label:after{border-top-color:#fbe4a2}.ocean-playing .current-region{background:#123c50c9;color:#c1eee6;border:1px solid #8fd8ce42}.ocean-playing .mini-world-map{background:#103849e8;border:1px solid #a4e9dc5c;box-shadow:0 5px 22px #0a2d4a33;width:132px;border-radius:22px;bottom:47px}.ocean-playing .mini-world-map>span{color:#c4ece8}.ocean-playing .explore-hint{bottom:127px;color:#d3f1e8;background:#113c50b8;border:1px solid #84c9c13b;box-shadow:none;font-size:11px}.ocean-playing .pip-buddy{background:#d8efe6;border:2px solid #eaffeb;box-shadow:0 5px 0 #073b4a30;bottom:56px;padding:7px;border-radius:23px}.ocean-playing .pip-buddy>span:nth-child(2),.ocean-playing .pip-buddy .buddy-star{display:none}.ocean-playing .action-dock{bottom:143px;border-color:#acdace;background:#f6f5e5f2;max-height:43vh}.ocean-playing .guide-panel{border:2px solid #c7ecdb;background:#fcf8e8f7}.ocean-playing .dpad button{background:#144557dc;color:#d3fbec;border:2px solid #a6dfd76b;box-shadow:0 3px 0 #082d4290}.ocean-playing .stage:after{height:190px;background:linear-gradient(transparent,#0a2c4354)}
#ocean-interface{position:absolute;inset:0;z-index:4;pointer-events:none;color:#e1f9f0;font-family:Nunito,system-ui,sans-serif}#ocean-interface button{pointer-events:auto}#ocean-interface strong{font-family:Nunito}.ocean-logo{position:absolute;left:30px;top:108px;max-width:350px;text-shadow:0 2px 18px #18445455}.ocean-logo .eyebrow{color:#b9ede0;font-size:10px;letter-spacing:2px}.ocean-logo>strong{display:block;font-size:38px;letter-spacing:-1.2px;line-height:1.2;font-weight:900;margin-top:9px}.ocean-logo>span:last-child{display:block;font-size:14px;letter-spacing:.3px;margin-top:5px;color:#b5e8df}.sea-progress{position:absolute;left:410px;top:111px;display:flex;align-items:center;gap:9px;background:#144353cc;border:1px solid #85dbcd3d;border-radius:19px;padding:9px 14px;backdrop-filter:blur(12px)}.pearl-icon{color:#ffdc8a;font-size:27px}.sea-progress>strong{font-size:21px;color:#ffdf99}.sea-progress>span:not(.pearl-icon){font-size:10px;max-width:52px;line-height:1.3;color:#b5e3d9}.sea-progress>button{margin-left:13px;color:#d9ffed;min-width:56px;min-height:38px;background:#347063;border-radius:12px;font-size:13px}.sea-progress>button:hover{background:#468472}.sea-mission{position:absolute;left:29px;top:230px;width:274px;border:1px solid #abe8d149;border-radius:21px;background:linear-gradient(135deg,#103c50e8,#163e51cf);padding:18px 19px;backdrop-filter:blur(13px);box-shadow:0 9px 30px #052d4424}.sea-mission-kicker{color:#9ed7c6;font-size:9px;font-weight:900;letter-spacing:1.4px;display:block}.sea-mission>strong{font-size:18px;line-height:1.35;display:block;margin-top:10px;color:#e9fae5}.sea-mission>p{font-size:11px;line-height:1.5;color:#abd9d2;margin-top:5px}.sea-mission-track{height:5px;border-radius:6px;background:#285c68;margin-top:15px;overflow:hidden}.sea-mission-track>i{height:100%;display:block;background:#9fefcf;border-radius:6px;transition:width .35s}.sea-mission-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:10px}.sea-mission-foot>span{font-size:9px;color:#97cec5}.sea-mission-foot>button{font-size:10px;color:#ffe09d;padding:9px 0;min-height:35px}.sea-depth{position:absolute;top:177px;right:26px;padding:13px 14px;border-radius:18px;background:#153e53bd;border:1px solid #73c9c244;backdrop-filter:blur(12px);width:152px}.sea-depth>span{display:block;font-size:8px;letter-spacing:1.2px;color:#a7d8d1}.sea-depth>strong{display:block;font-size:28px;color:#dff9ee;margin-top:5px}.sea-depth>div{display:flex;gap:7px;margin-top:10px}.sea-depth button{font-size:10px;color:#c6efe3;background:#2b5b6a;border:1px solid #61978f57;border-radius:10px;min-height:35px;flex:1}.sea-depth button:hover{background:#367585}.sea-tools{position:absolute;left:50%;transform:translateX(-50%);bottom:49px;display:flex;align-items:stretch;gap:9px;background:#113948d9;padding:9px;border:1px solid #a6e7d44a;border-radius:22px;backdrop-filter:blur(12px);box-shadow:0 9px 26px #12344745}.sea-tools>button{background:#215263;color:#d1f5e9;border:1px solid #6ebaaa4a;border-radius:15px;padding:11px 15px;min-width:75px;font-size:10px;min-height:59px}.sea-tools>button>span{display:block;font-size:23px;line-height:1.1;margin-bottom:4px;font-weight:400}.sea-tools>.sea-scan{padding:12px 20px 12px 50px;position:relative;background:#ffe29e;color:#274c55;border-color:#ffedc0;min-width:242px;text-align:left;font-size:14px;font-weight:900;box-shadow:0 3px 0 #b2935261}.sea-scan>span{position:absolute;left:17px;top:17px;font-size:25px}.sea-scan>small{display:block;font-size:9px;font-weight:600;color:#6d785f;margin-top:4px}.sea-tools>button:hover{filter:brightness(1.08);transform:translateY(-2px)}.sea-tools>.tool-locked{color:#86b6b0;background:#1a4658;border-style:dashed}.sea-tools>.tool-locked>span{opacity:.65}.sea-intro{position:absolute;right:24px;bottom:163px;background:#e0f0dbe8;color:#315752;border:2px solid #f4ffe7;border-radius:21px;padding:10px 15px 10px 9px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 21px #15394b24;max-width:310px;text-align:left}.sea-intro>span:first-child{width:46px;height:46px;background:#ffe1a9;border-radius:16px;flex-shrink:0}.sea-intro svg{width:100%;height:100%}.sea-intro strong{display:block;font-size:13px}.sea-intro small{display:block;font-size:10px;color:#63806b;margin-top:3px}.sea-intro>b{font-size:20px}.sea-loading{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:#123b50ec;color:#d9f8ea;border:1px solid #94ddca55;border-radius:22px;backdrop-filter:blur(16px);padding:17px 24px;display:flex;align-items:center;gap:15px;box-shadow:0 12px 30px #0b324437;font-size:13px}.loading-bubbles{color:#ffe4a2;white-space:nowrap;letter-spacing:4px;animation:dive-bubbles 1.5s ease-in-out infinite}.sea-loading.partial{top:auto;bottom:153px;font-size:11px;max-width:400px}.sea-loading.partial .loading-bubbles{display:none}@keyframes dive-bubbles{50%{transform:translateY(-4px);opacity:.45}}
.ocean-dialog{max-width:740px;width:calc(100vw - 32px);border:2px solid #8cd4c183;border-radius:30px;padding:26px;background:linear-gradient(140deg,#f6faec,#eaf5e8);box-shadow:0 12px 0 #0a263729,0 26px 80px #0925365a}.ocean-dialog::backdrop{background:#0b293765;backdrop-filter:blur(10px)}.ocean-dialog .modal-head h2{font-size:26px;color:#315c57;line-height:1.15;letter-spacing:-.6px}.ocean-dialog .modal-head .eyebrow{font-size:9px;color:#567d67;letter-spacing:1.2px;margin-bottom:8px}.ocean-dialog .modal-head p{font-size:12px;color:#5f7d71;margin-top:8px}.ocean-dialog .primary{background:#527c68;color:#fffcec;box-shadow:0 4px 0 #3a5d4a;font-size:14px;min-height:48px;border-radius:15px}.ocean-dialog .primary:hover{background:#436c5a}.ocean-dialog .secondary{background:#e3ead7;border:2px solid #cbdac1;color:#466551;min-height:47px;font-size:13px;border-radius:15px}.ocean-dialog .close-button{background:#dfe8d0;color:#6d8061;border-radius:50%;min-width:36px;width:36px;height:36px;font-size:26px;display:grid;place-items:center;flex-shrink:0}.ocean-dialog .dialog-actions{gap:11px}.ocean-observation{display:grid;grid-template-columns:255px 1fr;gap:28px;align-items:center}.ocean-observation-art{position:relative;align-self:stretch;min-height:300px;background:#08688c;border:3px solid #ffffff;border-radius:24px;overflow:hidden;box-shadow:0 5px 0 #2d73632b}.ocean-observation-art>img{width:100%;height:100%;object-fit:cover;display:block}.ocean-stamp{position:absolute;left:16px;top:15px;color:#fcf3d4;font-size:9px;font-weight:900;letter-spacing:1.3px;padding:6px 10px;border-radius:9px;background:#194a5d70}.ocean-observation-copy .modal-head{align-items:flex-start;gap:9px}.ocean-concept{display:inline-block;font-size:10px;background:#dbe9cf;color:#638057;border-radius:10px;padding:7px 11px;margin-top:15px}.ocean-observation-copy>p{font-size:14px;color:#456657;line-height:1.85;margin-top:16px}.ocean-observation-copy>.dialog-actions{display:flex;align-items:stretch;flex-direction:column;margin-top:24px}.ocean-observation-copy>.ocean-observation-note{font-size:10px;line-height:1.5;color:#768975;margin-top:18px}.ocean-question{font-family:Nunito;font-size:18px;line-height:1.65;color:#3e6654;font-weight:800;margin:18px 0}.ocean-workbench{border:2px solid #cae1cd;border-radius:23px;min-height:150px;background:linear-gradient(135deg,#dcefdc,#e9f3e4);padding:20px;text-align:center;margin-bottom:20px}.ocean-model-label{font-size:12px;line-height:1.65;color:#5d7c66;margin:10px 0}.ocean-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.ocean-answer-choice{position:relative;background:#fffdf1;border:2px solid #d5e0cb;border-radius:17px;display:flex;align-items:center;flex-direction:column;gap:11px;padding:15px 10px;cursor:pointer;text-align:center;min-height:107px}.ocean-answer-choice input{position:absolute;top:10px;left:10px;width:16px;height:16px;min-height:0;accent-color:#69957a}.ocean-answer-choice .answer-picture{font-size:32px;color:#72a699;line-height:1.1;display:grid;place-items:center;height:36px;margin-top:3px}.ocean-answer-choice strong{font-family:Nunito;font-size:13px;line-height:1.4;color:#4a6b58}.ocean-answer-choice:has(input:checked){border-color:#8dba8d;background:#edf6dd;box-shadow:0 4px 0 #c5d8b454}.ocean-answer-choice:has(input:focus-visible){outline:3px solid #68baa5;outline-offset:3px}.ocean-feedback{padding:16px;background:#fff4d1;border:2px solid #e8dbb0;border-radius:16px;font-size:13px;line-height:1.8;color:#716a45;margin-top:18px}.ocean-feedback.correct{background:#e2f0d8;border-color:#bad4aa;color:#496b41}.ocean-earned{background:#e4f0d9;border:2px solid #bfd7ad;border-radius:20px;padding:20px;display:flex;align-items:center;flex-direction:column;gap:10px;margin-top:20px;color:#507848;text-align:center}.ocean-earned>span{font-size:32px;color:#c5a55d}.ocean-earned>strong{font-size:19px}.ocean-earned>p{font-size:13px}.ocean-lab-dialog .field{font-size:13px;color:#5a755f}.ocean-lab-dialog .field input{background:#fffef6;min-height:50px;color:#395e51;border:2px solid #c9d8be}.fish-counting{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;max-width:440px;margin:auto}.fish-counting button{width:58px;height:43px;background:#e8f5e2;border:2px solid #d1e1c7;border-radius:12px;transition:transform .16s}.fish-counting svg{width:100%;height:100%}.fish-counting button[aria-pressed=true]{background:#fff2bd;border-color:#cab269;transform:translateY(-4px)}.ocean-pattern{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px 0}.pattern-light{font-size:33px;line-height:1;color:#f1cb7a;text-shadow:0 0 20px #edc76280}.pattern-light.blue{color:#81cadd;text-shadow:0 0 18px #80d9e580}.pattern-light.pink{color:#d99abd;text-shadow:0 0 18px #e4a0cb70}.pattern-question{font-size:33px;color:#688474;margin-left:5px}.current-tank{position:relative;height:152px;max-width:340px;background:#1c71855e;border:4px solid #badacc;border-radius:20px;margin:auto;overflow:hidden}.current-stream{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--current-angle));display:flex;gap:15px;font-size:33px;color:#cef8e5;width:330px;overflow:hidden}.current-stream span{display:block;animation:current-flow 1.8s linear infinite}.compass-n,.compass-s,.compass-w,.compass-e{position:absolute;font-size:12px;font-weight:900;color:#255c61;background:#e7f9e7;padding:5px 7px;border-radius:6px}.compass-n{top:8px;left:46%}.compass-s{bottom:8px;left:46%}.compass-w{left:8px;top:43%}.compass-e{right:8px;top:43%}@keyframes current-flow{to{transform:translateX(47px)}}.ocean-route{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;background:#adccbd;padding:5px;border-radius:15px;width:294px;margin:0 auto 17px}.ocean-route>span{display:grid;place-items:center;width:37px;height:34px;background:#f2fae9;border-radius:5px;color:#a18f4d;font-size:20px}.ocean-route>span.sub-here{background:#8fc8c3;box-shadow:inset 0 0 0 3px #458579}.route-controls{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.route-controls button{background:#e9f4df;border:2px solid #c7d6b8;color:#59816c;min-height:41px;padding:9px 12px;border-radius:11px;font-size:12px}.ballast-tank{position:relative;height:172px;max-width:350px;border:5px solid #a7c5c4;border-top:2px solid #9bbbbd;border-radius:17px;background:linear-gradient(#addef1,#4383a1);overflow:hidden;margin:auto}.ballast-tank .hover-line{position:absolute;left:0;right:0;top:50%;border-top:2px dashed #fff4b9}.ballast-tank>img{width:115px;height:62px;object-fit:cover;border-radius:17px;position:absolute;left:calc(50% - 58px);transform:translateY(-50%);transition:top .3s}.ballast-tank>span{position:absolute;left:11px;top:36%;font-size:10px;color:#e0fff1}.ballast-control{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:16px auto 0;max-width:350px;font-size:12px;font-weight:700;color:#4e7560}.ballast-control input{width:100%;accent-color:#80af86;min-height:29px}.ballast-control output{background:#f8fff2;padding:6px 10px;border-radius:8px;font-size:15px}.ocean-depth-model{max-width:350px;margin:auto}.ocean-depth-model #depth-view{height:150px;background:linear-gradient(#a5e4db,#237895);border-radius:18px;position:relative;overflow:hidden;--depth-shade:0}.ocean-depth-model #depth-view:after{content:'';position:absolute;inset:0;background:#082343;opacity:var(--depth-shade);pointer-events:none}.ocean-depth-model #depth-view>span{position:absolute;left:20px;top:10px;font-size:32px;color:#fff1bb}.ocean-depth-model #depth-view>strong{position:absolute;bottom:12px;left:0;right:0;z-index:1;font-size:12px;color:#e2fff1}.ocean-depth-model #pressure-bubble{display:block;position:absolute;left:calc(50% - 23px);top:40px;width:46px;height:46px;border:2px solid #b2f9f2;border-radius:50%;background:#b9ffeb30;transition:transform .25s}.ocean-depth-model>label{display:block;font-size:11px;color:#5f7f69;margin-top:12px}.ocean-depth-model input{display:block;width:100%;margin-top:12px;accent-color:#6f9d85}.ocean-echo-model{height:150px;position:relative;max-width:380px;margin:auto;overflow:hidden;background:#3a87a336;border-radius:16px}.ocean-echo-model>img{position:absolute;width:115px;height:100px;object-fit:cover;border-radius:17px;left:20px;top:25px}.echo-target{position:absolute;right:27px;top:54px;font-size:35px;color:#8b996a}.echo-rings{position:absolute;inset:0;overflow:hidden}.echo-rings>i{position:absolute;left:85px;top:35px;height:85px;width:85px;border:2px solid #78bba7;border-radius:50%;opacity:0}.sending .echo-rings>i{animation:send-echo 2.4s ease-out}.sending .echo-rings>i:nth-child(2){animation-delay:.25s}.sending .echo-rings>i:nth-child(3){animation-delay:.5s}@keyframes send-echo{0%{transform:translateX(0) scale(.2);opacity:.8}50%{transform:translateX(170px) scale(1.2);opacity:.5}100%{transform:translateX(0) scale(.2);opacity:0}}.ocean-light-model,.ocean-glow-model{height:172px;max-width:370px;position:relative;overflow:hidden;border-radius:19px;background:#183f5b;margin:0 auto 15px}.ocean-light-model>img,.ocean-glow-model>img{height:100%;width:100%;object-fit:cover;opacity:.65;transition:filter .5s,opacity .5s}.model-sun{position:absolute;left:15px;top:12px;color:#ffe5a6;font-size:34px;z-index:2}.model-light-beam{position:absolute;left:20px;top:35px;width:230px;height:230px;background:linear-gradient(#ffe89980,#ffecaa00);clip-path:polygon(0 0,7% 0,100% 100%,13% 100%);transform:rotate(-18deg);opacity:0;transition:opacity .4s}.light-on .model-light-beam{opacity:1}.light-on>img{opacity:1;filter:brightness(1.1)}.ocean-glow-model>img{filter:brightness(.35)}.living-light{position:absolute;left:50%;top:40%;font-size:52px;color:#c5f9fa;opacity:0;transition:opacity .4s;text-shadow:0 0 30px #83e4ed}.glowing .living-light{opacity:1}.glowing>img{filter:brightness(.8)}.ocean-closeup{display:flex;align-items:center;justify-content:center;gap:22px}.ocean-closeup>img{width:160px;height:115px;object-fit:cover;border:3px solid #fff8e5;border-radius:21px}.ocean-closeup>span{max-width:120px;font-size:13px;color:#59796a;line-height:1.6;font-weight:800}.ocean-chart{border:3px solid #adcec3;border-radius:23px;overflow:hidden;margin-top:22px;background:#113e55}.ocean-chart svg{display:block;max-height:300px;min-height:230px;width:100%;background:#174e60}.ocean-zone-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.ocean-zone-cards>button{display:flex;align-items:center;gap:11px;background:#f7faed;border:2px solid #d1e0c8;border-radius:18px;padding:12px;text-align:left;min-height:83px}.ocean-zone-cards>button>span{display:grid;place-items:center;font-size:28px;color:#315f68;background:var(--zone);width:43px;height:47px;border-radius:13px;flex-shrink:0}.ocean-zone-cards strong{font-size:14px;color:#476c5b;display:block}.ocean-zone-cards small{font-size:10px;color:#6d836e;display:block;margin-top:5px;line-height:1.55;font-family:DM}.ocean-zone-cards>button>b{margin-left:auto;color:#8baa79}.ocean-zone-cards>button:disabled{opacity:.65;background:#e2e9da}.ocean-journal-dialog{max-width:870px}.ocean-field-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:24px 0}.ocean-field-guide>button{border:2px solid #ccd9bf;background:#eef3e4;border-radius:18px;overflow:hidden;padding:0 0 11px;text-align:left}.ocean-field-guide img{width:100%;height:90px;object-fit:cover;filter:grayscale(.7);opacity:.6;display:block}.ocean-field-guide .found img{filter:none;opacity:1}.ocean-field-guide span{display:block;font-size:12px;color:#4e735c;padding:10px 11px 0;line-height:1.3}.ocean-field-guide small{display:block;font-size:9px;color:#6b846b;padding:6px 11px 0;line-height:1.5;font-family:DM}.ocean-field-guide>button:hover{border-color:#8cb993;transform:translateY(-2px)}.ocean-sticker-book{padding-top:15px;border-top:1px solid #c9d6bd;margin-bottom:22px}.ocean-sticker-book h3{font-size:19px;color:#597c5d}.ocean-sticker-book>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.ocean-sticker-book>div>span{font-size:10px;padding:10px 11px;border:2px dashed #cdd8bd;border-radius:15px;display:flex;align-items:center;gap:9px;color:#7e8f74;max-width:200px;line-height:1.4}.ocean-sticker-book b{font-size:21px;color:#9ba57b}.ocean-sticker-book .earned{border-style:solid;border-color:#d2ba80;background:#fff0c7;color:#857238}.ocean-sticker-book .earned b{color:#c5a258}.sub-gear-art>img{display:block;max-width:100%;width:100%;height:220px;object-fit:cover;border-radius:22px;margin:21px 0;border:3px solid #c4ddd0}.ocean-equipment{display:flex;gap:12px;margin-bottom:23px}.ocean-equipment>div{flex:1;background:#f6f8e9;border:2px solid #d6dfc9;padding:15px 13px;border-radius:17px;display:flex;flex-direction:column;gap:8px}.ocean-equipment b{font-size:28px;color:#8bb6a0}.ocean-equipment strong{font-size:13px;color:#527459}.ocean-equipment span{font-size:10px;line-height:1.6;color:#6c826b}.ocean-dialog>h3{font-size:17px;color:#55775d}.ocean-paints{display:flex;gap:11px;margin-top:15px}.ocean-paints>button{padding:12px 15px;min-height:45px;border:2px solid #d6ba78;border-radius:14px;background:#ffe3a3;font-size:12px;color:#6b7149}.ocean-paints>.lagoon{background:#ace1d9;border-color:#8abeb0;color:#386b61}.ocean-paints>.berry{background:#e9b9d5;border-color:#bf9bbd;color:#754f74}.ocean-paints>button[aria-pressed=true]{outline:3px solid #659677;outline-offset:3px}.ocean-credits p{font-size:12px;line-height:1.9;margin-top:13px;color:#577163}.ocean-credits a{color:#336e66}.ocean-playing #toast{background:#173f51;border:2px solid #77bdb5;color:#ddf9e8;bottom:142px}
@media(max-width:1100px){.ocean-logo>strong{font-size:31px}.ocean-logo{left:23px}.sea-progress{left:365px}.sea-mission{left:23px;width:260px;top:211px}.sea-tools>.sea-scan{min-width:214px}.sea-tools>button{min-width:65px;padding:10px 12px}.sea-intro{max-width:267px;right:22px}.sea-depth{right:21px}.ocean-playing .explore-hint{font-size:10px;max-width:380px}}
@media(max-width:800px){.ocean-playing .game .topbar{height:62px;top:11px}.ocean-logo{display:none}.sea-mission{top:93px;left:15px;width:calc(100% - 132px);max-width:290px;padding:11px 13px;border-radius:17px}.sea-mission-kicker{font-size:7px;letter-spacing:.9px}.sea-mission>strong{font-size:13px;margin-top:6px;line-height:1.35}.sea-mission>p,.sea-mission-track{display:none}.sea-mission-foot{margin-top:3px}.sea-mission-foot>span{font-size:8px}.sea-mission-foot>button{font-size:9px;min-height:26px;padding:5px 0}.sea-progress{top:93px;right:15px;left:auto;width:103px;height:74px;border-radius:17px;padding:9px;gap:6px;flex-wrap:wrap;justify-content:center}.sea-progress>span:not(.pearl-icon){display:none}.sea-progress .pearl-icon{font-size:19px}.sea-progress>strong{font-size:19px}.sea-progress>button{min-width:54px;min-height:23px;font-size:10px;margin-left:0;padding:3px 5px;width:100%;margin-top:-4px}.sea-depth{top:177px;right:14px;padding:9px;width:100px;border-radius:15px}.sea-depth>span{font-size:7px;letter-spacing:.7px}.sea-depth>strong{font-size:22px;margin-top:4px}.sea-depth>div{gap:4px;margin-top:7px}.sea-depth button{min-height:32px;font-size:9px;border-radius:9px}.ocean-playing .world-hud{top:auto;bottom:122px;right:14px;left:auto}.ocean-playing .hud-tools{display:none}.ocean-playing .inventory{position:static;max-width:170px;margin:0}.ocean-playing .mini-world-map{top:180px;left:15px;width:83px;bottom:auto;z-index:5;border-radius:18px}.ocean-playing .mini-world-map>span{font-size:8px;margin-top:4px}.sea-tools{bottom:47px;left:12px;right:12px;transform:none;display:grid;grid-template-columns:minmax(130px,1fr) repeat(3,53px);padding:7px;gap:5px;border-radius:19px}.sea-tools>button{padding:9px 5px;font-size:9px;min-width:0;min-height:58px;border-radius:13px}.sea-tools>button>span{font-size:20px}.sea-tools>.sea-scan{padding:10px 8px 10px 37px;min-width:0;font-size:12px}.sea-scan>span{left:9px;top:18px;font-size:23px}.sea-scan>small{display:none}.ocean-playing .dpad{bottom:132px;left:15px}.ocean-playing .pip-buddy{bottom:133px;right:17px;z-index:5}.ocean-playing .explore-hint{display:none}.ocean-playing .current-region{bottom:26px;right:13px;padding:5px 9px;max-width:220px}.sea-intro{bottom:231px;right:14px;left:164px;max-width:none;padding:9px;border-radius:17px;gap:7px}.sea-intro>span:first-child{height:36px;width:36px;border-radius:12px}.sea-intro strong{font-size:11px}.sea-intro small{font-size:9px;line-height:1.4}.sea-intro>b{display:none}.ocean-playing .action-dock{bottom:284px;max-height:36dvh;width:calc(100% - 28px);padding:17px}.ocean-playing .guide-panel{z-index:8;top:87px;bottom:45px;right:12px;width:calc(100% - 24px);max-width:355px}.ocean-playing #toast{bottom:119px;font-size:12px;max-width:calc(100% - 26px)}.sea-loading{font-size:12px;min-width:270px;max-width:calc(100% - 35px);padding:15px 17px;gap:10px}.sea-loading.partial{bottom:263px;top:auto;font-size:10px}.ocean-dialog{padding:22px;border-radius:25px;max-height:calc(100dvh - 25px)}.ocean-dialog .modal-head h2{font-size:23px}.ocean-dialog .modal-head .eyebrow{font-size:8px}.ocean-dialog .modal-head p{font-size:11px}.ocean-observation{display:flex;flex-direction:column;gap:20px}.ocean-observation-art{min-height:0;height:180px;width:100%;border-radius:21px}.ocean-observation-art>img{height:180px;object-fit:cover}.ocean-observation-copy .modal-head h2{font-size:24px}.ocean-observation-copy>p{font-size:13px;line-height:1.8}.ocean-observation-copy>.dialog-actions{margin-top:19px}.ocean-concept{margin-top:13px;font-size:10px}.ocean-observation-copy>.ocean-observation-note{font-size:9px}.ocean-question{font-size:16px;margin:15px 0}.ocean-workbench{padding:15px;border-radius:19px}.ocean-answers{gap:7px}.ocean-answer-choice{padding:14px 5px 10px;border-radius:14px;min-height:111px;gap:8px}.ocean-answer-choice strong{font-size:11px}.ocean-answer-choice .answer-picture{font-size:26px;height:32px;margin-top:8px}.ocean-dialog .primary,.ocean-dialog .secondary{font-size:13px;min-height:44px;padding:12px 14px}.ocean-feedback{font-size:12px;padding:12px}.ocean-earned{padding:16px}.ocean-earned>strong{font-size:16px}.ocean-earned>p{font-size:12px}.ocean-closeup{gap:16px}.ocean-closeup>img{width:135px;height:100px}.ocean-closeup>span{font-size:12px;max-width:115px}.fish-counting{gap:5px}.fish-counting button{width:50px;height:38px;border-radius:10px}.ocean-route{width:261px;gap:3px;padding:4px}.ocean-route>span{width:33px;height:31px;font-size:17px}.ocean-pattern{gap:8px}.pattern-light{font-size:26px}.current-tank{height:141px}.ocean-chart{margin-top:18px;border-radius:19px}.ocean-chart svg{min-height:210px;max-height:245px}.ocean-zone-cards{grid-template-columns:1fr;gap:9px}.ocean-zone-cards>button{padding:11px;min-height:72px}.ocean-zone-cards strong{font-size:14px}.ocean-zone-cards small{font-size:10px}.ocean-field-guide{grid-template-columns:repeat(2,1fr);gap:11px;margin:19px 0}.ocean-field-guide img{height:87px}.ocean-field-guide span{font-size:12px;padding:9px 10px 0}.ocean-field-guide small{font-size:9px;padding:5px 10px 0}.ocean-sticker-book h3{font-size:18px}.ocean-sticker-book>div{gap:8px}.ocean-sticker-book>div>span{font-size:9px;max-width:calc(50% - 4px);padding:9px}.sub-gear-art>img{height:170px;margin:18px 0}.ocean-equipment{gap:8px}.ocean-equipment>div{padding:12px 9px;border-radius:15px}.ocean-equipment strong{font-size:11px}.ocean-equipment span{font-size:9px}.ocean-paints{gap:9px;flex-wrap:wrap}.ocean-paints>button{font-size:11px;padding:10px 12px}.ocean-credits p{font-size:11px}}
@media(max-width:380px){.sea-tools{grid-template-columns:minmax(115px,1fr) repeat(3,48px)}.sea-mission>strong{font-size:12px}.sea-mission-foot>span{display:none}.sea-intro{left:155px}.sea-intro>span:first-child{width:30px;height:30px}.sea-intro strong{font-size:10px}.ocean-route{width:235px;gap:2px}.ocean-route>span{width:30px;height:29px}.ocean-answer-choice strong{font-size:10px}.ocean-dialog{padding:19px}.ocean-workbench{padding:11px}.ocean-answers{gap:5px}}
@media(prefers-reduced-motion:reduce){.loading-bubbles,.current-stream span,.sending .echo-rings>i{animation:none}.sea-tools>button:hover{transform:none}}
.quiet .loading-bubbles,.quiet .current-stream span,.quiet .sending .echo-rings>i{animation:none}
.sea-mission>strong{overflow-wrap:normal;word-break:normal}
.universe-hero.ocean-feature{background-image:linear-gradient(90deg,#092f48ed 0%,#10445eab 40%,#13556a00 75%),url('./assets/ocean/ocean-cover.png');background-size:cover;background-position:center 52%;min-height:430px;border-color:#90d9d2}.ocean-feature .universe-hero-copy{max-width:490px;display:block;bottom:40px;background:transparent;border:0;backdrop-filter:none}.ocean-feature .universe-hero-copy .primary{margin-top:20px}.ocean-feature .universe-hero-copy h2{font-size:48px;color:#f0fff8;line-height:1.09;letter-spacing:-1.5px}.ocean-feature .universe-hero-copy p{color:#cbece2;font-size:15px;line-height:1.7}.ocean-feature .universe-hero-copy .pill{background:#c1f4db;color:#23534e;font-size:10px;letter-spacing:1px}.ocean-feature .primary{background:#ffdb88;color:#224e57;box-shadow:0 5px 0 #c19553}.world-art.illustrated-cover.ocean-cover{background-image:url('./assets/ocean/ocean-cover.png');background-position:center!important;background-size:cover}
@media(max-width:800px){.universe-hero.ocean-feature{background-position:65% center;min-height:380px}.ocean-feature .universe-hero-copy h2{font-size:38px}.ocean-feature .universe-hero-copy{max-width:360px;padding:22px}.ocean-feature .universe-hero-copy p{font-size:13px}}

#sea-light[aria-pressed=true]{background:#4d7d71;color:#efffed;border-color:#bbebbd}
/* Tablets in landscape: keep the discovery trail readable and stop HUD cards from covering each other. */
@media(min-width:801px) and (max-height:900px){
  .ocean-logo{display:none}
  .sea-mission{top:100px}
  .ocean-playing .quest-banner{max-width:max(300px,min(560px,calc(100% - 620px)))}
  .ocean-playing .fact-card{top:auto;bottom:150px;width:380px;left:calc(50% - 190px);right:auto;max-height:calc(100% - 330px);overflow:auto}
  .ocean-playing .stage:has(.fact-card:not([hidden])) .explore-hint{display:none}
  .ocean-playing .current-region{left:26px;right:auto;transform:none;bottom:214px}
  .sea-intro{bottom:144px}
}
@media(min-width:801px) and (max-height:699px){
  .sea-intro{display:none}
  .ocean-playing .mini-world-map{width:104px}
  .ocean-playing .current-region{bottom:182px}
}
/* Phones held sideways: only the essentials. */
@media(min-width:801px) and (max-height:540px){
  .ocean-playing .mini-world-map,.ocean-playing .current-region,.ocean-playing .explore-hint,.sea-depth,.ocean-playing .pip-buddy{display:none}
  .sea-mission{top:88px;padding:10px 13px;width:240px}.sea-mission>p,.sea-mission-track{display:none}.sea-mission>strong{font-size:14px;margin-top:5px}
  .sea-progress{top:88px}
  .sea-tools{bottom:34px;padding:6px}.sea-tools>button{min-height:46px;padding:6px 10px}.sea-tools>.sea-scan{min-width:180px}
  .ocean-playing .quest-hud{top:88px}
  .ocean-playing .fact-card{bottom:110px;max-height:calc(100% - 200px)}
}
@media(min-width:801px) and (max-height:620px){.ocean-playing .pip-buddy{display:none}}
@media(min-width:801px) and (max-height:540px){
  .ocean-playing .stage .quest-hud{top:88px}
  .ocean-playing .stage .quest-banner{top:170px}
}
@media(min-width:801px) and (max-height:540px){.ocean-playing .world-hud{display:none}}
/* Phones / narrow screens: the fact card opens just above the tool bar, clear of the mission, chart and depth panels. */
@media(max-width:800px){
  .ocean-playing .stage .fact-card{top:auto;bottom:128px;left:12px;right:12px;width:auto;max-height:max(180px,calc(100% - 470px));min-height:0;overflow:auto}
  .ocean-playing .stage:has(.fact-card:not([hidden])) :is(.sea-intro,.pip-buddy,.explore-hint,.quest-banner,.quest-compass,.quest-boost,.thumbstick.ghost){visibility:hidden}
}