:root{font-family:Inter,Segoe UI,Microsoft JhengHei,sans-serif;color:#fff;background:#08212b;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:3px solid #ffde8c;outline-offset:3px}button:disabled{cursor:default}#game{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#062435;user-select:none;-webkit-user-select:none}#board{--safe-top:0px;--safe-bottom:0px;position:absolute;left:0;top:0;z-index:5;width:390px;height:844px;overflow:visible;transform-origin:0 0}.safe-probe{position:fixed;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.scenery,.sea-glow,#three-layer,#pixi-layer{position:absolute;inset:0;pointer-events:none}.scenery{background-position:center;background-size:cover;transform:scale(1.025)}.sea-glow{z-index:1;background:linear-gradient(180deg,#001c4277 0%,transparent 20%,transparent 62%,#031f2870 100%)}#three-layer{z-index:2}#pixi-layer{z-index:3}#three-layer canvas,#pixi-layer canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:5;top:calc(12px + var(--safe-top));left:12px;right:12px}.topline{display:flex;align-items:center;gap:9px}.currencies{display:flex;gap:5px;flex:1;min-width:0}.currency{display:flex;align-items:center;justify-content:space-between;gap:4px;height:33px;padding:4px 7px;min-width:0;flex:1;background:linear-gradient(#113f64dd,#002641c9);border:1px solid #78bcbf75;border-radius:16px;box-shadow:inset 0 1px #c7f1ff38,0 2px 4px #05203342}.currency b{font-size:12px;letter-spacing:.1px;white-space:nowrap;font-variant-numeric:tabular-nums}.currency small{font-size:14px;color:#ffdf79;line-height:1}.coin-icon{display:grid;place-items:center;color:#7d4c0e;background:linear-gradient(135deg,#fff9a5,#ffc34a 65%,#9b6312);border:2px solid #fad77b;border-radius:50%;width:19px;height:19px;font-size:12px;flex-shrink:0}.instruction{position:absolute;bottom:calc(216px + var(--safe-bottom));left:0;right:0;z-index:5;text-align:center;pointer-events:none;text-shadow:0 2px 6px #123642}.instruction span{font-size:9px;background:#064453bb;border:1px solid #b5e8d659;padding:4px 10px;border-radius:12px;letter-spacing:2px}.instruction p{font-size:13px;font-weight:600;margin:10px 0 0;color:#fff5d2;letter-spacing:1px}.action-wrap{position:absolute;width:174px;height:174px;bottom:calc(39px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:6}.reel-teeth{position:absolute;inset:-7px;border-radius:50%;background:repeating-conic-gradient(#333e44 0deg 9deg,#111d24 9deg 15deg);border:5px solid #16303a;box-shadow:inset 0 0 0 3px #81999b}.reel-ring{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,transparent 60%,#a4b2b6 61%,#e2e7e5 67%,#59696f 69%,#a5b6bc 73%,#2e444e 75%);border:4px solid #9baab0;box-shadow:inset 0 0 0 3px #e5e3d7,inset 0 0 0 9px #5c6a72,inset 0 0 0 12px #1c3039;display:grid;place-items:center}.reel-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;border:5px dotted #364b57;pointer-events:none}.reel-ring button{position:relative;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 34% 24%,#8ff6f0,#1cbcc5 25%,#008a9d 55%,#004c64);border:3px solid #cbefe5;box-shadow:inset 0 0 0 4px #1b5f76,inset 0 4px 5px #b9fbec80,0 2px 4px #031f35;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}.reel-ring button:active{filter:brightness(1.1);transform:scale(.98)}.reel-ring button b,.reel-ring button span{font-size:26px;letter-spacing:4px;font-weight:900;text-shadow:0 2px #043841,-1px 0 #043841}.reel-ring button small{font-size:9px;letter-spacing:3px;color:#aee9e6;margin-top:5px}.reel-handle{position:absolute;left:-16px;bottom:24px;width:34px;height:58px;border-radius:20px;background:linear-gradient(90deg,#152a34,#71808a 45%,#263e49);transform:rotate(30deg);z-index:-1;border:2px solid #687b82}#toast{position:absolute;z-index:20;left:50%;top:27%;transform:translate(-50%,-10px);opacity:0;transition:.25s;background:#052e42ef;border:1px solid #9cdbd198;border-radius:20px;font-size:12px;padding:10px 18px;width:max-content;max-width:90%;text-align:center;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}.panel-button{padding:11px 15px;min-height:42px;background:linear-gradient(#83ded0,#39a995);color:#083b47;border-radius:8px;font-weight:800;border:1px solid #b5f4d873;font-size:12px;display:block;width:100%}.panel-button:disabled{opacity:.5}.stars{color:#f0c76f;letter-spacing:3px;font-size:13px}[hidden]{display:none!important}@keyframes glow{to{filter:drop-shadow(0 0 10px #50dbc088)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.fighting .hud,.fighting .spot-entry{visibility:hidden}.fighting .reel-teeth{animation:spin 1.7s linear infinite}.catch-screen{position:absolute;inset:0;z-index:6;pointer-events:none}.catch-screen button{pointer-events:auto}.catch-caption{position:absolute;top:calc(24px + var(--safe-top));left:22px;text-shadow:0 2px 6px #003253}.catch-caption span{display:block;font-size:8px;letter-spacing:3px;color:#cdf5ef}.catch-caption b{display:block;font-size:22px;letter-spacing:5px;margin-top:5px}.catch-info{position:absolute;left:54%;right:4%;border:1px solid #b9e8f48c;background:linear-gradient(130deg,#17496b9c,#042c4596);border-radius:7px;padding:12px 10px;box-shadow:0 4px 14px #003e4933;text-align:right;text-shadow:0 2px 4px #073846;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.catch-info{top:23%}.catch-info .stars{font-size:16px;letter-spacing:2px}.catch-info h2{font-size:16px;margin:13px 0;font-weight:600;white-space:nowrap}.catch-info>small{font-size:10px;color:#c0e1e7}.loading.done{visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}#game .spot-entry,#game .menu-button,#game .hud{transition:opacity .3s,transform .3s}#game.fishing .spot-entry,#game.fishing .menu-button,#game.fighting .hud,#game.landing .hud,#game.caught .hud,#game.caught .spot-entry,#game.caught .instruction,#game.caught .action-wrap,#game.landing .action-wrap{opacity:0;pointer-events:none}#game.fighting{touch-action:none}.fight-hud{position:absolute;z-index:8;top:calc(66px + var(--safe-top));left:10px;right:12px;display:flex;align-items:center;gap:10px}.power-ring{--p: 0;position:relative;flex-shrink:0;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#ffd35c calc(var(--p) * 1turn),#0d2a3d 0);box-shadow:0 0 0 2px #04192a,0 0 0 3px #9fd8e055,0 2px 6px #0009}.power-ring:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(transparent 0 69deg,#04192a 69deg 72deg)}.power-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;z-index:1;background:radial-gradient(circle at 40% 30%,#12476a,#04192a 75%);box-shadow:inset 0 1px 2px #ffffff30}.power-ring b,.power-ring small{position:relative;z-index:2;line-height:1}.power-ring b{font-size:17px;font-weight:900;font-style:italic;color:#ffe08a;text-shadow:0 2px 0 #6b4200}.power-ring small{font-size:8px;font-weight:800;color:#cfeef0;margin-top:1px;font-variant-numeric:tabular-nums}.power-ring.ready{background:conic-gradient(#ffe37a 1turn 0);box-shadow:0 0 0 2px #04192a,0 0 14px 3px #ffd35c;animation:ready-pulse .45s infinite alternate}.power-ring.ready b{color:#fff6c8}.power-ring.ready small{color:#ffd35c}@keyframes ready-pulse{to{box-shadow:0 0 0 2px #04192a,0 0 22px 6px #ffd35c;transform:scale(1.06)}}.fish-col{flex:1;min-width:0}.fish-head{display:flex;align-items:center;gap:8px;height:16px;margin-bottom:4px}#fight-stars{font-size:14px;letter-spacing:1px;color:#ffd76a;text-shadow:0 1px 0 #6b4200,0 0 4px #000}#fish-state{font-size:10px;font-weight:800;padding:1px 7px;border-radius:7px;color:#fff}#fish-state.tired,#fish-state.exhausted{background:#19a46a}#fish-state.exhausted{animation:blink .4s infinite alternate}#fish-state.rush{background:#e12a20;animation:blink .2s infinite alternate}.hp-track{position:relative;height:20px;border-radius:10px;background:#071c2be6;overflow:hidden;border:2px solid #e9fbffcc;box-shadow:inset 0 2px 4px #000a,0 2px 5px #0009}.hp-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#0009 calc(25% - 1px) 25%);pointer-events:none}.hp-track i{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:left;transform:scaleX(0);border-radius:9px}#hp-trail{background:#ffe9b0;opacity:.85}#fight-fill{background:linear-gradient(180deg,#ffc08a,#ff6a3d 50%,#d8401f);box-shadow:inset 0 1px #ffffff80,inset 0 -2px #0003}.hp-track>b{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:1;font-size:12px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #000,0 0 4px #000}#game.fish-tired #fight-fill{background:linear-gradient(180deg,#ffe08a,#ffb02e 50%,#e07a10);box-shadow:inset 0 1px #fff9,0 0 10px #ffd35c}#game{--tcol: #7dff9a}.tension-float{position:absolute;z-index:6;left:0;top:0;width:184px;pointer-events:none;display:flex;flex-direction:column;align-items:center;will-change:transform}.tension-float #distance{font-size:26px;font-weight:900;line-height:1;color:#fff;letter-spacing:.5px;font-variant-numeric:tabular-nums;-webkit-text-stroke:1px #032031;text-shadow:0 2px 0 #032031,0 3px 10px #000a;margin-bottom:5px}.tf-bar{position:relative;width:100%;height:18px;border-radius:9px;background:#06202ee6;border:2px solid #e9fbff;overflow:hidden;box-shadow:0 2px #032031,0 4px 12px #0008;transition:height .12s,box-shadow .12s}.tf-bar>i{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(180deg,color-mix(in srgb,var(--tcol) 60%,#fff),var(--tcol) 55%,color-mix(in srgb,var(--tcol) 70%,#000));box-shadow:inset 0 1px #ffffff80}.tf-sweet{position:absolute;top:0;bottom:0;left:50%;width:38%;border-left:2px solid #ffffffd9;border-right:2px solid #ffffffd9;background:#ffffff14}.tf-danger{position:absolute;top:0;bottom:0;right:0;width:12%;background:repeating-linear-gradient(45deg,#ff2a2a88,#ff2a2a88 3px,#7a0d0d88 3px 6px)}.tf-snap{position:absolute;right:0;top:0;bottom:0;width:22px;display:grid;place-items:center;background:#e12a20;border-left:2px solid #e9fbff}.tf-snap svg{width:15px;height:12px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tf-meta{display:flex;justify-content:space-between;width:100%;margin-top:4px;font-size:12px;font-weight:800}.tf-meta span{padding:1px 7px;border-radius:8px;background:#031c2acc}#tension-label{color:var(--tcol)}#line-left{color:#8fe6ff;font-variant-numeric:tabular-nums}#line-left.low{color:#ff7a5c;animation:blink .2s infinite alternate}.tf-pointer{width:0;height:0;margin-top:3px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--tcol);filter:drop-shadow(0 1px 1px #000a)}.tension-float.slack .tf-bar,.tension-float.slack #tension-label{animation:blink .22s infinite alternate}.tension-float.hot .tf-bar{height:24px;box-shadow:0 2px #032031,0 0 18px #ff3b2f,0 0 4px #ff3b2f;animation:shiver .08s infinite alternate}.tension-float.hot .tf-snap{animation:blink .14s infinite alternate}.tension-float.hot #tension-label{color:#fff;background:#e12a20;animation:blink .18s infinite alternate}.tension-float.slack #tension-label{color:#fff;background:#1f7fd1}.tension-float.jolt .tf-bar{animation:jolt .22s ease-out}@keyframes shiver{0%{transform:translate(-1.5px)}to{transform:translate(1.5px)}}#game.fighting .callout{top:calc(126px + var(--safe-top))}.action-wrap:before{content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;box-shadow:0 7px 12px #09232980}.action-wrap:after{content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;z-index:-1;opacity:0;transition:opacity .2s;box-shadow:0 0 0 3px var(--tcol, #7dff9a),0 0 20px 3px var(--tcol, #7dff9a)}#game.fighting .action-wrap:after{opacity:1}.fight-hud.primed,.tension-float.primed,#game.waiting .action-wrap:after,#game.bite .action-wrap:after{opacity:.01}.fight-hud{will-change:opacity}.tension-float{will-change:transform,opacity}.danger-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:inset 0 0 90px 30px #ff1f1f99}#game.danger .danger-vignette{opacity:1;animation:blink .22s infinite alternate}.callout{position:absolute;z-index:8;left:0;right:0;top:38%;text-align:center;pointer-events:none;font-size:30px;font-weight:900;letter-spacing:3px;color:#fff4c0;-webkit-text-stroke:1px #6b3b00;text-shadow:0 3px 0 #b86a0e,0 6px 16px #0008;opacity:0;transform:scale(.6)}.callout.alert{color:#ffe0da;-webkit-text-stroke:1px #6a0000;text-shadow:0 3px 0 #c42121,0 6px 16px #0008;font-size:24px}.callout.good{color:#e6fff4;-webkit-text-stroke:1px #004b3a;text-shadow:0 3px 0 #13a57e,0 6px 16px #0008}.art-text{position:absolute;z-index:8;left:0;right:0;top:36%;pointer-events:none}#game.fighting .art-text{top:calc(132px + var(--safe-top))}.art-text img{position:absolute;left:50%;top:0;translate:-50% 0;opacity:0;filter:drop-shadow(0 6px 10px #0007)}.art-text .art-hit{width:240px}.art-text .art-perfect-hit{width:250px}.art-text .art-swipe{width:230px}.art-text .art-good{width:200px}.art-text .art-great{width:230px}.art-text .art-perfect{width:270px}.art-text .art-miss{width:200px}.gesture-hint{position:absolute;z-index:8;left:0;right:0;top:47%;text-align:center;pointer-events:none}.gesture-hint>b{display:block;font-size:72px;line-height:1;color:#fff;filter:drop-shadow(0 0 12px #3fe0ff) drop-shadow(0 3px 0 #0a5a78);animation:nudge .35s infinite alternate}.gesture-hint>span{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;color:#fff4c4;background:#04283dcc;padding:5px 12px;border-radius:12px}.gesture-hint>div{width:120px;height:5px;background:#0b2c40;margin:8px auto 0;border-radius:3px;overflow:hidden}.gesture-hint i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ff6b4a,#ffd35c)}.gesture-hint.jump>b{display:none}.gesture-arrow{display:none;width:132px;margin:0 auto;filter:drop-shadow(0 0 12px #3fe0ff);animation:nudge-right .35s infinite alternate}.gesture-hint.jump>.gesture-arrow{display:block}.gesture-hint.left>.gesture-arrow{scale:-1 1}.cast-ring{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);transform:rotate(-90deg);pointer-events:none;opacity:0;transition:opacity .15s}.cast-ring circle{fill:none;stroke-width:9}.cast-ring .track{stroke:#04202ecc}.cast-ring .great{stroke:#7fe3a8;stroke-dasharray:0 413.4 177.2 1000;opacity:.6}.cast-ring .perfect{stroke:#ffd35c;stroke-dasharray:0 507.9 59.1 1000;opacity:.9}.cast-ring .arc{stroke:#7ef0ff;stroke-linecap:round;stroke-dasharray:0 1000;filter:drop-shadow(0 0 4px #7ef0ff)}.cast-ring.perfect-now .arc{stroke:#fff2a8;filter:drop-shadow(0 0 8px #ffd35c)}#game.charging .cast-ring{opacity:1}#game.charging .action-wrap{transform:translate(-50%) scale(.96)}#game.bite .action-wrap{animation:bite .18s infinite alternate}#game.bite .instruction p{color:#ffe194;font-size:20px}#game.fighting .action-wrap{filter:drop-shadow(0 0 10px #50dbc088)}#game.reeling .reel-teeth{animation:spin .6s linear infinite}#game.fighting .instruction span{display:none}#game.fighting .instruction p{font-size:13px}#game.fighting .instruction p.alert{color:#ff8f7a;font-size:16px}#game.fighting:has(.gesture-hint:not([hidden])) .instruction{visibility:hidden}@keyframes blink{to{opacity:.55}}@keyframes nudge{to{transform:translateY(-8px)}}@keyframes nudge-right{to{transform:translate(14px)}}@keyframes bite{to{transform:translate(-50%) scale(1.07);filter:drop-shadow(0 0 16px #ffca56)}}.sea-glow{display:none}.fight-hud.jolt{animation:jolt .22s ease-out}@keyframes jolt{0%{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-1px,1px)}to{transform:none}}#distance.out{color:#ff7a5c;animation:blink .12s infinite alternate}.currency.wallet{flex:0 0 auto;min-width:120px;justify-content:flex-start;gap:8px;padding-right:14px}.currency.wallet b{font-size:14px}.session-bar{position:absolute;z-index:7;top:calc(10px + var(--safe-top));left:14px;right:12px;pointer-events:none;transition:top .25s;text-shadow:0 1px 2px #000c,0 0 6px #0009;font-variant-numeric:tabular-nums}.session-bar .clock{display:flex;align-items:baseline;gap:7px}.session-bar .clock b{font-size:26px;font-weight:900;line-height:1.05;color:#fff;letter-spacing:1px}.session-bar .clock small{font-size:10px;color:#d7f3f2;letter-spacing:1px}.session-bar .haul{margin-top:2px;font-size:13px;font-weight:800;color:#fff3c4;white-space:nowrap}.session-bar .haul small{font-size:11px;color:#d7f3f2;margin-right:5px}.catch-screen{pointer-events:auto}.catch-continue{position:absolute;left:54%;right:4%;bottom:calc(40px + var(--safe-bottom));text-align:right}.catch-continue>div{height:4px;border-radius:3px;background:#fff2;overflow:hidden}.catch-continue i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7ef0ff,#ffd35c)}.catch-continue small{display:block;margin-top:6px;font-size:10px;color:#cfe9ea}.fine{font-size:10px!important;color:#9fc6c3!important;line-height:1.6}.spot-entry{position:absolute;z-index:6;top:12px;right:64px;width:44px;padding:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .1s,filter .15s}.spot-entry i{width:44px;height:44px;border-radius:50%;background:var(--art) center 34% / cover;border:2px solid #ffffffd9;box-shadow:0 2px 6px #0007,inset 0 0 0 1px #0003}.spot-entry b{font-size:11px;font-weight:800;letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 3px #000c}.spot-entry:active:not(:disabled){transform:scale(.94)}.spot-entry:disabled{filter:saturate(.6) brightness(.8)}dialog#spot-select{position:fixed;inset:0 auto auto 0;margin:0;padding:8px 14px 14px;border:0;max-width:none;max-height:none;transform-origin:0 0;overflow:hidden;color:#fff;display:flex;flex-direction:column;gap:6px;background:#041a33}dialog#spot-select:not([open]){display:none}dialog#spot-select::backdrop{background:#03142ccc}.spot-bg,.spot-bg i{position:absolute;inset:0}.spot-bg{z-index:-1;overflow:hidden}.spot-bg i{inset:-40px;background:var(--art) center 40% / cover;filter:blur(9px) brightness(.58) saturate(1.15);opacity:0;transition:opacity .5s;animation:spot-drift 16s ease-in-out infinite alternate}.spot-bg i.on{opacity:1}.spot-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#021a33cc,#021a3326 26%,#021a3300 60%,#021a33b3)}@keyframes spot-drift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.1) translate(-12px,-8px)}}.spot-head{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.spot-head .sheet-back{position:absolute;left:0;top:0;background:#021a3366;border:1px solid #ffffff40}.spot-logo{display:block;height:118px;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 10px #0007)}.spot-title{display:flex;align-items:center;gap:12px;margin:0;font-size:19px;font-weight:900;letter-spacing:4px;text-indent:4px;text-shadow:0 2px 4px #0008}.spot-title:before,.spot-title:after{content:"";width:44px;height:2px;border-radius:1px;background:linear-gradient(90deg,transparent,#ffe08a)}.spot-title:after{transform:scaleX(-1)}.spot-list{flex:1;min-height:0;display:grid;grid-template-rows:repeat(4,1fr);gap:8px}.spot-row{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 18px;overflow:hidden;border-radius:16px;text-align:left;text-shadow:0 2px 5px #021a33;background:linear-gradient(90deg,#021a33b3,#021a3355 45%,#021a3300 70%),var(--art) center 34% / cover;border:1.5px solid #ffffffb3;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 2px #ffffffb3,0 6px 14px #000a;filter:brightness(.74) saturate(.85);transition:filter .25s,border-color .25s,box-shadow .25s;animation:spot-in .42s calc(var(--i) * 60ms) both cubic-bezier(.2,.8,.3,1)}.spot-row:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff38 0%,#ffffff0d 22%,transparent 45%),linear-gradient(0deg,#00000059,transparent 30%)}.spot-row b{font-family:Georgia,Microsoft JhengHei,serif;font-size:38px;font-weight:900;letter-spacing:5px;line-height:1}.spot-row small{margin-top:5px;font-size:14px;font-weight:800;letter-spacing:1px}.spot-row[aria-pressed=true]{filter:none;border-color:#fff;animation:spot-in .42s calc(var(--i) * 60ms) both cubic-bezier(.2,.8,.3,1),spot-glow 1.8s ease-in-out infinite alternate;box-shadow:inset 0 0 0 1.5px #ffffffb3,inset 0 2px #fff,0 0 12px #e6f6ff99,0 6px 14px #000a}@keyframes spot-glow{to{box-shadow:inset 0 0 0 1.5px #ffffffb3,inset 0 2px #fff,0 0 22px #e6f6ffcc,0 6px 14px #000a}}.spot-row:active{transform:scale(.985)}.spot-go{position:absolute;z-index:1;right:14px;bottom:14px;padding:9px 16px;border-radius:999px;font-size:15px;font-weight:900;letter-spacing:2px;text-shadow:0 2px #043841;background:radial-gradient(circle at 34% 24%,#8ff6f0,#1cbcc5 30%,#008a9d 62%,#004c64);border:2px solid #cbefe5;box-shadow:inset 0 3px 4px #b9fbec80,0 3px 8px #031f35aa;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.spot-row[aria-pressed=true] .spot-go{opacity:1;transform:none}@keyframes spot-in{0%{opacity:0;transform:translate(28px)}}.wide dialog#spot-select{padding:18px 32px 32px;gap:8px}.wide dialog#spot-select::backdrop{background:transparent}.wide .spot-bg i{inset:0;background-position:center 45%;filter:none;animation:none;transform:none}.wide .spot-bg:after{background:linear-gradient(180deg,#021a33b3,#021a3300 28% 58%,#021a33cc)}.wide .spot-head .sheet-back{left:0;top:0}.wide .spot-logo{height:170px}.wide .spot-title{font-size:22px}.wide .spot-list{flex:0 0 auto;width:min(1180px,100%);margin:auto;grid-template-rows:none;grid-template-columns:repeat(4,1fr);gap:18px}.wide .spot-row{aspect-ratio:3 / 4;justify-content:flex-end;padding:18px 18px 74px;background:linear-gradient(0deg,#021a33d9,#021a3366 38%,#021a3300 62%),var(--art) center 40% / cover;animation-name:spot-rise}.wide .spot-row[aria-pressed=true]{animation-name:spot-rise,spot-glow}.wide .spot-row b{font-size:34px}.wide .spot-go{left:18px;right:18px;text-align:center}@keyframes spot-rise{0%{opacity:0;transform:translateY(24px)}}@media(prefers-reduced-motion:reduce){.spot-row,.wide .spot-row,.spot-bg i{animation:none}.spot-go,.spot-bg i{transition:none}}#game.in-lobby #phase-pill{display:none}#game.in-lobby .reel-ring button b,#game.in-lobby .reel-ring button span{letter-spacing:6px}.loading{position:absolute;inset:calc(-1 * var(--vy)) calc(-1 * var(--vx));z-index:30;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#062435;transition:opacity .5s}.loading-art{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(2px) brightness(.62) saturate(1.1);animation:loading-drift 14s ease-in-out infinite alternate}.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#021a2799 0%,transparent 30%,transparent 55%,#021a27e6 100%);pointer-events:none}@keyframes loading-drift{0%{transform:scale(1.06) translateY(0)}to{transform:scale(1.12) translateY(-10px)}}.loading-logo{position:relative;z-index:1;margin-top:calc(236px + var(--safe-top) + var(--vy));text-align:center;text-shadow:0 3px 12px #0009}.loading-logo span{font-size:10px;letter-spacing:4px;color:#bfeee8}.loading-logo h2{margin:8px 0 6px;font-family:Georgia,Microsoft JhengHei,serif;font-size:44px;font-weight:800;letter-spacing:12px;color:#fff}.loading-logo small{font-size:12px;letter-spacing:8px;color:#ffe08a}.loading-bottom{position:relative;z-index:1;padding:0 calc(28px + var(--vx)) calc(44px + var(--safe-bottom) + var(--vy))}.loading-bar{position:relative;height:8px;border-radius:4px;background:#ffffff26;box-shadow:inset 0 1px 2px #0006}.loading-bar i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#7ef0ff,#ffd35c);box-shadow:0 0 10px #7ef0ff88;transition:width .35s ease-out}.loading-bob{position:absolute;top:50%;left:0;width:14px;height:20px;margin:-16px 0 0 -7px;border-radius:50%/45%;transition:left .35s ease-out;background:linear-gradient(180deg,#ff5a3c 0 52%,#fff6e4 52%);box-shadow:0 2px 4px #0008;animation:loading-bob .9s ease-in-out infinite alternate}.loading-bob:before{content:"";position:absolute;left:50%;top:-7px;width:2px;height:8px;margin-left:-1px;background:#fff4d8}@keyframes loading-bob{to{transform:translateY(-3px) rotate(6deg)}}.loading-status{display:flex;justify-content:space-between;margin:10px 0 0;font-size:11px;color:#cfeef0;font-variant-numeric:tabular-nums}.loading-tip{display:flex;align-items:center;gap:10px;min-height:42px;margin-top:18px;padding:10px 14px;border-radius:12px;background:#03192699;border:1px solid #9fe3e033;font-size:12px;color:#fff3c4}.loading-tip small{flex-shrink:0;padding:2px 6px;border-radius:6px;background:#ffd35c;color:#062435;font-size:9px;font-weight:900;letter-spacing:2px}.loading.done{opacity:0;pointer-events:none}.currency .test-credit-label{width:auto;height:auto;border:0;background:none;color:#ffe08a;font-size:10px;white-space:nowrap}.connection-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:11px;color:#d4eee9;pointer-events:auto}.connection-row button{border:1px solid #9ad3c9;border-radius:12px;background:#103e49;color:#fff;padding:5px 10px}#action:disabled{filter:grayscale(.5);opacity:.72}#settlement-state{font-size:10px;color:#dbeddc;margin-left:auto}.session-bar .haul{white-space:nowrap}.gesture-hint{pointer-events:none}#fight-stars{font-size:11px;letter-spacing:0}.catch-info p{font-size:12px;display:flex;justify-content:space-between;gap:6px}.catch-info>b{color:#ffe08a}.catch-info h2{white-space:normal;overflow-wrap:anywhere}#fish-state.dive,#fish-state.thrash{background:#b25436}.instruction{padding:0 12px}.instruction p{overflow-wrap:anywhere}.reel-ring button span{white-space:nowrap}.session-bar{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.session-bar .clock{grid-column:1;grid-row:1}.session-bar .haul{grid-column:2;grid-row:1;align-self:center}#settlement-state{grid-column:1/-1;grid-row:2;margin:0}.fight-hud{top:calc(72px + var(--safe-top))}.fishing .hud .topline{display:none}#game.fishing.connected .hud{visibility:hidden;opacity:0;pointer-events:none}#game.fishing:not(.connected) .hud{top:auto;bottom:calc(254px + var(--safe-bottom));visibility:visible;opacity:1}.fishing .connection-row{justify-content:center;gap:8px;background:#042b3eec;border-radius:12px;padding:6px}.tension-float{max-width:calc(100% - 16px)}.rotate-device{display:none}@media(orientation:landscape)and (max-height:540px)and (pointer:coarse){.rotate-device{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#062435}.rotate-device span{font-size:12px;color:#b9d9d5}}.menu-button{position:absolute;z-index:6;top:12px;right:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#04162b59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,transform .1s}.menu-button svg{width:26px;height:26px;fill:currentColor;filter:drop-shadow(0 1px 2px #0008)}.menu-button:hover{background:#04162b80}.menu-button:active,.sheet-back:active{transform:scale(.94)}dialog#modal{position:fixed;inset:0 auto auto 0;margin:0;padding:0;border:0;max-width:none;max-height:none;transform-origin:0 0;overflow:hidden;color:#fff;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 40% at 50% -8%,#7cc8ff59,transparent 70%),linear-gradient(180deg,#0f4c95,#0a3170 42%,#061d48)}dialog#modal:not([open]){display:none}dialog#modal:before{content:"";position:absolute;inset:0 0 45%;pointer-events:none;opacity:.5;background:repeating-linear-gradient(105deg,transparent 0 34px,#bfe6ff1a 34px 52px,transparent 52px 96px);-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}dialog#modal::backdrop{background:#03142ccc}.sheet-head{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px 10px;flex-shrink:0}.sheet-back{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;transition:background .15s,transform .1s}.sheet-back svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.sheet-back:hover{background:#ffffff2e}.sheet-title h2{margin:0;font-size:22px;line-height:1.15;font-weight:900;letter-spacing:2px;text-shadow:0 1px 3px #0006}.sheet-title small{display:block;margin-top:3px;font-size:12px;font-weight:700;color:#ffd84a;letter-spacing:1px}.sheet-tabs{position:relative;display:flex;gap:6px;padding:2px 16px 12px;flex-shrink:0;border-bottom:1px solid #ffffff26}.sheet-tabs button{height:32px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:1px;color:#c4d6ee;background:#ffffff14;border:1px solid #ffffff26;white-space:nowrap;transition:background .15s,color .15s}.sheet-tabs button:hover{color:#fff;background:#ffffff24}.sheet-tabs button[aria-pressed=true]{color:#3a2600;background:#ffd84a;border-color:#ffd84a}#modal-body{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 32px;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 36px),transparent)}#modal-body::-webkit-scrollbar{display:none}.sheet-empty{margin:60px 0;text-align:center;font-size:15px;font-weight:800;color:#b9d2ee}#modal{--line: #ffffff26;--muted: #c4d6ee;--subtle: #8fa9cc;--gold: #ffd84a}.doc{text-align:center;padding:18px 4px}.doc+.doc{border-top:1px solid var(--line)}.doc:first-child{padding-top:6px}.doc h3{margin:0 0 12px;font-size:18px;font-weight:900;letter-spacing:3px;color:var(--gold);text-shadow:0 2px 0 #06275a}.doc p{margin:0 auto 8px;max-width:320px;font-size:13px;line-height:1.65;color:var(--muted)}.doc p:last-child{margin-bottom:0}.doc .step{margin-bottom:14px}.doc .step b{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:2px;font-size:15px;font-weight:900;color:#fff}.doc .step i{font-style:italic;font-weight:900;color:var(--gold)}.records-head,.records-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 84px;column-gap:10px;align-items:center}.records-head{height:28px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--subtle);border-bottom:1px solid var(--line)}.records-head span:not(:first-child){text-align:center}.records-row{min-height:56px;padding:6px 0;border-bottom:1px solid var(--line)}.records-what{min-width:0}.records-what b{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.records-what small{display:block;margin-top:3px;font-size:10px;color:var(--subtle);font-variant-numeric:tabular-nums;white-space:nowrap}.records-bet{text-align:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.records-win{display:flex;flex-direction:column;align-items:center;gap:3px}.records-win em{font-style:normal;min-width:52px;padding:2px 9px;border-radius:999px;text-align:center;font-size:12px;font-weight:900;background:var(--gold);color:#3a2600;font-variant-numeric:tabular-nums}.records-win em.zero{background:#ffffff1f;color:var(--muted);font-weight:700}.records-win small{font-size:10px;font-weight:700;color:var(--subtle);font-variant-numeric:tabular-nums}.records-win small.win{color:#8dff6a}.records-win small.lose{color:#ff9a86}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;padding-top:4px}.fish{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.fish img{width:100%;height:58px;object-fit:contain;filter:drop-shadow(0 4px 6px #0007)}.fish b{max-width:100%;margin-top:4px;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish span{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11px;color:var(--subtle);white-space:nowrap}.fish em{font-style:normal;font-weight:900;color:var(--gold)}.fish.locked img{filter:brightness(0) opacity(.45)}.fish.locked b{color:#9fb6d6}.setting-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 4px;background:none;border-bottom:1px solid var(--line)}.setting-row b{font-size:16px;font-weight:900}.setting-row i{position:relative;width:56px;height:30px;border-radius:15px;background:#ffffff2e;transition:background .2s}.setting-row i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 3px #0006;transition:transform .2s}.setting-row[aria-checked=true] i{background:var(--gold)}.setting-row[aria-checked=true] i:after{transform:translate(26px)}.wide .loading-art{background-position:center 20%}.wide .loading-logo{margin-top:calc(280px + var(--vy))}.wide .loading-logo h2{font-size:56px;letter-spacing:16px}.wide .loading-bottom{align-self:center;width:640px;max-width:100%;padding:0 28px calc(56px + var(--vy))}.wide .hud{left:calc(16px - var(--vx));right:auto;width:366px}.wide #game.fishing:not(.connected) .hud{left:0;right:0;margin:0 auto}.wide .menu-button{right:calc(16px - var(--vx))}.wide .spot-entry{right:calc(68px - var(--vx))}.wide .session-bar{left:calc(18px - var(--vx));right:auto}.wide .fight-hud{left:calc(-1 * var(--vx));right:calc(-1 * var(--vx));top:calc(84px + var(--safe-top));margin:0 auto;width:min(400px,calc((358px + 2 * var(--vx)) / var(--info)))}.wide .catch-caption{left:calc(22px - var(--vx))}.wide .album-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.wide .doc p{max-width:520px}.wide .hud,.wide .session-bar,.wide .catch-caption,.wide .catch-info{scale:var(--info);transform-origin:0 0}.wide .fight-hud{scale:var(--info);transform-origin:50% 0}.wide .instruction{scale:var(--info);transform-origin:50% 100%}.wide .tension-float{transform-origin:0 0}.wide #game.fighting .callout{top:calc(170px + var(--safe-top))}.wide #game.fighting .art-text{top:calc(176px + var(--safe-top))}.bet-step{position:absolute;inset:0;pointer-events:none}.bet-step button{position:absolute;top:50%;width:58px;height:58px;margin-top:-29px;border-radius:50%;pointer-events:auto;touch-action:none;display:grid;place-items:center;font-size:34px;font-weight:900;line-height:1;color:#fff3c4;text-shadow:0 2px 0 #043841;background:radial-gradient(circle at 34% 26%,#4fd6d6,#0b7488 55%,#04384a);border:3px solid #cbefe5;box-shadow:inset 0 0 0 3px #1b5f76,0 3px 8px #021a27aa}.bet-step button:active:not(:disabled){transform:scale(.94);filter:brightness(1.15)}.bet-step button:disabled{opacity:.35}#bet-down{left:-88px}#bet-up{right:-88px}#game.in-lobby .reel-ring button small{font-size:16px;font-weight:900;letter-spacing:1px;color:#fff3c4;margin-top:3px}