:root{font-family:Trebuchet MS,Arial,sans-serif;color:#f3efdc;--ink:#153c51;--gold:#f4cb72;--mint:#a9e8d5;--joystick-size:115px;--joystick-opacity:.65;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0e5574}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:12px 18px;color:#193d4d;background:linear-gradient(#f9db91,#edbd61);box-shadow:0 4px 0 #aa7b3b,0 7px 16px #06283e44;font-weight:900;letter-spacing:.6px;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.1);transform:translateY(-2px)}button:active{transform:translateY(2px);box-shadow:0 1px 0 #aa7b3b}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #beffef;outline-offset:4px}button:disabled{opacity:.45;cursor:default;transform:none}button.secondary{color:#dbefdf;background:#1c6075;border:1px solid #69989877;box-shadow:0 4px 0 #0f394e}button.danger{background:#c87568;color:#fff2df;box-shadow:0 4px 0 #814347}button.icon-button{font-size:24px;background:#16496399;color:#e5e9d4;padding:7px 12px;border:1px solid #82b1ae55;box-shadow:none}
#ocean{position:fixed;inset:0;width:100%;height:100%;display:block}#app{position:relative;z-index:1;height:100%;pointer-events:none}#app button,#app input,#app select,#app summary,#app details,#app .panel,#app .menu-dock{pointer-events:auto}.topbar{height:83px;padding:18px max(28px,env(safe-area-inset-right)) 15px max(28px,env(safe-area-inset-left));display:flex;align-items:center;gap:22px;border-bottom:1px solid #a2dcda22;background:linear-gradient(#12557470,#16597205)}.brand{font-size:15px;letter-spacing:1px;color:#f5eccd;display:flex;align-items:center;gap:7px;background:none;padding:0;box-shadow:none;white-space:nowrap}.brand em{font-style:normal;font-size:11px;color:var(--mint);letter-spacing:2px}.brand-fin{font-size:31px;color:#f3c976;transform:rotate(-18deg)}.page-title{font-size:12px;letter-spacing:2px;color:#bfe3dd;border-left:1px solid #9bd0d855;padding-left:20px}.wallet{margin-left:auto;display:flex;align-items:center;gap:10px;background:#0d425988;border:1px solid #95d1cb33;border-radius:25px;padding:9px 18px;box-shadow:inset 0 2px 7px #0b344e44}.wallet b{font-size:17px}.coin-icon{color:#f5d385;font-size:23px}.gem-icon{color:#c5adeb;font-size:18px;margin-left:13px}.back{font-size:12px;padding:9px 15px}h1,h2,h3,p{margin:0}p{color:#c5dedb;font-size:15px;line-height:1.6}h2{font-size:34px;letter-spacing:-1px;color:#f7ebcf;line-height:1.1}h3{font-size:14px;letter-spacing:1px}.eyebrow{font-size:11px;letter-spacing:2.6px;color:#a8dfd2;font-weight:bold}.home-layout{height:calc(100% - 83px);position:relative;padding:0 5.5vw}.hero-copy{position:absolute;top:6%;left:5.5vw}.hero-copy h1{font-size:clamp(44px,5.9vw,87px);font-weight:1000;line-height:.91;letter-spacing:-2.5px;margin:20px 0 23px;text-shadow:0 5px 0 #0c4a63,0 10px 28px #07374f88}.hero-copy h1 span{color:#f6dd94;font-size:1.26em}.hero-copy h1 em{font-style:normal;font-size:.48em;color:#b5e9d6;letter-spacing:4px}.hero-copy p{font-size:16px}.play-button{font-size:25px;display:flex;justify-content:space-between;align-items:center;min-width:252px;padding:16px 25px;margin-top:24px;background:linear-gradient(#fce09d,#edbb64);box-shadow:0 5px 0 #a9783e,0 8px 18px #07334a66;border:1px solid #ffefb955}.play-button span{font-size:19px}.continue-button{display:block;margin-top:12px;width:252px;font-size:12px}.local-note{font-size:10px;color:#a7cbc7;margin-top:22px;letter-spacing:.4px}.local-note span{color:#94d8b0;margin-right:5px}.hero-species{position:absolute;left:52%;right:10%;bottom:28%;text-align:center;display:flex;flex-direction:column;gap:7px}.hero-species span{font-size:10px;letter-spacing:2.5px;color:#9ed4d3}.hero-species strong{font-size:25px;color:#f3e7c6}.hero-species small{color:#9bc4c2;font-size:11px}.menu-dock{position:absolute;bottom:9%;left:5.5vw;right:5.5vw;display:grid;grid-template-columns:repeat(4,1fr);background:#113f58c9;border:1px solid #6baaaa60;border-radius:14px;overflow:hidden;backdrop-filter:blur(8px);box-shadow:0 9px 30px #052a4055}.menu-dock button{display:grid;grid-template-columns:45px 1fr;text-align:left;padding:21px 23px;gap:6px 10px;border-radius:0;border-right:1px solid #6a9fa444;background:none;color:#f4e6c5;box-shadow:none}.menu-dock button:last-child{border:0}.menu-dock button span{grid-row:span 2;color:#e9c889;font-size:29px;align-self:center}.menu-dock b{font-size:14px;letter-spacing:1.5px}.menu-dock small{font-size:10px;color:#94c2c0;font-weight:normal;letter-spacing:.3px}.menu-footer{position:absolute;bottom:3%;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;color:#8bbab9;font-size:9px;letter-spacing:2px}.panel{background:linear-gradient(145deg,#174e65f2,#143e55ed);border:1px solid #7cb4af55;border-radius:15px;box-shadow:0 12px 30px #082b4155;backdrop-filter:blur(8px)}.collection-layout{height:calc(100% - 83px);padding:25px 4vw;position:relative}.shark-info{width:35%;max-width:430px;padding:25px}.shark-info h2{margin:14px 0 12px}.shark-info p{font-size:13px}.stat-list{margin:24px 0;display:flex;flex-direction:column;gap:13px}.stat-list>div{display:grid;grid-template-columns:55px 1fr 35px;gap:10px;align-items:center;font-size:12px}.stat-list b{color:#f2d390;text-align:right}.stat-track{height:7px;border-radius:4px;background:#0c2d45;overflow:hidden}.stat-track i{display:block;height:100%;background:linear-gradient(90deg,#72bea9,#b1d9ab);border-radius:3px}.shark-requirement{font-size:12px;color:#a8cdbd;line-height:1.8;margin-bottom:15px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button-row button{font-size:11px;flex:1}.play-button.compact{font-size:17px;width:100%;min-width:0;padding:14px 18px;justify-content:center}.carousel{position:absolute;left:39%;right:4%;top:15%;height:45%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.carousel-arrow{pointer-events:auto;border:1px solid #c4e3d766;background:#123e5966;color:#f3dcad;font-size:43px;padding:4px 15px;box-shadow:none}.carousel-caption{align-self:flex-end;text-align:center;display:flex;flex-direction:column;gap:9px}.carousel-caption>span{font-size:10px;letter-spacing:2px;color:#9bcfcb}.carousel-caption>b{font-size:25px;color:#f3e8c9}.carousel-dots{display:flex;gap:5px;flex-wrap:wrap;max-width:350px;justify-content:center}.carousel-dots button{width:8px;height:8px;background:#123e59;border:1px solid #8ab8b766;box-shadow:none;border-radius:50%;padding:0}.carousel-dots button.owned{background:#85bdb3}.carousel-dots button.current{background:#f4d183;transform:scale(1.4)}.upgrade-panel{position:absolute;bottom:25px;left:4vw;right:4vw;padding:20px 25px}.upgrade-panel>div:first-child{display:flex;justify-content:space-between;color:#a3ccc5;font-size:11px;margin-bottom:18px}.upgrade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.upgrade-card>div:first-child{display:flex;justify-content:space-between;font-size:11px}.upgrade-card span{color:#b6d4c6}.upgrade-bars{display:flex;gap:4px;margin:12px 0}.upgrade-bars i{height:9px;flex:1;background:#0b3047;border-radius:2px}.upgrade-bars i.filled{background:#ecce83}.upgrade-card button{width:100%;font-size:12px;display:flex;justify-content:space-between;padding:9px 13px}.upgrade-card button span{color:#264454}.shop-layout{height:calc(100% - 83px);padding:22px 4vw;position:relative}.shop-intro{width:43%;}.shop-intro h2{margin:12px 0}.shop-intro p{font-size:12px}.equipment-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;max-width:470px}.equipment-tags span{background:#123e5977;border:1px solid #75aca855;padding:7px 9px;border-radius:5px;font-size:8px;color:#90bebb}.equipment-tags b{font-size:10px;color:#f1e1bb;margin-left:6px;font-weight:normal}.shop-shark-caption{position:absolute;top:29%;left:49%;right:7%;font-size:18px;text-align:center;color:#ecd6b1}.shop-shark-caption small{display:block;font-size:9px;letter-spacing:2px;color:#a5d5c9;margin-top:8px}.shop-catalog{position:absolute;bottom:20px;left:4vw;right:4vw;height:54%;padding:16px;display:flex;flex-direction:column}.category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;pointer-events:auto}.category-tabs button{background:#0f364c;color:#9fc5be;box-shadow:none;font-size:10px;padding:9px 15px;border:1px solid #8cb5b244}.category-tabs button.active{color:#2b4952;background:#efd18b}.items-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;overflow-y:auto;padding:4px 5px 12px;overscroll-behavior:contain}.item-card{background:#0f354bd9;border:1px solid #547e8555;border-radius:9px;text-align:center;padding:5px 12px 10px;display:flex;flex-direction:column;align-items:stretch}.item-card.equipped{border-color:#e6ca87}.item-card canvas{width:100%;height:75px;object-fit:contain}.item-card h3{font-size:12px;letter-spacing:0}.item-card p{font-size:10px;line-height:1.4;min-height:31px;margin:6px 0;color:#a1c3c0}.item-card button{font-size:10px;padding:8px;margin-top:4px}.item-card button.preview-link{background:none;box-shadow:none;color:#a1d9d0;font-size:9px;padding:4px}.item-card small{font-size:8px;color:#86b7ac;letter-spacing:1.5px;margin-top:9px}.item-card button.item-upgrade{font-size:8px;padding:7px 3px}.journal{position:absolute;inset:105px 4vw 30px;padding:25px;display:flex;flex-direction:column}.journal-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.journal h2{margin-top:10px;font-size:30px}.journal .category-tabs{margin:0}.mission-grid{overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:4px}.mission-card{display:flex;gap:13px;padding:18px;background:#0f354b88;border:1px solid #6d969344;border-radius:8px}.mission-card.completed{background:#295d6077;border-color:#a6bd7e66}.mission-card>div{flex:1}.badge{font-size:25px;color:#f0d28a}.mission-card h3{font-size:12px;letter-spacing:.3px}.mission-card p{font-size:11px;margin:5px 0 10px;color:#a3c4c0}.mission-card small{display:block;font-size:9px;margin-top:9px;color:#c1d1b3}.score-list{overflow:auto}.score-list>div{display:grid;grid-template-columns:50px 1fr 140px 90px;padding:20px;border-bottom:1px solid #84b9ab33}.score-list strong{color:#f6d693}.settings-panel{position:absolute;inset:105px 4vw 30px;padding:25px;overflow-y:auto;overscroll-behavior:contain}.settings-title h2{margin:12px 0 25px}.settings-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px}.settings-grid h3{color:#eed49c;margin-bottom:17px;font-size:12px}.settings-grid h3:not(:first-child){margin-top:25px}.settings-grid h4{margin:19px 0 7px;font-size:13px;color:#b9ddce}.settings-grid p{font-size:12px;margin:12px 0}.setting{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#bed6cd;font-size:12px;margin-bottom:18px}.setting input[type=range]{width:47%;accent-color:#f3cf86}.setting input[type=checkbox]{width:19px;height:19px;accent-color:#f3cf86}.setting select,.setting input[type=number]{background:#10364d;border:1px solid #85b5a766;color:#f4e2ba;border-radius:5px;padding:7px;max-width:160px}.setting select{min-width:105px}.fine-print{font-size:10px!important;color:#89b7b3!important;line-height:1.7!important}.save-editor{border-top:1px solid #719c9755;margin-top:20px;padding-top:16px}.save-editor summary{color:#e5cf95;font-size:11px;cursor:pointer;margin-bottom:20px}.save-editor button{font-size:10px}.editor-buttons{display:grid;gap:10px;margin-top:17px}.offline-status{color:#acd4bb;font-size:11px;padding:13px 0}.home-help button{font-size:10px}.overlay-screen{position:absolute;inset:0;display:grid;place-items:center;background:#072b48a6;backdrop-filter:blur(5px);padding:20px}.pause-panel,.results-panel{width:510px;max-width:100%;padding:35px;text-align:center}.overlay-screen h2{margin:15px 0}.overlay-screen p{font-size:13px}.overlay-screen .button-row{margin:18px 0}.overlay-screen small{font-size:10px;color:#9bbdb6}.result-score{font-size:64px;line-height:1;color:#f5d68d;margin:25px 0}.result-score small{display:block;letter-spacing:3px;font-size:10px;margin-top:8px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 20px}.result-stats b{display:block;font-size:20px;color:#c4e3cb}.result-stats small{font-size:8px;letter-spacing:1.4px}
#hud{height:100%;padding:max(15px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));text-shadow:0 2px 3px #09324d}.hud-top{display:flex;gap:28px;align-items:flex-start}.vitals{width:260px;display:grid;gap:7px}.meter{height:23px;background:#0c304acc;border:1px solid #98c9b888;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 3px 8px #072d4c66}.meter>span{display:block;height:100%;transition:width .13s linear}.meter label{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font-size:9px;font-weight:900;letter-spacing:1px}.health>span{background:linear-gradient(90deg,#b7777c,#ecad8e)}.boost-meter>span{background:linear-gradient(90deg,#479caf,#80d5d4)}.gold>span{background:linear-gradient(90deg,#dca956,#f5d687)}.run-tally{display:flex;flex-direction:column;gap:3px;text-align:center;margin-left:auto}.run-tally>small{font-size:10px;letter-spacing:2px;color:#b3d2c3}.run-tally>strong{font-size:33px;line-height:1;color:#f7e0a3}.run-tally>span{font-size:12px;color:#ffdda0}.run-wallet{margin-left:auto;display:flex;gap:8px 18px;flex-wrap:wrap;max-width:170px;font-size:18px;color:#f5dc9b}.run-wallet span:nth-child(2){color:#d7bbef}.run-wallet small{width:100%;text-align:right;font-size:15px;color:#e2e9d4}.pause-button{font-size:23px;padding:7px 15px;pointer-events:auto;background:#164b64b9;color:#eedfba;border:1px solid #bcd6c266;box-shadow:none}.hud-sub{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#c4e0d1;margin-top:14px}.mission-hud{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;background:#103e58aa;padding:13px 18px;border-radius:8px;border:1px solid #84b8af55}.mission-hud>span{color:#f0d092;font-size:23px}.mission-hud small{display:block;letter-spacing:1.7px;font-size:8px;color:#8abbb9;margin-bottom:6px}.mission-hud b{font-size:11px}.energy-hud{position:absolute;right:25px;bottom:32px;font-size:10px;color:#badbd2}.energy-hud b{color:#e9ce92;margin-left:8px}.desktop-controls{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;color:#91c1c2;white-space:nowrap}#rush-banner{position:absolute;top:22%;left:50%;transform:translateX(-50%) rotate(-3deg);font-weight:1000;font-size:clamp(30px,5vw,66px);color:#ffdf7f;text-shadow:0 5px 0 #775839,0 0 35px #efb44c66;white-space:nowrap;animation:rush-pop .7s infinite alternate}#rush-banner small{display:block;text-align:center;font-size:10px;letter-spacing:2px;color:#fff2bf;line-height:3}#rush-banner[hidden]{display:none}
#touch-controls{position:fixed;inset:0;z-index:2;pointer-events:none;touch-action:none}#touch-controls[hidden]{display:none}#joystick-zone{position:absolute;left:0;top:25%;width:47%;height:75%;touch-action:none;pointer-events:auto}#joystick{width:var(--joystick-size);height:var(--joystick-size);border:2px solid #b5e4da99;background:#1b739c44;border-radius:50%;position:fixed;left:95px;top:calc(100% - 110px);transform:translate(-50%,-50%);opacity:var(--joystick-opacity);pointer-events:none}#stick{width:40%;height:40%;border-radius:50%;background:#c2e9dc88;border:2px solid #def1d699;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#joystick.tracking{opacity:1}#boost,#special{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;width:91px;height:91px;bottom:max(30px,env(safe-area-inset-bottom));right:max(30px,env(safe-area-inset-right));background:#d9b56add;border:3px solid #ffe0a0;color:#23465a;font-size:39px;box-shadow:0 5px 0 #936b40;user-select:none}#special{right:139px;bottom:38px;width:67px;height:67px;font-size:29px;background:#4e91a8dd;border-color:#a0d9d0;color:#e2eacd;box-shadow:0 4px 0 #214f69}#boost small,#special small{display:block;font-size:8px;letter-spacing:1px;margin-top:-5px}#boost.held{filter:brightness(1.25);transform:scale(.95)}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,15px);z-index:8;max-width:90vw;pointer-events:none;opacity:0;transition:.2s;background:#f1dba6;color:#234257;border:1px solid #fff0c2;border-radius:9px;padding:13px 22px;box-shadow:0 5px 25px #08283e66;font-size:12px;text-align:center;font-weight:bold}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:#f1e4c5;background:#154258;border:1px solid #9bc3b255;border-radius:15px;max-width:480px;padding:28px;box-shadow:0 10px 50px #071e37aa}dialog::backdrop{background:#08273bbc;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin-bottom:15px}dialog p{font-size:13px;margin-bottom:22px}.carousel-change .shark-info{animation:carousel-enter .25s ease-out}@keyframes carousel-enter{from{opacity:.4;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes rush-pop{from{scale:1}to{scale:1.03}}
@media(hover:hover) and (pointer:fine){#touch-controls{display:none}}@media(hover:none),(pointer:coarse){.desktop-controls{display:none}.mission-hud{bottom:25px;left:40%;max-width:30%;padding:8px 12px}.mission-hud b{font-size:9px}.energy-hud{bottom:140px;right:30px}}
@media(max-width:1000px){.brand em{display:none}.hero-copy{top:5%}.hero-copy h1{font-size:clamp(39px,6.2vw,64px);margin:14px 0 18px}.hero-copy p{font-size:13px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.play-button{font-size:21px;padding:13px 20px;min-width:220px;margin-top:18px}.continue-button{width:220px}.local-note{margin-top:15px;font-size:9px}.menu-dock button{padding:16px;grid-template-columns:30px 1fr;gap:4px 8px}.menu-dock button span{font-size:23px}.menu-dock b{font-size:12px}.menu-dock small{font-size:8px}.shark-info{padding:18px;width:37%}.shark-info h2{font-size:26px}.stat-list{margin:17px 0;gap:10px}.shark-info p{font-size:11px}.upgrade-panel{padding:15px 18px}.upgrade-grid{gap:15px}.shop-intro h2{font-size:28px}.items-grid{grid-template-columns:repeat(4,minmax(125px,1fr))}.settings-grid{grid-template-columns:1fr 1fr;gap:25px}.home-help{grid-column:span 2}.mission-grid{grid-template-columns:repeat(2,1fr)}.journal-header{display:block}.journal-header nav{margin-top:20px!important}.desktop-controls{display:none}}
@media(max-height:650px) and (min-width:700px){.topbar{height:64px;padding-top:10px;padding-bottom:10px}.home-layout,.collection-layout,.shop-layout{height:calc(100% - 64px)}.hero-copy{top:4%}.hero-copy h1{font-size:48px;margin:12px 0 13px}.hero-copy p{font-size:12px;line-height:1.5}.play-button{margin-top:13px;padding:10px 18px;font-size:20px}.local-note{margin-top:13px}.hero-species{bottom:31%}.menu-dock{bottom:10%}.menu-dock button{padding:14px}.menu-footer{bottom:3%}.collection-layout{padding-top:16px}.shark-info{padding:15px}.shark-info h2{font-size:25px;margin:9px 0}.stat-list{gap:9px;margin:12px 0}.shark-requirement{font-size:10px;margin-bottom:9px}.shark-info .button-row button{padding:9px;font-size:9px}.shark-info .play-button{padding:10px;font-size:13px}.upgrade-panel{bottom:15px;padding:12px 17px}.upgrade-panel>div:first-child{margin-bottom:10px}.upgrade-bars{margin:8px 0}.shop-layout{padding-top:14px}.shop-intro h2{font-size:26px;margin:9px 0}.shop-intro p{font-size:10px}.equipment-tags{margin-top:10px;gap:5px}.equipment-tags span{padding:5px 7px}.shop-catalog{bottom:15px;height:52%;padding:11px}.category-tabs{margin-bottom:8px}.category-tabs button{padding:7px 12px;font-size:9px}.journal,.settings-panel{top:82px;bottom:20px;padding:20px}.vitals{width:200px;gap:5px}.meter{height:19px}.run-tally>strong{font-size:27px}.hud-top{gap:18px}.hud-sub{margin-top:10px}.overlay-screen h2{font-size:29px}.results-panel,.pause-panel{padding:22px 30px}.result-score{font-size:48px;margin:18px 0}.result-stats{margin:10px 0}.overlay-screen .button-row{margin:13px 0}}
@media(max-width:699px){.topbar{height:65px;padding:12px 16px;gap:10px}.brand{font-size:10px;letter-spacing:.6px}.brand-fin{font-size:24px}.wallet{padding:6px 10px;gap:6px}.wallet b{font-size:11px}.coin-icon{font-size:18px}.gem-icon{font-size:13px;margin-left:5px}.page-title{display:none}.back{font-size:9px;padding:7px 9px}.hero-copy{left:7%;top:4%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-copy h1{font-size:46px;margin:14px 0}.hero-copy h1 em{font-size:.46em;letter-spacing:3px}.hero-copy p{display:none}.hero-copy .play-button{position:fixed;top:57%;left:7%;right:7%;width:86%;font-size:23px;min-width:0;justify-content:space-between;padding:13px 22px}.continue-button{position:fixed;top:65%;left:7%;width:86%;padding:9px}.local-note{position:fixed;left:7%;top:73%;font-size:8px;margin:0}.hero-species{left:18%;right:18%;bottom:48%;gap:5px}.hero-species span{font-size:8px}.hero-species strong{font-size:20px}.hero-species small{font-size:9px}.home-layout{height:calc(100% - 65px)}.menu-dock{left:7%;right:7%;bottom:8%;grid-template-columns:repeat(2,1fr)}.menu-dock button{padding:13px 12px;grid-template-columns:23px 1fr;border-bottom:1px solid #6a9fa444}.menu-dock small{display:none}.menu-dock b{font-size:10px}.menu-dock button span{font-size:20px;grid-row:span 1}.menu-footer{left:7%;right:7%;font-size:7px;bottom:3%;letter-spacing:1px}.menu-footer span{display:none}.collection-layout{height:calc(100% - 65px);padding:0;overflow-y:auto;pointer-events:auto}.shark-info{position:relative;margin:210px 5vw 15px;width:90%;max-width:none;padding:17px}.shark-info h2{font-size:27px}.stat-list{margin:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-list>div{grid-template-columns:40px 1fr 27px;gap:6px;font-size:10px}.carousel{position:absolute;left:5%;right:5%;top:20px;height:176px}.carousel-caption{gap:6px}.carousel-caption>b{font-size:18px}.carousel-caption>span{font-size:8px}.carousel-dots{max-width:240px;gap:4px}.carousel-dots button{width:6px;height:6px}.carousel-arrow{font-size:32px;padding:0 10px}.upgrade-panel{position:relative;left:0;right:0;bottom:0;margin:0 5vw 20px;padding:16px}.upgrade-panel>div:first-child{display:block}.upgrade-panel h3{font-size:12px;margin-bottom:6px}.upgrade-grid{grid-template-columns:repeat(2,1fr);gap:18px}.shop-layout{height:calc(100% - 65px);padding:15px 5vw}.shop-intro{width:100%}.shop-intro .eyebrow{font-size:8px}.shop-intro h2{font-size:25px}.shop-intro p{font-size:10px}.equipment-tags{display:none}.shop-shark-caption{top:31%;left:10%;right:10%;font-size:14px}.shop-catalog{left:5vw;right:5vw;bottom:15px;height:57%;padding:12px}.category-tabs{gap:5px}.category-tabs button{font-size:8px;padding:7px 9px}.items-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:9px}.item-card{padding:4px 9px 8px}.journal,.settings-panel{inset:80px 5vw 20px;padding:18px}.journal h2,.settings-title h2{font-size:27px}.journal-header{margin-bottom:15px}.journal-header .eyebrow{font-size:8px}.journal-header nav{margin-top:13px!important}.mission-grid{grid-template-columns:1fr;gap:10px}.mission-card{padding:14px}.settings-grid{grid-template-columns:1fr;gap:25px}.home-help{grid-column:span 1}.settings-grid section{border-bottom:1px solid #668e8d44;padding-bottom:15px}.score-list>div{grid-template-columns:25px 1fr 75px 40px;padding:15px 0;font-size:11px;gap:6px}.score-list strong{font-size:12px}.vitals{width:135px;gap:4px}.hud-top{gap:8px}.meter{height:17px}.meter label{font-size:7px;padding:0 5px}.run-tally>strong{font-size:20px}.run-tally>small{font-size:7px}.run-tally>span{font-size:8px}.run-wallet{max-width:82px;font-size:11px;gap:5px}.run-wallet small{font-size:11px}.pause-button{font-size:17px;padding:5px 9px}.hud-sub{font-size:8px;margin-top:8px}.mission-hud{left:20px;bottom:160px;max-width:65%;padding:8px 11px}.mission-hud b{font-size:9px}.energy-hud{bottom:143px;font-size:8px}.result-score{font-size:49px}.overlay-screen h2{font-size:29px}.results-panel,.pause-panel{padding:25px 20px}.overlay-screen .eyebrow{font-size:9px}.result-stats b{font-size:15px}.result-stats small{font-size:7px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.carousel-change .shark-info,#rush-banner{animation:none}}
#world-labels{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}#world-labels[hidden]{display:none}#world-labels span{position:absolute;left:0;top:0;font-size:19px;font-weight:900;text-shadow:0 2px 3px #12364b,-1px 0 #12364b,1px 0 #12364b;white-space:nowrap}#sonar-map{position:fixed;bottom:20px;right:20px;border:1px solid #93c9bd88;border-radius:8px;pointer-events:none;z-index:2}#depth-controls{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:160px;pointer-events:auto;display:flex;gap:8px}#depth-controls button{font-size:9px;touch-action:none;padding:9px 11px;border:1px solid #b5dcd099;background:#24627dc9;color:#deead3;box-shadow:0 3px 0 #17425a;border-radius:6px}.playing #ocean{touch-action:none}.playing #hud .energy-hud{bottom:205px}
@media(max-width:699px){#depth-controls{bottom:157px;right:24px;flex-direction:column;gap:7px}.playing #hud .energy-hud{bottom:235px}#sonar-map{bottom:140px;right:130px;width:155px;height:71px}.playing .mission-hud{bottom:160px;max-width:60%}}
@media(max-height:500px) and (min-width:700px){.home-layout .hero-copy h1{font-size:34px;margin:8px 0 10px}.hero-copy p,.hero-copy .local-note{display:none}.hero-copy .play-button{font-size:17px;padding:10px 18px;min-width:200px;margin-top:14px}.continue-button{font-size:9px;padding:8px;width:200px;margin-top:10px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px}.menu-dock button{padding:12px 14px}.menu-dock small{display:none}.menu-dock b{font-size:10px}.hero-species{bottom:36%}.hero-species strong{font-size:18px}.hero-species span{font-size:8px}.collection-layout{padding:10px 3vw}.shark-info{width:36%;padding:10px 13px;max-height:calc(100% - 110px);overflow-y:auto}.shark-info .eyebrow{font-size:8px;letter-spacing:1px}.shark-info h2{font-size:20px;margin:7px 0 10px}.shark-info p{display:none}.stat-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.stat-list>div{grid-template-columns:34px 1fr 25px;font-size:9px;gap:5px}.stat-track{height:5px}.shark-requirement{font-size:9px;line-height:1.4;margin-bottom:10px}.shark-info .button-row{gap:7px}.shark-info .button-row button{font-size:8px;padding:8px 6px}.shark-info .play-button{font-size:10px;padding:9px;margin-top:10px}.upgrade-panel{left:3vw;right:3vw;bottom:10px;padding:10px 14px}.upgrade-panel>div:first-child{margin-bottom:7px}.upgrade-panel h3{font-size:10px}.upgrade-panel>div:first-child small{display:none}.upgrade-grid{gap:17px}.upgrade-card>div:first-child{font-size:9px}.upgrade-bars{margin:6px 0}.upgrade-bars i{height:6px}.upgrade-card button{font-size:9px;padding:6px 9px}.carousel{top:9%;height:48%}.carousel-caption>b{font-size:18px}.carousel-caption>span{font-size:8px}.shop-intro .eyebrow{font-size:7px}.shop-intro h2{font-size:21px}.shop-intro p{font-size:9px}.equipment-tags{display:none}.shop-catalog{height:53%;bottom:12px}.shop-shark-caption{top:31%;font-size:12px}.shop-shark-caption small{font-size:7px}.item-card canvas{height:55px}.item-card h3{font-size:10px}.item-card p{font-size:9px}.pause-panel,.results-panel{padding:18px 27px;max-height:94vh;overflow-y:auto}.overlay-screen h2{font-size:25px}.result-score{font-size:36px;margin:12px 0}.overlay-screen .play-button{font-size:13px;padding:9px}.overlay-screen .button-row button{padding:9px}.result-stats b{font-size:16px}}
@media(max-width:900px){#touch-controls:not([hidden]){display:block}.desktop-controls{display:none}.playing .mission-hud{left:37%;max-width:30%;bottom:25px;padding:8px 10px}.playing .mission-hud b{font-size:9px}.playing .energy-hud{bottom:205px}#joystick{left:80px;top:calc(100% - 88px)}#boost{width:78px;height:78px;bottom:25px;right:25px}#special{bottom:32px;right:122px;width:62px;height:62px}#depth-controls{bottom:130px;right:25px}.playing #hud .energy-hud{bottom:168px}}
@media(max-width:699px){.playing .mission-hud{left:20px;bottom:155px;max-width:59%}#depth-controls{bottom:147px}.playing #hud .energy-hud{bottom:225px}}
@media(max-height:500px) and (min-width:700px){.shark-info{max-height:calc(100% - 94px)}}
.run-tally{padding:6px 13px;background:#103b54a8;border:1px solid #a7d0bc44;border-radius:8px}.run-wallet{padding:6px 11px;background:#103b5488;border:1px solid #a7d0bc33;border-radius:8px}.hud-sub span{background:#123f5599;border-radius:4px;padding:5px 8px}.hud-sub span:empty{display:none}