@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e1f1ee;background:#062c38;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 0,#12505a,transparent 65%),#062c38}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #f8d377;outline-offset:4px}.shell{max-width:1440px;margin:auto;padding:26px 48px 20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brand{display:flex;gap:12px;align-items:center;font:600 25px Fredoka,sans-serif;letter-spacing:.5px}.brand-icon{font-size:34px;color:#74d6cf}.brand small{display:block;font:600 9px DM Sans;letter-spacing:3px;color:#85b7bb;margin-top:4px}.header-right{display:flex;gap:12px;align-items:center}.pill{border:1px solid #41646a;border-radius:24px;padding:10px 15px;color:#c3dddc;background:#ffffff06;font-size:12px}.pill strong{color:#f9d47d}.icon-button{width:39px;height:39px;border-radius:50%;border:1px solid #41646a;background:transparent;color:#fff;font-size:18px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0 19px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:700;color:#73c8c4}.intro h1{font:500 37px Fredoka;margin:7px 0 5px;letter-spacing:.3px}.intro p{font-size:13px;color:#a5c7c9;margin:0}.level-route{display:flex;gap:10px;align-items:center;font-size:11px;color:#8bb0b5}.level-route b{background:#244e57;padding:9px 14px;border-radius:20px;color:#d1efea}.level-route span{font-size:10px}.game-frame{position:relative;overflow:hidden;aspect-ratio:16/8.1;border:1px solid #578780;border-radius:21px;box-shadow:0 22px 70px #00192380;background:#148a92}#game{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.hud-item{background:#073741e8;border:1px solid #ffffff33;border-radius:14px;padding:10px 15px;display:flex;gap:11px;align-items:center;font-size:12px}.hud-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#99c9c8;display:block;margin-bottom:5px}.air-track{width:105px;height:6px;border-radius:6px;background:#40646c;overflow:hidden}.air-track i{display:block;width:100%;height:100%;background:#7ce6d8;transition:width .2s}.hud-right{display:flex;gap:9px}.hud-right button{pointer-events:auto}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#043e4960,#07464c10,#043e4930);padding:30px}.overlay.hidden{display:none}.overlay .tag{font-size:10px;letter-spacing:3px;color:#defbf0;text-shadow:0 1px 8px #004954}.overlay h2{font:600 clamp(32px,4.5vw,65px)/1.02 Fredoka;margin:12px 0;color:#fff7df;text-shadow:0 4px 0 #125764,0 7px 20px #104d5b66}.overlay p{font-size:14px;line-height:1.7;max-width:410px;color:#e6ffff;text-shadow:0 2px 5px #104858}.primary{border:0;border-radius:14px;background:#ffce70;color:#433c2b;padding:14px 31px;box-shadow:0 5px #cb9340;font:600 18px Fredoka;transition:transform .15s}.primary:hover{transform:translateY(-2px);background:#ffda91}.overlay .note{margin-top:15px;font-size:10px;letter-spacing:1px;color:#c4e6e2}.game-caption{position:absolute;bottom:17px;left:22px;display:flex;gap:8px;align-items:center;font-size:10px;color:#d5f1e5;pointer-events:none}.dot{width:6px;height:6px;background:#7aebc9;border-radius:50%}.toast{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:#073c48dd;border:1px solid #9be6d477;color:#fff5cf;padding:10px 20px;border-radius:30px;font:500 17px Fredoka;white-space:nowrap;pointer-events:none}.toast:empty{display:none}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 5px 22px;font-size:11px;color:#aacacc}.keygroup{display:flex;gap:7px;align-items:center}.key{min-width:25px;height:26px;background:#204a55;border:1px solid #496a72;border-bottom:3px solid #496a72;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#ecf6ef;padding:0 6px;font-size:10px}.action{border:0;background:none;color:#b4d2d2;padding:0;display:flex;gap:7px;align-items:center;font-size:11px}.crew-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 14px}.crew-head h2{font:500 21px Fredoka;margin:0}.crew-head p{font-size:11px;color:#8db6bc;margin:0}.whales{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.whale-card{position:relative;border:1px solid #2d5862;border-radius:15px;background:linear-gradient(140deg,#154551,#113944);color:#fff;text-align:left;padding:10px 13px 12px;transition:.2s}.whale-card:hover{transform:translateY(-3px);border-color:#79c8bf}.whale-card.selected{border:2px solid #81d7c6;background:linear-gradient(140deg,#235e62,#15454d);padding:9px 12px 11px;box-shadow:0 0 24px #6dd6c012}.whale-card img{width:100%;height:73px;object-fit:contain;filter:drop-shadow(0 8px 3px #00293566)}.whale-card h3{font:500 16px Fredoka;margin:0 0 4px}.whale-card p{font-size:9px;color:#a1c5c8;margin:0}.check{position:absolute;right:10px;top:10px;background:#8adbc9;color:#14474a;border-radius:50%;width:15px;height:15px;font-size:10px;text-align:center;display:none}.selected .check{display:block}.stat{margin-top:11px;display:flex;gap:3px}.stat i{height:3px;flex:1;background:#315c65;border-radius:2px}.stat i.on{background:#81c8c4}.footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7ea5ae;padding:23px 0 0}.footer span:first-child{color:#b6cfcf}.modal{position:fixed;inset:0;z-index:10;background:#021e2cce;display:grid;place-items:center;padding:24px}.modal[hidden]{display:none}.modal article{max-width:490px;background:#12434e;border:1px solid #58958f;border-radius:24px;padding:30px;line-height:1.8}.modal h2{font:500 30px Fredoka}.modal p{font-size:14px}.modal button{margin-top:15px}.touch-move{display:none}.bossbar{position:absolute;left:35%;right:35%;top:20px;text-align:center;font-size:10px;color:#5c3333}.bossbar progress{width:100%;accent-color:#d46667;display:block;margin-top:5px}.bossbar[hidden]{display:none}@media(max-width:800px){.shell{padding:18px}.header{margin-bottom:15px}.brand{font-size:21px}.header-right .pill{display:none}.intro{margin-top:20px}.intro h1{font-size:29px}.level-route{display:none}.game-frame{aspect-ratio:4/3}.whales{grid-template-columns:repeat(3,1fr);gap:8px}.controls{flex-wrap:wrap;justify-content:center}.crew-head p{display:none}.footer{gap:14px;line-height:1.5}.overlay h2{font-size:40px}.hud-item{padding:7px 10px}.hud{left:10px;right:10px;top:10px}.air-track{width:60px}.touch-move{display:flex;gap:5px}.touch-move button{height:38px;min-width:38px;background:#285964;color:#fff;border:1px solid #638a90;border-radius:8px;touch-action:none}.action{min-height:38px}.bossbar{top:65px;left:30%;right:30%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:800px){.hud{gap:8px}.hud-item{gap:5px;padding:7px 8px;font-size:10px}.hud-label{font-size:7px;letter-spacing:1px;white-space:nowrap}.hud-item>span:first-child{font-size:15px!important}#hearts{white-space:nowrap;font-size:9px}.hud-right{gap:5px}.hud-right .hud-item>span:last-child{display:none}.hud-right .icon-button{width:32px;height:32px}.toast{font-size:13px;max-width:90%;white-space:normal;text-align:center}.overlay{padding:46px 12px 23px}.overlay h2{font-size:31px;margin:6px 0}.overlay p{font-size:11px;line-height:1.5;margin:6px 0 10px}.overlay .tag{font-size:8px;letter-spacing:1.5px}.overlay .note{font-size:6px;margin-top:10px;letter-spacing:.5px}.overlay .primary{font-size:14px;padding:10px 18px}.touch-move button{height:44px;min-width:44px}.controls>.keygroup{display:none}.action{min-height:44px}.game-caption{font-size:7px;left:12px;bottom:11px}}.play-toolbar,.touch-panel,.return-game[hidden]{display:none}.touch-move{display:none!important}.touch-device .controls{display:none}.touch-device .header-right .icon-button{min-width:44px;min-height:44px}.touch-device .shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.touch-device .game-frame{aspect-ratio:16/10}.touch-device .return-game{font-size:14px;padding:11px 16px;margin-top:14px}.touch-device .intro{flex-wrap:wrap}.touch-device.in-play{overflow:hidden;overscroll-behavior:none}.touch-device.in-play .play-area{position:fixed;inset:0;z-index:20;height:100vh;height:100dvh;display:grid;grid-template-rows:48px minmax(0,1fr) 178px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#062c38;box-sizing:border-box;overscroll-behavior:none}.in-play .play-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:8px;font:500 16px Fredoka;color:#9ce1d3}.play-toolbar button{min-height:44px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#e5f7ee;font:600 13px DM Sans,sans-serif}.in-play .game-frame{aspect-ratio:auto;min-width:0;min-height:0;border-radius:14px;margin:0 8px;box-shadow:none;background:#0a5965}.in-play #game{object-fit:contain}.in-play .overlay{padding:56px 16px 34px}.in-play .overlay h2{font-size:clamp(30px,6vw,54px)}.in-play .overlay p{font-size:13px}.in-play .overlay .primary{min-height:48px;font-size:17px}.in-play .hud{top:8px;left:8px;right:8px;align-items:start;gap:5px}.in-play .hud-item{padding:8px 10px;gap:8px;font-size:12px;border-radius:12px}.in-play .hud-label{font-size:8px}.in-play .hud-right .icon-button{background:#073741ed;width:44px;height:44px;font-size:20px}.in-play .hud-right{gap:6px}.in-play .air-track{width:70px}.in-play #hearts{font-size:11px;white-space:nowrap}.in-play .bossbar{top:66px;left:28%;right:28%;padding:5px;border-radius:8px;background:#fff0cdde}.in-play .game-caption{bottom:8px;left:12px}.in-play .toast{bottom:32px;font-size:14px;max-width:90%;white-space:normal;text-align:center}.in-play .touch-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(22px,env(safe-area-inset-right)) 4px max(22px,env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stick-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.swim-stick{position:relative;width:136px;height:136px;border-radius:50%;background:radial-gradient(circle,#336c76,#123d4bea);border:2px solid #82c8c780;touch-action:none;box-shadow:inset 0 2px 8px #001e3970}.stick-arrows{position:absolute;inset:8px;text-align:center;font:700 27px/36px sans-serif;color:#acd5cd99;pointer-events:none}.stick-knob{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#b0efe0,#69b7b4);border:2px solid #dafff0;box-shadow:0 5px 12px #002c4670;pointer-events:none}.touch-hint{font-size:10px;letter-spacing:.5px;color:#9cbfc1}.touch-attacks{display:grid;grid-template-columns:repeat(2,minmax(64px,94px));gap:9px}.touch-attacks button{height:65px;border:1px solid #d3fff190;border-bottom:4px solid #376e79;border-radius:17px;background:#235561;color:#effff6;font:500 13px Fredoka;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.touch-attacks button span{font:500 26px/26px Fredoka}.touch-attacks button[data-touch-action=tail]{background:#e9b958;border-color:#ffdc95;color:#3d382c;border-bottom-color:#aa7a2f}.touch-attacks button[data-touch-action=bubble]{background:#407c86}.touch-attacks button.held{transform:translateY(2px);filter:brightness(1.2);border-bottom-width:2px}.in-play .modal{z-index:40}.modal article{max-height:calc(100dvh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}@media(max-width:420px){.in-play .play-toolbar>span{font-size:13px}.in-play .touch-panel{gap:10px;padding-left:14px;padding-right:14px}.swim-stick{width:126px;height:126px}.stick-arrows{line-height:33px}.in-play .touch-attacks{grid-template-columns:repeat(2,76px);gap:8px}.in-play .hud-item>span:first-child{display:none}.in-play .air-track{width:58px}.in-play .hud-label{font-size:7px}.in-play .hud-item{padding:8px;gap:5px}}@media(orientation:landscape)and (max-height:600px){.touch-device.in-play .play-area{grid-template-rows:40px minmax(0,1fr)}.in-play .play-toolbar button{min-height:40px}.in-play .game-frame{margin:0 5px 4px}.in-play .touch-panel{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));left:env(safe-area-inset-left);right:env(safe-area-inset-right);height:126px;padding:0 24px;pointer-events:none}.in-play .touch-panel>*{pointer-events:auto}.swim-stick{width:112px;height:112px;background:#123d4bc9}.stick-arrows{font-size:23px;line-height:29px;inset:6px}.stick-knob{width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px)}.touch-hint{display:none}.in-play .touch-attacks{grid-template-columns:repeat(2,78px);gap:6px}.in-play .touch-attacks button{height:53px;font-size:12px;background-color:#235561dd}.in-play .touch-attacks button[data-touch-action=tail]{background:#e9b958ee}.touch-attacks button span{font-size:21px;line-height:20px}.in-play .game-caption{left:155px;bottom:10px}.in-play .toast{bottom:12px;max-width:40%;font-size:12px;padding:8px 12px}.in-play .bossbar{top:8px;left:38%;right:30%}.in-play .overlay{padding:45px 180px 16px}.in-play .overlay h2{font-size:30px}.in-play .overlay p{font-size:12px;margin:4px 0 10px}}@media(min-width:700px)and (min-height:700px){.touch-device.in-play .play-area{grid-template-rows:54px minmax(0,1fr) 190px}.in-play .touch-panel{justify-content:space-around}.swim-stick{width:154px;height:154px}.stick-arrows{line-height:42px}.touch-attacks{grid-template-columns:repeat(2,110px)}.touch-attacks button{height:73px;font-size:16px}.in-play .hud-item{font-size:15px}.in-play .hud-label{font-size:10px}}.game-credit{position:absolute;bottom:10px;right:14px;padding:4px 9px;border-radius:12px;background:#063640cf;color:#e3f5eb;font-size:11px;line-height:1.4;pointer-events:none}@media(max-width:800px){.game-credit{bottom:6px;left:12px;right:auto;font-size:10px}.game-caption{bottom:31px}}.in-play .game-credit{bottom:7px;left:12px;right:auto;font-size:11px}.in-play .game-caption{bottom:33px}.in-play .toast{bottom:56px}@media(orientation:landscape)and (max-height:600px){.in-play .game-credit{left:155px;bottom:8px;font-size:10px}.in-play .game-caption{left:155px;bottom:31px}.in-play .toast{bottom:55px}}