@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/font-0.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/font-1.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/font-2.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/font-3.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/font-4.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/font-5.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/font-6.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/font-7.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/font-8.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#c1d8d6;background:#061d25;font-synthesis:none;font-weight:400;--mint:#c9f2c3;--muted:#719394;--border:#27434b}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{text-decoration:none;color:inherit}button{border:0}button,select{transition:background .2s,color .2s,transform .2s}button:hover{color:#fff}button:active{transform:translateY(1px)}.site-shell{max-width:1480px;margin:auto;padding:0 56px}.header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center;font-family:Outfit,sans-serif;font-size:22px;letter-spacing:2.6px;font-weight:600}.brand img{width:44px;height:44px}.brand-sub{display:block;font-size:9px;letter-spacing:3.3px;margin-top:3px;color:var(--muted)}nav{display:flex;gap:27px;align-items:center}.text-button{display:flex;align-items:center;gap:8px;background:transparent;font-size:12px}.language{display:flex;align-items:center;gap:8px}.language select{width:108px;background:transparent;border:0;color:#c1d8d6;font-size:12px;cursor:pointer}.language select option,select option{background:#0e313b;color:#d9ece3}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:transparent;border-radius:50%;color:#b3d4d0}.icon-button:hover{background:#ffffff15}.settings-button{border-left:1px solid var(--border);border-radius:0;padding-left:20px;width:45px}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px}.eyebrow{font-size:10px;letter-spacing:1.9px;color:#93b7b4;text-transform:uppercase;font-weight:500}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#99dcb5;margin-right:10px;box-shadow:0 0 9px #8cf3b94b}.personal-best{display:flex;gap:8px;align-items:center;font-size:11px;color:#88a9a9}.personal-best svg{color:#d9bd80}.personal-best strong{color:#d2e5df;font-size:13px;margin-left:6px;font-weight:500}.arena{height:568px;position:relative;overflow:hidden;border:1px solid #39707175;border-radius:9px;isolation:isolate;background:#074450;outline:none;box-shadow:0 18px 55px #00000020}.arena>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.arena>canvas.active{cursor:crosshair;touch-action:none}.arena-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#042f37e8 0%,#04323b9e 38%,transparent 66%),linear-gradient(0deg,#021f2944,transparent 45%);pointer-events:none;transition:opacity .5s}.in-game .arena-vignette{opacity:.25}.game-hud{position:absolute;top:25px;left:29px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud-score{display:flex;flex-direction:column;gap:3px;width:150px}.hud-score>span:first-child{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#a4c2bd}.hud-score strong{font:500 31px Outfit,sans-serif;letter-spacing:2px;color:#edf8e9;font-variant-numeric:tabular-nums}.hud-score .combo{font-size:11px;color:#e8d798}.hud-time{display:flex;align-items:center;gap:9px;margin-top:5px;color:#d4e5dc}.hud-time strong{font:500 22px Outfit,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:1px}.hud-time>span{font-size:10px;color:#a2c1bb}.hud-time.urgent{color:#ffbd96}.arena-controls{display:flex;gap:8px;pointer-events:auto}.intro{position:absolute;left:6.5%;top:27%;width:57%;animation:entrance .9s ease both}.intro-kicker{font-size:9px;letter-spacing:2.4px;color:#b6d8c4;display:flex;align-items:center;gap:9px}.intro-kicker>span{height:1px;width:24px;background:#c6eaca}h1{font:500 clamp(55px,6.3vw,86px)/1 Outfit,sans-serif;letter-spacing:-3.5px;margin:22px 0;color:#edf6e9}h1 span{display:block;font-size:clamp(23px,2.8vw,36px);line-height:1.25;letter-spacing:-.6px;color:#a9d4c5;margin-top:5px;font-weight:400}.intro p{color:#9ec1bc;font-size:13px;line-height:1.9;margin:0 0 26px}.primary-button{background:var(--mint);color:#143d35;min-height:48px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:35px;border-radius:4px;font-size:13px;font-weight:700;box-shadow:0 6px 22px #021b2233}.primary-button:hover{color:#15382e;background:#e0ffdb;transform:translateY(-2px);box-shadow:0 8px 25px #c3f2c322}.intro-meta{display:flex;gap:20px;margin-top:17px;font-size:10px;color:#8ab2ac}.intro-meta span{display:flex;align-items:center;gap:6px}.ocean-coordinate{position:absolute;right:30px;bottom:27px;display:flex;flex-direction:column;gap:9px;color:#83b1a9;font-size:8px;letter-spacing:2px}.ocean-coordinate>span:last-child{display:flex;align-items:center;gap:10px}.depth-line{height:1px;background:#74b5a05c;width:38px}.play-tip{position:absolute;bottom:21px;left:25px;display:flex;gap:9px;align-items:center;font-size:10px;color:#aad1c4;pointer-events:none}.play-tip>span{color:#7baba4;border-left:1px solid #75b5a650;padding-left:12px;margin-left:3px}.below-game{padding:29px 0 27px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:25px}.guide-title{width:26%;flex-shrink:0}.guide-title .eyebrow{font-size:8px}.guide-title h2{font:400 21px Outfit,sans-serif;letter-spacing:-.3px;color:#d5e5dd;margin:9px 0}.guide-title p{font-size:11px;color:var(--muted);margin:0}.fish-guide{display:flex;flex:1;justify-content:space-between;gap:12px}.fish-entry{display:flex;align-items:center;gap:3px}.fish-icon{width:88px;height:58px;filter:drop-shadow(0 3px 9px #00000025);transition:transform .3s}.fish-entry:hover .fish-icon{transform:translateY(-4px) rotate(-4deg)}.fish-entry h3{font-size:10px;font-weight:500;max-width:100px;margin:0 0 8px;color:#b7cecb}.fish-value{font:500 19px Outfit,sans-serif}.fish-value small{font:400 9px DM Sans,sans-serif;color:#789b99;margin-left:3px}.value-0{color:#e7a171}.value-1{color:#7cc8cd}.value-2{color:#b8aee8}.value-3{color:#e7ce7e}.bottom-note{display:flex;justify-content:space-between;font-size:10px;padding:19px 0;color:#779a98}.bottom-note>span:first-child{display:flex;align-items:center;gap:8px}.bottom-note svg{color:#a5c8b4}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:24px 0 30px;margin-top:10px;font-size:9px;color:#638585}footer>span:first-child{letter-spacing:1px}footer>span:last-child{display:flex;align-items:center;gap:8px}.footer-slash{margin:0 10px;color:#3f6566}.overlay{position:absolute;inset:0;background:#032630b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;z-index:10;padding:20px;animation:entrance .25s}.result{text-align:center;max-width:480px}.result h2,.dialog h2{font:500 36px Outfit,sans-serif;color:#e9f4e4;letter-spacing:-1px;margin:13px 0}.result p{font-size:13px;color:#9ec1b7;margin-bottom:25px}.result-trophy{color:#e5d288;margin-bottom:16px}.result-score{font:500 70px Outfit,sans-serif;color:var(--mint);line-height:1.15;margin:16px}.result-score span{font:400 12px DM Sans,sans-serif;display:block;color:#83a89e}.secondary-button{background:transparent;display:block;margin:18px auto 0;font-size:12px;color:#95b4a9;padding:8px 16px}.dialog{position:relative;width:470px;max-height:100%;overflow:auto;padding:35px;background:#0b303a;border:1px solid #3a6264;border-radius:10px;box-shadow:0 20px 60px #00172055}.dialog h2{font-size:30px;margin-bottom:25px}.dialog-close{position:absolute;right:14px;top:14px}.help-step{display:flex;gap:18px;margin:23px 0}.help-step>span{color:#77bba4;font:400 17px Outfit,sans-serif}.help-step h3{font-size:13px;color:#dce9db;margin:0 0 7px}.help-step p{font-size:12px;color:#96b5b0;line-height:1.7;margin:0}.dialog .primary-button{margin-top:9px;width:100%}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #345259;font-size:13px;gap:20px}.setting-row select{background:#123f47;color:#cde7d9;border:1px solid #527571;padding:7px;border-radius:4px;max-width:150px}.setting-row input[type=range]{accent-color:var(--mint);width:135px}.toggle{accent-color:var(--mint);height:19px;width:19px}.saved-note{font-size:10px;color:#8cb5a7;display:flex;align-items:center;gap:8px;margin-top:22px}.arena:fullscreen,.arena.fallback-fullscreen{height:100dvh;width:100vw;border:0;border-radius:0}.arena.fallback-fullscreen{position:fixed;inset:0;z-index:100}.fullscreen .intro{top:30%;left:10%}.fullscreen h1{font-size:100px}.reveal-enter-active,.reveal-leave-active{transition:opacity .35s,transform .35s}.reveal-enter-from,.reveal-leave-to{opacity:0;transform:translateY(12px)}@keyframes entrance{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.arena{height:620px}}@media(max-width:1100px){.site-shell{padding:0 30px}.fish-entry{flex-direction:column;gap:0;align-items:flex-start}.fish-entry>div{padding-left:17px}.guide-title{width:28%}.fish-icon{height:50px}.arena{height:550px}.intro{top:27%}}@media(max-width:700px){.site-shell{padding:0 18px}.header{height:83px}.brand{font-size:18px;letter-spacing:2px;gap:8px}.brand img{width:35px;height:35px}.brand-sub{font-size:7px;letter-spacing:2.5px}nav{gap:7px}.how-link{display:none}.language{gap:3px}.language select{width:82px;font-size:11px}.language svg{width:13px}.settings-button{padding-left:8px;width:30px}.workspace-top{padding:19px 0 15px}.workspace-top .eyebrow{font-size:8px;letter-spacing:1px;max-width:55%;line-height:1.7}.personal-best{font-size:9px;gap:5px}.personal-best strong{font-size:11px;margin-left:1px}.arena{height:570px}.game-hud{left:18px;top:20px;right:14px}.hud-score{width:85px}.hud-score strong{font-size:26px}.hud-time{gap:5px}.hud-time strong{font-size:18px}.hud-time>span{display:none}.arena-controls{gap:1px}.intro{left:8%;top:28%;width:86%}.intro-kicker{font-size:7px;letter-spacing:1.6px}h1{font-size:60px;letter-spacing:-3px;margin-top:20px}h1 span{font-size:28px}.intro p{font-size:12px;max-width:290px}.arena-vignette{background:linear-gradient(90deg,#042f37d8,#04323b66),linear-gradient(0deg,#021f2944,transparent 45%)}.intro-meta{font-size:9px;gap:13px}.ocean-coordinate{bottom:20px;right:20px;font-size:7px}.below-game{display:block;padding:25px 0 21px}.guide-title{width:100%;margin-bottom:18px}.guide-title h2{font-size:23px}.guide-title p{display:none}.fish-guide{gap:6px}.fish-entry{width:25%;align-items:center;text-align:center}.fish-icon{width:78px;height:52px}.fish-entry>div{padding:0}.fish-entry h3{font-size:9px;min-height:22px;margin-bottom:4px}.fish-value{font-size:18px}.bottom-note>span:last-child{display:none}.bottom-note{font-size:9px;padding:16px 0}footer{font-size:8px;margin-top:0;padding:18px 0 25px}footer>span:last-child{display:none}.play-tip{left:17px;bottom:15px;font-size:9px;max-width:82%;line-height:1.6}.play-tip>span{display:none}.dialog{padding:28px 23px}.dialog h2{font-size:28px}.result h2{font-size:33px}.fullscreen h1{font-size:64px}.fullscreen .intro{left:8%;top:28%}.result-score{font-size:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.game-hud{z-index:20}.modal-overlay{z-index:30}.ocean-extras{position:absolute;inset:0;pointer-events:none;z-index:5}.ocean-event{position:absolute;top:95px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:12px 18px;background:#124541e8;border:1px solid #8cbfae66;border-radius:5px;box-shadow:0 6px 30px #00242d55;color:#d2f2d7;max-width:calc(100% - 30px)}.ocean-event.golden{background:#4c4930e8;border-color:#e5ca7666;color:#ffe4a0}.ocean-event strong{display:block;font:500 15px Outfit,sans-serif}.ocean-event span{display:block;font-size:9px;opacity:.75;margin-top:3px}.ocean-event b{font:500 22px Outfit,sans-serif;min-width:25px;margin-left:9px}.ocean-event b small{font-size:10px;margin-left:2px}.catch-notice{position:absolute;top:170px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:12px;color:#e4f4c9;text-shadow:0 2px 8px #022934;max-width:calc(100% - 32px);width:max-content}.boost-badge{position:absolute;left:24px;bottom:58px;display:flex;gap:6px;align-items:center;color:#e0d5ff;font-size:10px;background:#433e646b;padding:7px 10px;border-radius:3px}.vortex-dock{position:absolute;right:25px;bottom:20px;width:205px;padding:12px 14px 0;background:linear-gradient(#063441e0,#06344166);border:1px solid #639d8c4d;border-radius:5px;pointer-events:auto;color:#a6cbbf}.energy-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.3px}.energy-caption>span{display:flex;align-items:center;gap:5px}.energy-caption strong{font-weight:500;color:#c5e3cf}.energy-track{height:3px;background:#36575d;margin-top:8px;border-radius:2px;overflow:hidden}.energy-track span{display:block;height:100%;background:#94d8b5;transition:width .2s}.vortex-button{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;min-height:38px;width:100%;padding:0;color:inherit;font-size:10px}.vortex-button:disabled{cursor:default}.vortex-button kbd{font:400 9px DM Sans,sans-serif;border:1px solid #80b69c4d;padding:2px 4px;border-radius:3px;opacity:.7}.charged{border-color:#c9f2c3;background:#c9f2c3;color:#154337;box-shadow:0 0 24px #b5edc72b}.charged .energy-caption strong{color:#154337}.charged .energy-track{background:#6ba485}.charged .energy-track span{background:#386f52}.charged .vortex-button{font-weight:700}.charged .vortex-button:hover{color:#0a3027}.special-guide{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--border)}.special-title{width:26%;flex-shrink:0;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;color:#8bab9f}.special-title svg{color:#b6d8b8}.special-entry{display:flex;align-items:center;flex:1;gap:6px}.special-entry .fish-icon{width:69px;height:50px}.special-entry h3{font-size:10px;font-weight:500;margin:0 0 5px;color:#cee1d7}.special-entry p{font-size:9px;color:#7f9e9b;margin:0;line-height:1.6;max-width:150px}.result-bonuses{display:flex;justify-content:center;gap:18px;font-size:10px;color:#acd4b7;margin:-9px 0 25px}.result-bonuses span{display:flex;align-items:center;gap:5px}@media(max-width:1100px){.special-title{width:28%}.special-entry{flex-direction:column;align-items:flex-start}.special-entry .fish-icon{margin-left:8px}.special-entry>div{padding-left:12px}}@media(max-width:700px){.ocean-event{top:91px;padding:10px 12px;gap:8px;max-width:calc(100% - 34px);width:max-content}.ocean-event strong{font-size:14px}.ocean-event span{font-size:8px;max-width:205px}.catch-notice{top:169px;font-size:10px;line-height:1.6}.vortex-dock{right:16px;bottom:16px;width:184px;padding:10px 12px 0}.vortex-button{min-height:37px;font-size:9px}.play-tip{display:none}.boost-badge{left:15px;bottom:102px;font-size:9px}.special-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:20px 0}.special-title{grid-column:1/-1;width:100%;margin-bottom:3px}.special-entry{text-align:center;align-items:center;gap:4px}.special-entry .fish-icon{margin:0;width:74px;height:52px}.special-entry>div{padding:0}.special-entry h3{font-size:9px}.special-entry p{font-size:8px}.result-bonuses{font-size:9px;gap:12px}}.ocean-event.reveal-enter-from,.ocean-event.reveal-leave-to,.catch-notice.reveal-enter-from,.catch-notice.reveal-leave-to{transform:translate(-50%,8px)}.intro.reveal-leave-active{animation:none}