*{box-sizing:border-box}:root{--fish-reward-w: min(520px, 72vw);--fish-reward-h: min(330px, 45vh);--fish-reward-scale: 1.18;--fish-reward-shadow: drop-shadow(0 18px 12px rgba(0, 0, 0, .22));--fish-reward-2-w: min(340px, 39vw);--fish-reward-2-h: 246px;--fish-reward-3-w: min(268px, 28vw);--fish-reward-3-h: 214px;--fish-reward-4-w: min(310px, 39vw);--fish-reward-4-h: 180px;--fish-preview-w: min(410px, 100%);--fish-preview-h: 224px;--fish-card-w: min(292px, 100%);--fish-card-h: 270px;--fish-detail-w: min(610px, 88vw);--fish-detail-h: min(430px, 58vh);--fish-item-w: min(272px, 100%);--fish-item-h: 174px;--fish-toolbar-w: 70px;--fish-toolbar-h: 46px}body{margin:0;min-height:100vh;overflow:hidden;font-family:Microsoft YaHei,Trebuchet MS,sans-serif;color:#172033;background:linear-gradient(135deg,#8ee7ff,#fff1a8 48%,#ffb0cb)}.shell{display:block;width:100vw;height:100vh;padding:0}.game-wrap{display:grid;place-items:center;width:100vw;height:100vh;min-width:0;border:0;border-radius:0;background:#101828;overflow:hidden}#game-root{width:100%;height:100%}#game-root canvas{width:min(100vw,calc(100vh * 16 / 9))!important;height:min(100vh,56.25vw)!important;display:block}.eyebrow{margin:0 0 6px;color:#1f5fbf;font-weight:900;text-transform:uppercase}h1{margin:0 0 10px;font-size:34px;line-height:1}p{margin:0 0 14px;font-weight:800;line-height:1.55}button{width:100%;min-height:54px;border:3px solid #172033;border-radius:12px;background:#42d77d;color:#172033;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 6px #0000002e}.world-back-button{position:fixed;left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));z-index:20000;display:inline-grid;grid-template-columns:54px auto;align-items:center;gap:8px;width:auto;min-width:132px;min-height:62px;padding:5px 16px 7px 5px;border:5px solid #172033;border-radius:999px;background:linear-gradient(180deg,#fff,#fff2a6);box-shadow:0 8px #0003,0 0 0 6px #ffffff59;pointer-events:auto;touch-action:manipulation}.world-back-button[hidden]{display:none}.world-back-button span{display:grid;place-items:center;width:46px;height:46px;border:4px solid #172033;border-radius:50%;background:#8ee7ff;font-size:34px;line-height:1}.world-back-button b{font-size:22px;white-space:nowrap}.cast-overlay{position:fixed;left:50%;bottom:max(122px,calc(env(safe-area-inset-bottom) + 112px));z-index:12050;display:inline-flex;align-items:center;justify-content:center;width:min(384px,calc(100vw - 48px));min-height:112px;border:0;border-radius:999px;background:url(/assets/ui/cast-button-dream-v1.png?v=1) center / contain no-repeat;color:#172033;font-family:Trebuchet MS,Microsoft YaHei,sans-serif;font-size:46px;font-weight:900;box-shadow:none;transform:translate(-50%);touch-action:manipulation;-webkit-user-select:none;user-select:none;pointer-events:auto;overflow:visible;filter:drop-shadow(0 15px 10px rgba(0,0,0,.24)) drop-shadow(0 0 22px rgba(255,243,109,.45))}.cast-overlay:before{content:none}.cast-overlay:after{content:"";position:absolute;right:38px;top:22px;width:24px;height:24px;clip-path:polygon(50% 0,62% 34%,98% 38%,68% 58%,80% 100%,50% 72%,20% 100%,32% 58%,2% 38%,38% 34%);background:#fff7a6;filter:drop-shadow(0 0 8px rgba(255,255,255,.9));animation:cast-star-twinkle .98s ease-in-out infinite alternate}.cast-overlay[hidden],.cast-overlay span{display:none}.cast-overlay b{position:relative;z-index:2;letter-spacing:0;line-height:1;color:#172033;-webkit-text-stroke:2px rgba(255,255,255,.92);text-shadow:0 4px 0 rgba(255,243,109,.86),0 8px 0 rgba(27,149,92,.44),0 12px 12px rgba(0,0,0,.16)}.cast-overlay.is-casting{filter:drop-shadow(0 15px 10px rgba(0,0,0,.22)) drop-shadow(0 0 30px rgba(255,212,92,.86)) saturate(1.12)}.cast-overlay:disabled{cursor:wait;opacity:.92}.catch-overlay{position:fixed;left:50%;top:92px;z-index:13000;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:8px;width:min(820px,calc(100vw - 42px));min-height:520px;padding:22px 26px 20px;border:6px solid #172033;border-radius:22px;background:radial-gradient(ellipse at 50% 24%,rgba(255,255,255,.98) 0 22%,rgba(255,247,190,.9) 43%,transparent 68%),linear-gradient(160deg,rgba(255,255,255,.7) 0 16%,transparent 17% 58%,rgba(255,255,255,.42) 59% 64%,transparent 65%),radial-gradient(ellipse at 50% 106%,#ffb7d56b 0 22%,#ffd45cbd 54%,#fff2a6f0 76%),#fff2a6;box-shadow:0 14px #0000003d,0 0 0 7px #ffffff7a;transform:translate(-50%);overflow:hidden;text-align:center}.catch-overlay:before{content:"";position:absolute;left:10%;right:10%;bottom:96px;z-index:1;height:126px;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,rgba(255,255,255,.82) 0 18%,rgba(255,248,231,.58) 36%,rgba(255,196,115,.28) 68%,transparent 72%),linear-gradient(180deg,#fff6,#ffb7d52e);box-shadow:inset 0 -9px #ffae5324,0 18px 24px #774c1821;transform:perspective(520px) rotateX(62deg);transform-origin:50% 60%}.catch-overlay:after{content:"";position:absolute;left:18%;right:18%;bottom:142px;z-index:1;height:46px;border-radius:50%;background:radial-gradient(ellipse,rgba(86,56,30,.2) 0 22%,rgba(86,56,30,.09) 48%,transparent 72%);filter:blur(2px);transform:perspective(420px) rotateX(64deg)}.catch-overlay[data-island=vision]{background:radial-gradient(circle at 50% 34%,#fffffff5,#e2f7fff0 44%,#9ceaffe6),#e2f7ff}.catch-overlay[data-island=power]{background:radial-gradient(circle at 50% 34%,#fffffff5,#fff2a6f0 44%,#ffc55eeb),#fff2a6}.cast-action{position:fixed;left:34%;top:46%;z-index:9000;width:min(280px,34vw);height:min(210px,28vw);pointer-events:none;transform-origin:12% 78%}.cast-action img{position:absolute;left:-36px;top:-34px;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(0,0,0,.2));transform:rotate(9deg)}.cast-action b{position:absolute;right:22px;top:64px;width:3px;height:140px;background:#ffffffb8;box-shadow:0 0 10px #ffffffa6}.cast-action b:after{content:"";position:absolute;left:-12px;bottom:-18px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 20%,#ff6aa9 21% 56%,#1f5fbf 57%);border:3px solid #172033}.cast-action.play{animation:cast-swing .85s ease-in-out}@keyframes cast-swing{0%{transform:rotate(-10deg) translateY(0);opacity:0}20%{opacity:1}55%{transform:rotate(16deg) translate(70px,-28px)}to{transform:rotate(4deg) translate(104px,34px);opacity:0}}@keyframes cast-star-twinkle{0%{transform:rotate(-12deg) scale(.82);opacity:.72}to{transform:rotate(10deg) scale(1.18);opacity:1}}.inventory-bar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:9998;display:grid;grid-template-columns:126px repeat(6,minmax(82px,1fr));align-items:center;gap:12px;width:min(1120px,calc(100vw - 24px));min-height:100px;padding:11px 12px 13px;border:5px solid rgba(23,32,51,.92);border-radius:26px;background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.98),transparent 18%),linear-gradient(180deg,#fffce6fa,#fff2a6f0 52%,#daf6fff5);box-shadow:inset 0 3px #ffffffbd,inset 0 -7px #774c1814,0 11px #0003,0 0 0 7px #ffffff7a;transform:translate(-50%)}.inventory-bar[hidden]{display:none}.inventory-head{position:relative;display:grid;gap:2px;min-height:76px;align-content:center;padding:8px 8px 7px;border:4px solid rgba(23,32,51,.72);border-radius:20px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.96),transparent 28%),linear-gradient(180deg,#fff8e7,#ffd45c);font-weight:900;text-align:center;box-shadow:inset 0 3px #ffffffad,0 5px #00000029}.inventory-head strong{font-size:23px;line-height:1;color:#172033;text-shadow:0 2px 0 rgba(255,255,255,.78)}.inventory-head small{color:#24516f;font-size:11px;line-height:1.15}.inventory-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.inventory-item{position:relative;display:grid;place-items:center;flex:0 0 76px;width:76px;height:60px;min-height:60px;padding:3px;border:3px solid rgba(23,32,51,.34);border-radius:12px;background:#fff;box-shadow:none}.inventory-main{position:absolute;inset:0;display:grid;place-items:center;width:100%;min-height:100%;padding:3px;border:0;border-radius:10px;background:transparent;box-shadow:none}.inventory-item.selected{border-color:#1f5fbf;background:#dff3ff}.inventory-item em{position:absolute;left:7px;top:7px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border:3px solid #172033;border-radius:50%;background:#ffd45c;color:#172033;font-size:18px;font-style:normal;font-weight:900;box-shadow:0 3px #0000002e}.inventory-item.island-cream{background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.86),transparent 18%),repeating-linear-gradient(-18deg,#ffd66861 0 12px,#fff8e7b8 12px 24px),linear-gradient(180deg,#fff8e7,#ffe0a3)}.inventory-item.island-cream em{background:#fff2a6}.inventory-item.island-vision{background:radial-gradient(circle at 70% 24%,rgba(255,255,255,.95),transparent 14%),radial-gradient(circle at 82% 30%,rgba(156,234,255,.65),transparent 26%),radial-gradient(circle at 18% 78%,rgba(255,243,109,.32),transparent 22%),linear-gradient(180deg,#eefcff,#dff3ff)}.inventory-item.island-vision em{overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),transparent 32%),#9ceaff;color:transparent}.inventory-item.island-vision em:before{content:"";width:42px;height:42px;background:url(/assets/fish/vision/vision-spect-fish-v2.png?v=5) center / contain no-repeat;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18))}.inventory-item.island-power{background:linear-gradient(180deg,#fff7b3,#ffe66d)}.inventory-item.island-creation{background:linear-gradient(180deg,#efffd9,#c7f2a7)}.inventory-item.island-connection{background:linear-gradient(180deg,#e7f6ff,#99d7ff)}.inventory-item.island-time{background:linear-gradient(180deg,#f3edff,#d7c4ff)}.inventory-item.island-mind{background:linear-gradient(180deg,#e8fff2,#b7f7d8)}.inventory-item.island-language{background:linear-gradient(180deg,#fff0f8,#ffc0df)}.inventory-item.island-law{background:linear-gradient(180deg,#f3f1ff,#e7e0ff)}.inventory-item.island-power em{background:#ffe66d}.inventory-item.island-creation em{background:#c7f2a7}.inventory-item.island-connection em{background:#99d7ff}.inventory-item.island-time em{background:#d7c4ff}.inventory-item.island-mind em{background:#b7f7d8}.inventory-item.island-language em{background:#ffc0df}.inventory-item.island-law em{background:#e7e0ff}.inventory-item img{width:var(--fish-toolbar-w);height:var(--fish-toolbar-h);object-fit:contain;transform:scale(1.08)}.inventory-item span{position:absolute;left:5px;bottom:2px;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}.story-mini-button{position:absolute;right:-8px;top:-10px;z-index:4;min-width:48px;min-height:28px;padding:1px 8px 3px;border:3px solid rgba(23,32,51,.82);border-radius:999px;background:radial-gradient(circle at 28% 18%,#ffffff 0 13%,transparent 14%),linear-gradient(180deg,rgba(255,255,255,.78) 0 26%,transparent 27%),linear-gradient(180deg,#fff7a6,#ffd45c 54%,#ff9f43);color:#1c5d89;font-family:Trebuchet MS,Comic Sans MS,Microsoft YaHei,sans-serif;font-size:12px;font-weight:950;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.72);box-shadow:inset 0 3px #ffffffb8,inset 0 -4px #be6f1838,0 4px #673f0c61,0 8px 12px #17203333;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.story-mini-button:hover{filter:brightness(1.05) saturate(1.08);transform:translateY(-1px)}.story-mini-button:active{transform:translateY(3px);box-shadow:inset 0 3px #ffffff9e,inset 0 -2px #be6f182e,0 1px #673f0c61,0 4px 8px #17203329}.inventory-item b{position:absolute;right:-5px;top:-8px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:2px solid #172033;border-radius:999px;background:#ffd45c;font-size:13px}.merge-button{--tool-top: #fff4aa;--tool-bottom: #ffb23f;--tool-glow: rgba(255, 178, 63, .42)}.book-button{--tool-top: #e6fbff;--tool-bottom: #73d5ff;--tool-glow: rgba(115, 213, 255, .42)}.tool-button,.help-button,.clear-button,.book-button,.merge-button{position:relative;display:grid;place-items:center;min-height:78px;padding:8px 6px;border-width:4px;border-radius:20px;background:radial-gradient(circle at 28% 14%,rgba(255,255,255,.98),transparent 24%),linear-gradient(180deg,var(--tool-top, #ffffff),var(--tool-bottom, #c9f1ff));color:#172033;font-weight:950;box-shadow:inset 0 3px #ffffffb3,inset 0 -5px #17203314,0 6px #0003,0 0 18px var(--tool-glow, rgba(255,255,255,0));line-height:1;overflow:hidden}.tool-button:before,.help-button:before,.clear-button:before,.book-button:before,.merge-button:before{content:"";position:absolute;left:12px;right:12px;top:6px;height:18px;border-radius:50%;background:#ffffff85;pointer-events:none}.tool-icon{position:relative;z-index:2;display:grid;place-items:center;width:66px;height:60px;border:0;border-radius:50%;background:transparent;font-size:0;filter:drop-shadow(0 7px 5px rgba(0,0,0,.18))}.tool-icon img{width:76px;height:76px;object-fit:contain}.tool-label{display:none}.tool-button{--tool-top: #ffffff;--tool-bottom: #c9f1ff;--tool-glow: rgba(142, 231, 255, .35)}.rod-tool{--tool-top: #e4fbff;--tool-bottom: #8ee7ff;--tool-glow: rgba(142, 231, 255, .48)}.bag-tool{--tool-top: #fff3ba;--tool-bottom: #ffc86d;--tool-glow: rgba(255, 200, 109, .48)}.clear-button{--tool-top: #fff0f7;--tool-bottom: #ffb7d5;--tool-glow: rgba(255, 183, 213, .44)}.help-button{--tool-top: #efe1ff;--tool-bottom: #b795ff;--tool-glow: rgba(183, 149, 255, .48)}.help-button.can-help{animation:help-pulse 1.1s ease-in-out infinite}.help-pop{position:fixed;left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 92px));z-index:13002;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(560px,calc(100vw - 32px));min-height:86px;padding:12px 18px 12px 12px;border:5px solid #172033;border-radius:22px;background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.96),transparent 22%),linear-gradient(180deg,#efe1ff,#ffdb7a);color:#172033;font-size:23px;font-weight:900;text-align:left;box-shadow:0 12px #00000038,0 0 0 6px #ffffff80;transform:translate(-50%) scale(.86);opacity:0;cursor:default}.help-pop:before{content:"🪄";display:grid;place-items:center;width:56px;height:56px;border:4px solid rgba(23,32,51,.26);border-radius:50%;background:#ffffffd1;font-size:34px;box-shadow:inset 0 -5px #00000014}.help-pop.can-merge{cursor:pointer}.help-pop.can-merge:after{content:"点我合成";display:inline-grid;place-items:center;align-self:center;min-height:30px;padding:5px 12px;border:3px solid #172033;border-radius:999px;background:#fff;font-size:15px;white-space:nowrap;box-shadow:0 3px #0000002e}.help-pop[hidden]{display:none}.help-pop.show{animation:help-pop .36s cubic-bezier(.17,.89,.24,1.28) forwards}.items-panel{position:fixed;left:50%;top:16px;bottom:max(96px,calc(env(safe-area-inset-bottom) + 86px));z-index:10001;display:grid;grid-template-rows:auto minmax(260px,38vh) minmax(0,1fr);gap:10px;width:min(1180px,calc(100vw - 24px));max-height:none;padding:12px;border:5px solid #172033;border-radius:18px;background:#fff8e7f5;box-shadow:0 12px #00000038;transform:translate(-50%)}.items-panel[hidden]{display:none}.rod-panel{position:fixed;left:50%;top:50%;z-index:14000;display:grid;gap:14px;width:min(760px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 28px));overflow:auto;padding:18px;border:6px solid #172033;border-radius:24px;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.98),transparent 22%),radial-gradient(circle at 86% 16%,rgba(255,212,92,.38),transparent 24%),linear-gradient(145deg,#fff8e7fa,#dff3fff7);box-shadow:0 18px #0000003d,0 0 0 9999px #0d1a2b61;transform:translate(-50%,-50%)}.rod-panel[hidden]{display:none}.rod-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.rod-panel header strong{display:block;font-size:clamp(26px,3vw,36px)}.rod-panel header small{color:#426179;font-weight:900}#rodClose{width:48px;min-height:48px;border-radius:50%;background:#ff8a8a;font-size:28px;line-height:1}.rod-visual{position:relative;display:grid;place-items:center;min-height:220px;border:4px solid rgba(23,32,51,.24);border-radius:20px;background:linear-gradient(135deg,#dff3ff,#fff2a6);overflow:hidden}.rod-visual i{position:absolute;left:96px;top:104px;width:min(520px,calc(100vw - 190px));height:26px;border-radius:999px;background:linear-gradient(90deg,#5a3317,#b7792d,#f7c873);box-shadow:0 6px #00000038,inset 0 4px #ffffff57;transform:rotate(-18deg)}.rod-visual i:before,.rod-visual i:after{content:"";position:absolute;top:-16px;width:42px;height:42px;border:4px solid #172033;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 18%,#ffd45c 19% 62%,#1f5fbf 63%)}.rod-visual i:before{left:152px}.rod-visual i:after{right:34px}.rod-visual b{position:absolute;right:126px;top:62px;width:5px;height:126px;background:#ffffffe0}.rod-visual b:after{content:"";position:absolute;left:-16px;bottom:-14px;width:36px;height:36px;border:3px solid #172033;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 18%,#ff6aa9 19% 58%,#1f5fbf 59%)}.rod-visual span{position:absolute;z-index:2;left:50%;bottom:10px;transform:translate(-50%);margin-bottom:0;padding:4px 12px;border:3px solid #172033;border-radius:999px;background:#ffffffc7;font-size:20px;font-weight:900}.rod-visual img{position:relative;z-index:2;width:min(620px,96%);height:184px;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(0,0,0,.22))}.rod-visual em{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 12deg,rgba(255,255,255,.86) 13deg 16deg,transparent 17deg 36deg);opacity:0;animation:rod-shine 2.6s linear infinite}.rod-visual[data-tier="1"]{background:radial-gradient(circle at 50% 30%,#fff,#dff3ff 60%,#fff2a6)}.rod-visual[data-tier="1"] i{background:linear-gradient(90deg,#5b4bff,#8ee7ff,#fff36d);box-shadow:0 0 18px #fff36d8c}.rod-visual[data-tier="1"] em,.rod-visual[data-tier="2"] em,.rod-visual[data-tier="3"] em,.rod-visual[data-tier="4"] em,.rod-visual[data-tier="5"] em{opacity:.42}.rod-visual[data-tier="2"]{background:radial-gradient(circle at 50% 30%,#fff,#ffe5f1 58%,#fff2a6)}.rod-visual[data-tier="2"] i{background:linear-gradient(90deg,#ff8ac7,#fff,#9b8cff);box-shadow:0 0 22px #ff8ac7a6}.rod-visual[data-tier="3"]{background:radial-gradient(circle at 50% 30%,#fff,#dff3ff 45%,#ffd6f1 78%)}.rod-visual[data-tier="3"] i{background:linear-gradient(90deg,#38bdf8,#62e6d4,#fff36d,#ff6aa9);box-shadow:0 0 26px #62e6d4b8}.rod-visual[data-tier="4"]{background:radial-gradient(circle at 50% 30%,#fff,#dcfce7 55%,#cffafe)}.rod-visual[data-tier="4"] i{background:linear-gradient(90deg,#166534,#22c55e,#d9f99d);box-shadow:0 0 24px #22c55ead}.rod-visual[data-tier="5"]{background:radial-gradient(circle at 50% 30%,#fff,#f5d0fe 48%,#ddd6fe 82%)}.rod-visual[data-tier="5"] i{background:linear-gradient(90deg,#3b0764,#7c3aed,#f0abfc,#fde68a);box-shadow:0 0 28px #c084fcbd}.rod-visual[data-tier="6"]{background:radial-gradient(circle at 50% 30%,#fff,#fef3c7 46%,#fb923c 90%)}.rod-visual[data-tier="6"] i{background:linear-gradient(90deg,#b45309,#f97316,#fef3c7,#facc15);box-shadow:0 0 30px #fb923cbd}.rod-visual[data-tier="7"]{background:radial-gradient(circle at 50% 30%,#fff,#cffafe 45%,#a78bfa 88%)}.rod-visual[data-tier="7"] i{background:linear-gradient(90deg,#0f766e,#22d3ee,#fff,#a78bfa);box-shadow:0 0 32px #22d3eec2}.rod-visual[data-power="4"] i,.rod-visual[data-power="5"] i,.rod-visual[data-power="6"] i,.rod-visual[data-power="7"] i,.rod-visual[data-power="8"] i,.rod-visual[data-power="9"] i,.rod-visual[data-power="10"] i,.rod-visual[data-power="11"] i,.rod-visual[data-power="12"] i{height:22px}@keyframes rod-shine{to{transform:rotate(360deg)}}.rod-progress{height:22px;padding:3px;border:3px solid #172033;border-radius:999px;background:#fff}.rod-progress span{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#42d77d,#8ee7ff,#ffd45c);transition:width .24s ease}#rodProgressText{margin:0;color:#24516f;font-size:16px}.rod-level-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rod-level-picker button{position:relative;display:grid;grid-template-rows:54px auto auto;gap:3px;min-height:108px;padding:8px 5px 7px;border:3px solid #172033;border-radius:12px;background:linear-gradient(180deg,#fff,#e7f7ff);color:#172033;box-shadow:0 4px #00000029}.rod-level-picker button:before{content:none;justify-self:center;align-self:center;width:min(108px,100%);height:24px;border:3px solid rgba(23,32,51,.72);border-radius:999px;background:linear-gradient(90deg,#5a3317,#b7792d,#f7c873);box-shadow:0 4px #00000029,inset 0 4px #ffffff52;transform:rotate(-16deg)}.rod-level-picker button img{justify-self:center;align-self:center;width:100%;max-width:126px;height:54px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(0,0,0,.18))}.rod-level-picker button[data-tier="1"]:before{background:linear-gradient(90deg,#5b4bff,#8ee7ff,#fff36d)}.rod-level-picker button[data-tier="2"]:before{background:linear-gradient(90deg,#ff8ac7,#fff,#9b8cff)}.rod-level-picker button[data-tier="3"]:before{background:linear-gradient(90deg,#38bdf8,#62e6d4,#fff36d,#ff6aa9)}.rod-level-picker button[data-tier="4"]:before{background:linear-gradient(90deg,#166534,#22c55e,#d9f99d)}.rod-level-picker button[data-tier="5"]:before{background:linear-gradient(90deg,#3b0764,#7c3aed,#f0abfc,#fde68a)}.rod-level-picker button[data-tier="6"]:before{background:linear-gradient(90deg,#b45309,#f97316,#fef3c7,#facc15)}.rod-level-picker button[data-tier="7"]:before{background:linear-gradient(90deg,#0f766e,#22d3ee,#fff,#a78bfa)}.rod-level-picker button.active{background:linear-gradient(180deg,#fff2a6,#ffd45c);box-shadow:0 0 0 4px #42d77d5c,0 4px #00000029}.rod-level-picker button:disabled{opacity:.48;filter:grayscale(.6)}.rod-level-picker b{font-size:18px;line-height:1}.rod-level-picker span{font-size:12px;font-weight:900;color:#24516f}#rodUpgradeButton{min-height:56px;border-width:4px;border-radius:14px;background:linear-gradient(180deg,#ffd45c,#ffb23f)}#rodUpgradeButton.ready{animation:help-pulse 1.1s ease-in-out infinite;background:linear-gradient(180deg,#68ef95,#32c96e)}.items-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.items-panel header strong{display:block;font-size:24px}.items-panel header small{color:#426179;font-weight:900}#itemsClose{width:48px;min-height:48px;border-radius:50%;background:#ff8a8a;font-size:28px;line-height:1}.items-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;min-height:260px;padding:14px;border:3px solid rgba(23,32,51,.18);border-radius:14px;background:#ffffffeb}.selected-preview-slot{display:grid;grid-template-rows:minmax(0,1fr) auto auto;place-items:center;min-width:0;min-height:240px;padding:12px;border:4px solid #1f5fbf;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff,#dff3ff 72%);box-shadow:inset 0 0 0 4px #ffffffa3,0 8px #0000001f;overflow:hidden;width:100%;color:#172033}.selected-preview-slot.empty{border-color:#1720333d;background:repeating-linear-gradient(-8deg,#fff8e7 0 16px,#fff2a6 17px 32px)}.selected-preview-slot.empty b{display:grid;place-items:center;width:min(210px,38vw);height:min(210px,38vw);border:6px dashed rgba(23,32,51,.38);border-radius:24px;color:#1720338c;font-size:clamp(30px,5vw,54px)}.selected-preview-slot img{width:var(--fish-preview-w);max-height:var(--fish-preview-h);object-fit:contain;justify-self:center;transform:scale(1.08);filter:drop-shadow(0 16px 12px rgba(0,0,0,.2))}.selected-preview-slot strong{display:block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(34px,4.2vw,64px);line-height:1;text-align:center}.selected-preview-slot span{max-width:100%;font-size:clamp(18px,2.3vw,30px);font-weight:900;color:#24516f;text-align:center}.items-panel .inventory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;overflow-y:auto;overflow-x:hidden;padding:2px 4px 10px}.items-panel .inventory-item{width:100%;height:228px;min-height:228px;padding:12px 12px 54px;border-width:4px;border-radius:16px}.items-panel .inventory-item em{left:12px;top:12px;width:38px;height:38px;font-size:18px}.items-panel .inventory-item img{width:var(--fish-item-w);height:var(--fish-item-h);object-fit:contain;transform:scale(1.08)}.items-panel .inventory-item span{left:14px;bottom:12px;max-width:calc(100% - 28px);font-size:25px;line-height:1.12;text-align:left;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.merge-button:disabled{filter:grayscale(.55) saturate(.72);opacity:.78;cursor:default;box-shadow:inset 0 3px #ffffff8c,inset 0 -5px #17203314,0 5px #00000029}.merge-button:disabled .tool-icon{opacity:.72}.empty-inventory{margin:0;align-self:center;font-size:18px;color:#426179}.book-modal{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:20px;background:#0d1a2b75}.book-modal[hidden]{display:none}.book-panel{width:min(980px,100%);max-height:min(720px,calc(100vh - 40px));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:16px;border:6px solid #172033;border-radius:22px;background:#fff8e7;box-shadow:0 16px #00000038}.book-modal.cream-book .book-panel{background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.95),transparent 25%),radial-gradient(circle at 82% 10%,rgba(255,211,116,.42),transparent 28%),linear-gradient(145deg,#fff8e7,#fff0c8 52%,#ffe0a3)}.book-modal.vision-book .book-panel{background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.98),transparent 24%),radial-gradient(circle at 88% 12%,rgba(144,224,255,.55),transparent 26%),radial-gradient(circle at 48% 90%,rgba(255,247,178,.55),transparent 32%),linear-gradient(145deg,#e8fbff,#f7fcff 45%,#fff5c9)}.book-modal.vision-book .book-card{border-color:#24516f3d;background:linear-gradient(180deg,#fff,#ecfbff)}.inventory-bar.vision-tools{background:radial-gradient(circle at 18% 35%,rgba(255,255,255,.9),transparent 18%),linear-gradient(135deg,#e8fbfff0,#fff6c4eb)}.inventory-bar.power-tools{background:radial-gradient(circle at 20% 35%,rgba(255,255,255,.92),transparent 18%),radial-gradient(circle at 78% 20%,rgba(255,243,109,.38),transparent 22%),linear-gradient(135deg,#fff8d6f2,#e2f7ffed)}.book-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.book-panel header strong{display:block;font-size:30px;line-height:1.1}.book-panel header small{color:#426179;font-weight:900}#bookClose{width:54px;min-height:54px;border-radius:50%;background:#ff8a8a;font-size:34px;line-height:1}.book-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.book-islands{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.book-islands button{min-height:42px;padding:6px 4px;border-width:3px;border-radius:10px;background:#ffffffe0;font-size:14px;font-weight:900}.book-islands button.active{background:#ffd45c;box-shadow:inset 0 -4px #0000001f}.book-tabs button{min-height:48px;border-width:3px;border-radius:12px;background:#fff}.book-tabs button.active{background:#ffd45c}.book-empty{display:grid;place-items:center;align-content:center;gap:10px;min-height:300px;border:3px dashed rgba(23,32,51,.28);border-radius:18px;background:#ffffff9e;grid-column:1 / -1;text-align:center}.book-empty strong{font-size:34px}.book-empty span{font-size:20px;font-weight:900;color:#24516f}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;overflow:auto;padding:2px 2px 8px}.book-card{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;justify-items:center;align-items:end;gap:4px;min-height:338px;padding:10px 12px 12px;border:3px solid rgba(23,32,51,.18);border-radius:14px;background:#fff;text-align:center;font-weight:900}.book-card img{align-self:center;width:var(--fish-card-w);height:var(--fish-card-h);object-fit:contain;transform:scale(1.06);filter:drop-shadow(0 12px 10px rgba(0,0,0,.18))}.book-card strong{font-size:20px;color:#172033;line-height:1}.book-card span{font-size:14px;color:#24516f;line-height:1.05}.book-card small{font-size:12px;color:#6b4b2a}.book-card.locked img{filter:grayscale(1) brightness(0);opacity:.22}.book-card.locked{background:#eef2f7;color:#64748b}.book-detail{position:fixed;inset:0;z-index:90000;display:grid;place-items:center;padding:20px;background:#0d1a2b7a}.book-detail-card{z-index:90001;pointer-events:auto}.book-detail[hidden]{display:none}.book-detail-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto auto auto;justify-items:center;align-content:center;gap:6px;width:min(760px,calc(100vw - 40px));height:min(680px,calc(100vh - 36px));min-height:0;padding:22px 26px 20px;border:6px solid #172033;border-radius:22px;background:radial-gradient(circle at 50% 28%,#fff,#fff2a6 62%,#ffd45c);box-shadow:0 16px #00000038;text-align:center}.book-detail.vision-detail .book-detail-card{background:radial-gradient(circle at 50% 26%,#fff,#e8fbff 44%,#ffeeb0),linear-gradient(145deg,#e8fbff,#fff5c9)}.book-detail.cream-detail .book-detail-card{background:radial-gradient(circle at 50% 28%,#fff,#fff2a6 62%,#ffd45c)}.book-detail-card img{align-self:center;width:var(--fish-detail-w);max-height:var(--fish-detail-h);object-fit:contain;filter:drop-shadow(0 22px 16px rgba(0,0,0,.24))}.book-detail-card strong{font-size:clamp(28px,4vw,44px);line-height:1}.book-detail-card p{margin:0;font-size:clamp(24px,3.3vw,38px);line-height:1.05;color:#24516f}.book-detail-card .book-story{width:min(650px,86vw);max-height:118px;overflow:auto;padding:10px 14px;border:3px solid rgba(23,32,51,.18);border-radius:16px;background:#ffffff8f;font-family:Microsoft YaHei,Trebuchet MS,sans-serif;font-size:clamp(15px,2vw,20px);font-weight:900;line-height:1.35;color:#24516f;text-align:left;box-shadow:inset 0 3px #ffffff9e}.book-detail-card small{font-size:clamp(14px,1.8vw,20px);font-weight:900;color:#6b4b2a}#bookDetailClose{position:absolute;right:12px;top:12px;width:48px;min-height:48px;border-radius:50%;background:#ff8a8a;font-size:28px;line-height:1}.book-speak-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#bookSpeakButton,#bookStoryButton{width:min(180px,42vw);min-height:52px;border:4px solid rgba(23,32,51,.82);border-radius:18px;background:radial-gradient(circle at 35% 18%,rgba(255,255,255,.92) 0 16%,transparent 17%),linear-gradient(180deg,rgba(255,255,255,.72) 0 28%,transparent 29%),linear-gradient(180deg,#95f3ff,#42d77d 54%,#23b86a);color:#17324d;font-family:Trebuchet MS,Comic Sans MS,Microsoft YaHei,sans-serif;font-size:17px;font-weight:950;text-shadow:0 2px 0 rgba(255,255,255,.72);box-shadow:inset 0 4px #ffffffb8,inset 0 -7px #10714833,0 7px #17203352,0 13px 16px #17203329;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}#bookStoryButton{background:radial-gradient(circle at 35% 18%,rgba(255,255,255,.92) 0 16%,transparent 17%),linear-gradient(180deg,rgba(255,255,255,.72) 0 28%,transparent 29%),linear-gradient(180deg,#fff7a6,#ffd45c 58%,#ffb84d);box-shadow:inset 0 4px #ffffffb8,inset 0 -7px #be6f1838,0 7px #673f0c61,0 13px 16px #17203329}#bookSpeakButton:hover,#bookStoryButton:hover,.catch-story-button:hover{filter:brightness(1.06) saturate(1.08);transform:translateY(-2px)}#bookSpeakButton:active,#bookStoryButton:active,.catch-story-button:active{transform:translateY(4px);box-shadow:inset 0 4px #ffffff9e,inset 0 -3px #673f0c2e,0 2px #17203347,0 7px 10px #17203324}.catch-overlay[hidden]{display:none}.catch-overlay.pop{animation:catch-pop .52s cubic-bezier(.17,.89,.24,1.28)}.catch-overlay[data-count="2"]{width:min(860px,calc(100vw - 32px));padding:18px 22px 16px}.catch-overlay[data-count="3"]{width:min(920px,calc(100vw - 28px));padding:16px 20px 14px}.catch-overlay[data-count="4"]{width:min(960px,calc(100vw - 24px));padding:16px 20px 14px}.catch-fish-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;place-items:center;width:min(620px,82vw);min-height:350px;gap:10px}.catch-fish-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));width:min(800px,86vw);min-height:338px}.catch-fish-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));width:min(870px,88vw);min-height:318px;gap:12px}.catch-fish-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));width:min(850px,88vw);min-height:466px;gap:2px 10px}.catch-mini-card{position:relative;display:grid;place-items:center;align-content:center;width:100%;min-height:342px;padding:2px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.catch-mini-card:after{content:"";position:absolute;left:50%;bottom:18px;width:min(230px,72%);height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(72,46,22,.23) 0 24%,rgba(72,46,22,.11) 48%,transparent 74%);filter:blur(1px);transform:translate(-50%)}.catch-mini-card.reading{transform:translateY(-8px) scale(1.035);box-shadow:none;filter:drop-shadow(0 0 26px rgba(255,212,92,.75))}.catch-mini-card.read-done{opacity:.72;filter:saturate(.85)}.catch-mini-card img{--fish-scale: var(--fish-reward-scale);--fish-scale-pop: calc(var(--fish-reward-scale) + .08);width:var(--fish-reward-w);max-height:var(--fish-reward-h);object-fit:contain;transform:scale(var(--fish-scale));filter:var(--fish-reward-shadow) drop-shadow(0 4px 0 rgba(255,255,255,.34));animation:fish-reward-float 1.8s ease-in-out infinite}.catch-mini-card.reading img{animation:fish-reading-bounce .76s ease-in-out infinite}.catch-mini-card strong,.catch-mini-card span{display:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catch-mini-card strong{font-size:22px;font-weight:950;color:#172033}.catch-mini-card span{font-size:15px;font-weight:900;color:#24516f}.catch-fish-grid[data-count="2"] .catch-mini-card{min-height:328px}.catch-fish-grid[data-count="2"] .catch-mini-card img{--fish-scale: 1.1;--fish-scale-pop: 1.18;width:var(--fish-reward-2-w);max-height:var(--fish-reward-2-h)}.catch-fish-grid[data-count="3"] .catch-mini-card{min-height:306px}.catch-fish-grid[data-count="4"] .catch-mini-card{min-height:222px}.catch-fish-grid[data-count="3"] .catch-mini-card img{--fish-scale: 1.08;--fish-scale-pop: 1.16;width:var(--fish-reward-3-w);max-height:var(--fish-reward-3-h)}.catch-fish-grid[data-count="4"] .catch-mini-card img{--fish-scale: 1.12;--fish-scale-pop: 1.2;width:var(--fish-reward-4-w);max-height:var(--fish-reward-4-h)}.catch-fish-grid[data-count="3"] .catch-mini-card strong,.catch-fish-grid[data-count="4"] .catch-mini-card strong{font-size:18px}.catch-fish-grid[data-count="3"] .catch-mini-card span,.catch-fish-grid[data-count="4"] .catch-mini-card span{font-size:13px}.catch-overlay strong{position:relative;z-index:2;display:block;font-size:22px;line-height:1.1}.catch-overlay strong[hidden],.catch-overlay small[hidden]{display:none}.catch-excitement{position:absolute;top:18px;right:22px;z-index:3;width:86px;height:76px;pointer-events:none}.catch-excitement:before{content:"";position:absolute;left:20px;top:16px;width:42px;height:42px;border:4px solid rgba(23,32,51,.72);border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffffff 0 16%,transparent 17%),linear-gradient(180deg,#fff36d,#ffd45c);box-shadow:0 5px #00000029;animation:excitement-pop .72s ease-in-out infinite alternate}.catch-excitement i{position:absolute;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:20px solid #ffffff;filter:drop-shadow(0 3px 0 rgba(23,32,51,.28));transform-origin:50% 70%}.catch-excitement i:nth-child(1){left:2px;top:18px;transform:rotate(-38deg)}.catch-excitement i:nth-child(2){left:34px;top:-2px;border-bottom-color:#fff7a6}.catch-excitement i:nth-child(3){right:0;top:26px;transform:rotate(42deg)}.catch-overlay p{position:relative;z-index:2;margin:2px 0 0;font-family:Trebuchet MS,Comic Sans MS,Microsoft YaHei,sans-serif;font-size:clamp(34px,4.5vw,50px);font-weight:950;letter-spacing:0;color:#1c5d89;-webkit-text-stroke:2px rgba(255,255,255,.86);text-shadow:0 4px 0 rgba(255,183,213,.38),0 9px 10px rgba(23,32,51,.16)}.catch-overlay .catch-story{width:min(720px,86vw);max-height:94px;overflow:auto;margin:8px auto 0;padding:10px 14px;border:3px solid rgba(23,32,51,.16);border-radius:18px;background:#ffffff85;font-family:Microsoft YaHei,Trebuchet MS,sans-serif;font-size:clamp(15px,2vw,19px);font-weight:900;line-height:1.35;color:#24516f;-webkit-text-stroke:0;text-align:left;text-shadow:none;box-shadow:inset 0 3px #ffffff9e}.catch-story[hidden],.catch-story-button[hidden]{display:none}.catch-story-button{position:relative;z-index:3;min-width:168px;min-height:54px;margin-top:8px;padding:0 26px 4px;border:4px solid rgba(23,32,51,.82);border-radius:20px;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.96) 0 15%,transparent 16%),radial-gradient(circle at 82% 32%,rgba(255,255,255,.72) 0 11%,transparent 12%),linear-gradient(180deg,rgba(255,255,255,.78) 0 30%,transparent 31%),linear-gradient(180deg,#fff7a6,#ffd45c 55%,#ffb84d);color:#1c5d89;font-family:Trebuchet MS,Comic Sans MS,Microsoft YaHei,sans-serif;font-size:22px;font-weight:950;text-shadow:0 2px 0 rgba(255,255,255,.78);box-shadow:inset 0 5px #ffffffc2,inset 0 -8px #be6f1838,0 8px #673f0c61,0 15px 18px #1720332b;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.catch-reading{position:relative;z-index:3;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;width:min(430px,72vw);height:34px;margin:8px auto 0}.catch-reading[hidden]{display:none}.catch-reading i{display:block;width:38px;height:30px;border:3px solid rgba(23,32,51,.66);border-radius:16px 16px 12px 12px;background:radial-gradient(circle at 32% 20%,#ffffff 0 13%,transparent 14%),linear-gradient(180deg,#fff8e7 0 46%,#ffb7d5 47% 64%,#ffd45c 65%);box-shadow:0 4px #00000024}.catch-reading span{display:block;width:0%;height:18px;border:3px solid rgba(23,32,51,.66);border-radius:999px;background:repeating-linear-gradient(45deg,#ffffffe6 0 9px,#ffffff57 10px 18px),linear-gradient(90deg,#ffb7d5,#ffd45c,#fff36d);box-shadow:0 3px #0000001f}.catch-overlay[data-count="2"] p,.catch-overlay[data-count="3"] p,.catch-overlay[data-count="4"] p{max-width:min(760px,86vw);margin-top:2px;font-size:clamp(22px,3vw,32px);line-height:1.08}.catch-overlay[data-count="2"] .catch-story,.catch-overlay[data-count="3"] .catch-story,.catch-overlay[data-count="4"] .catch-story{max-height:78px;font-size:clamp(13px,1.7vw,16px)}.catch-overlay[data-count="3"] p,.catch-overlay[data-count="4"] p{font-size:clamp(20px,2.4vw,28px)}.catch-overlay small{display:none;position:relative;z-index:2;font-size:15px;font-weight:900;color:#6b4b2a}.catch-overlay.fail{background:radial-gradient(circle at 50% 34%,#fffffffa,#ffd6d6f2 45%,#ff9a9aeb),#ffd6d6}.catch-overlay.fail .catch-excitement,.catch-overlay.fail img{display:none}.catch-overlay.fail p{display:grid;place-items:center;width:180px;height:180px;margin:8px 0;border:8px solid #172033;border-radius:50%;background:#fff;color:#ef4444;font-size:130px;line-height:1;box-shadow:0 12px #0000002e;animation:fail-wobble .56s ease-in-out}.catch-burst{position:absolute;inset:-30%;z-index:1;background:conic-gradient(from 0deg,transparent 0 8deg,rgba(255,255,255,.9) 9deg 13deg,transparent 14deg 28deg),radial-gradient(circle,rgba(255,255,255,.95) 0 8%,rgba(255,210,63,.55) 9% 22%,transparent 46%);animation:burst-spin 2.8s linear infinite}@keyframes catch-pop{0%{transform:translate(-50%) scale(.62) rotate(-2deg);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes fish-reward-float{0%,to{transform:translateY(0) scale(var(--fish-scale))}50%{transform:translateY(-8px) scale(var(--fish-scale-pop))}}@keyframes fish-reading-bounce{0%,to{transform:translateY(-2px) scale(var(--fish-scale-pop))}50%{transform:translateY(-14px) scale(calc(var(--fish-scale-pop) + .06))}}@keyframes burst-spin{to{transform:rotate(360deg)}}@keyframes excitement-pop{0%{transform:translateY(0) scale(.92) rotate(-7deg)}to{transform:translateY(-5px) scale(1.08) rotate(8deg)}}@keyframes fail-wobble{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.04)}50%{transform:rotate(8deg) scale(.98)}75%{transform:rotate(-4deg) scale(1.02)}}@keyframes help-pulse{0%,to{transform:translateY(0);box-shadow:0 6px #0000002e}50%{transform:translateY(-4px);box-shadow:0 10px #00000029,0 0 18px #ffd23fcc}}@keyframes help-pop{to{transform:translate(-50%) scale(1);opacity:1}}@media(min-width:901px)and (max-width:1400px)and (orientation:landscape){.cast-overlay{bottom:126px;width:min(372px,calc(100vw - 54px));min-height:108px;font-size:44px}.inventory-bar{bottom:max(14px,env(safe-area-inset-bottom));width:min(1000px,calc(100vw - 34px));min-height:88px;gap:10px;padding:10px}.tool-button,.book-button,.clear-button,.help-button,.merge-button{min-height:68px;border-width:4px}.tool-icon{width:40px;height:40px;font-size:25px}.tool-label{font-size:12px}.inventory-head strong{font-size:19px}.inventory-head small{font-size:11px}.catch-overlay{top:54px}.items-panel,.book-panel{width:min(1040px,calc(100vw - 34px));max-height:calc(100vh - 110px)}.items-panel .inventory-list,.book-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:900px){:root{--fish-reward-w: min(330px, 78vw);--fish-reward-h: 210px;--fish-reward-scale: 1.08;--fish-reward-2-w: min(155px, 38vw);--fish-reward-2-h: 150px;--fish-reward-3-w: min(155px, 30vw);--fish-reward-3-h: 150px;--fish-reward-4-w: min(155px, 38vw);--fish-reward-4-h: 150px;--fish-preview-w: min(145px, 38vw);--fish-preview-h: 130px;--fish-card-w: min(215px, 100%);--fish-card-h: 218px;--fish-item-w: min(164px, 100%);--fish-item-h: 112px;--fish-toolbar-w: 62px;--fish-toolbar-h: 42px}.game-wrap{min-height:100vh}.catch-overlay{top:72px;min-height:340px;padding:18px}.catch-fish-grid .catch-mini-card img{width:var(--fish-reward-w);max-height:var(--fish-reward-h)}.catch-fish-grid[data-count="2"] .catch-mini-card img,.catch-fish-grid[data-count="3"] .catch-mini-card img,.catch-fish-grid[data-count="4"] .catch-mini-card img{width:var(--fish-reward-2-w);max-height:var(--fish-reward-2-h)}.catch-overlay strong{font-size:18px}.catch-overlay p{font-size:28px}.cast-overlay{bottom:max(104px,calc(env(safe-area-inset-bottom) + 96px));width:min(286px,calc(100vw - 42px));min-height:84px;font-size:34px}.cast-overlay span{display:none}.inventory-bar{grid-template-columns:72px repeat(6,minmax(48px,1fr));min-height:82px;gap:6px;padding:8px;border-radius:20px}.inventory-head strong{font-size:15px}.inventory-head small{font-size:9px}.inventory-item{flex-basis:66px;width:66px}.tool-button,.book-button,.help-button,.clear-button,.merge-button{min-height:62px;padding:5px 3px 4px;border-width:3px;border-radius:15px}.tool-icon{width:34px;height:34px}.tool-icon img{width:44px;height:44px}.tool-label{padding:1px 6px 2px;font-size:10px}.help-pop{grid-template-columns:46px minmax(0,1fr);width:min(430px,calc(100vw - 18px));min-height:70px;padding:8px 12px 8px 8px;border-width:4px;font-size:17px}.help-pop:before{width:44px;height:44px;border-width:3px;font-size:28px}.help-pop.can-merge:after{grid-column:2;justify-self:start;margin-top:-2px;min-height:24px;padding:3px 9px;border-width:2px;font-size:12px}.book-panel{max-height:calc(100vh - 22px);padding:12px}.book-panel header strong{font-size:24px}.book-islands{grid-template-columns:repeat(3,minmax(0,1fr))}.book-islands button{min-height:38px;font-size:13px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.book-card{min-height:300px}.book-card img{width:var(--fish-card-w);height:var(--fish-card-h)}.book-card strong{font-size:18px}.items-panel{top:10px;bottom:max(88px,calc(env(safe-area-inset-bottom) + 78px));grid-template-rows:auto minmax(220px,32vh) minmax(0,1fr);max-height:none}.items-preview{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;text-align:center;min-height:220px;gap:8px;padding:8px}.selected-preview-slot{min-height:208px;padding:8px}.selected-preview-slot img{width:var(--fish-preview-w);max-height:var(--fish-preview-h)}.selected-preview-slot strong{font-size:26px}.selected-preview-slot span{font-size:17px}.selected-preview-slot.empty b{width:min(130px,34vw);height:min(130px,34vw);font-size:30px}.items-panel .inventory-list{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}.items-panel .inventory-item{height:178px;min-height:178px;padding:8px 8px 46px}.items-panel .inventory-item img{width:var(--fish-item-w);height:var(--fish-item-h)}.items-panel .inventory-item span{left:10px;bottom:9px;max-width:calc(100% - 20px);font-size:20px;line-height:1.1}.rod-panel{inset:50% auto auto 50%;width:min(720px,calc(100vw - 18px));max-height:calc(100vh - 18px);padding:12px;transform:translate(-50%,-50%)}.rod-visual{min-height:168px}.rod-visual img{height:132px}.rod-visual i{left:54px;top:78px;width:min(420px,calc(100vw - 126px));height:22px}.rod-visual b{right:74px;top:48px;height:98px}.rod-level-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.rod-level-picker button{min-height:88px;grid-template-rows:42px auto auto}.rod-level-picker button img{height:42px}}