:root{color-scheme:dark;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;color:#e9fbff;background:#041522}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b8f7de;outline-offset:3px}[hidden]{display:none!important}#sea{position:fixed;inset:0;width:100%;height:100%;z-index:-1}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#02141feb,transparent);z-index:-1;pointer-events:none}.ocean-panel{max-width:510px;padding:30px 28px;margin:0 auto 0 max(0px,calc((100vw - 1080px)/2));min-height:100svh;background:linear-gradient(90deg,#031923d9,#05202c88);backdrop-filter:blur(6px)}.back{color:#8ebfc9;text-decoration:none;font-size:13px}.eyebrow{font-size:11px;letter-spacing:3px;color:#9ee7d2;margin-top:30px}h1{font-size:40px;line-height:1.13;letter-spacing:-1.6px;margin:16px 0}h1 em{font-style:normal;color:#a4f0db}.intro{font-size:14px;color:#afcdd3}.fish-choice{display:flex;gap:9px;margin:26px 0 18px}.fish-choice button{flex:1;background:#173c49;border:1px solid #4a707a;border-radius:16px;padding:12px 5px;font-size:12px}.fish-choice span{display:block;font-size:34px;line-height:1.1;color:#ffbb76}.fish-choice [data-species=blue] span{color:#58c7f3}.fish-choice [data-species=gold] span{color:#e9d27b}.fish-choice [aria-pressed=true]{border-color:#b9f4d7;background:#285554;box-shadow:0 0 0 1px #b9f4d7}label{display:block;font-size:11px;color:#a1c3ca;margin-bottom:7px}input{width:100%;border:1px solid #3c6472;background:#092838;color:white;padding:11px 14px;border-radius:12px;font-size:16px}#ocean-levels{display:flex;gap:8px;margin-top:22px}#ocean-levels button{flex:1;border:1px solid #3e6570;border-radius:12px;background:#0d2c38;padding:12px 4px;font-size:12px}#ocean-levels b{display:block;font-size:17px;margin-top:7px}#ocean-levels button.selected{border-color:#a4f0db}#ocean-levels button:disabled{opacity:.45}#level-description{font-size:12px;color:#b1d1d8;min-height:28px}.primary{width:100%;min-height:49px;border:0;background:#b9f4d7;color:#123c3c;border-radius:14px;font-weight:800}.quiet{display:block;min-height:42px;background:transparent;border:0;color:#acd9e3;margin:6px auto;font-size:12px}.fine{font-size:10px;color:#88aeb8;text-align:center;line-height:1.7}.swimming{overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.swimming:before{display:none}#ocean-hud{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none}header{height:58px;padding:8px 20px;display:flex;gap:20px;align-items:center;background:linear-gradient(#011827d9,transparent);font-size:12px}header button{pointer-events:auto;width:44px;height:44px;border:1px solid #8ac2d355;border-radius:50%;background:#032a3d99;font-size:21px}header b{font-size:10px;letter-spacing:2px}header small{display:block;color:#99c6d0;font-size:10px;margin-top:3px}.progress{margin-left:auto;width:140px;text-align:center}.progress span{font-size:12px}.progress i{height:4px;display:block;background:#426470;border-radius:5px;margin-top:6px;overflow:hidden}.progress i b{height:100%;display:block;background:#b9f4d7;width:0}#health{color:#fba995;letter-spacing:4px}#clock{font-variant-numeric:tabular-nums;color:#cae4e8}.sea-brand{position:absolute;left:50%;top:67px;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:3px;color:#caf2ee99;text-align:center}.sea-brand span{display:block;font-size:7px;margin-top:5px}#sea-pad{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));width:132px;height:132px;border:2px solid #b5ecf04d;border-radius:50%;background:radial-gradient(#43809788,#07384a55);pointer-events:auto;touch-action:none}#sea-knob{position:absolute;left:34px;top:34px;width:60px;height:60px;background:linear-gradient(145deg,#d1f6ef,#5a98a8);border:2px solid #caece8;border-radius:50%;box-shadow:0 6px 20px #001c3f77;pointer-events:none}#dash{position:absolute;right:max(23px,env(safe-area-inset-right));bottom:max(29px,env(safe-area-inset-bottom));width:111px;height:111px;border-radius:50%;border:1px solid #bff9e585;background:#23585bc9;pointer-events:auto;touch-action:none}#dash b{font-size:15px;letter-spacing:1px}#dash small{display:block;margin-top:9px;color:#b9f4d7}#dash.held{background:#5f9f8ecc;box-shadow:0 0 30px #bbfddd44}#ocean-tip{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);max-width:55vw;border-radius:20px;background:#042c3bc9;color:#d4f9ee;padding:8px 14px;font-size:11px;text-align:center}#reef-direction{position:absolute;right:28px;top:81px;font-size:11px;color:#b9f4d7}#ocean-rotate{position:fixed;inset:0;background:#041d2b;display:grid;place-content:center;text-align:center;z-index:30}#ocean-rotate>span{font-size:60px;color:#b9f4d7}#ocean-rotate p{color:#acd3dc;line-height:1.8}dialog{width:min(490px,92vw);max-height:90dvh;border:1px solid #527e89;border-radius:23px;padding:26px;background:#0d2c3b;color:#e9fbff;overflow:auto}dialog::backdrop{background:#011421c9;backdrop-filter:blur(5px)}dialog h2{font-size:29px;margin:10px 0 16px}dialog p,dialog li{font-size:14px;color:#b8d7de;line-height:1.7}dialog ol{padding-left:20px}dialog li{margin:10px 0}dialog .amount{font-size:60px;color:#b9f4d7;font-weight:800}dialog img{width:100%;border-radius:14px}@media(orientation:landscape) and (max-height:450px){.ocean-panel{max-width:700px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:20px 28px}.ocean-panel .back,.ocean-panel .eyebrow,.ocean-panel h1,.ocean-panel .intro{grid-column:1}.ocean-panel .eyebrow{margin:13px 0 0}.ocean-panel h1{font-size:30px;margin:10px 0}.fish-choice{grid-column:2;grid-row:1/4;margin:0 0 10px}.ocean-panel label,.ocean-panel input,#ocean-levels,#level-description,#swim,#ocean-help,.ocean-panel .fine{grid-column:2}.ocean-panel label{grid-row:4}.ocean-panel input{grid-row:5}#ocean-levels{grid-row:6;margin-top:8px}#level-description{grid-row:7;margin:8px 0}.ocean-panel .fine{grid-column:1;grid-row:5/8;text-align:left}header{gap:12px;padding:7px 15px}}@media(max-height:340px){#sea-pad{width:116px;height:116px}#sea-knob{left:27px;top:27px;width:58px;height:58px}#dash{width:100px;height:100px}header{height:49px}.sea-brand{top:57px}}

@media(orientation:landscape) and (max-height:450px){.ocean-panel{display:block;position:relative;max-width:760px;min-height:390px;padding:20px 28px}.ocean-panel>h1,.ocean-panel>.intro,.ocean-panel>.eyebrow,.ocean-panel>.fine{max-width:280px}.ocean-panel>.fine{margin-top:25px;text-align:left}.ocean-settings{position:absolute;left:340px;right:28px;top:18px}.fish-choice{height:54px;margin:0 0 8px}.fish-choice button{padding:5px}.fish-choice span{font-size:22px}.ocean-settings label{margin:3px 0;font-size:10px}.ocean-settings input{padding:8px 12px;height:36px}#ocean-levels{margin-top:8px}#ocean-levels button{padding:6px 3px}#ocean-levels b{margin-top:3px;font-size:15px}#level-description{min-height:0;margin:8px 0;font-size:11px}.ocean-settings .primary{min-height:44px}.ocean-settings .quiet{min-height:27px;margin:3px auto;font-size:11px}}@media(orientation:landscape) and (max-width:740px){.ocean-panel{max-width:100%;padding:18px;min-height:365px}.ocean-panel>h1{font-size:26px;max-width:240px}.ocean-panel>.intro,.ocean-panel>.fine{max-width:230px}.ocean-settings{left:45%;right:18px;top:15px}}

#fish-preview{display:block;width:260px;height:105px;max-width:100%;margin:0 auto 12px;filter:drop-shadow(0 14px 14px #00101d88)}@media(orientation:landscape) and (max-height:450px){#fish-preview{margin:0;width:260px;height:105px}.ocean-panel>.fine{margin-top:12px}}

#health{min-width:74px;letter-spacing:0;color:#ffc5b4;font-size:10px}#health>i,#growth>i{display:block;height:6px;border-radius:6px;background:#294952;overflow:hidden;margin-top:5px}#health-fill{display:block;height:100%;background:linear-gradient(90deg,#ed9d7d,#c9edb6);transition:width .18s}#growth{position:absolute;left:85px;top:65px;min-width:118px;font-size:10px;color:#bfeeda}#growth-fill{display:block;height:100%;background:#8ddfeb;transition:width .25s}#game-upgrades{position:absolute;right:25px;top:108px;pointer-events:auto;touch-action:none;min-width:85px;min-height:40px;border:1px solid #afdbc966;border-radius:16px;background:#123c4ac9;color:#e5eeb6;font-weight:700}.upgrade-list{display:grid;gap:10px;margin:20px 0}.upgrade-list button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:14px;border:1px solid #649b94;border-radius:16px;background:#194451;text-align:left}.upgrade-list button:disabled{opacity:.5}.upgrade-list small{display:block;font-size:11px;color:#b7d8d9;margin-top:6px}.upgrade-list strong{white-space:nowrap;color:#d7f7be;font-size:14px}.upgrade-intro{font-size:12px!important}#menu-upgrades{color:#e0efb6}@media(max-height:340px){#growth{top:57px}#game-upgrades{top:92px;min-height:36px}}
@media(orientation:landscape) and (max-height:450px){dialog:has(.upgrade-list){width:min(740px,94vw);padding:18px 22px}dialog:has(.upgrade-list) h2{font-size:24px;margin:5px 0}.upgrade-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.upgrade-list button{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.upgrade-list small{min-height:32px}.upgrade-intro{line-height:1.4!important;margin:8px 0}.upgrade-list+button{min-height:43px}}

#ocean-levels small{display:block;font-size:9px;color:#abcdd1;margin-top:3px}#sea-pad{width:146px;height:146px;background:radial-gradient(circle,#4d819580,#07384a88);box-shadow:inset 0 0 25px #7bd5d31a}#sea-knob{left:41px;top:41px}#dash{transition:background .12s,box-shadow .12s}#level-description{line-height:1.5}@media(max-height:340px){#sea-pad{width:126px;height:126px}#sea-knob{left:32px;top:32px}}

.supply-list{display:flex;gap:8px;margin:8px 0}.supply-list button{flex:1;background:#20424a;border:1px solid #668e87;border-radius:12px;padding:10px;font-size:11px}.supply-list button:disabled{opacity:.4}#growth{max-width:260px;font-size:9px}
/* Workshop makes the result of a purchase visible before spending. */
.upgrade-list button b{font-size:14px}.upgrade-list button i{display:block;font-style:normal;font-size:12px;letter-spacing:4px;margin-top:7px;color:#d5f8a4}.upgrade-list small{color:#b7d1d6}.upgrade-list small em{display:block;font-style:normal;color:#f0ffd9;font-weight:700;margin-top:7px}.upgrade-list strong{font-size:17px}.upgrade-list button:disabled{opacity:.72}.upgrade-confirm{color:#173930!important;background:#c1f4d5;border-radius:12px;padding:9px 12px;font-size:12px!important}.shop-note{font-size:10px!important;text-align:center;line-height:1.4!important}.ocean-settings #menu-upgrades{width:100%;border:1px solid #708e75;border-radius:12px;min-height:40px;background:#34594d80;color:#e5f7c9;font-weight:700}.ocean-settings #ocean-help{font-size:12px;min-height:36px}.fish-choice span{display:none}.fish-choice button{min-height:46px;font-size:13px}.back{min-height:44px;display:inline-flex;align-items:center}.supply-list button{min-height:44px}.swimming #growth{top:68px;font-size:10px}.swimming #game-upgrades{font-size:12px;min-height:44px}#game-upgrades:before{content:'Прокачка ';font-weight:500}.upgrade-list{margin:14px 0}@media(orientation:landscape) and (max-height:450px){dialog:has(.upgrade-list) .eyebrow{margin-top:4px}.upgrade-list small{min-height:48px}.ocean-settings{top:15px}.ocean-panel .back{min-height:24px}.ocean-settings #menu-upgrades{min-height:35px}.ocean-settings #ocean-help{min-height:26px;font-size:11px}.upgrade-list button{padding:10px}.upgrade-list button b{font-size:12px}.upgrade-list strong{font-size:15px}.upgrade-list button i{font-size:10px;margin-top:5px}.upgrade-intro{font-size:11px!important}}