:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Nunito", "Segoe UI", system-ui, sans-serif;--bg:#071f33;--ink:#ecfbff;--ink-soft:#ecfbffbd;--ink-faint:#ecfbff80;--glass:#092236c7;--glass-strong:#081c2eeb;--drawer:#11384f;--drawer-edge:#8cece138;--line:#ffffff1c;--line-strong:#fff3;--aqua:#4fe3d0;--aqua-deep:#16a596;--aqua-glow:#4fe3d059;--sun:#ffd166;--coral:#ff7a6b;--good:#5fe39a;--warn:#ffc75a;--bad:#ff6f61;--radius-xl:24px;--radius-lg:18px;--radius:14px;--radius-sm:10px;--shadow:0 16px 40px #00081273;--shadow-sm:0 4px 14px #00081259;--blur:blur(16px) saturate(1.35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img{-webkit-user-drag:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.game-root{--safe-bottom:env(safe-area-inset-bottom,0px);width:100%;height:100dvh;position:relative}.tank-canvas{touch-action:none}.hud{pointer-events:none;z-index:2;position:absolute;inset:0}.game-root[data-scrubbing=true] .hud{visibility:hidden}.scrub-hint{left:50%;bottom:calc(18px + var(--safe-bottom));background:var(--glass);border:1px solid var(--line);color:var(--ink-soft);pointer-events:none;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700;position:absolute;transform:translate(-50%)}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur)}.btn{border:1px solid var(--line-strong);white-space:nowrap;background:#ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:.86rem;font-weight:800;transition:transform 80ms,background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff21}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45}.btn-primary{background:linear-gradient(180deg, #6ff0de, var(--aqua-deep));color:#032a2a;box-shadow:0 4px 14px var(--aqua-glow);border-color:#0000}.btn-primary:hover:not(:disabled){background:linear-gradient(#8af5e6,#1cb8a8)}.btn-danger{color:#ffd2cc;background:#ff7a6b24;border-color:#ff7a6b73}.btn-danger:hover:not(:disabled){background:#ff7a6b42}.icon-btn{border:1px solid var(--line);background:var(--glass);width:40px;height:40px;-webkit-backdrop-filter:var(--blur);border-radius:13px;place-items:center;font-size:1.05rem;transition:transform 80ms,background .15s;display:grid}.icon-btn:hover{background:var(--glass-strong)}.icon-btn:active{transform:scale(.92)}.icon-btn-sm{border-radius:10px;width:30px;height:30px;font-size:.8rem}.link-button{color:var(--aqua);white-space:nowrap;background:0 0;border:0;padding:6px 4px;font-size:.82rem;font-weight:800}.link-button:hover{text-decoration:underline}.chip{border:1px solid var(--drawer-edge);color:#b9f7ee;white-space:nowrap;background:#4fe3d01a;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.chip-soft{margin-left:4px;padding:1px 8px}.chip-coins{color:#ffe6a6;background:#ffd1661f;border-color:#ffd16666}.rarity{letter-spacing:.04em;text-transform:uppercase;color:#cfe2e8;background:#00000047;border-radius:6px;padding:1px 6px;font-size:.6rem;font-weight:900;display:inline-block}.rarity-uncommon{color:#7fe7ad}.rarity-rare{color:#73c8ff}.rarity-epic{color:#d9a4ff}.rarity-legendary{color:#ffd475}.bar{background:#ffffff1f;border-radius:999px;height:6px;display:block;overflow:hidden}.bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--aqua-deep), var(--aqua));height:100%;transition:width .4s;display:block}.bar-good>span{background:linear-gradient(90deg, #2fbf74, var(--good))}.bar-warn>span{background:linear-gradient(90deg, #e9a82f, var(--warn))}.bar-bad>span{background:linear-gradient(90deg, #e2483b, var(--bad))}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{justify-self:start;align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:radial-gradient(circle at 35% 30%,#7cf3e3,#138c95 70%);border-radius:14px;flex:0 0 42px;place-items:center;height:42px;font-size:1.35rem;display:grid;box-shadow:0 6px 18px #16a59673,inset 0 1px #fff6}.brand-name{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;min-width:0;padding:6px 10px;display:flex}.brand-name:hover{border-color:var(--line);background:var(--glass)}.brand-name strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;text-shadow:0 2px 8px #000a1499;font-size:1.08rem;font-weight:900;overflow:hidden}.brand-edit{color:var(--ink-faint);font-size:.8rem}.brand form{margin:0}.brand input{border:1px solid var(--aqua);background:var(--glass-strong);border-radius:10px;width:min(220px,36vw);padding:7px 10px;font-size:.98rem;font-weight:800}.tank-switch{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:var(--blur);border-radius:16px;gap:3px;padding:4px;display:flex}.tank-switch button{color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.86rem;font-weight:800;transition:background .2s,color .2s;display:flex;position:relative}.tank-switch button.is-active{color:#04312f;box-shadow:0 3px 12px var(--aqua-glow);background:linear-gradient(#74f1df,#25b9a8)}.pip{background:var(--sun);color:#3d2a00;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;font-style:normal;font-weight:900;display:grid}.topbar-right{justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.stat-pill{border:1px solid var(--line);background:var(--glass);height:40px;-webkit-backdrop-filter:var(--blur);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 6px;font-weight:900;display:flex}.coin-icon{vertical-align:-.22em;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;width:1.15em;height:1.15em;display:inline-block}.coin{vertical-align:middle;filter:drop-shadow(0 2px 5px #ffbe3c66);width:28px;height:28px}.coins strong{font-variant-numeric:tabular-nums;font-size:1.02rem;animation:.35s ease-out coin-hop}@keyframes coin-hop{0%{color:#ffe08a;transform:translateY(-3px)scale(1.08)}}.level-ring{--p:0;background:conic-gradient(var(--aqua) calc(var(--p) * 360deg), #ffffff24 0);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative}.level-ring:before{content:"";background:#0d2e45;border-radius:50%;position:absolute;inset:4px}.level-ring b{font-size:.78rem;position:relative}.level-label{color:var(--ink-soft);font-size:.78rem}.icon-group{gap:6px;display:flex}.gauges{pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;top:74px;left:16px}.gauge{--v:0;--tone:var(--good);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:var(--blur);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:transform .1s,border-color .2s;display:flex}.gauge:hover{border-color:var(--line-strong);transform:translate(2px)}.gauge-warn{--tone:var(--warn)}.gauge-bad{--tone:var(--bad);animation:2.4s ease-in-out infinite gauge-nudge}@keyframes gauge-nudge{0%,86%,to{transform:none}90%{transform:translate(3px)}94%{transform:translate(-2px)}}.gauge-ring{background:conic-gradient(var(--tone) calc(var(--v) * 360deg), #ffffff1f 0);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.9rem;display:grid;position:relative}.gauge-ring:before{content:"";background:#0c2c42;border-radius:50%;position:absolute;inset:3px}.gauge-ring>span{position:relative}.gauge-copy{flex-direction:column;line-height:1.1;display:flex}.gauge-copy small{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.64rem;font-weight:800}.gauge-copy strong{font-variant-numeric:tabular-nums;font-size:.86rem}.fish-pop{border-radius:var(--radius-lg);pointer-events:auto;width:min(300px,100% - 32px);padding:14px;animation:.22s ease-out pop-in;position:absolute;top:74px;right:16px}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.pop-head{align-items:center;gap:10px;display:flex}.fish-dot{border:2px solid #ffffff8c;border-radius:50%;flex:none;width:34px;height:34px;display:block;box-shadow:0 3px 10px #00000059}.fish-dot-lg{width:46px;height:46px}.pop-title{flex:1;min-width:0}.pop-title form{margin:0}.pop-title input{background:0 0;border:1px solid #0000;border-radius:8px;width:100%;margin-left:-6px;padding:2px 6px;font-size:1.05rem;font-weight:900}.pop-title input:hover,.pop-title input:focus{border-color:var(--line-strong);background:#0003;outline:none}.pop-title>span{color:var(--ink-soft);font-size:.78rem;font-weight:700;display:block}.pop-note{color:#ffe2b0;background:#ffdb8e17;border:1px solid #ffdc9c4d;border-radius:10px;margin:10px 0 0;padding:7px 9px;font-size:.74rem}.pop-desc{color:var(--ink-soft);margin:10px 0;font-size:.8rem;line-height:1.4}.pop-meter{grid-template-columns:auto 1fr;gap:4px 8px;margin-bottom:8px;font-size:.76rem;display:grid}.pop-meter>span:first-child{color:var(--ink-faint);font-weight:800}.pop-meter strong{justify-self:end}.pop-meter .bar{grid-column:1/-1}.pop-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.pop-actions .btn{min-height:34px;padding:6px 8px;font-size:.76rem}.pop-actions .btn:first-child{grid-column:1/-1}.pop-confirm{background:#6ed2ff14;border:1px solid #6ed2ff59;border-radius:12px;margin-top:10px;padding:10px;font-size:.78rem}.pop-confirm p{margin:0 0 8px}.pop-confirm div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.toasts{flex-direction:column;align-items:center;gap:6px;width:min(420px,100% - 24px);display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-strong);background:var(--glass-strong);box-shadow:var(--shadow-sm);pointer-events:auto;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.86rem;font-weight:800;animation:.28s cubic-bezier(.2,.9,.3,1.3) toast-in;display:flex}.toast-success{border-color:#5fe39a80}.toast-warn{border-color:#ffc75a99}.toast-reward{border-color:#ffd166b3;box-shadow:0 0 22px #ffd16640}.toast-icon{font-size:1.05rem}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.92)}}.dock{--tab-index:0;left:50%;bottom:calc(12px + var(--safe-bottom));filter:drop-shadow(0 18px 30px #00081273);pointer-events:auto;flex-direction:column;width:min(840px,100% - 24px);display:flex;position:absolute;transform:translate(-50%)}.camera-pad{border:1px solid var(--line-strong);color:#dffaff;touch-action:none;background:radial-gradient(circle at 35% 30%,#78dce659,#061624e0 70%);border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:transform .15s,box-shadow .15s;display:none;position:absolute;bottom:calc(100% + 10px);right:6px;box-shadow:0 6px 16px #00081266}.camera-pad svg{width:30px;height:30px}.camera-pad.is-active{transform:scale(1.12);box-shadow:0 0 0 4px #74f1df59,0 8px 20px #00081273}@media (pointer:coarse),(any-pointer:coarse){.camera-pad{display:grid}}.drawer-shell{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1),opacity .2s;display:grid}.dock.is-open .drawer-shell{opacity:1;grid-template-rows:1fr}.drawer{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--drawer-edge);background:linear-gradient(180deg, #164660f7, var(--drawer) 120px);min-height:0;-webkit-backdrop-filter:var(--blur);border-bottom:0;position:relative;overflow:hidden}.drawer-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;max-height:min(32dvh,300px);padding:14px 16px;overflow-y:auto}.dock[data-tab=shop] .drawer-scroll{max-height:min(56dvh,560px)}.dock[data-tab=view] .drawer-scroll{max-height:min(40dvh,400px)}.drawer-hide{z-index:2;border:1px solid var(--line);color:var(--ink-soft);background:#0000002e;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:10px;right:12px}.drawer-hide:hover{color:var(--ink);background:#0000004d}.dock-bar{grid-template-columns:repeat(var(--tab-count,5), 1fr);border-radius:var(--radius-xl);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);background:#061624e6;gap:6px;padding:0 6px 6px;display:grid;position:relative}.dock.is-open .dock-bar{border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top-color:var(--drawer-edge)}.dock-btn{min-height:62px;color:var(--ink-soft);background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-top:6px;padding:6px 4px;transition:background .18s,color .18s,transform .1s;display:flex;position:relative}.dock-btn:hover{color:var(--ink);background:#ffffff0f}.dock-btn:active{transform:scale(.95)}.dock-icon{font-size:1.55rem;line-height:1;transition:transform .25s cubic-bezier(.2,.9,.3,1.5)}.dock-label{letter-spacing:.01em;font-size:.78rem;font-weight:900}.dock-btn.is-active{color:var(--ink);background:linear-gradient(#4fe3d038,#4fe3d014);box-shadow:inset 0 0 0 1px #4fe3d059}.dock-btn.is-active .dock-icon{transform:translateY(-2px)scale(1.1)}.dock.is-open .dock-btn.is-active{background:var(--drawer);box-shadow:none;border-radius:0 0 16px 16px;margin-top:0;padding-top:12px}.dock.is-open .dock-btn.is-active:before,.dock.is-open .dock-btn.is-active:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute;top:0}.dock.is-open .dock-btn.is-active:before{background:radial-gradient(circle at 0 100%, transparent 13.5px, var(--drawer) 14px);left:-14px}.dock.is-open .dock-btn.is-active:after{background:radial-gradient(circle at 100% 100%, transparent 13.5px, var(--drawer) 14px);right:-14px}.dock.is-open .dock-btn.is-active:first-child:before,.dock.is-open .dock-btn.is-active:last-child:after{display:none}.dock-caret{color:var(--aqua);font-size:.6rem;position:absolute;top:4px;right:8px}.dock-badge{background:var(--coral);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.66rem;font-weight:900;animation:2s ease-in-out infinite badge-pulse;display:grid;position:absolute;top:6px;left:calc(50% + 8px);box-shadow:0 2px 8px #ff5a508c}.dock-badge.is-alert{background:var(--warn);color:#3d2a00;box-shadow:0 2px 8px #ffc75a8c}@keyframes badge-pulse{50%{transform:scale(1.12)}}.drawer-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-right:70px;display:flex}.drawer-title{min-width:0}.drawer-title h2{margin:0;font-size:1.12rem;font-weight:900}.drawer-title p{color:var(--ink-soft);margin:2px 0 0;font-size:.8rem;line-height:1.35}.drawer-tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.drawer-foot{color:var(--ink-soft);align-items:center;gap:6px;margin:12px 0 0;font-size:.78rem;display:flex}.section-label{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 8px;font-size:.7rem;font-weight:900}.empty-note{color:var(--ink-soft);margin:4px 0;font-size:.82rem}.save-note{color:var(--ink-faint);text-align:center;margin:12px 0 0;font-size:.7rem}.fine-print{color:var(--ink-soft);margin:8px 0;font-size:.74rem;line-height:1.4}.tile-row{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.tile{border-radius:var(--radius);border:1px solid var(--line);text-align:center;background:#ffffff0d;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 9px;transition:transform .12s,background .15s,border-color .15s;display:flex;position:relative}.tile:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff1a;transform:translateY(-2px)}.tile:active:not(:disabled){transform:scale(.96)}.tile:disabled{opacity:.42}.tile.is-selected{border-color:var(--aqua);background:#4fe3d029;box-shadow:0 0 0 2px #4fe3d040,0 6px 16px #00000040}.tile.is-empty{opacity:.7}.tile strong{font-size:.78rem;font-weight:800;line-height:1.15}.tile small{color:var(--ink-soft);font-size:.66rem;line-height:1.2}.tile-icon{font-size:1.7rem;line-height:1.1}.tile-icon-sm{font-size:1rem}.tile-badge{color:#c9f6ef;background:#00000040;border-radius:999px;padding:1px 8px;font-size:.66rem;font-weight:900}.tile-thumb,.tile-thumb-fallback{object-fit:cover;filter:drop-shadow(0 4px 6px #00000059);width:64px;height:56px;display:block}.tile-thumb{transform:scale(1.35)}.decor-tile{gap:6px;padding:8px 6px}.decor-tile strong{font-size:.72rem}.tile-thumb-fallback{opacity:.6;border-radius:14px}.decor-tile.is-gadget{background:linear-gradient(#ffd1661a,#ffffff08);border-color:#ffd16652}.gadget-note{color:#ffe2a0!important}.gadget-note.is-on{color:var(--good)!important}.tile-more{color:var(--aqua);border-style:dashed;justify-content:center}.care-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.care-stat{background:#00000029;border-radius:12px;grid-template-columns:1fr auto;gap:5px;padding:9px 11px;font-size:.76rem;display:grid}.care-stat>span:first-child{color:var(--ink-soft);font-weight:800}.care-stat .bar{grid-column:1/-1}.tool-groups{grid-template-columns:1fr 1fr auto;gap:0 16px;display:grid}.tool-groups .tile-row{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.tool-groups section:last-child .tile-row{grid-template-columns:repeat(2,96px)}.fish-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.fish-card{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0d;align-items:stretch;transition:background .15s,border-color .15s;display:flex}.fish-card:hover{background:#ffffff1a}.fish-card.is-selected{border-color:var(--aqua);background:#4fe3d021}.fish-card-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.fish-card-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fish-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.fish-card-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-size:.68rem;overflow:hidden}.fish-card-copy .bar{height:4px;margin-top:3px}.fish-card-move{border:0;border-left:1px solid var(--line);border-radius:0 var(--radius) var(--radius) 0;background:0 0;flex:0 0 42px;font-size:1rem}.fish-card-move:hover:not(:disabled){background:#ffffff14}.fish-card-move:disabled{opacity:.35}.nursery-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card-block{border-radius:var(--radius);border:1px solid var(--line);background:#00000024;padding:12px}.card-block h3{align-items:center;margin:0 0 8px;font-size:.9rem;display:flex}.friendship-form .btn{width:100%}.friend-picks{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.friend-picks select{border:1px solid var(--drawer-edge);background:#0c2f45;border-radius:10px;width:100%;min-width:0;padding:8px 6px;font-size:.76rem}.friendship-live{text-align:center}.friendship-live p{color:var(--ink-soft);margin:6px 0 10px;font-size:.78rem}.friendship-hearts{font-size:1.7rem}.upgrade-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;display:grid}.upgrade-card{border-radius:var(--radius);border:1px solid var(--line);background:#00000024;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.upgrade-card.is-maxed{background:#ffd1660f;border-color:#ffd16659}.upgrade-icon{font-size:1.6rem;line-height:1}.upgrade-body{min-width:0}.upgrade-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.upgrade-name strong{font-size:.86rem}.upgrade-pips{gap:3px;display:inline-flex}.upgrade-pips i{border:1px solid var(--line-strong);border-radius:50%;width:8px;height:8px}.upgrade-pips i.is-on{border-color:var(--sun);background:var(--sun)}.upgrade-body p{color:var(--ink-soft);margin:2px 0 0;font-size:.72rem}.upgrade-body p.upgrade-effect{color:var(--ink-faint)}.upgrade-effect b{color:var(--aqua)}.upgrade-buy{white-space:nowrap}.upgrade-buy.is-locked,.upgrade-buy.is-short{opacity:.6}.charm-note{margin:-4px 0 8px}.charm-picks{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.charm-pick{border:1px solid var(--line-strong);color:var(--ink-soft);font:inherit;cursor:pointer;background:#0000002e;border-radius:999px;padding:5px 10px;font-size:.74rem}.charm-pick span{color:var(--ink-faint)}.charm-pick.is-on{border-color:var(--sun);color:var(--ink);background:#ffd16629}.upgrade-done{color:var(--sun)}.egg-block h3{color:#ffe1a4}.egg-list{gap:7px;display:grid}.egg-row{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.egg-dot{border:1px solid #fff9;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;width:24px;height:30px;box-shadow:0 0 10px #fddc9959}.egg-line{justify-content:space-between;gap:6px;margin-bottom:4px;font-size:.74rem;display:flex}.egg-line span{color:#ffe1a4;font-variant-numeric:tabular-nums;font-weight:900}.subtabs{scrollbar-width:none;gap:6px;margin:-2px 0 12px;padding-bottom:4px;display:flex;overflow-x:auto}.subtabs::-webkit-scrollbar{display:none}.subtab{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:800;display:flex}.subtab:hover{color:var(--ink);background:#ffffff1a}.subtab.is-active{color:#04312f;background:linear-gradient(#74f1df,#25b9a8);border-color:#0000}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.shop-card{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0d;flex-direction:column;transition:transform .12s,border-color .15s;display:flex;overflow:hidden}.shop-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.shop-card.is-equipped{border-color:var(--aqua)}.shop-card.is-locked .shop-art>:not(.rarity):not(.shop-new){filter:grayscale(.7)brightness(.65)}.rarity-edge-rare{box-shadow:inset 0 2px #73c8ff99}.rarity-edge-epic{box-shadow:inset 0 2px #d9a4ffb3}.rarity-edge-legendary{box-shadow:inset 0 2px #ffd475cc,0 0 18px #ffd4751f}.shop-art{background:radial-gradient(circle at 50% 40%,#78dcff38,#00000026);place-items:center;height:88px;display:grid;position:relative}.shop-thumb,.shop-thumb-fallback{object-fit:contain;filter:drop-shadow(0 5px 7px #0006);width:96px;height:80px;display:block}.shop-thumb{transform:scale(1.3)}.shop-thumb-fallback{opacity:.6;border-radius:16px;width:56px;height:56px}.shop-icon{filter:drop-shadow(0 4px 6px #0006);font-size:2.3rem}.shop-count{background:#00000073;border-radius:999px;padding:1px 7px;font-size:.66rem;font-weight:900;position:absolute;top:6px;left:6px}.shop-art .rarity{position:absolute;top:6px;right:6px}.shop-copy{flex-direction:column;flex:1;gap:3px;padding:8px 10px 6px;display:flex}.shop-copy strong{font-size:.84rem;line-height:1.2}.shop-copy p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.shop-badge{color:#ffe2a0;font-size:.66rem;font-weight:800}.shop-buy{color:#3a2600;background:linear-gradient(#ffe08a,#f2b437);border:0;border-radius:10px;min-height:34px;margin:0 8px 8px;padding:6px 8px;font-size:.8rem;font-weight:900;transition:transform 80ms,filter .15s}.shop-buy:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.08)}.shop-buy:active:not(:disabled){transform:scale(.96)}.shop-buy small{font-weight:700}.shop-buy.is-owned{color:var(--ink);background:#ffffff1a}.shop-buy.is-owned:not(:disabled){color:#04312f;background:linear-gradient(#74f1df,#25b9a8)}.shop-buy:disabled,.shop-buy[aria-disabled=true]{color:var(--ink-faint);background:#ffffff14}.shop-buy.is-short:disabled,.shop-buy.is-short[aria-disabled=true]{color:#ffd07899}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);pointer-events:auto;background:#020c168c;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);border:1px solid var(--drawer-edge);width:min(420px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);background:linear-gradient(#17506d,#0d3048);animation:.25s cubic-bezier(.2,.9,.3,1.3) pop-in;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:16px 18px 4px;display:flex}.modal-header h2{margin:0;font-size:1.3rem;font-weight:900}.modal-close{border:1px solid var(--line);background:#0003;border-radius:10px;width:32px;height:32px}.modal-body{padding:8px 18px 18px}.reward{text-align:center}.reward p{color:var(--ink-soft);margin:8px 0;line-height:1.45}.reward strong{color:var(--ink)}.reward h3{margin:14px 0 4px;font-size:.95rem}.reward-icon{font-size:3rem;animation:.8s cubic-bezier(.2,.9,.3,1.4) reward-spin}@keyframes reward-spin{0%{opacity:0;transform:scale(.3)rotate(-30deg)}}.reward-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}@keyframes fade-in{0%{opacity:0}}.popup{white-space:nowrap;text-shadow:0 2px 4px #00202c,0 0 10px #001827;font-size:1rem;font-weight:900;animation:1.5s ease-out forwards popup-float}.popup-big{font-size:1.35rem}@keyframes popup-float{0%{opacity:0;transform:translateY(10px)scale(.7)}15%{opacity:1;transform:translateY(0)scale(1.1)}30%{transform:translateY(-5px)scale(1)}to{opacity:0;transform:translateY(-55px)scale(1)}}@media (width<=900px){.level-label,.brand-edit{display:none}.stat-pill.level{padding-right:6px}.tool-groups{grid-template-columns:1fr 1fr}.tool-groups section:last-child{grid-column:1/-1}.tool-groups section:last-child .tile-row{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}@media (width<=760px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand right""switch switch";gap:8px;padding:10px 10px 0}.brand{grid-area:brand}.tank-switch{grid-area:switch;justify-self:center}.topbar-right{grid-area:right;gap:6px}.brand-mark{border-radius:12px;flex-basis:36px;height:36px;font-size:1.1rem}.brand-name strong{font-size:.95rem}.icon-btn{border-radius:12px;width:36px;height:36px;font-size:.95rem}.stat-pill{height:36px}.coin{width:24px;height:24px}.gauges{flex-direction:row;justify-content:center;top:112px;left:10px;right:10px}.gauge{padding-right:10px}.fish-pop,.toasts{top:164px}.fish-pop{right:10px}.dock{width:calc(100% - 16px);bottom:calc(8px + var(--safe-bottom))}.drawer-scroll{max-height:min(40dvh,340px);padding:12px}.dock[data-tab=shop] .drawer-scroll{max-height:min(58dvh,560px)}.care-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.nursery-columns{grid-template-columns:1fr}}@media (width<=520px){.brand-name strong{max-width:120px}.icon-group{gap:4px}.icon-btn{width:32px;height:32px;font-size:.85rem}.stat-pill.coins{padding-right:10px}.coins strong{font-size:.9rem}.gauge-copy{display:none}.gauge{padding:3px}.dock-btn{min-height:54px}.dock-icon{font-size:1.3rem}.dock-label{font-size:.66rem}.dock-caret{display:none}.drawer-head{flex-wrap:wrap;padding-right:64px}.drawer-title p{font-size:.74rem}.tile-row{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.tile{padding:8px 4px 7px}.tile strong{font-size:.7rem}.tile-icon{font-size:1.45rem}.tile-thumb,.tile-thumb-fallback{width:46px;height:46px}.care-stat{padding:7px 8px;font-size:.68rem}.tool-groups{grid-template-columns:1fr}.fish-grid{grid-template-columns:1fr 1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-art{height:74px}.fish-pop{width:auto;left:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.modal-wide{width:min(760px,100%)}.icon-btn{position:relative}.icon-badge{background:var(--coral);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:900;animation:2s ease-in-out infinite badge-pulse;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 8px #ff5a508c}.link-btn{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted #ffffff73;text-decoration:underline dotted #ffffff73}.link-btn:hover{color:var(--aqua)}.rarity-morph{color:#fff3c4;background:linear-gradient(90deg,#ffc93a4d,#c06bff4d);margin-left:4px}.pedia-summary{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.pedia-stat{border-radius:var(--radius);border:1px solid var(--line);background:#0000002e;gap:4px;padding:10px 12px;display:grid}.pedia-stat strong{font-size:1.35rem;font-weight:900;line-height:1}.pedia-stat strong small{color:var(--ink-faint);font-size:.8rem}.pedia-stat>span:not(.bar){color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.pedia-milestones{scrollbar-width:none;gap:6px;margin-top:12px;display:flex;overflow-x:auto}.pedia-milestone{border-radius:var(--radius-sm);border:1px dashed var(--line-strong);color:var(--ink-faint);flex:1 0 58px;justify-items:center;gap:2px;padding:7px 4px;display:grid}.pedia-milestone b{font-size:.95rem;font-weight:900}.pedia-milestone small{white-space:nowrap;font-size:.62rem;font-weight:800}.pedia-milestone.is-done{color:var(--ink);background:linear-gradient(#74f1df52,#25b9a838);border-style:solid;border-color:#0000}.pedia-milestone.is-next{border-color:var(--sun);color:var(--sun)}.pedia-next{color:var(--ink-soft);margin:8px 0 12px;font-size:.82rem}.pedia-filter{margin-bottom:6px}.pedia-section h3{align-items:center;gap:8px;margin:12px 0 8px;font-size:.85rem;display:flex}.pedia-section h3 small{color:var(--ink-faint);font-weight:800}.pedia-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.pedia-card{border-radius:var(--radius);border:1px solid var(--line);color:var(--ink);text-align:center;background:#ffffff0d;justify-items:center;gap:4px;padding:8px 6px 9px;transition:transform .12s,background .15s,border-color .15s;display:grid}.pedia-card:hover{border-color:var(--drawer-edge);background:#ffffff1a;transform:translateY(-2px)}.pedia-card strong{font-size:.78rem;font-weight:900;line-height:1.15}.pedia-card small{color:var(--ink-faint);font-size:.66rem;font-weight:800}.pedia-art{aspect-ratio:1.25;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 40%,#6ed2ff47,#00000026 70%);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.pedia-thumb{object-fit:contain;width:100%;height:100%;transform:scale(1.25)}.pedia-thumb-fallback{aspect-ratio:1;border-radius:50%;width:42%}.is-missing .pedia-thumb,.is-missing .pedia-thumb-fallback{filter:brightness(0)saturate(0);opacity:.42}.is-missing .pedia-art{background:radial-gradient(circle at 50% 40%,#6ed2ff1f,#0003 70%)}.pedia-card.is-missing strong{color:var(--ink-faint);letter-spacing:.12em}.pedia-stamp{filter:drop-shadow(0 1px 2px #00000080);font-size:.85rem;position:absolute;bottom:3px;right:4px}.pedia-dots{gap:4px;display:flex}.pedia-dots i{border:1px solid var(--line-strong);border-radius:50%;width:8px;height:8px}.pedia-dots i.is-found{border-color:#ffffffb3;box-shadow:0 0 6px #ffffff73}.pedia-hint{color:var(--ink-faint);margin:14px 0 0;font-size:.75rem;line-height:1.45}.pedia-nav{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:.8rem;font-weight:800;display:flex}.pedia-arrows{gap:6px;display:flex}.pedia-hero{grid-template-columns:minmax(150px,.9fr) 1.4fr;align-items:center;gap:16px;display:grid}.pedia-art-lg{aspect-ratio:1.15;border-radius:var(--radius-lg)}.pedia-hero-copy h3{margin:0 0 6px;font-size:1.4rem;font-weight:900}.pedia-hero.is-missing h3{letter-spacing:.14em;color:var(--ink-faint)}.pedia-hero-copy p{color:var(--ink-soft);margin:8px 0 10px;line-height:1.45}.pedia-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pedia-badge{color:var(--sun);background:#ffd16629;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:900}.pedia-facts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:16px 0 0;display:grid}.pedia-facts div{border-radius:var(--radius-sm);background:#0000002e;padding:8px 10px}.pedia-facts dt{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem;font-weight:900}.pedia-facts dd{margin:2px 0 0;font-size:.85rem;font-weight:800}.pedia-subhead{align-items:baseline;gap:8px;margin:18px 0 8px;font-size:.95rem;display:flex}.pedia-subhead small{color:var(--ink-faint);font-size:.75rem}.pedia-morphs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pedia-morph{border-radius:var(--radius);border:1px solid var(--line);text-align:center;background:#ffffff0d;justify-items:center;gap:4px;padding:8px 6px 10px;display:grid}.pedia-morph.is-found{background:linear-gradient(#ffd16624,#ffffff0a);border-color:#ffd1668c}.pedia-morph strong{font-size:.8rem;font-weight:900}.pedia-morph small{color:var(--ink-faint);font-size:.66rem;line-height:1.3}@media (width<=520px){.pedia-summary{grid-template-columns:1fr 1fr;gap:6px}.pedia-stat{padding:8px}.pedia-stat strong{font-size:1.1rem}.pedia-hero{grid-template-columns:1fr}.pedia-art-lg{justify-self:center;max-width:220px}.pedia-morphs{grid-template-columns:repeat(2,1fr)}}.pedia-art-lg .pedia-thumb{transform:scale(1.55)}.shop-new{background:var(--coral);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:.6rem;font-weight:900;position:absolute;bottom:6px;left:6px;box-shadow:0 2px 8px #ff5a5073}.subtab-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-left:1px;box-shadow:0 0 0 2px #ff5a5040}.pip.is-new{background:var(--coral);color:#fff;animation:2s ease-in-out infinite badge-pulse;box-shadow:0 2px 8px #ff5a508c}.pip.is-ready{color:#4a0f2a;background:#ff8fc0}.fine-print.is-warn{color:var(--warn)}.sound-menu{position:relative}.sound-pop{z-index:30;border-radius:var(--radius);border:1px solid var(--line);background:var(--glass-strong);min-width:210px;-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-sm);gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.switch-row{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:.9rem;font-weight:800;display:flex}.switch-row span{white-space:nowrap}.switch-row:hover{background:#ffffff0f}.switch-row input{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:999px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-row input:checked{background:var(--aqua-deep)}.switch-row input:checked:after{transform:translate(16px)}.stat-pill.coins{transition:box-shadow .25s;position:relative}.stat-pill.coins.is-gaining{box-shadow:0 0 0 2px #ffd1668c,0 0 18px #ffbe3c73}.coin-gain{color:#ffe08a;white-space:nowrap;pointer-events:none;background:#3c24008c;border-radius:999px;padding:1px 8px;font-size:.85rem;font-weight:900;animation:1.3s ease-out forwards coin-gain;position:absolute;top:100%;left:50%}@keyframes coin-gain{0%{opacity:0;transform:translate(-50%,-4px)scale(.8)}15%{opacity:1;transform:translate(-50%,4px)scale(1.12)}70%{opacity:1;transform:translate(-50%,10px)scale(1)}to{opacity:0;transform:translate(-50%,18px)}}.now-playing{border-radius:var(--radius-sm);background:#4fe3d014;justify-content:space-between;align-items:center;gap:10px;margin:0 4px 4px;padding:6px 6px 6px 12px;font-size:.85rem;font-weight:800;display:flex}.now-playing small{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:800;display:block}.hud{transition:opacity .6s}.game-root[data-relax=true] .hud{opacity:0;pointer-events:none}.game-root[data-relax=true] .hud *{pointer-events:none!important}.relax-catcher{z-index:5;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.relax-hint{left:50%;bottom:calc(28px + var(--safe-bottom));background:var(--glass);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:800;animation:4.5s forwards relax-hint;position:absolute;transform:translate(-50%)}@keyframes relax-hint{0%,10%{opacity:0}20%,70%{opacity:1}to{opacity:0}}.goals-tabs{margin-bottom:12px}.goals-note{color:var(--ink-soft);margin:0 0 12px;font-size:.9rem}.wish-list{gap:10px;display:grid}.wish,.wish-bonus{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0a;align-items:center;gap:12px;padding:12px 14px;display:flex}.wish.is-done:not(.is-claimed){background:#4fe3d01a;border-color:#4fe3d08c;box-shadow:0 0 0 3px #4fe3d01f}.wish.is-claimed{opacity:.6}.wish-icon{background:#ffffff12;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid}.wish-copy{flex:1;gap:6px;min-width:0;display:grid}.wish-copy strong{font-size:.95rem}.wish-copy small{color:var(--ink-soft);font-weight:700}.wish-progress{align-items:center;gap:8px;display:flex}.wish-progress small{color:var(--ink-soft);flex:none;font-size:.78rem;font-weight:800}.goal-bar{background:#ffffff1a;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.goal-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--aqua-deep), var(--aqua));transition:width .4s;position:absolute;inset:0 auto 0 0}.wish-claimed,.trophy-done{color:var(--good);flex:none;font-size:.85rem;font-weight:900}.wish .btn,.wish-bonus .btn{white-space:nowrap;flex:none}.wish-bonus{border-style:dashed;margin-top:12px}.wish-bonus.is-ready{background:#ffd1661a;border-style:solid;border-color:#ffd16699;animation:2s ease-in-out infinite badge-pulse}.trophy-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.trophy{border-radius:var(--radius);border:1px solid var(--line);text-align:center;background:#ffffff08;align-content:start;gap:4px;padding:12px;display:grid}.trophy-icon{filter:grayscale()opacity(.45);font-size:1.8rem}.trophy strong{font-size:.88rem}.trophy>small{color:var(--ink-soft);font-size:.75rem;line-height:1.3}.trophy.is-earned{background:linear-gradient(#ffd1661f,#ffd16608);border-color:#ffd16673}.trophy.is-earned .trophy-icon{filter:drop-shadow(0 3px 8px #ffbe3c73)}.trophy .wish-progress{margin-top:4px}@media (width<=520px){.wish,.wish-bonus{flex-wrap:wrap}.wish-copy{flex:calc(100% - 60px)}.wish .btn,.wish-bonus .btn,.wish-claimed{margin-left:54px}.trophy-grid{grid-template-columns:1fr 1fr}.icon-btn.photo-btn{display:none}}.beauty-panel{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0a;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px;padding:10px 12px;display:flex}.beauty-score{align-items:baseline;gap:8px;display:flex}.beauty-stars{color:var(--sun);letter-spacing:1px;text-shadow:0 0 10px #ffd16673;font-size:1.05rem}.beauty-stars i{color:#ffffff2e;text-shadow:none;font-style:normal}.beauty-score small{color:var(--ink-soft);font-weight:700}.style-sets{flex-wrap:wrap;gap:6px;display:flex}.style-set{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:800}.style-set b{color:var(--ink)}.style-set.tier-1{border-color:#4fe3d073}.style-set.tier-2{background:#4fe3d01a;border-color:#4fe3d0b3}.style-set.tier-3{background:#ffd1661f;border-color:#ffd166b3}.style-icons{letter-spacing:1px;font-size:.72rem}.shop-styles{letter-spacing:1px;margin-left:6px;font-size:.75rem}.visitor-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.visitor-card{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff0a;grid-template-columns:92px 1fr;align-items:start;gap:10px;padding:10px;display:grid}.visitor-card.is-here{border-color:#ffd24a;box-shadow:0 0 0 2px #ffd24a40}.visitor-card .pedia-art{aspect-ratio:1}.visitor-copy{justify-items:start;gap:4px;min-width:0;display:grid}.visitor-copy strong{font-size:.86rem;font-weight:900;line-height:1.15}.visitor-card.is-missing .visitor-copy strong{color:var(--ink-faint);letter-spacing:.12em}.visitor-copy p{color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.35}.visitor-card.is-missing .visitor-copy p{font-style:italic}.visitor-copy small{color:var(--ink-faint);font-size:.68rem;font-weight:800}@media (width<=520px){.visitor-grid{grid-template-columns:1fr}.visitor-card{grid-template-columns:72px 1fr}}.share{gap:12px;display:grid}.share p{margin:0;line-height:1.45}.share h3{margin:8px 0 0;font-size:.95rem;font-weight:900}.share-link{gap:8px;display:flex}.share-link input{border:1px solid var(--line-strong);min-width:0;color:var(--ink);font:700 .85rem var(--font);background:#00000040;border-radius:12px;flex:1;padding:9px 12px}.share-link input:focus{outline-offset:1px;outline:2px solid #6ed2ff99}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-note{color:var(--ink-soft);font-size:.78rem}.share-problem{color:#ffb4a8;font-size:.8rem;font-weight:800}.visit-bar{grid-template-columns:1fr auto}.visit-title{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041626b8;border-radius:16px;justify-self:start;gap:2px;min-width:0;padding:8px 14px;display:grid}.visit-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:900;overflow:hidden}.visit-title small{color:var(--ink-soft);font-size:.72rem;font-weight:800}.visit-actions{align-items:center;gap:8px;display:flex}@media (width<=520px){.share-link{flex-wrap:wrap}.share-link .btn{flex:100%}.visit-bar{grid-template-columns:1fr;gap:8px}.visit-actions{justify-self:start}}.pop-character{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;gap:5px;margin:2px 0 10px;padding:9px 10px;display:grid}.pop-character p{color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.35}.pop-character p.is-happy{color:#ffd1ea}.pop-character strong{color:var(--ink)}.trait-chip{color:#ffe9a8;background:#ffd24a29;border-radius:999px;margin-right:2px;padding:1px 8px;font-size:.72rem;font-weight:900;display:inline-block}.pedia-fact{background:#ffd24a14;border:1px solid #ffd24a47;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:.82rem;line-height:1.4}.pedia-fact strong{color:#ffe9a8}.ocean-view{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(at 50% -20%,#aaebff8c,#0000 60%),linear-gradient(#1f8fc4 0%,#0d5a8f 45%,#06294d 100%);height:240px;margin-bottom:12px;scroll-margin:12px;position:relative;overflow:hidden}.ocean-rays{background:repeating-linear-gradient(105deg,#ffffff12 0 18px,#0000 18px 60px);animation:14s linear infinite ocean-rays;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}@keyframes ocean-rays{to{background-position:240px 0}}.ocean-floor{z-index:4;pointer-events:none;width:100%;height:26%;position:absolute;bottom:0;left:0;right:0}.ocean-kelp path{fill:none;stroke:#2f8a5c;stroke-width:5px;stroke-linecap:round;opacity:.75;transform-box:fill-box;transform-origin:50% 100%;animation:5s ease-in-out infinite alternate kelp-sway}.ocean-kelp path:nth-child(2n){stroke:#3fa36a;animation-duration:6.5s;animation-delay:-2s}@keyframes kelp-sway{0%{transform:skew(-6deg)}to{transform:skew(6deg)}}.ocean-coral{fill:none;stroke:#ff8a8a;stroke-width:3.5px;stroke-linecap:round;opacity:.7}.ocean-empty{z-index:6;text-align:center;color:#ecfbffd9;place-items:center;margin:0;padding:24px;font-size:.85rem;line-height:1.45;display:grid;position:absolute;inset:0}.ocean-fish{top:var(--y);width:78px;height:62px;opacity:var(--o,1);cursor:pointer;animation:ocean-swim-right var(--d) linear infinite;animation-delay:var(--delay);background:0 0;border:0;padding:0;position:absolute;left:-90px}.ocean-fish.is-left{animation-name:ocean-swim-left}.ocean-body{width:100%;height:100%;scale:var(--s,1);animation:3.2s ease-in-out infinite ocean-bob;display:block}.ocean-thumb{object-fit:contain;filter:drop-shadow(0 4px 6px #0000004d);width:100%;height:100%;transition:filter .2s;display:block;transform:scale(1.4)}.ocean-fish.is-left .ocean-thumb{transform:scale(-1.4,1.4)}.ocean-fish:hover .ocean-thumb,.ocean-fish:focus-visible .ocean-thumb{filter:drop-shadow(0 0 8px #ffffffbf)}.ocean-fish.is-featured .ocean-thumb{filter:drop-shadow(0 0 10px #ffec96f2)}.ocean-thumb-fallback{border-radius:50%;width:26px;height:14px;margin:24px auto;display:block}.ocean-tag{color:#0a3550;white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:900;position:absolute;bottom:100%;left:50%;translate:-50%;box-shadow:0 2px 6px #00000040}@keyframes ocean-swim-right{0%{left:-90px}to{left:calc(100% + 10px)}}@keyframes ocean-swim-left{0%{left:calc(100% + 10px)}to{left:-90px}}@keyframes ocean-bob{50%{translate:0 6px}}.ocean-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ocean-roster h3{align-items:baseline;gap:8px;margin:0;font-size:.95rem;display:flex}.ocean-roster h3 small{color:var(--ink-faint);font-weight:800}.ocean-roster-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:16px 0 10px;display:flex}.ocean-sort{color:var(--ink-soft);align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:flex}.ocean-sort select,.ocean-search{border:1px solid var(--line);color:var(--ink);font:inherit;background:#00000038;border-radius:10px;font-size:.8rem}.ocean-sort select{padding:6px 8px}.ocean-sort select option{background:#0d3048}.ocean-filters{margin-bottom:8px}.subtab-count{background:#0003;border-radius:999px;padding:0 6px;font-size:.68rem}.ocean-search{width:100%;margin-bottom:10px;padding:8px 12px}.ocean-search::placeholder{color:var(--ink-faint)}.ocean-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.ocean-list-item{display:contents}.ocean-group{color:var(--ink-soft);grid-column:1/-1;margin:8px 0 0;font-size:.8rem}.ocean-group small{color:var(--ink-faint)}.ocean-card{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;align-items:center;gap:10px;padding:6px 10px 6px 6px;transition:background .15s,border-color .15s;display:flex}.ocean-card:hover{background:#ffffff14}.ocean-card.is-selected{background:linear-gradient(90deg,#ffd75a29,#ffffff0d);border-color:#ffe178b3}.ocean-card-art{background:radial-gradient(circle at 50% 40%,#6ed2ff47,#0000002e 75%);border-radius:10px;flex:none;place-items:center;width:58px;height:50px;display:grid;overflow:hidden}.ocean-card-copy{gap:2px;min-width:0;display:grid}.ocean-card-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ocean-card-species{color:var(--ink-soft);font-size:.75rem}.ocean-card-tags{flex-wrap:wrap;gap:3px;display:flex}.ocean-card-tags .rarity-morph{margin-left:0}.rarity-pattern{color:#dff3ff;background:#78c8ff38}.ocean-card-copy small{color:var(--ink-faint);font-size:.68rem}.ocean-none,.ocean-note{color:var(--ink-faint);text-align:center;margin:10px 0 0;font-size:.8rem}.ocean-more{margin:12px auto 0;display:block}@media (prefers-reduced-motion:reduce){.ocean-fish,.ocean-body,.ocean-rays,.ocean-kelp path{animation-play-state:paused}}.season-banner{background:linear-gradient(90deg,#ff8a1e29,#ffd24a0f);border:1px solid #ffa64d59;border-radius:12px;margin:-4px 0 10px;padding:8px 12px;font-size:.78rem;line-height:1.4}.pedia-patterns{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.fishing-modal{width:min(540px,100%)}.fishing{gap:12px;display:grid}.fishing-stage{border-radius:var(--radius);border:1px solid var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;height:clamp(200px,38vh,290px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.fishing-canvas{width:100%;height:100%;display:block}.reel-hud{-webkit-backdrop-filter:blur(3px);background:#0418268c;border-radius:14px;gap:6px;padding:8px 10px 10px;animation:.25s cubic-bezier(.2,.9,.3,1.3) pop-in;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.reel-meta{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.reel-pips{gap:5px;display:flex}.reel-pips span{border:2px solid #ffffff8c;border-radius:50%;width:12px;height:12px;transition:background .2s,transform .2s}.reel-pips span.is-on{background:#6bf59a;border-color:#6bf59a;transform:scale(1.15)}.reel-line{gap:3px;font-size:.85rem;line-height:1;display:flex}.reel-line span{color:#ffffff40;transition:color .2s}.reel-line span.is-on{color:#ff6b8a}.reel-bar{background:#00000059;border:2px solid #fff6;border-radius:999px;height:26px;position:relative}.reel-bar.is-perfect,.reel-bar.is-hit{animation:.45s ease-out reel-good}.reel-bar.is-miss{animation:.4s ease-out reel-bad}.reel-zone{background:linear-gradient(#8dffb4,#2fbf6a);border-radius:999px;transition:left .25s;position:absolute;top:2px;bottom:2px;box-shadow:0 0 10px #6bf59a73}.reel-zone:after{content:"";background:#ffffffb3;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:3px;bottom:3px;left:50%}.reel-marker{background:#fff;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-5px;bottom:-5px;box-shadow:0 0 0 1px #00000059,0 0 8px #ffffffe6}.reel-flash{white-space:nowrap;text-shadow:0 2px #0006;pointer-events:none;margin-bottom:4px;font-size:.85rem;font-weight:900;animation:.6s ease-out forwards reel-flash;position:absolute;bottom:100%;translate:-50%}.reel-flash.is-perfect{color:#ffe14d}.reel-flash.is-hit{color:#8dffb4}.reel-flash.is-miss{color:#ff8a8a}@keyframes reel-flash{0%{opacity:0;transform:translateY(6px)scale(.7)}25%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-10px)scale(1)}}@keyframes reel-good{0%{border-color:#8dffb4;box-shadow:0 0 14px #6bf59acc}}@keyframes reel-bad{0%,to{transform:translate(0)}20%{border-color:#ff8a8a;transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.fishing-panel{text-align:center;align-content:start;justify-items:center;gap:10px;min-height:132px;display:grid}.fishing-panel p{min-height:2.9em;margin:0;line-height:1.45}.fishing-big{min-width:180px;min-height:48px;font-size:1.1rem}.fishing-big.is-waiting{opacity:.6}.fishing-big.is-hot{animation:.5s ease-in-out infinite alternate hook-pulse}@keyframes hook-pulse{to{transform:scale(1.07);box-shadow:0 0 22px #ffc44db3}}.key-hint{color:var(--ink-faint);font-size:.72rem}@media (hover:none){.key-hint{display:none}}.casts-left{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.casts-left>span{background:#ffffff26;border-radius:50%;width:8px;height:8px}.casts-left>span.is-on{background:linear-gradient(#ff5a5a 0 50%,#fff 50%)}.casts-left small{width:100%;color:var(--ink-faint);font-size:.72rem}.catch-card{border-radius:var(--radius);text-align:left;background:linear-gradient(90deg,#ffd75a24,#ffffff0a);border:1px solid #ffe17859;align-items:center;gap:12px;padding:8px 14px 8px 8px;animation:.35s cubic-bezier(.2,.9,.3,1.3) pop-in;display:flex}.catch-copy{gap:4px;display:grid}.catch-copy>span{color:var(--ink-soft);flex-wrap:wrap;gap:4px;font-size:.8rem;display:flex}.catch-copy .rarity-morph{margin-left:0}.rarity-new{color:#e6fff6;background:linear-gradient(90deg,#6effc84d,#6ec8ff4d)}.fishing-catch{border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 40%,#ffe68c59,#00000026 70%);flex:none;place-items:center;width:84px;height:68px;display:grid}.fishing-catch-icon{font-size:2.2rem}@media (prefers-reduced-motion:reduce){.fishing-big.is-hot{animation:none}}