:root{--cream: #fff7e8;--cream-deep: #f5e8d2;--paper: #fffaf1;--ink: #51433f;--ink-soft: #76645e;--ink-faint: #948178;--coral: #ff927d;--coral-deep: #db6958;--coral-soft: #ffe0d6;--teal: #64d1c0;--teal-deep: #278f83;--teal-soft: #d4f5ec;--sky: #b9e7f2;--gold: #f3bf58;--gold-soft: #fbe9be;--lilac: #a996dc;--rose: #eb93ad;--line: rgba(105, 83, 69, .14);--shadow-soft: 0 20px 50px rgba(75, 101, 91, .18);--shadow-card: 0 14px 30px rgba(90, 74, 66, .13), 0 2px 0 rgba(255, 255, 255, .75) inset;--font-rounded: "Avenir Next Rounded", "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-cute: "HanziPen SC", "Hannotate SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--dock-height: 148px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#bfe8e5;color:var(--ink);font-family:var(--font-rounded);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}body{touch-action:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(64,169,158,.55);outline-offset:3px}h1,h2,h3,p{margin:0}#app,#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#game-canvas{display:block;outline:none;touch-action:none}.scene-tint{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(circle at 52% 44%,transparent 35%,rgba(73,103,94,.04) 78%,rgba(61,90,82,.12) 100%),linear-gradient(180deg,rgba(255,249,235,.05),transparent 22%,transparent 76%,rgba(49,94,87,.06))}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;opacity:.035;pointer-events:none;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 18% 22%,rgba(255,255,255,.7) 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 72% 64%,rgba(54,86,79,.28) 0 1px,transparent 1px 4px);background-size:5px 5px,7px 7px}.ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .4s ease,opacity .4s ease}.ui>*,.ui button,.ui a{pointer-events:auto}body.modal-open .ui{filter:saturate(.92) brightness(.96)}.ui>.lake-hint{position:absolute;left:28px;bottom:calc(var(--dock-height) + 45px);padding:7px 11px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:#fffaeea8;box-shadow:0 5px 18px #3269631a;color:#557e76;font-size:10px;font-weight:700;letter-spacing:.04em;pointer-events:none;transition:opacity .5s,transform .5s}.lake-hint>span:first-child{color:#df9a7b;margin-right:5px}.lake-hint.fishing{opacity:0;transform:translateY(5px)}@media (max-width: 700px){.ui>.lake-hint{left:14px;bottom:calc(var(--dock-height) + 86px);font-size:9px}}.topbar{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none}.brand,.top-actions,.quest-card,.rod-badge,.dock,.reel-hud{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 11px;border:2px solid rgba(255,255,255,.95);border-radius:22px;background:linear-gradient(160deg,#fffdf5,#fff1df);box-shadow:0 5px #ae816526,0 12px 28px #41655b2e,inset 0 2px #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#a5f0df,#52c6b6);box-shadow:inset 0 -4px #3f908647,0 4px 10px #4c8b8033}.brand-mark svg{width:42px;height:42px;filter:drop-shadow(0 2px 2px rgba(60,100,92,.15))}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:var(--font-cute);font-size:23px;letter-spacing:.06em;color:var(--ink)}.brand-copy span{margin-top:5px;font-size:8px;font-weight:800;letter-spacing:.22em;color:var(--ink-soft)}.brand-tag{align-self:flex-start;margin:2px 0 0 4px;padding:3px 7px;border-radius:999px;background:var(--coral-soft);color:#b76652;font-size:9px;font-weight:800;letter-spacing:.1em}.top-actions{display:flex;align-items:center;gap:9px}.resource-chip{height:44px;display:flex;align-items:center;gap:8px;padding:0 16px 0 9px;border-radius:999px;border:1.5px solid rgba(255,255,255,.82);background:#fff8ebe0;box-shadow:0 8px 20px #41655b21,inset 0 1px #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.resource-chip strong{min-width:30px;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}.species-chip strong{display:flex;align-items:baseline;gap:2px}.species-chip em{font-style:normal;font-size:11px;font-weight:800;color:var(--ink-faint)}.coin-icon{width:27px;height:27px;border-radius:50%;display:inline-block;flex:none;background:linear-gradient(145deg,#ffe391,#f2b83e);border:2px solid #e6a52e;box-shadow:inset 0 2px #ffffffb3,0 2px 5px #be851f4d;position:relative}.coin-icon:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid rgba(174,119,20,.48)}.mini-fish{width:26px;height:26px;display:grid;place-items:center;color:var(--teal-deep);background:var(--teal-soft);border-radius:50%}.mini-fish svg{width:23px;height:23px}.icon-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.82);background:#fff8ebe0;box-shadow:0 8px 20px #41655b21,inset 0 1px #fff;display:grid;place-items:center;color:var(--ink);font-size:16px;font-weight:900;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease}.icon-btn:hover{transform:translateY(-2px) rotate(-2deg);background:#fffdf6}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:21px;height:21px}.help-icon{color:var(--coral-deep);font-family:var(--font-cute);font-size:19px}.icon-sound-off,body.muted .icon-sound-on{display:none}body.muted .icon-sound-off{display:block}.quest-card{position:absolute;top:104px;left:24px;width:300px;border:2px solid rgba(255,255,255,.94);border-radius:25px;background:linear-gradient(155deg,#fffdf5,#fff0dc);box-shadow:0 5px #aa7e6226,var(--shadow-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:transform .25s ease}.quest-head{width:100%;display:flex;align-items:center;gap:10px;padding:12px 13px;text-align:left}.quest-badge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe6ad,#f5c25e);color:#fff8e9;box-shadow:inset 0 -3px #c5882640}.quest-badge svg{width:22px;height:22px}.quest-heading{flex:1;display:grid;gap:1px}.quest-heading strong{font-family:var(--font-cute);font-size:15px;letter-spacing:.03em}.quest-heading small{color:var(--ink-soft);font-size:10px;font-weight:700}.quest-chevron{color:var(--ink-faint);width:20px;transition:transform .2s ease}.quest-chevron svg{width:16px;height:16px}.quest-card.collapsed .quest-chevron{transform:rotate(-90deg)}.quest-body{display:grid;gap:7px;padding:0 10px 10px;max-height:330px;opacity:1;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.quest-card.collapsed .quest-body{max-height:0;opacity:0;overflow:hidden;padding-bottom:0}.quest-card.collapsed .quest-foot{display:none}.quest-item{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border-radius:14px;background:#ffffff8f;border:1px solid rgba(109,91,76,.07)}.quest-item.done{background:#dbf3ecb3}.quest-item.claimed{opacity:.58}.quest-emoji{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--cream-deep);font-size:15px}.item-art{display:block;width:90%;height:90%}.quest-info{min-width:0;display:grid;gap:4px}.quest-info strong{font-size:11.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-bar{height:5px;border-radius:99px;overflow:hidden;background:#6f5f501c}.quest-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#85d5c8,#50b4a8);transition:width .45s ease}.quest-reward{padding:4px 7px;border-radius:8px;font-size:9px;font-weight:900;color:#a67517;background:var(--gold-soft);white-space:nowrap}.quest-claim{border-radius:8px;padding:5px 7px;background:var(--teal-deep);color:#fff;font-size:9.5px;font-weight:900;box-shadow:0 2px #2f847b;animation:gentlePulse 1.8s ease-in-out infinite}.quest-claim:active{transform:translateY(2px);box-shadow:none}.quest-foot{padding:8px 14px 10px;border-top:1px dashed rgba(100,82,68,.14);color:var(--ink-faint);font-size:9px;font-weight:700;text-align:center}.rod-badge{position:absolute;right:24px;bottom:calc(var(--dock-height) + 44px);display:flex;align-items:center;gap:8px;padding:8px 9px 8px 10px;border-radius:16px;background:#fff8ebe6;border:1.5px solid rgba(255,255,255,.8);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease}.rod-badge-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal-deep)}.rod-badge-icon svg{width:27px;height:27px}.rod-badge-copy{display:grid;gap:1px}.rod-badge-copy small{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--ink-faint)}.rod-badge-copy strong{font-size:12px;font-weight:900}.rod-badge-luck{padding:3px 6px;border-radius:7px;color:#8e6aa8;background:#f1e8fb;font-size:8.5px;font-weight:900}.rod-badge button{padding:5px 7px;border-radius:8px;color:var(--ink-soft);background:#705c4c14;font-size:9px;font-weight:800;transition:background .2s}.rod-badge button:hover{background:var(--coral-soft);color:var(--coral-deep)}.dock{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(1000px,calc(100vw - 48px));min-height:108px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 18px;border-radius:32px;border:2px solid rgba(255,255,255,.96);background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.8),transparent 58%),linear-gradient(155deg,#fffdf6fa,#ffebd3f7),#fff8ebeb;box-shadow:0 6px #ae7e612e,0 24px 60px #39615738,inset 0 2px #fff,inset 0 -4px #a6896814;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.dock:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px dashed rgba(130,105,82,.15);border-radius:27px;pointer-events:none}.bait-tray{width:100%;max-width:460px;min-width:0;display:flex;flex-direction:column;gap:7px}.bait-tray-title{display:flex;align-items:baseline;gap:8px;padding-left:3px}.bait-tray-title span{font-family:var(--font-cute);font-size:12px;font-weight:900;letter-spacing:.04em}.bait-tray-title small{color:var(--ink-faint);font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bait-list{display:flex;gap:7px}.bait-btn{flex:1;min-width:0;height:58px;border-radius:16px;display:flex;align-items:center;gap:7px;padding:6px 8px;border:1.5px solid rgba(106,83,65,.11);background:linear-gradient(145deg,#ffffffd6,#fbf4e8a6);box-shadow:inset 0 1px #fffffff2,0 3px 7px #735b450f;position:relative;transition:transform .16s ease,border-color .2s,background .2s,box-shadow .2s}.bait-btn:hover{transform:translateY(-2px);background:#fffdf6}.bait-btn .bait-emoji{width:28px;height:28px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:17px;background:var(--bait-bg, var(--cream-deep));filter:drop-shadow(0 2px 1px rgba(90,74,66,.1))}.bait-btn .bait-meta{min-width:0;display:grid;gap:1px;text-align:left}.bait-btn strong{font-size:10.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bait-btn small{display:none}.bait-btn .bait-count{position:absolute;top:3px;right:5px;min-width:12px;font-size:7.5px;font-weight:900;color:var(--ink-faint);background:transparent;border-radius:5px;padding:0;line-height:1.1;text-align:right}.bait-btn.selected{border-color:#55c5b4;background:linear-gradient(180deg,#f3fffa,#c9f4e8);box-shadow:0 0 0 3px #64d1c038,0 4px #278f832e}.bait-btn.selected:after{content:"";position:absolute;bottom:-1.5px;left:50%;width:22px;height:4px;border-radius:99px 99px 0 0;background:var(--teal-deep);transform:translate(-50%)}.bait-btn.empty{opacity:.52}.bait-btn.shake{animation:shake .35s ease}.action-area{position:relative;width:164px;flex:none;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:118px}.status-bubble{position:absolute;bottom:127px;left:50%;transform:translate(-50%);width:max-content;max-width:330px;display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.86);background:#fffaf0f0;box-shadow:0 8px 24px #3f625929;color:var(--ink-soft);font-size:10px;font-weight:800;letter-spacing:.02em;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s,color .2s,transform .2s;z-index:2}.status-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;width:10px;height:10px;background:inherit;border-right:1.5px solid rgba(255,255,255,.86);border-bottom:1.5px solid rgba(255,255,255,.86);transform:translate(-50%) rotate(45deg)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #7ccfc32e;flex:none}.status-bubble.alert{background:#fff1e8;color:#b85e48;border-color:#ffd8c8;animation:bubblePop .3s ease,gentlePulse 1.1s ease-in-out .3s infinite}.status-bubble.alert .status-dot{background:var(--coral);box-shadow:0 0 0 3px #ff9e8338}.status-bubble.calm{color:var(--ink-soft)}.action-button-wrap{position:relative;width:132px;height:132px;display:grid;place-items:center;transition:transform .2s ease}.charge-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:132px;height:132px;transform:rotate(-90deg);overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(117,82,63,.1))}.charge-track,.charge-value{fill:none;stroke-width:4.5;stroke-linecap:round}.charge-track{stroke:#6e5a481f;stroke-width:3}.charge-value{stroke:var(--teal);stroke-dasharray:383.27;stroke-dashoffset:383.27;transition:stroke .2s}.action-button-wrap.charging .charge-value{stroke:var(--coral)}.action-button-wrap.alert .charge-value{stroke:var(--coral);filter:drop-shadow(0 0 5px rgba(255,112,82,.65))}.cast-button{position:relative;z-index:2;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fffaf0;background:linear-gradient(155deg,#ffb79c,#fa795f);border:3px solid #fff9ed;box-shadow:0 8px #ce6651,0 14px 28px #b25b4547,inset 0 3px #ffffff6b;transition:transform .14s ease,box-shadow .14s ease,background .25s,filter .2s;user-select:none;-webkit-user-select:none;touch-action:none}.cast-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.cast-button:active,.action-button-wrap.holding .cast-button{transform:translateY(5px);box-shadow:0 3px #ce6651,0 7px 15px #b25b4538,inset 0 3px #ffffff52}.cast-button:disabled{cursor:default;filter:saturate(.55) brightness(1.03);box-shadow:0 8px #b98f7b,0 14px 24px #7c5e4f33,inset 0 3px #ffffff59}.cast-icon{display:grid;place-items:center;height:38px;margin-top:2px}.cast-icon svg{width:36px;height:36px;transform:rotate(-8deg)}.cast-label{font-family:var(--font-cute);font-size:19px;font-weight:900;letter-spacing:.08em;line-height:1.15;text-shadow:0 1px 2px rgba(156,70,49,.2)}.cast-sub{font-size:8px;font-weight:800;letter-spacing:.03em;opacity:.8;max-width:82%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cast-button-shadow{position:absolute;bottom:-5px;width:88px;height:15px;border-radius:50%;background:#634a3b2e;filter:blur(6px);z-index:1}.action-button-wrap.alert .cast-button{animation:biteJump .72s ease-in-out infinite;background:linear-gradient(155deg,#ffd278,#f6a43b);border-color:#fff9ed;box-shadow:0 8px #c77d24,0 14px 32px #dd8f2c59,inset 0 3px #ffffff73}.action-button-wrap.alert .cast-label{font-size:20px}.action-button-wrap.reeling .cast-button{background:linear-gradient(155deg,#9de6da,#55bcb1);box-shadow:0 8px #3b9188,0 14px 28px #36807752,inset 0 3px #fff6}.action-button-wrap.reeling .cast-icon svg{animation:wiggle 1s ease-in-out infinite}.action-button-wrap.waiting .cast-button{background:linear-gradient(155deg,#c8e6df,#94c9c0);color:#f4fffd}.power-readout{display:none;position:absolute;top:144px;left:50%;transform:translate(-50%);padding:3px 8px;border-radius:99px;color:var(--coral-deep);background:#fff5ebf0;border:1px solid rgba(255,158,131,.25);font-size:9px;font-weight:900;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .2s}.action-area.charging .power-readout{opacity:1}.tool-stack{display:flex;flex-direction:column;gap:8px;flex:none;justify-self:end}.tool-btn{width:96px;height:44px;border-radius:15px;display:flex;align-items:center;gap:7px;padding:5px 8px;background:linear-gradient(145deg,#ffffffe6,#faf0e1b8);box-shadow:inset 0 1px #fff,0 3px 8px #735b450f;border:1.5px solid rgba(100,80,64,.1);position:relative;transition:transform .16s ease,background .16s}.tool-btn:hover{transform:translateY(-2px);background:#fffdf6}.tool-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex:none}.tool-icon svg{width:25px;height:25px}.bucket-icon{color:#6eb3a8;background:#ddf4ee}.shop-icon{color:#df9274;background:#fbe5db}.tool-copy{min-width:0;display:grid;text-align:left;gap:0}.tool-copy small{font-size:7.5px;font-weight:800;color:var(--ink-faint);letter-spacing:.05em}.tool-copy strong{font-size:11px;font-weight:900;line-height:1.2}.tool-count{position:absolute;top:-5px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;display:grid;place-items:center;color:#fff;background:var(--coral);border:2px solid var(--paper);font-size:9px;font-weight:900}.shop-tool .tool-copy{padding-right:1px}.reel-hud{position:absolute;left:50%;bottom:calc(var(--dock-height) + 112px);transform:translate(-50%) translateY(8px);width:min(480px,calc(100vw - 40px));padding:13px 16px 12px;border-radius:22px;background:#fffaf0f0;border:1.5px solid rgba(255,255,255,.92);box-shadow:0 18px 40px #39615733;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:4}.reel-hud.visible{opacity:1;transform:translate(-50%) translateY(0)}.reel-title-row{display:flex;align-items:center;gap:7px;margin-bottom:9px}.reel-title-row strong{font-family:var(--font-cute);font-size:13px;letter-spacing:.04em}.reel-title-row span:last-child{margin-left:auto;color:var(--ink-soft);font-size:9px;font-weight:800}.reel-live-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px #ff9e8333;animation:gentlePulse 1s infinite}.meter-row{display:grid;grid-template-columns:30px 1fr 54px;gap:8px;align-items:center;margin-top:7px}.meter-label{font-size:9px;font-weight:900;color:var(--ink-soft)}.meter-state{font-size:8.5px;font-weight:900;color:var(--teal-deep);text-align:right;white-space:nowrap}.tension-meter{height:13px;border-radius:99px;position:relative;background:#614f411f;overflow:hidden;box-shadow:inset 0 2px 3px #503e331f}.safe-zone{position:absolute;top:0;bottom:0;left:40%;width:28%;background:repeating-linear-gradient(135deg,#64c8b273 0,#64c8b273 5px,#64c8b247 5px,#64c8b247 10px);border-left:1.5px solid rgba(58,160,144,.55);border-right:1.5px solid rgba(58,160,144,.55);transition:left .5s ease,width .3s ease}.tension-fill{position:absolute;inset:0 auto 0 0;width:35%;border-radius:99px;background:linear-gradient(90deg,#a9e3d9,#f4c76a 68%,#ff927b);transition:width .08s linear;opacity:.85}.tension-needle{position:absolute;top:-2px;bottom:-2px;left:35%;width:4px;border-radius:99px;background:#fffdf7;border:1px solid rgba(128,90,67,.2);box-shadow:0 1px 4px #5e3f2d4d;transform:translate(-50%);transition:left .08s linear;z-index:2}.tension-meter.danger{animation:dangerBlink .36s ease-in-out infinite}.reel-progress-track{height:9px;border-radius:99px;overflow:hidden;background:#614f411a;box-shadow:inset 0 1px 2px #503e331a}.reel-progress-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#8dd8cc,#4fb9ad);transition:width .1s linear;position:relative}.reel-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);animation:meterShine 1.8s linear infinite}.progress-row{margin-top:6px}.reel-help{margin-top:8px;font-size:8px;font-weight:700;color:var(--ink-faint);text-align:center;letter-spacing:.02em}.toast-stack{position:fixed;top:max(82px,calc(env(safe-area-inset-top) + 74px));left:50%;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:min(90vw,430px)}.toast{display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:99px;border:1.5px solid rgba(255,255,255,.9);background:#fff9eef5;box-shadow:0 12px 30px #3d5f5733;color:var(--ink);font-size:11px;font-weight:800;animation:toastIn .35s cubic-bezier(.22,1.2,.36,1) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.toast.leaving{animation:toastOut .3s ease both}.toast-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal-deep);font-size:11px;flex:none}.toast.coin .toast-icon{background:var(--gold-soft);color:#a67517}.toast.warn .toast-icon{background:var(--coral-soft);color:var(--coral-deep)}.toast.rare .toast-icon{background:#efe4ff;color:#8e6cc0}.catch-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 56%,rgba(255,241,188,.66),transparent 30%),radial-gradient(circle at 50% 50%,transparent 48%,rgba(255,250,230,.45))}.catch-flash.play{animation:flashPop .9s ease-out both}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.modal.open{opacity:1;visibility:visible;pointer-events:auto}.modal-scrim,.intro-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c423e5c;backdrop-filter:blur(9px) saturate(.95);-webkit-backdrop-filter:blur(9px) saturate(.95)}.intro-backdrop{background:#273d3b75}.modal-close{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);background:#68524014;font-size:21px;font-weight:500;line-height:1;transition:background .18s,transform .18s;flex:none}.modal-close:hover{background:var(--coral-soft);color:var(--coral-deep);transform:rotate(6deg)}.text-btn{display:inline-block;color:var(--ink-faint);font-size:10px;font-weight:800;padding:6px 8px;border-radius:8px;transition:color .18s,background .18s}.text-btn:hover{color:var(--teal-deep);background:#7ccfc31f}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 21px;border-radius:14px;color:#fffaf0;background:linear-gradient(180deg,#ffad91,#f28468);box-shadow:0 4px #cb6550,0 9px 20px #ba644d3d;font-size:13px;font-weight:900;letter-spacing:.04em;transition:transform .15s ease,box-shadow .15s ease,filter .15s}.primary-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-btn:active{transform:translateY(3px);box-shadow:0 1px #cb6550,0 4px 10px #ba644d33}.primary-btn svg{width:17px;height:17px}.secondary-btn,.danger-btn{min-height:40px;padding:0 17px;border-radius:12px;font-size:11px;font-weight:900}.secondary-btn{color:var(--ink-soft);background:#64524314}.danger-btn{color:#fff;background:var(--coral-deep);box-shadow:0 3px #b85643}.eyebrow{color:var(--ink-faint);font-size:8px;font-weight:900;letter-spacing:.22em}.intro-modal{z-index:110;padding:30px}.intro-card{position:relative;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);width:min(980px,calc(100vw - 48px));max-height:min(830px,calc(100vh - 48px));border-radius:34px;overflow:hidden;background:var(--paper);border:2px solid rgba(255,255,255,.8);box-shadow:0 40px 100px #1c37335c;transform:translateY(22px) scale(.97);transition:transform .5s cubic-bezier(.2,1,.3,1)}.modal.open .intro-card{transform:translateY(0) scale(1)}.intro-art{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 15%,rgba(255,243,189,.8),transparent 24%),linear-gradient(180deg,#caedf7,#dff3ee 49%,#9adbd4 49.2%,#6fc5c1);min-height:540px}.intro-art:before{content:"";position:absolute;top:14%;left:12%;width:86px;height:28px;border-radius:99px;background:#ffffff9e;box-shadow:38px 14px 0 -5px #ffffff8a,190px 40px 0 -8px #ffffff75,-20px 118px 0 -9px #ffffff59;filter:blur(.3px)}.intro-art:after{content:"";position:absolute;left:-10%;right:-10%;top:49%;height:2px;background:#ffffff73;box-shadow:0 7px #fff3,0 17px #ffffff2b}.sun-blob{position:absolute;top:48px;right:28px;width:78px;height:78px;border-radius:50%;background:#ffeaa0;box-shadow:0 0 0 16px #ffeea030,0 0 50px #ffe880a6}.intro-island{position:absolute;left:50%;bottom:22%;width:290px;height:190px;transform:translate(-50%);filter:drop-shadow(0 24px 18px rgba(28,91,83,.22))}.intro-island-top{position:absolute;left:0;bottom:86px;width:100%;height:82px;border-radius:50%;background:linear-gradient(180deg,#b9dd93,#8cc982);box-shadow:inset 0 -10px #538f583d,inset 0 5px #ffffff4d;z-index:3}.intro-island-bottom{position:absolute;left:23px;bottom:0;width:246px;height:130px;background:linear-gradient(180deg,#bd9167,#8c705c);clip-path:polygon(4% 0%,96% 0%,79% 60%,55% 100%,36% 72%,16% 44%);opacity:.96;z-index:2}.intro-island-bottom:after{content:"";position:absolute;left:74px;top:26px;width:36px;height:18px;border-radius:50%;background:#6d524140;box-shadow:77px 24px #6d524130}.intro-cat{position:absolute;left:145px;bottom:112px;width:62px;height:74px;z-index:4}.intro-cat-body{position:absolute;left:9px;bottom:0;width:43px;height:42px;border-radius:50% 50% 42% 42%;background:#fff7e7;box-shadow:inset -5px -5px #e6d2b559}.intro-cat-face{position:absolute;left:7px;bottom:27px;width:46px;height:41px;border-radius:48% 48% 50% 50%;background:#fffaf0;z-index:2;box-shadow:inset -4px -4px #ead7bc52}.intro-cat-face:before{content:"";position:absolute;left:10px;top:17px;width:5px;height:5px;border-radius:50%;background:#6b584d;box-shadow:19px 0 #6b584d}.intro-cat-face:after{content:"";position:absolute;left:21px;top:25px;width:7px;height:4px;border-bottom:1.5px solid #b58c7a;border-radius:50%}.intro-cat-ear{position:absolute;bottom:59px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid #fff7e7;z-index:1}.intro-cat-ear.left{left:8px;transform:rotate(-16deg)}.intro-cat-ear.right{right:5px;transform:rotate(16deg)}.intro-cat-tail{position:absolute;left:48px;bottom:1px;width:27px;height:30px;border:6px solid #fff7e7;border-color:transparent #fff7e7 #fff7e7 transparent;border-radius:50%;transform:rotate(-12deg)}.intro-rod{position:absolute;left:181px;bottom:163px;width:4px;height:170px;border-radius:99px;background:linear-gradient(180deg,#c68f5b,#926842);transform:rotate(53deg);transform-origin:bottom center;z-index:5}.intro-line{position:absolute;left:301px;bottom:118px;width:1.5px;height:130px;background:#ffffffc4;transform:rotate(4deg);transform-origin:top;z-index:4}.intro-bob{position:absolute;left:298px;bottom:73px;width:14px;height:20px;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,#ff9d83 0,#ff9d83 48%,#fff6e7 48%,#fff6e7);border:1.5px solid rgba(112,79,63,.2);z-index:4;box-shadow:0 0 0 7px #ffffff1a}.intro-water{position:absolute;left:0;right:0;bottom:0;height:36%;background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 18px,rgba(255,255,255,.25) 19px 20px,transparent 21px 38px);opacity:.75}.intro-fish{position:absolute;z-index:6;font-size:27px;filter:drop-shadow(0 5px 5px rgba(28,91,83,.16));animation:fishFloat 5s ease-in-out infinite}.intro-fish.f1{left:20%;bottom:15%;font-size:22px;animation-delay:-1s}.intro-fish.f2{right:13%;bottom:22%;font-size:26px;animation-delay:-2.4s}.intro-fish.f3{left:60%;bottom:8%;font-size:17px;animation-delay:-3.7s;opacity:.8}.intro-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden}.intro-sparkles i{position:absolute;z-index:7;width:7px;height:7px;background:#fff8d5;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:twinkle 2.8s ease-in-out infinite}.intro-sparkles i:nth-child(1){left:20%;top:17%}.intro-sparkles i:nth-child(2){left:74%;top:30%;animation-delay:-.8s;width:10px;height:10px}.intro-sparkles i:nth-child(3){left:84%;bottom:33%;animation-delay:-1.7s}.intro-sparkles i:nth-child(4){left:10%;bottom:43%;animation-delay:-2.2s;width:5px;height:5px}.intro-copy{padding:clamp(30px,4.2vw,54px) clamp(28px,4vw,54px) 32px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;scrollbar-width:thin}.intro-copy h1{margin-top:10px;font-family:var(--font-cute);font-size:clamp(36px,4.3vw,52px);line-height:1.15;font-weight:900;letter-spacing:.02em;color:var(--ink)}.intro-copy h1 span{color:var(--coral-deep);position:relative;white-space:nowrap}.intro-copy h1 span:after{content:"";position:absolute;left:0;right:-2px;bottom:2px;height:8px;border-radius:99px;background:#ffc49766;z-index:-1}.intro-lead{margin-top:14px;color:var(--ink-soft);font-size:12px;line-height:1.9;font-weight:600}.how-steps{display:grid;gap:1px;margin-top:26px;border-top:1px dashed rgba(104,84,68,.17);border-bottom:1px dashed rgba(104,84,68,.17);padding:9px 0}.how-step{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:9px 5px;align-items:flex-start}.step-num{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;color:var(--coral-deep);background:var(--coral-soft);font-size:9px;font-weight:900}.how-step:nth-child(2) .step-num{color:#9a7423;background:var(--gold-soft)}.how-step:nth-child(3) .step-num{color:var(--teal-deep);background:var(--teal-soft)}.how-step strong{display:block;font-size:12px;font-weight:900;margin-bottom:3px}.how-step p{color:var(--ink-soft);font-size:10px;line-height:1.6;font-weight:600}.intro-actions{display:flex;align-items:center;gap:16px;margin-top:26px}.intro-start{min-height:50px;padding:0 26px}.intro-note{color:var(--ink-faint);font-size:9.5px;font-weight:700}.catch-modal{z-index:105}.catch-card{position:relative;width:min(410px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow-y:auto;padding:30px 28px 22px;border-radius:32px;background:radial-gradient(circle at 50% 15%,#fffbe1,transparent 46%),linear-gradient(180deg,#fffefa,#fff0df);border:2px solid #fffdf7;box-shadow:0 7px #ac7a5b38,0 35px 90px #23443e54,inset 0 3px #fff;text-align:center;transform:translateY(24px) scale(.9) rotate(-1deg);transition:transform .45s cubic-bezier(.18,1.2,.32,1);scrollbar-width:thin}.modal.open .catch-card{transform:translateY(0) scale(1) rotate(-.4deg)}.catch-ribbon{position:absolute;top:15px;left:15px;z-index:3;padding:5px 11px;border-radius:99px;color:#fff;background:var(--teal-deep);font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 3px #4a423529,0 5px 12px #4c776e2e,inset 0 1px #fff6}.catch-close{position:absolute;top:13px;right:13px;z-index:4}.catch-halo{position:absolute;top:44px;left:50%;transform:translate(-50%);width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,126,.53),rgba(255,236,190,.2) 45%,transparent 68%);pointer-events:none}.catch-halo:before,.catch-halo:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(179,153,109,.2);top:30px;right:30px;bottom:30px;left:30px;animation:slowSpin 26s linear infinite}.catch-halo:after{top:55px;right:55px;bottom:55px;left:55px;border-style:solid;border-color:#b3996d1f;animation-direction:reverse}.catch-art{position:relative;z-index:1;height:188px;display:grid;place-items:center;margin:6px auto 0}.catch-art svg{width:250px;height:188px;overflow:visible;filter:drop-shadow(0 16px 18px rgba(106,82,61,.16));animation:fishBob 3.2s ease-in-out infinite}.catch-new{position:absolute;top:84px;right:24px;z-index:3;transform:rotate(8deg);padding:5px 9px;border-radius:7px;color:#9a7021;background:#ffeca4;border:1.5px dashed #e9c251;font-size:8px;font-weight:900;letter-spacing:.06em;animation:stampIn .5s .25s both}.catch-kicker{color:var(--ink-faint);font-size:9px;font-weight:800;letter-spacing:.16em}.catch-card h2{margin-top:5px;font-family:var(--font-cute);font-size:31px;letter-spacing:.06em;color:var(--ink)}.catch-en{margin-top:1px;color:var(--ink-faint);font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.catch-stars{display:flex;justify-content:center;gap:3px;margin-top:8px;color:var(--gold);font-size:13px;letter-spacing:1px}.catch-stars .star.off{color:#7f6c542e}.catch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;padding:11px 8px;border-radius:16px;background:#fffdf8;border:2px solid #fff;box-shadow:0 3px #b58e6a1f}.catch-stats div{display:grid;gap:3px;border-right:1px dashed rgba(108,86,68,.13)}.catch-stats div:last-child{border-right:0}.catch-stats span{color:var(--ink-faint);font-size:8px;font-weight:800}.catch-stats strong{font-size:13px;font-weight:900;color:var(--ink)}.catch-stats div:nth-child(2) strong{color:#b3831e}.catch-lore{margin:15px 3px 17px;color:var(--ink-soft);font-size:10.5px;line-height:1.8;font-weight:600;position:relative;padding:0 12px}.catch-lore:before,.catch-lore:after{content:"”";position:absolute;font-family:Georgia,serif;color:#a68e7559;font-size:25px;line-height:1}.catch-lore:before{left:0;top:-5px;transform:rotate(180deg)}.catch-lore:after{right:0;bottom:-10px}.catch-confirm{width:100%}.catch-confirm+.text-btn{margin-top:6px}.sheet-modal{z-index:100;padding:20px}body.sheet-open .toast-stack{top:auto;bottom:max(26px,env(safe-area-inset-bottom))}@media (max-width: 700px){body.sheet-open .toast-stack{bottom:max(18px,env(safe-area-inset-bottom))}}.sheet-card{position:relative;width:min(1040px,calc(100vw - 40px));max-height:min(870px,calc(100vh - 40px));display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#fffaf1,#f9efdd);border:2px solid rgba(255,255,255,.9);box-shadow:0 36px 90px #1f3b3657;transform:translateY(24px) scale(.97);transition:transform .4s cubic-bezier(.2,1,.3,1)}.modal.open .sheet-card{transform:translateY(0) scale(1)}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 17px;flex:none}.sheet-head h2{margin-top:5px;font-family:var(--font-cute);font-size:28px;letter-spacing:.04em}.sheet-head-right{display:flex;align-items:center;gap:14px}.collection-progress{display:grid;gap:2px;text-align:right}.collection-progress span{color:var(--ink-faint);font-size:8px;font-weight:800;letter-spacing:.06em}.collection-progress strong{font-size:15px;color:var(--ink-soft);font-weight:800}.collection-progress b{font-size:22px;color:var(--teal-deep);font-weight:900}.journal-milestones{display:flex;gap:7px;padding:0 28px 15px;flex-wrap:wrap;flex:none}.milestone-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:#fffaf2;border:1px solid #fff;box-shadow:0 2px #ae8c6c21;color:var(--ink-soft);font-size:9px;font-weight:800}.milestone-chip b{color:var(--teal-deep)}.milestone-chip.reached{background:var(--teal-soft);border-color:#40a99e38;color:var(--teal-deep)}.milestone-chip .coin-icon{width:16px;height:16px;border-width:1.4px}.milestone-chip .coin-icon:after{top:3px;right:3px;bottom:3px;left:3px;border-width:1.2px}.fish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 28px 22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(102,167,156,.4) transparent}.fish-grid::-webkit-scrollbar,.shop-panel::-webkit-scrollbar,.catch-card::-webkit-scrollbar{width:6px}.fish-grid::-webkit-scrollbar-thumb,.shop-panel::-webkit-scrollbar-thumb,.catch-card::-webkit-scrollbar-thumb{background:#66a79c59;border-radius:99px}.fish-card{position:relative;display:flex;gap:6px;min-height:118px;padding:10px 8px 9px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.45),transparent 72%),var(--rarity-soft, #f4ecdf);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px #877a661f,inset 0 2px #ffffff4d;overflow:hidden;transition:transform .2s ease,box-shadow .2s}.fish-card:hover{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 10px 22px #5d6b5b1f}.fish-card:after{content:"";position:absolute;width:80px;height:80px;right:-30px;top:-30px;border-radius:50%;border:1px dashed rgba(255,255,255,.55)}.fish-card-art{width:46%;flex:none;display:grid;place-items:center;align-self:center}.fish-card-art svg{width:100%;max-width:100px;height:auto;filter:drop-shadow(0 5px 5px rgba(107,89,67,.1))}.fish-card-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;position:relative;z-index:1}.rarity-chip{padding:2px 6px;border-radius:99px;color:#fff;background:var(--rarity-color, var(--teal-deep));font-size:7px;font-weight:900;letter-spacing:.06em}.fish-card h3{width:100%;font-family:var(--font-cute);font-size:14px;font-weight:900;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-card p{width:100%;color:var(--ink-soft);font-size:8px;font-weight:700;line-height:1.45}.fish-card .fish-fav{color:var(--ink-faint);font-size:7.5px}.fish-card.unknown{background:linear-gradient(145deg,#f3f2e9,#e8ebe0);border-color:#fffc}.fish-card.unknown .fish-card-art svg{opacity:.32;filter:grayscale(.6)}.fish-card.unknown h3{color:var(--ink-faint);letter-spacing:.15em}.fish-card.unknown .rarity-chip{background:#d8e4d9;color:#536e60}.fish-card .best-tag{position:absolute;top:8px;right:8px;color:#7a604473;font-size:6.5px;font-weight:900;letter-spacing:.06em}.journal-footer{display:flex;align-items:center;gap:24px;padding:14px 28px 16px;border-top:1px dashed rgba(103,83,67,.15);flex:none;background:#fffbf380}.journal-stat{display:grid;gap:2px}.journal-stat span{color:var(--ink-faint);font-size:8px;font-weight:800}.journal-stat strong{font-size:12px;font-weight:900}.journal-footer .text-btn{margin-left:auto;font-size:8px;opacity:.65}.shop-card{width:min(880px,calc(100vw - 40px))}.shop-wallet{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 7px;border-radius:99px;background:#ffffff9e;border:1px solid rgba(112,90,70,.09)}.shop-wallet .coin-icon{width:23px;height:23px}.shop-wallet strong{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.shop-greeting{padding:0 28px;color:var(--ink-soft);font-size:10px;font-weight:600;line-height:1.7}.shop-tabs{display:flex;gap:6px;padding:17px 28px 0;border-bottom:1px dashed rgba(103,83,67,.15);flex:none}.shop-tab{position:relative;padding:8px 16px 12px;color:var(--ink-faint);font-size:11px;font-weight:900;letter-spacing:.03em;border-radius:12px 12px 0 0;transition:background .18s,color .18s}.shop-tab:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:99px 99px 0 0;background:transparent;transition:background .2s}.shop-tab.active{color:var(--coral-deep);background:#ffe0d68c}.shop-tab.active:after{background:var(--coral)}.shop-panel{display:grid;gap:9px;padding:18px 28px 12px;overflow-y:auto;scrollbar-width:thin}.shop-item{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:18px;background:linear-gradient(145deg,#fffefa,#fff8ed);border:1.5px solid #fff;box-shadow:0 3px #ba94711f,0 5px 14px #8269520f;transition:box-shadow .18s,background .18s}.shop-item:hover{background:#fffefa;box-shadow:0 3px #ba947126,0 7px 18px #8269521a}.shop-item-icon{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--item-bg, var(--cream-deep));font-size:27px;box-shadow:inset 0 -4px #5a463512}.shop-item-icon.rod-icon{overflow:hidden}.rod-art{width:44px;height:44px}.shop-item-copy{flex:1;min-width:0}.shop-item-copy h3{font-family:var(--font-cute);font-size:15px;font-weight:900;letter-spacing:.02em;display:flex;align-items:center;gap:7px}.shop-item-copy h3 .item-tag{font-family:var(--font-rounded);font-size:7px;color:var(--teal-deep);background:var(--teal-soft);border-radius:5px;padding:2px 5px;font-weight:900;letter-spacing:.04em}.shop-item-copy p{margin-top:3px;color:var(--ink-soft);font-size:10px;font-weight:600;line-height:1.55}.shop-item-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.shop-item-stats span{padding:2px 6px;border-radius:5px;color:var(--ink-soft);background:#6c574412;font-size:9px;font-weight:800}.shop-buy{flex:none;min-width:86px;height:38px;border-radius:13px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;background:linear-gradient(180deg,#45b9a5,#278f83);box-shadow:0 4px #23776e,inset 0 2px #ffffff40;font-size:10px;font-weight:900;transition:transform .15s,box-shadow .15s,filter .15s}.shop-buy:hover{filter:brightness(1.06);transform:translateY(-1px)}.shop-buy:active{transform:translateY(2px);box-shadow:0 1px #2f847b}.shop-buy .coin-icon{width:15px;height:15px;border-width:1.2px;box-shadow:inset 0 1px #fff9}.shop-buy .coin-icon:after{top:3px;right:3px;bottom:3px;left:3px;border-width:1px}.shop-buy.rod-buy{color:var(--ink-soft);background:var(--gold-soft);box-shadow:0 3px #d9bd7b}.shop-buy.owned{color:var(--teal-deep);background:var(--teal-soft);box-shadow:0 3px #b8dfd8}.shop-buy.equipped{color:var(--ink-faint);background:#6b594817;box-shadow:none}.shop-buy:disabled{cursor:default;transform:none;filter:none}.shop-buy:disabled:not(.equipped){color:#766e68;background:#e6e0d8;box-shadow:0 3px #cfc5b9}.shop-footnote{padding:6px 28px 18px;color:var(--ink-faint);font-size:8px;font-weight:700;text-align:center}.confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:grid;place-items:center;background:#2b403c7a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px}.confirm-modal[hidden]{display:none}.confirm-card{width:min(350px,100%);padding:26px;border-radius:26px;background:var(--paper);text-align:center;box-shadow:0 30px 70px #1e373359;animation:stampIn .35s ease both}.confirm-icon{font-size:32px}.confirm-card h3{margin-top:8px;font-family:var(--font-cute);font-size:21px}.confirm-card p{margin-top:8px;color:var(--ink-soft);font-size:10.5px;line-height:1.7}.confirm-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.tos-signature{position:absolute;left:26px;bottom:22px;display:flex;align-items:center;gap:8px;color:#fffaeeb3;font-size:7px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 5px rgba(47,91,84,.35);pointer-events:none;opacity:.8}.tos-signature i{width:28px;height:1px;background:#fffaee80}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:linear-gradient(168deg,#c9edf3,#9fdcd4 62%,#86ccc5);transition:opacity .6s ease,visibility .6s ease}.loader.hidden{opacity:0;visibility:hidden}.loader-fish{width:100px;height:70px;display:grid;place-items:center;animation:loaderSwim 1.7s ease-in-out infinite}.loader-fish svg{width:92px;filter:drop-shadow(0 8px 10px rgba(42,94,88,.16))}.loader p{color:#426e68;font-size:11px;font-weight:800;letter-spacing:.12em}.loader-dots{display:flex;gap:4px}.loader-dots i{width:5px;height:5px;border-radius:50%;background:#5c948c;animation:dotPulse 1.1s ease-in-out infinite}.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes bubblePop{0%{transform:translate(-50%) scale(.92)}60%{transform:translate(-50%) scale(1.04)}to{transform:translate(-50%) scale(1)}}@keyframes biteJump{0%,to{transform:translateY(0) scale(1)}22%{transform:translateY(-5px) scale(1.035) rotate(-1deg)}42%{transform:translateY(0) scale(1)}60%{transform:translateY(-2px) scale(1.012) rotate(1deg)}78%{transform:translateY(0) scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(6deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes dangerBlink{0%,to{box-shadow:inset 0 2px 3px #503e331f}50%{box-shadow:0 0 0 2px #ff6a4c5c,inset 0 2px 3px #503e331f}}@keyframes meterShine{to{transform:translate(100%)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes flashPop{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes fishBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}@keyframes fishFloat{0%,to{transform:translate(0) rotate(-4deg)}50%{transform:translate(8px,-9px) rotate(5deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(35deg)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.4) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(8deg)}}@keyframes loaderSwim{0%,to{transform:translate(-6px) rotate(-2deg)}50%{transform:translate(8px) rotate(2deg)}}@keyframes dotPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width: 1120px){.quest-card{width:270px}.rod-badge-luck{display:none}.dock{gap:10px;padding-left:13px;padding-right:13px}.bait-btn{gap:4px;padding:6px}.bait-btn small{display:none}.bait-btn .bait-emoji{width:29px;height:29px;font-size:17px}.bait-btn strong{font-size:9.5px}.tool-btn{width:80px}}@media (max-width: 900px){:root{--dock-height: 138px}.topbar{left:14px;right:14px;top:max(12px,env(safe-area-inset-top))}.brand{padding:8px 12px 8px 8px;border-radius:18px}.brand-mark{width:41px;height:41px;border-radius:13px}.brand-mark svg{width:37px;height:37px}.brand-copy strong{font-size:19px}.brand-copy span{font-size:7px}.brand-tag{display:none}.resource-chip{height:40px;padding-right:12px}.icon-btn{width:40px;height:40px}.quest-card{top:76px;left:14px;width:268px}.rod-badge{right:14px;bottom:calc(var(--dock-height) + 38px)}.dock{width:calc(100vw - 24px);bottom:max(12px,env(safe-area-inset-bottom));padding:10px 12px;border-radius:26px;min-height:104px}.dock:before{border-radius:21px}.bait-tray{max-width:270px}.action-area{width:148px;min-height:112px}.action-button-wrap,.charge-ring{width:120px;height:120px}.cast-button{width:94px;height:94px}.cast-label{font-size:17px}.status-bubble{bottom:118px;max-width:300px;font-size:9px}.power-readout{top:128px}.tool-stack{gap:6px}.tool-btn{width:74px;height:40px;border-radius:13px}.tool-icon{width:27px;height:27px}.tool-icon svg{width:22px;height:22px}.tool-copy small{display:none}.tool-copy strong{font-size:10px}.reel-hud{bottom:calc(var(--dock-height) + 100px)}.fish-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-card{grid-template-columns:.8fr 1.2fr;width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.intro-art{min-height:470px}.intro-island{width:230px;transform:translate(-50%) scale(.86);transform-origin:bottom center}.intro-rod,.intro-line,.intro-bob{display:none}.intro-copy{padding:28px 26px}.intro-copy h1{font-size:36px}.intro-lead{font-size:11px}.how-step p{font-size:9.5px}.intro-actions{flex-direction:column;align-items:flex-start;gap:9px}.tos-signature{display:none}}@media (min-width: 701px) and (max-width: 900px){.bait-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.bait-btn{height:39px}.bait-btn strong{font-size:10px}}@media (max-width: 700px){:root{--dock-height: 190px}.topbar{align-items:flex-start}.brand{gap:8px}.brand-mark{width:37px;height:37px}.brand-copy strong{font-size:17px}.brand-copy span{display:none}.top-actions{gap:5px}.resource-chip{height:36px;padding:0 11px 0 7px;gap:5px}.resource-chip strong{font-size:14px}.coin-icon{width:23px;height:23px}.mini-fish{width:22px;height:22px}.mini-fish svg{width:19px;height:19px}.species-chip{display:none}.icon-btn{width:36px;height:36px}.icon-btn svg{width:18px;height:18px}.quest-card{top:63px;width:min(250px,calc(100vw - 28px))}.quest-body{max-height:280px}.rod-badge{display:none}.dock{display:grid;grid-template-columns:66px minmax(0,1fr) 66px;grid-template-areas:"bait bait bait" "bucket action shop";align-items:center;justify-items:center;gap:5px 4px;padding:8px 10px 10px;min-height:174px;bottom:max(8px,env(safe-area-inset-bottom))}.bait-tray{grid-area:bait;order:1;flex-basis:100%;max-width:none;width:100%;gap:5px}.bait-tray-title{padding-left:4px}.bait-tray-title span{font-size:10px}.bait-tray-title small{font-size:8px}.bait-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bait-btn{max-width:none;height:48px;min-width:0;border-radius:13px}.bait-btn .bait-emoji{width:27px;height:27px;font-size:16px}.bait-btn .bait-meta{display:block;min-width:0}.bait-btn{justify-content:center;gap:4px;padding:5px}.bait-btn strong{font-size:8.5px;max-width:44px}.action-area{grid-area:action;order:2;width:140px;min-height:80px;margin-top:-5px}.action-button-wrap,.charge-ring{width:104px;height:104px}.cast-button{width:82px;height:82px;border-width:2.5px;box-shadow:0 6px #ce6651,0 10px 20px #b25b4540,inset 0 3px #fff6}.cast-icon{height:27px;margin-top:0}.cast-icon svg{width:27px;height:27px}.cast-label{font-size:15px}.cast-sub{font-size:7px}.status-bubble{position:fixed;bottom:calc(var(--dock-height) + 14px);max-width:min(340px,84vw);white-space:normal;line-height:1.35;padding:7px 13px;font-size:9px}.power-readout{top:105px;font-size:8px}.cast-button-shadow{width:72px;bottom:-3px}.tool-stack{display:contents;order:3;margin-top:3px}.tool-btn{width:62px;height:56px;flex-direction:column;justify-content:center;gap:1px;padding:3px;border-radius:12px;align-self:center}#journal-btn{grid-area:bucket}#shop-btn{grid-area:shop}.tool-icon{width:23px;height:23px;border-radius:7px}.tool-icon svg{width:19px;height:19px}.tool-copy strong{font-size:8px}.tool-count{top:-4px;right:-2px;min-width:17px;height:17px;font-size:7.5px;border-width:1.5px}.reel-hud{bottom:calc(var(--dock-height) + 72px);width:calc(100vw - 26px);padding:10px 13px;border-radius:18px}.reel-help{display:none}.reel-title-row{margin-bottom:6px}.meter-row{margin-top:5px;grid-template-columns:28px 1fr 48px}.toast-stack{top:132px}.modal,.intro-modal{padding:12px}.intro-card{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 24px);border-radius:26px;overflow-y:auto}.intro-art{min-height:195px;flex:none;order:1}.intro-island{bottom:8px;transform:translate(-50%) scale(.66)}.intro-water{height:46%}.intro-fish.f1{bottom:6%}.intro-fish.f2{bottom:12%}.intro-fish.f3{bottom:3%}.intro-copy{order:2;padding:20px 22px 22px;overflow:visible}.intro-copy h1{font-size:31px;margin-top:5px}.intro-lead{margin-top:8px;font-size:10px;line-height:1.7}.how-steps{margin-top:15px;gap:0;padding:5px 0}.how-step{grid-template-columns:28px 1fr;padding:6px 2px;gap:8px}.step-num{width:26px;height:26px;border-radius:9px;font-size:8px}.how-step strong{font-size:11px}.how-step p{font-size:9px;line-height:1.45}.intro-actions{margin-top:16px;flex-direction:row;align-items:center;gap:10px}.intro-start{min-height:44px;padding:0 20px;font-size:12px}.intro-note{font-size:8px}.catch-card{padding:24px 18px 18px;border-radius:26px}.catch-art{height:150px}.catch-art svg{width:210px;height:155px}.catch-card h2{font-size:27px}.catch-stats{margin-top:11px}.catch-lore{margin:11px 2px 13px;font-size:9.5px}.sheet-modal{padding:8px}.sheet-card{width:100%;max-height:calc(100vh - 16px);border-radius:25px}.sheet-head{padding:18px 17px 12px}.sheet-head h2{font-size:23px}.collection-progress{display:none}.sheet-head-right{gap:7px}.journal-milestones{padding:0 17px 10px;gap:5px}.milestone-chip{font-size:8px;padding:4px 8px}.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 14px 14px}.fish-card{min-height:104px;padding:8px 6px;gap:3px}.fish-card-art{width:44%}.fish-card h3{font-size:12px}.fish-card p{font-size:9px}.fish-card .fish-fav{display:none}.journal-footer{flex-wrap:wrap;gap:10px 16px;padding:10px 17px 12px}.journal-footer .text-btn{flex-basis:100%;margin-left:0;text-align:left;padding-left:0}.shop-card{width:100%}.shop-wallet .coin-icon{width:20px;height:20px}.shop-wallet strong{font-size:13px}.shop-greeting{padding:0 17px;font-size:9px}.shop-tabs{padding:11px 17px 0}.shop-tab{padding:7px 12px 10px;font-size:10px}.shop-panel{padding:12px 14px 8px;gap:7px}.shop-item{padding:10px;gap:10px;border-radius:15px}.shop-item-icon{width:43px;height:43px;border-radius:13px;font-size:23px}.rod-art{width:37px;height:37px}.shop-item-copy h3{font-size:13px}.shop-item-copy p{font-size:8px}.shop-item-stats{display:none}.shop-buy{min-width:68px;height:34px;font-size:9px}.shop-footnote{padding:5px 17px 14px;font-size:7.5px}}@media (max-width: 420px){.quest-card{width:min(260px,calc(100vw - 28px))}.brand{padding-right:8px}.brand-copy strong{font-size:15px}.brand-mark{width:33px;height:33px}.brand-mark svg{width:31px;height:31px}.resource-chip{height:33px;padding:0 9px 0 6px}.icon-btn{width:33px;height:33px}.resource-chip strong{font-size:13px}.coin-icon{width:21px;height:21px}.status-bubble{max-width:76vw}.dock{width:calc(100vw - 16px)}.action-area{width:132px}.tool-stack{gap:4px}.tool-btn{width:56px;height:47px}.catch-stats strong{font-size:12px}.intro-art{min-height:165px}.intro-copy{padding:17px 18px 19px}.intro-copy h1{font-size:28px}}@media (max-height: 720px) and (min-width: 701px){.intro-art{min-height:430px}.intro-copy{padding-top:26px;padding-bottom:22px}.how-steps{margin-top:16px}.how-step{padding:6px 4px}.intro-actions{margin-top:17px}.quest-card{top:90px}.quest-body{max-height:260px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 700px) and (max-height: 650px){.ui>.lake-hint{top:138px;bottom:auto;max-width:calc(100vw - 28px)}}.bait-toggle{display:none}@media (max-width: 700px){:root{--dock-height: 110px}.quest-card{top:calc(max(12px,env(safe-area-inset-top)) + 64px);left:14px;width:min(290px,calc(100vw - 28px));max-height:max(48px,calc(100dvh - max(12px,env(safe-area-inset-top)) - 190px));overflow:auto;touch-action:pan-y;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#fffbf2d1;box-shadow:0 8px 24px #365e5529}.quest-card.collapsed{width:max-content;max-width:min(180px,calc(100vw - 28px));border-radius:18px}.quest-head{min-height:48px;padding:6px 9px;gap:6px}.quest-badge{width:32px;height:32px;flex:none;border-radius:11px;box-shadow:none}.quest-heading strong{font-size:13px}.quest-heading small{font-size:9px}.quest-chevron{flex:none;width:16px}.quest-body{padding:0 9px 10px}.quest-item{min-height:52px;padding:8px;background:#f4f8f0;border:0}.quest-item.done{background:#e4f4ec}.quest-info strong{font-size:12px}.quest-claim{min-width:44px;min-height:44px;border-radius:12px;box-shadow:none;font-size:11px}.quest-foot{font-size:10px}.dock{grid-template-columns:minmax(62px,1fr) minmax(80px,1fr) 54px 54px;grid-template-areas:"bait action bucket shop";gap:5px;min-height:92px;padding:7px 8px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:#fffbf3c7;box-shadow:0 5px 18px #3961572e}.dock:before{display:none}.bait-tray{position:relative;width:100%}.bait-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:54px;padding:5px;border:1px solid #b6dfd2;border-radius:17px;background:#e7f6ef;color:#286d64}.bait-current-art{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:11px}.bait-current-art .item-art{width:29px;height:29px}.bait-current-copy{display:grid;gap:3px;min-width:0;text-align:left}.bait-current-copy span{font-size:10px}.bait-toggle strong{font-size:11px}.bait-tray-title,.bait-list{display:none}.bait-tray.open .bait-tray-title{display:flex;position:absolute;bottom:164px;left:0;width:min(300px,calc(100vw - 36px));padding:10px 12px 0;z-index:4;background:#fffaf1eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px 18px 0 0}.bait-tray.open .bait-list{display:grid;position:absolute;z-index:4;bottom:54px;left:0;width:min(300px,calc(100vw - 36px));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;border-radius:0 0 18px 18px;background:#fffaf1eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 30px #3961573d}.bait-btn strong{font-size:11px;max-width:none}.bait-btn .bait-count{font-size:10px}.action-area{width:100%;min-height:76px;margin:0}.action-button-wrap,.charge-ring{width:86px;height:86px}.cast-button{width:72px;height:72px;box-shadow:0 4px #ce6651,0 7px 15px #b25b4533}.cast-icon{height:23px}.cast-icon svg{width:23px;height:23px}.cast-label{font-size:14px}.cast-sub{font-size:8px}.tool-stack{display:contents}.tool-btn{width:50px;height:54px;border:0;border-radius:16px;background:#f4ede2;box-shadow:none}.tool-copy strong{font-size:10px}.status-bubble{bottom:calc(var(--dock-height) + 12px);font-size:10px}.reel-hud{bottom:calc(var(--dock-height) + 55px)}.ui>.lake-hint{bottom:calc(var(--dock-height) + 85px)}}@media (max-width: 700px){.quest-card.collapsed .quest-head{padding-right:10px}.cast-button{border:2px solid #fffaf0;background:#f3846d}.cast-sub{font-size:9px}.status-bubble{max-width:min(300px,calc(100vw - 32px))}}.topbar .quest-card{top:calc(100% + 10px);left:0}@media (max-width: 700px){.topbar .quest-card{top:calc(100% + 8px)}}.sheet-modal .modal-scrim{background:#25433e52;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.sheet-card{background:#fffaf1e6;border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 70px #1f3b3642,inset 0 1px #fffc;backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}.sheet-head{align-items:center}.sheet-head h2{color:#46443e}.sheet-head .modal-close{width:44px;height:44px;border-radius:15px;background:#e9e2d6bf;font-size:24px}.collection-progress,.shop-wallet{padding:7px 12px;border:0;border-radius:15px;background:#def4ead9}.milestone-chip{box-shadow:none;background:#fff9}.fish-grid,.shop-panel{min-height:0;overscroll-behavior:contain;touch-action:pan-y}.fish-card{border:1px solid rgba(255,255,255,.85);box-shadow:none;border-radius:20px}.fish-card:after{display:none}.journal-footer{border-top:1px solid rgba(91,119,105,.12);background:#ffffff61}.journal-footer .text-btn{min-height:44px;padding:8px 12px;border-radius:12px;font-size:11px;opacity:1;color:#806b60}.shop-tabs{gap:7px;border:0}.shop-tab{min-height:44px;padding:10px 18px;border-radius:14px;color:#726a62;background:#eee8ddb8}.shop-tab:after{display:none}.shop-tab.active{color:#276f64;background:#d7f2e7}.shop-item{border:1px solid rgba(255,255,255,.8);background:#fff9;box-shadow:none}.shop-item:hover{background:#ffffffd9;box-shadow:0 6px 20px #3f625914}.shop-item-icon{box-shadow:none}.shop-buy,.shop-buy.rod-buy,.shop-buy.owned{min-height:44px;border-radius:14px;box-shadow:none;font-size:12px}.shop-buy{background:#278f83}.shop-buy.rod-buy{color:#715719;background:#f8e4ae}.shop-buy.owned{color:#276f64;background:#d7f2e7}.shop-buy:disabled:not(.equipped){box-shadow:none}.shop-buy:active{box-shadow:none;transform:scale(.97)}@media (max-width: 700px){.sheet-modal{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.sheet-card{max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));border-radius:26px}.sheet-head{padding:16px 16px 12px;gap:8px}.sheet-head h2{font-size:22px}.collection-progress{display:grid;padding:5px 9px}.collection-progress span{font-size:9px}.collection-progress strong,.collection-progress b{font-size:13px}.journal-milestones{padding:0 16px 10px}.milestone-chip{font-size:9px}.fish-grid{padding:0 12px 12px}.fish-card{min-height:110px}.fish-card p{font-size:10px}.journal-footer{gap:8px 14px;padding:10px 16px max(10px,env(safe-area-inset-bottom))}.journal-footer .text-btn{padding:8px 0}.shop-greeting{padding:0 16px;font-size:11px}.shop-tabs{padding:10px 16px 0}.shop-tab{flex:1;font-size:12px}.shop-panel{padding:12px}.shop-item{gap:8px;padding:10px}.shop-item-copy p{font-size:10px;line-height:1.4}.shop-item-copy h3 .item-tag{font-size:9px}.shop-item-stats{display:flex;margin-top:4px}.shop-item-stats span{font-size:9px}.shop-buy{min-width:62px;height:44px}.shop-footnote{padding:6px 16px 12px;font-size:10px}}.quest-card,.dock{background:#fffaef94;backdrop-filter:blur(20px) saturate(1.18);-webkit-backdrop-filter:blur(20px) saturate(1.18);border-color:#ffffffb3}.sheet-modal .modal-scrim{background:#1f413b2e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sheet-card{background:#fffaef9e;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}@media (max-width: 700px){.bait-tray.open .bait-tray-title,.bait-tray.open .bait-list{background:#fffaefbd;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.quest-card,.dock,.sheet-card{background:#fffaeff5}.bait-tray.open .bait-tray-title,.bait-tray.open .bait-list{background:#fffaeff7}}.quest-card,.dock,.sheet-card{border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #ffffff61,0 8px 28px #244b4426}.dock:before{display:none}.sheet-card{box-shadow:inset 0 1px #ffffff61,0 18px 50px #1c3d3833}.fish-card,.shop-item{border-color:#fff6}@media (max-width: 700px){.bait-tray.open .bait-tray-title{border:1px solid rgba(255,255,255,.42);border-bottom:0}.bait-tray.open .bait-list{border:1px solid rgba(255,255,255,.42);border-top:0;box-shadow:0 8px 28px #244b4426}}.brand,.resource-chip,.icon-btn{border:1px solid rgba(255,255,255,.42);background:#fffaef94;box-shadow:inset 0 1px #ffffff61,0 8px 28px #244b4426;backdrop-filter:blur(20px) saturate(1.18);-webkit-backdrop-filter:blur(20px) saturate(1.18)}.icon-btn:hover{background:#fffaefbd}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.brand,.resource-chip,.icon-btn{background:#fffaeff5}}.shop-buy{gap:6px;padding:0 12px;font-size:13px;letter-spacing:.01em}.shop-buy .coin-icon{width:18px;height:18px}.shop-price{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}@media (max-width: 700px){.shop-buy{min-width:70px;padding:0 9px;gap:5px}.shop-price{font-size:13px}}.shop-buy,.shop-buy.rod-buy,.shop-buy.owned{color:#155e54;background:#b7e8daad;border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px #ffffff7a,0 3px 10px #27695e1a}.shop-buy:not(:disabled):hover{background:#a4e1cfd9}.shop-buy:not(:disabled):active{box-shadow:inset 0 1px 3px #27695e29}.shop-buy.equipped{color:#536d63;background:#dae7dbad;border-color:#ffffff6b;box-shadow:none}.shop-buy:disabled:not(.equipped){color:#706e65;background:#dbd9cfb8;border-color:#ffffff59;box-shadow:none}@media (hover: hover){.icon-btn:hover,.bait-btn:hover,.tool-btn:hover,.modal-close:hover,.primary-btn:hover,.shop-buy:hover,.fish-card:hover,.cast-button:hover{transform:none}.bait-btn:hover{background:linear-gradient(145deg,#ffffffd6,#fbf4e8a6);border-color:#278f8359}.bait-btn.selected:hover{background:linear-gradient(180deg,#f3fffa,#c9f4e8)}.tool-btn:hover{background:#fffdf6db}.shop-item:hover{background:#fff9;box-shadow:none}}.bait-btn{transition:border-color .2s,box-shadow .2s}.tool-btn{background:#fffaefad}.tool-btn,.shop-buy{transition:background-color .18s,box-shadow .18s,color .18s,transform .15s}.icon-btn{transition:background-color .18s,color .18s,transform .18s}@media (hover: hover){.cast-button:active,.action-button-wrap.holding .cast-button{transform:translateY(5px)}.primary-btn:active{transform:translateY(3px)}.icon-btn:active{transform:scale(.94)}.shop-buy:not(:disabled):active{transform:scale(.97)}}.cancel-cast{position:absolute;bottom:100%;right:-85px;min-height:44px;padding:6px 10px;border-radius:14px;color:#315f58;background:#fffaefd9;font-size:11px;font-weight:800}.cancel-cast[hidden]{display:none}@media (max-width: 700px){.cancel-cast{right:auto;left:50%;transform:translate(-50%);bottom:calc(100% + 44px);white-space:nowrap}}.dock{width:min(460px,calc(100vw - 24px));min-height:72px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"bait bucket shop";gap:8px;padding:8px 10px}.bait-tray{grid-area:bait;position:relative;max-width:none}.bait-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:54px;padding:5px;border:1px solid #b6dfd2;border-radius:17px;background:#e7f6ef;color:#286d64}.bait-current-art{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:11px}.bait-current-art .item-art{width:29px;height:29px}.bait-current-copy{display:grid;gap:3px;min-width:0;text-align:left;font-size:10px}.bait-current-copy strong{font-size:11px}.bait-tray-title,.bait-list{display:none}.bait-tray.open .bait-tray-title{display:flex;position:absolute;bottom:164px;left:0;width:min(300px,calc(100vw - 36px));padding:10px 12px 0;z-index:4;background:#fffaefd9;border-radius:18px 18px 0 0}.bait-tray.open .bait-list{display:grid;position:absolute;bottom:54px;left:0;z-index:4;width:min(300px,calc(100vw - 36px));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;border-radius:0 0 18px 18px;background:#fffaefd9;box-shadow:0 8px 28px #244b4426}.bait-tray.open .bait-btn{min-height:48px}.action-area{position:absolute;left:50%;bottom:calc(100% - 12px);width:104px;min-height:104px;transform:translate(-50%)}.action-button-wrap,.charge-ring{width:104px;height:104px}.cast-button{width:82px;height:82px}.status-bubble{position:fixed;bottom:calc(100% + 8px)}.tool-stack{display:contents}#journal-btn{grid-area:bucket}#shop-btn{grid-area:shop}.tool-btn{width:100%;height:54px;justify-content:center}@media (max-width: 700px){.dock{min-height:72px}.action-area{width:104px;min-height:104px;margin:0}.tool-btn{width:100%}.cancel-cast{bottom:calc(100% + 44px)}}.cancel-cast,.cancel-cast[hidden]{right:auto}.cancel-cast{left:calc(100% + 10px);bottom:24px;min-width:52px;padding:6px 8px;white-space:nowrap}@media (max-width: 700px){.cancel-cast{left:calc(100% + 6px);bottom:22px;transform:none}}.dock{width:min(560px,calc(100vw - 24px));grid-template-columns:repeat(3,minmax(0,1fr)) 82px;grid-template-areas:"bait bucket shop action";padding:14px;gap:8px}.action-area{position:relative;grid-area:action;left:auto;bottom:auto;width:82px;min-height:82px;margin:0;transform:none}.action-button-wrap,.charge-ring{width:82px;height:82px}.cast-button{width:70px;height:70px}.cast-icon{height:24px}.cast-icon svg{width:24px;height:24px}.cast-label{font-size:14px}.cast-sub{font-size:9px}.status-bubble{position:absolute;left:auto;right:0;bottom:calc(100% + 58px);transform:none;max-width:min(300px,calc(100vw - 40px))}.status-bubble:after{left:auto;right:24px}.cancel-cast,.cancel-cast[hidden]{left:auto;right:0}.cancel-cast{bottom:calc(100% + 6px);transform:none}@media (max-width: 700px){.dock{grid-template-columns:repeat(3,minmax(0,1fr)) 70px;padding:12px;gap:5px}.action-area{width:70px;min-height:70px}.action-button-wrap,.charge-ring{width:70px;height:70px}.cast-button{width:60px;height:60px}.cast-icon{height:20px}.cast-icon svg{width:20px;height:20px}.cast-label{font-size:12px}.cast-sub{font-size:8px}.cancel-cast{bottom:calc(100% + 6px)}.status-bubble{bottom:calc(100% + 56px)}}@media (max-width: 420px){.bait-toggle{gap:3px;padding:4px 2px}.bait-current-art,.bait-current-art .item-art{width:24px;height:24px}.bait-current-copy strong{font-size:10px}}.dock{background:#effbf38f;border-color:#ffffff7a;box-shadow:inset 0 1px #ffffff7a,0 8px 28px #244b4426}.bait-toggle,.tool-btn{min-height:58px;height:58px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:7px 8px;border:1px solid rgba(255,255,255,.55);border-radius:17px;background:#fffcf58c;box-shadow:inset 0 1px #fff6;color:#415e57;transition:background-color .18s ease,border-color .18s ease}.bait-toggle{background:#d3f3e7a3;border-color:#92cfbb8c}.bait-current-art,.tool-icon{width:32px;height:32px;border-radius:11px}.bait-current-copy,.tool-copy{display:grid;gap:2px;text-align:left}.bait-current-copy span,.tool-copy small{display:block;font-size:9px;line-height:1.1;color:#657f75}.bait-current-copy strong,.tool-copy strong{font-size:12px;line-height:1.2;color:#315c52}.tool-count{background:#eb8c78;border-color:#f5faf1}.action-button-wrap .cast-button{border:1px solid rgba(255,255,255,.72);background:#f28b73e0;color:#fffdf6;box-shadow:inset 0 1px #ffffff73,0 4px 12px #96523f2e}.action-button-wrap .cast-label{font-family:var(--font-rounded);font-size:14px;letter-spacing:.03em;text-shadow:none}.action-button-wrap .cast-button-shadow{display:none}.action-button-wrap .charge-track{stroke:#ffffff8c}.action-button-wrap.alert .cast-button{background:#eea63aed;box-shadow:inset 0 1px #ffffff73,0 4px 14px #be7b253b}.action-button-wrap.reeling .cast-button{background:#3ba697e6;box-shadow:inset 0 1px #ffffff73,0 4px 12px #27695e33}.action-button-wrap.waiting .cast-button{background:#70b0a4cc}.action-button-wrap .cast-button:disabled{box-shadow:inset 0 1px #ffffff59}.action-button-wrap .cast-button:active,.action-button-wrap.holding .cast-button{box-shadow:inset 0 2px 5px #5e403133}@media (hover: hover){.bait-toggle:hover,.tool-btn:hover{background:#e8fbf1d1;border-color:#9cd6c2b3}}@media (max-width: 700px){.bait-toggle,.tool-btn{min-height:54px;height:54px;gap:3px;padding:5px 2px}.bait-current-art,.tool-icon{width:24px;height:24px;border-radius:8px}.bait-current-art .item-art,.tool-icon svg{width:21px;height:21px}.bait-current-copy span,.tool-copy small{display:none}.bait-current-copy strong,.tool-copy strong{font-size:10px}.action-button-wrap .cast-label,.action-button-wrap.alert .cast-label{font-size:12px}}.action-button-wrap .cast-button{background:linear-gradient(155deg,#f5a38f,#e97e6d);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px #ffffff94,inset 0 -2px 3px #9445351f,0 3px 9px #7f46372e;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease,background-color .2s ease}.action-button-wrap .cast-icon svg{transition:transform .2s ease}.action-button-wrap .charge-ring{filter:none}.action-button-wrap .charge-track{stroke:#ffffffb8;stroke-width:3}.action-button-wrap .charge-value{stroke-width:5}@media (hover: hover){.action-button-wrap:not(.waiting) .cast-button:not(:disabled):hover{filter:brightness(1.04);box-shadow:inset 0 1px #ffffffa6,0 4px 12px #7f463733}}.action-button-wrap.charging .cast-button,.action-button-wrap.holding .cast-button,.action-button-wrap .cast-button:not(:disabled):active{transform:scale(.93);filter:brightness(.96);box-shadow:inset 0 3px 7px #6a392e33,0 1px 3px #7f46371a}.action-button-wrap.charging .cast-icon svg{transform:rotate(-18deg) scale(.94)}.action-button-wrap.alert .cast-button{animation:castAttention 1.15s ease-in-out infinite;background:linear-gradient(155deg,#f7c773,#eaa347);box-shadow:inset 0 1px #fff9,0 3px 12px #b4701e40}.action-button-wrap.reeling .cast-button{background:linear-gradient(155deg,#77d2c3,#3fa698)}.action-button-wrap.waiting .cast-button{background:linear-gradient(155deg,#b1ddd2,#80bcb0)}.action-button-wrap .cast-button:disabled{filter:none;box-shadow:inset 0 1px #fff6}@keyframes castAttention{0%,to{box-shadow:inset 0 1px #fff9,0 0 #f2ae4247}50%{box-shadow:inset 0 1px #fff9,0 0 0 5px #f2ae4214}}@media (prefers-reduced-motion: reduce){.action-button-wrap .cast-button,.action-button-wrap .cast-icon svg{transition:none}.action-button-wrap.alert .cast-button,.action-button-wrap.reeling .cast-icon svg{animation:none}}.bait-popover{display:none}.bait-tray.open .bait-popover{position:absolute;z-index:4;left:0;bottom:calc(100% + 8px);display:grid;gap:8px;width:min(300px,calc(100vw - 48px));padding:12px;border:1px solid rgba(255,255,255,.55);border-radius:20px;background:#fffaefd9;box-shadow:inset 0 1px #ffffff73,0 8px 28px #244b4426;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15)}.bait-tray.open .bait-tray-title,.bait-tray.open .bait-list{position:static;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.bait-tray.open .bait-tray-title{display:flex;padding:0 2px}.bait-tray.open .bait-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bait-tray.open .bait-popover{background:#fffaeff7}.bait-tray.open .bait-tray-title,.bait-tray.open .bait-list{background:transparent}}.bait-toggle{position:relative}.bait-current-count{font-variant-numeric:tabular-nums}.bait-toggle,#journal-btn,#shop-btn{overflow:visible}.bait-toggle{border-radius:23px 16px 22px}#journal-btn{border-radius:17px 24px 16px 23px}#shop-btn{border-radius:23px 16px 23px 17px}.bait-current-art,.tool-icon{width:34px;height:34px;background:transparent;overflow:visible}.bait-current-art .item-art,.tool-icon svg{width:46px;height:46px;max-width:none;filter:drop-shadow(0 3px 3px rgba(56,103,88,.16))}.bait-current-art .item-art{transform:translate(-3px,-7px) rotate(-9deg)}.bucket-icon svg{transform:translate(-2px,-7px) rotate(-7deg)}.shop-icon svg{transform:translate(-2px,-7px) rotate(7deg)}.bait-current-copy,.tool-copy{position:relative;z-index:1}@media (max-width: 700px){.bait-current-art,.tool-icon{width:22px;height:28px}.bait-current-art .item-art,.tool-icon svg{width:33px;height:33px}.bait-current-art .item-art{transform:translate(-2px,-6px) rotate(-9deg)}.bucket-icon svg{transform:translate(-2px,-6px) rotate(-7deg)}.shop-icon svg{transform:translate(-2px,-6px) rotate(7deg)}}.dock{width:min(450px,calc(100vw - 24px))}.bait-toggle,.tool-btn{height:64px;min-height:64px}@media (max-width: 700px){.bait-toggle,.tool-btn{height:54px;min-height:54px}}.status-bubble{bottom:calc(100% + 10px)}@media (max-width: 700px){.status-bubble{bottom:calc(100% + 10px)}}