:root{--bg:#0b1630;--bg2:#102043;--panel:#13254a;--card:#1a3060;--card2:#21396f;--line:#a0c8ff24;--text:#eaf4ff;--muted:#9db3d6;--aqua:#3ee0d0;--gold:#ffd23f;--coral:#ff6f91;--green:#5be37d;--red:#ff5a6a;--amber:#ffb84d;--blue:#4fb3ff;--pearl:#f3e9ff;--radius:14px;--font:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 30% -10%, #1d3e7a 0%, var(--bg) 55%), var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:15px;overflow:hidden}button,select,textarea{font:inherit;color:inherit}img.ficon{vertical-align:middle;object-fit:contain;flex:none;display:inline-block}#app{grid-template-rows:auto 1fr;height:100dvh;display:grid}#topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060c1cbf;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex}.brand{white-space:nowrap;letter-spacing:.3px;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.logo-fish{font-size:26px;animation:3s ease-in-out infinite swim;display:inline-block}@keyframes swim{50%{transform:translate(4px)rotate(-6deg)}}.stat{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:16px;display:flex}.stat b{font-weight:700}.stat.money b{color:var(--gold);font-size:18px}.stat.money small{color:var(--muted);font-size:12px}.stat.level{gap:6px}.xp{flex-direction:column;gap:1px;display:flex}.xpbar{background:#ffffff1f;border-radius:4px;width:110px;height:7px;overflow:hidden}.xpbar i{background:linear-gradient(90deg, var(--aqua), #8fffe9);border-radius:4px;height:100%;transition:width .3s;display:block}.xp small{color:var(--muted);font-size:10px;line-height:1}#hot{color:#ffd0a8;white-space:nowrap;align-items:center;gap:4px;font-size:14px;display:flex}#hot small{color:var(--muted)}.spacer{flex:1}.icon-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.icon-btn:hover{background:var(--card)}main{grid-template-columns:minmax(0,1fr) 410px;gap:14px;min-height:0;padding:12px 14px 14px;display:grid}#stage{flex-direction:column;align-items:center;gap:8px;min-height:0;display:flex}#tank-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 12px;width:100%;max-width:calc(156.25dvh - 312.5px);display:flex}#tank-tabs{flex-wrap:wrap;gap:6px;display:flex}.ttab{cursor:pointer;border:1px solid var(--line);background:linear-gradient(var(--w1), var(--w2));opacity:.6;text-shadow:0 1px 2px #00000080;border-radius:12px 12px 4px 4px;align-items:center;gap:6px;padding:7px 12px;font-weight:600;transition:opacity .15s,transform .15s;display:flex}.ttab small{opacity:.9;font-size:12px}.ttab em{font-size:13px;font-style:normal}.ttab:hover{opacity:.85}.ttab.on{opacity:1;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 14px #00000059}.ttab.add{background:var(--panel);opacity:.9}#tank-wrap{border-radius:16px;width:100%;max-width:calc(156.25dvh - 312.5px);position:relative;overflow:hidden;box-shadow:0 10px 40px #00000073,0 0 0 1px #ffffff0f}#tank{aspect-ratio:1000/640;touch-action:none;cursor:crosshair;width:100%;display:block}#goal-card{max-width:min(380px,55%);position:absolute;top:12px;left:12px}.goal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#081228c7;border:1px solid #ffffff26;border-radius:12px;padding:8px 12px;font-size:14px;box-shadow:0 4px 14px #00000040}.goal .gn{color:var(--aqua);font-size:12px}.goal .gd{color:var(--muted);flex-direction:column;gap:3px;margin-top:4px;font-size:13px;display:flex}.goal .rw{color:var(--gold);font-weight:600}.goal.done{cursor:default}#event-banner{white-space:nowrap;background:linear-gradient(90deg,#7b2ff7,#f107a3);border-radius:999px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 14px;font-size:14px;animation:1.6s ease-in-out infinite pulse;display:flex;box-shadow:0 6px 20px #f107a359}@keyframes pulse{50%{box-shadow:0 6px 28px #f107a399}}#event-banner[hidden]{display:none}#tank-tools{flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.tool{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081228bf;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:6px;padding:7px 12px 7px 9px;font-size:18px;transition:transform .1s,background .15s;display:flex}.tool span{font-size:13px;font-weight:600}.tool:hover:not([disabled]){background:#1e3c6ee6;transform:translate(-2px)}.tool:active:not([disabled]){transform:scale(.96)}.tool[disabled]{opacity:.45;cursor:default}.tool.alert{border-color:var(--amber);animation:1.2s ease-in-out infinite wiggle}.tool.off{opacity:.7}@keyframes wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-4deg)}20%{transform:rotate(4deg)}30%{transform:rotate(0)}}#fish-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081228e0;border:1px solid #ffffff2e;border-radius:14px;width:300px;padding:10px 12px;animation:.18s ease-out rise;position:absolute;bottom:12px;left:12px;box-shadow:0 8px 24px #0006}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.fc-head{align-items:center;gap:8px;display:flex}.fc-name{cursor:pointer;font-size:17px;font-weight:700}.fc-name small{opacity:.5;font-size:11px}.fc-name:hover small{opacity:1}.fc-sp{color:var(--muted);font-size:13px}.fc-rows{color:var(--muted);grid-template-columns:70px 1fr 50px;align-items:center;gap:4px 8px;margin:8px 0;font-size:12px;display:grid}.fc-rows small{text-align:right}.fc-actions{flex-wrap:wrap;gap:6px;display:flex}.fc-actions select{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:6px 8px}.x{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px}.x:hover{color:var(--text)}#celebrate{text-align:center;pointer-events:none;background:radial-gradient(circle,#0a1432d9,#0a143299);border:2px solid #ffe67899;border-radius:20px;max-width:80%;padding:18px 32px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #ffd23f59}#celebrate.pop{animation:2.3s ease-out both pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}20%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}#celebrate .ct{color:var(--gold);text-shadow:0 2px 8px #00000080;font-size:28px;font-weight:700}#celebrate .cs{color:#dfe9ff;margin-top:4px;font-size:15px}#tank-status{flex-wrap:wrap;gap:8px;width:100%;max-width:calc(156.25dvh - 312.5px);font-size:14px;display:flex}.st{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:flex}.st .bar{width:70px}.st.breeding{gap:4px}.bar{vertical-align:middle;background:#ffffff1f;border-radius:4px;width:100%;height:8px;display:inline-block;overflow:hidden}.bar i{background:var(--aqua);border-radius:4px;height:100%;transition:width .3s;display:block}.bar.green i{background:var(--green)}.bar.red i{background:var(--red)}.bar.amber i{background:var(--amber)}.bar.blue i{background:var(--blue)}.chip{background:#ffffff14;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:12px;display:inline-flex}.chip.big{padding:4px 6px 4px 10px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pills{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pill{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:13px}.pill.on{background:var(--aqua);color:#04283a;border-color:#0000;font-weight:600}.vtag{color:#fff;background:#ffffff1f;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.vtag.albino{color:#8a3550;background:#f5d4dc}.vtag.golden{color:#5a3b00;background:#ffcf3f}.vtag.neon{color:#04283a;background:#17d9ff}.vtag.shadow{background:#4b2e99}.vtag.rainbow{background:linear-gradient(90deg,#ff5f6d,#ffc371,#47e891,#3bc4ff,#b06bff)}.vtag.hot{background:#ff6a3d}#side{background:var(--bg2);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden}#tabs{border-bottom:1px solid var(--line);background:#0003;grid-template-columns:repeat(7,1fr);display:grid}.tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;align-items:center;gap:1px;padding:8px 2px 7px;transition:background .15s;display:flex;position:relative}.tab .ti{font-size:20px}.tab .tn{font-size:11px;font-weight:600}.tab:hover{background:#ffffff0a}.tab.on{color:var(--text);border-bottom-color:var(--aqua);background:#3ee0d014}.badge:not(:empty){background:var(--coral);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:700;animation:1s ease-in-out infinite bounce;display:grid;position:absolute;top:4px;right:8px}@keyframes bounce{50%{transform:translateY(-2px)}}#panel{scrollbar-width:thin;scrollbar-color:#2b4a85 transparent;flex:1;padding:12px 14px 20px;overflow-y:auto}#panel h2{margin:2px 0 10px;font-size:21px}#panel h3,.sheet h3{color:#cfe0ff;margin:16px 0 8px;font-size:16px}.list{flex-direction:column;gap:6px;display:flex}.row{align-items:center;gap:10px;display:flex}.row.gap{gap:8px;margin-top:8px}.grow{flex:1;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px}.card.locked{opacity:.55}.card b{font-weight:600}.muted{color:var(--muted)}.small{font-size:12.5px}.good{color:var(--green)}.emo{text-align:center;flex:none;width:32px;font-size:24px}.emo.big{font-size:28px}.lock{color:var(--muted);white-space:nowrap;font-size:12px}.maxed{color:var(--gold);padding:0 8px;font-size:13px;font-weight:700}.mini{flex-wrap:wrap;gap:2px;margin-top:3px;display:flex}.note{background:#4fb3ff1f;border:1px solid #4fb3ff40;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:10px;padding:8px 12px;font-size:14px;display:flex}.note.good{background:#5be37d1f;border-color:#5be37d4d}.note.big-note{font-size:17px}.pips{gap:3px;margin-top:5px;display:flex}.pips i{background:#ffffff24;border-radius:3px;width:14px;height:5px}.pips i.on{background:var(--aqua)}.hab-swatch{border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid;box-shadow:inset 0 0 0 1px #fff3}.stats{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:5px 12px;padding:10px 12px;font-size:14px;display:grid}.stats span{color:var(--muted)}.stats b{text-align:right}.stats.compact{font-size:13px}.fishrow{cursor:pointer;border-radius:10px;padding:5px 8px}.fishrow:hover{background:#ffffff0d}.fishrow.sel{background:#3ee0d024}.dexrow{cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 10px}.dexrow:hover{background:var(--card2)}.dexrow.unk b{color:var(--muted)}.vdots{gap:4px;display:flex}.vdot{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;width:12px;height:12px;display:inline-block}.vdot.got.normal{background:#9db3d6}.vdot.got.albino{background:#f7dbe2}.vdot.got.neon{background:#17e2ff;box-shadow:0 0 6px #17e2ff}.vdot.got.golden{background:#ffcf3f;box-shadow:0 0 6px #ffcf3f}.vdot.got.shadow{background:#6a46d8;box-shadow:0 0 6px #8a5cff}.vdot.got.rainbow{background:conic-gradient(#ff5f6d,#ffc371,#47e891,#3bc4ff,#b06bff,#ff5f6d)}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.legend span{align-items:center;gap:4px;display:flex}.order{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.order.ready{border-color:var(--green);box-shadow:0 0 0 1px #5be37d66,0 0 18px #5be37d26}.order .avatar{font-size:30px}.order .reward{color:var(--gold);text-align:right;flex-direction:column;font-size:18px;font-weight:700;display:flex}.order .reward small{color:var(--muted);font-size:11px;font-weight:500}.order .want{background:#0000002e;border-radius:10px;padding:6px 8px}.btn{background:var(--card2);cursor:pointer;white-space:nowrap;border:1px solid #ffffff24;border-radius:11px;flex:none;padding:7px 13px;font-size:14px;font-weight:600;transition:transform 80ms,filter .15s,background .15s}.btn:hover:not([disabled]){filter:brightness(1.15)}.btn:active:not([disabled]){transform:scale(.96)}.btn[disabled]{opacity:.4;cursor:default;filter:grayscale(.4)}.btn.buy{color:#04260f;background:linear-gradient(#41d97a,#24b45c);border-color:#ffffff40;box-shadow:0 2px #167a3d}.btn.primary{color:#3a2400;background:linear-gradient(#ffcf4a,#ffab1f);border-color:#ffffff59;box-shadow:0 3px #b8740a}.btn.pearl{color:#3b1f6b;background:linear-gradient(#f7eeff,#d9c2ff);box-shadow:0 2px #9b7ad8}.btn.danger{background:linear-gradient(#ff6b7a,#e0384b)}.btn.ghost{background:0 0}.btn.on{background:var(--aqua);color:#04283a}.btn.small{border-radius:9px;padding:4px 9px;font-size:12.5px}.btn.big{border-radius:16px;padding:12px 28px;font-size:20px}.btn.wide{width:100%;margin-top:10px}#toasts{z-index:30;pointer-events:none;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--line);border-left:4px solid var(--blue);background:#0e1c3cf2;border-radius:12px;padding:9px 13px;font-size:14px;transition:opacity .4s,transform .4s;animation:.25s ease-out tin;box-shadow:0 8px 20px #00000059}.toast.good{border-left-color:var(--green)}.toast.bad{border-left-color:var(--red)}.toast.rare{background:linear-gradient(90deg,#3c145af5,#0e1c3cf5);border-left-color:#f107a3}.toast.out{opacity:0;transform:translate(30px)}@keyframes tin{0%{opacity:0;transform:translate(30px)}}#modal{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020814b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#modal[hidden]{display:none}.sheet{background:var(--bg2);border:1px solid #ffffff26;border-radius:20px;flex-direction:column;gap:8px;width:min(480px,100%);max-height:calc(100dvh - 32px);padding:20px 22px;animation:.2s ease-out rise;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000080}.sheet h2{margin:0 0 4px}.sheet p{margin:4px 0;line-height:1.45}.sheet .row.card{margin-bottom:2px}.sheet ul{margin:6px 0;padding-left:18px}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.col{flex-direction:column;gap:8px;display:flex}.intro{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.intro .logo{font-size:64px;animation:3s ease-in-out infinite swim}.intro h1{background:linear-gradient(90deg,#ffd23f,#ff8a5c,#ff6f91);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:36px}.intro .how{text-align:left;gap:6px;margin:6px 0 12px;padding:0;list-style:none;display:grid}.intro .how li{background:var(--card);border-radius:10px;padding:8px 12px}.intro .col{width:100%}.big-money{color:var(--gold);margin:6px 0 10px;font-size:34px;font-weight:700}.newtag{color:#3a1200;background:linear-gradient(90deg,#ff5f6d,#ffc371);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}.dexinfo{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.dexinfo .stats{text-align:left;width:100%}.dexinfo .fact{background:#ffd23f1a;border-radius:10px;padding:8px 12px;font-size:14px}.dexvars{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.dexv{background:var(--card);border-radius:12px;flex-direction:column;align-items:center;padding:6px;display:flex}.dexv.unk{opacity:.5}.fishing-sheet{align-items:center;width:auto}#fish-canvas{aspect-ratio:420/460;touch-action:none;cursor:pointer;border-radius:14px;width:min(420px,82vw)}textarea{background:var(--card);border:1px solid var(--line);resize:vertical;-webkit-user-select:text;user-select:text;border-radius:10px;width:100%;padding:8px;font-family:ui-monospace,monospace;font-size:12px}.toggle{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.toggle span{background:#fff3;border-radius:11px;flex:none;width:38px;height:22px;transition:background .2s;position:relative}.toggle span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on span{background:var(--green)}.toggle.on span:after{left:19px}kbd{background:var(--card2);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:11px}.fake-ad{z-index:99;color:#fff;background:#000;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:fixed;inset:0}@media (width<=1100px){main{grid-template-columns:minmax(0,1fr) 360px}.xpbar{width:80px}}@media (width<=900px){body{overflow:auto}#app{height:auto;min-height:100dvh;display:block}#topbar{z-index:20;flex-wrap:wrap;gap:6px;padding:6px 10px;position:sticky;top:0}.hide-sm{display:none}.stat{padding:4px 9px;font-size:14px}.stat.money b{font-size:16px}.xpbar{width:60px}#hot{order:10;justify-content:center;width:100%;font-size:13px}main{flex-direction:column;gap:10px;padding:8px;display:flex}#tank-wrap,#tank-bar,#tank-status{max-width:none}#side{min-height:70dvh}#tabs{position:sticky;top:0}#panel{overflow:visible}#goal-card{max-width:62%;top:6px;left:6px}.goal{padding:6px 9px;font-size:12px}.goal .gd{font-size:11px}#tank-tools{gap:4px;top:6px;right:6px}.tool{padding:5px 7px;font-size:16px}.tool span{display:none}#fish-card{border-radius:0 0 14px 14px;width:100%;position:static}#event-banner{white-space:normal;padding:5px 10px;font-size:12px}#celebrate .ct{font-size:20px}#celebrate{padding:12px 18px}.st .bar{width:44px}#tank-status{gap:5px;font-size:12.5px}#toasts{max-width:none;bottom:12px;left:16px;right:16px}}@media (width<=480px){.tab .tn{display:none}.tab .ti{font-size:22px}#goal-card .gd{display:none}}kbd.hk{opacity:.6;background:#00000040;border-color:#fff3;margin-left:2px;padding:0 4px;font-size:10px}.btn.buy kbd.hk{color:#04260f;background:#ffffff59}@media (hover:none){kbd.hk{display:none}}.toast kbd{font-size:11px}.keys{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;display:grid}.keys kbd{text-align:center;padding:2px 8px;font-size:13px}.chip.pick{cursor:pointer;border:1px solid var(--line);opacity:.55;background:#ffffff0a;padding:3px 8px 3px 4px;font-size:12.5px}.chip.pick small{color:var(--muted);font-size:10.5px}.chip.pick.on{opacity:1;background:#5be37d29;border-color:#5be37d80}.sell-hab{margin-top:8px}.sell-hab .chips{margin:4px 0 0}.warn{color:var(--amber);margin:4px 0 0}