*{margin:0;padding:0;box-sizing:border-box}:root{--accent: #37c8e8;--accent2: #7de8c8;--glass: rgba(10, 34, 54, .72);--glass-border: rgba(125, 220, 255, .18);--text: #eaf6ff;--dim: #9dc2d8}html,body,#root{height:100%;overflow:hidden}body{font-family:"M PLUS Rounded 1c",system-ui,sans-serif;background:#04182c;color:var(--text);-webkit-user-select:none;user-select:none}.app{position:relative;height:100%}button{font-family:inherit;cursor:pointer;border:none;color:inherit}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 120%,#0a4a6e,#062c48 45%,#04182c);position:relative;overflow:hidden}.login-bubbles span{position:absolute;bottom:-40px;border-radius:50%;background:#a0dcff40;animation:rise linear infinite}@keyframes rise{to{transform:translateY(-110vh) translate(30px);opacity:0}}.login-card{width:340px;padding:32px 28px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000073;z-index:1}.login-logo{text-align:center;margin-bottom:20px}.fish-emoji{font-size:44px;display:block;filter:drop-shadow(0 4px 12px rgba(55,200,232,.5))}.login-logo h1{font-size:30px;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.login-logo p{color:var(--dim);font-size:13px;margin-top:4px}.login-tabs{display:flex;gap:8px;margin-bottom:14px}.login-tabs button{flex:1;padding:9px;border-radius:10px;background:#ffffff0f;font-weight:700;font-size:14px}.login-tabs button.on{background:var(--accent);color:#04283c}.login-card input{width:100%;padding:12px 14px;margin-bottom:10px;border-radius:10px;border:1px solid var(--glass-border);background:#00000040;color:var(--text);font-size:15px;font-family:inherit;outline:none}.login-card input:focus{border-color:var(--accent)}.login-err{color:#ff9a9a;font-size:13px;margin-bottom:10px}button.primary,.login-card button.primary{width:100%;padding:12px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#04283c;font-weight:800;font-size:15px}.login-card button.guest{width:100%;margin-top:10px;padding:10px;border-radius:10px;background:#ffffff14;font-size:14px}.login-note{margin-top:14px;text-align:center;font-size:11px;color:var(--dim)}.hud-top{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:5}.hud-left{display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:8px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-weight:800;font-size:15px}.user{color:var(--accent2);font-size:13px;font-weight:700}.hud-stats{display:flex;gap:10px;align-items:center}.stat{display:flex;align-items:center;gap:7px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:8px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:800;font-size:15px}.stat .ic{font-size:15px}.stat.level{gap:9px}.xpbar{width:90px;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden}.xpbar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px;transition:width .4s}.water-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,#6e822d4d,#465f23a6);transition:opacity 1.2s}.stat.water.dirty{color:#d8e86a}.act.clean{background:linear-gradient(135deg,#7de8c840,#37c8e833)}.hungry-badge{background:#ff6a5e;color:#fff;border-radius:50%;width:17px;height:17px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;margin-left:2px}.hud-tip{position:absolute;top:66px;left:50%;transform:translate(-50%);font-size:12px;color:var(--dim);background:#0618288c;padding:5px 14px;border-radius:20px;pointer-events:none;animation:tipFade 4s ease-in-out infinite}@keyframes tipFade{0%,80%{opacity:.9}90%,to{opacity:.25}}.hud-actions{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:5}.act{display:flex;align-items:center;gap:7px;padding:12px 18px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;font-size:14px;transition:transform .12s,background .2s}.act:hover{transform:translateY(-2px);background:#1e4664cc}.act.on{background:#37c8e847;border-color:var(--accent)}.act.feed{background:linear-gradient(135deg,#37c8e859,#7de8c84d);border-color:var(--accent)}.act:disabled{opacity:.55;cursor:default;transform:none}.act .ic{font-size:17px}.account-chip{background:#ffffff14;border-radius:10px;padding:5px 11px;font-size:12.5px;font-weight:700;color:var(--accent2)}.account-chip:hover,.account-chip.on{background:#37c8e840}.fish-info{position:absolute;left:16px;bottom:88px;width:212px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px;z-index:6;animation:toastIn .25s ease}.fish-info-head{display:flex;gap:10px;align-items:center}.fi-name{font-weight:800;font-size:15px}.fi-sub{font-size:11.5px;color:var(--dim)}.fi-hint{font-size:11px;color:var(--accent2)}.account-status{display:flex;gap:12px;align-items:center;padding:14px;background:#ffffff0d;border-radius:12px}.account-avatar{font-size:30px}.account-name{font-weight:800;font-size:17px}.account-sub{font-size:11.5px;color:var(--dim);margin-top:2px}.account-hint{font-size:12px;color:var(--dim);padding:4px 2px}.account-form input{width:100%;padding:11px 13px;margin-bottom:8px;border-radius:10px;border:1px solid var(--glass-border);background:#00000040;color:var(--text);font-size:16px;font-family:inherit;outline:none}.account-form input:focus{border-color:var(--accent)}.account-form .primary{padding:11px;border-radius:10px;font-weight:800}.panel-body .login-tabs{margin-bottom:10px}.corner-tools{position:absolute;right:16px;top:66px;display:flex;gap:8px;z-index:5}.corner-btn{width:38px;height:38px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px}.corner-btn:hover{background:#1e4664cc}.badge{background:#ff5a4e;color:#fff;border-radius:10px;min-width:18px;height:18px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-left:2px}.gacha-banner{width:100%;padding:13px;border-radius:12px;background:linear-gradient(135deg,#f7d84840,#f08a3c33);border:1px solid rgba(247,216,72,.4);font-weight:800;font-size:14px;color:#ffe89a}.gacha-banner:disabled{opacity:.55}.gold-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:800;color:#f7d848;background:#f7d84826;border:1px solid rgba(247,216,72,.4);border-radius:8px;padding:1px 5px;margin-left:4px}.bar.affinity .bar-track div{height:100%;background:linear-gradient(90deg,#ff7a9a,#ffb3c8);border-radius:3px}.streak-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:12px 0 4px}.cal-day{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px 2px;font-size:9px;color:var(--dim);display:flex;flex-direction:column;gap:2px}.cal-day b{font-size:10px;color:var(--dim);font-weight:700}.cal-day.on{border-color:var(--accent);color:var(--text)}.cal-day.on b{color:#f7d848}.cal-day.now{background:#37c8e833}.zen-exit{position:absolute;right:16px;bottom:18px;padding:10px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;font-size:13px;z-index:10;opacity:.75}.zen-exit:hover{opacity:1}.combo-chip{position:absolute;left:50%;bottom:108px;transform:translate(-50%);padding:7px 16px;border-radius:20px;background:linear-gradient(135deg,#ff7a3ce6,#ff3c5ae6);font-weight:800;font-size:14px;z-index:6;box-shadow:0 4px 18px #ff5a3c73;animation:comboPulse .5s ease infinite alternate}@keyframes comboPulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.06)}}.theme-row{display:flex;gap:8px;margin:8px 0}.theme-btn{flex:1;padding:10px 6px;border-radius:12px;background:#ffffff0d;border:2px solid transparent;font-size:12px;font-weight:700;opacity:.75}.theme-btn.on{background:#37c8e826;opacity:1;border-color:var(--accent)!important}.chest-chip{position:absolute;left:50%;top:64px;transform:translate(-50%);padding:6px 14px;border-radius:18px;background:#3c2c08cc;border:1px solid rgba(247,216,72,.5);color:#ffe89a;font-weight:700;font-size:12px;z-index:5;animation:comboPulse .7s ease infinite alternate}.panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8}.panel-wrap{position:absolute;top:0;right:0;bottom:0;width:380px;max-width:92vw;padding:76px 14px 90px 0;transform:translate(105%);transition:transform .28s ease;z-index:9;pointer-events:none}.panel-wrap.open{transform:translate(0);pointer-events:auto}.panel{height:100%;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;overflow:hidden}.panel-tabs{display:flex;gap:6px;padding:12px 12px 0}.panel-tabs button{flex:1;padding:9px;border-radius:10px;background:#ffffff0f;font-weight:700;font-size:13px}.panel-tabs button.on{background:var(--accent);color:#04283c}.panel-head{padding:14px 16px 8px;font-size:14px;color:var(--dim)}.panel-head b{color:var(--accent2)}.mini-bar{margin-top:6px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.mini-bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.panel-body{flex:1;overflow-y:auto;padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:#7ddcff40;border-radius:3px}.card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05)}.card.locked{opacity:.55}.swatch{width:34px;height:34px;min-width:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:19px;box-shadow:inset -3px -4px 8px #00000040}.deco-swatch{background:#ffffff14;box-shadow:none}.card-main{flex:1;min-width:0}.card-title{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}.owned,.age{font-size:11px;color:var(--dim);font-weight:500}.card-sub{font-size:11.5px;color:var(--dim);margin-top:2px}.buy{padding:8px 12px;border-radius:10px;background:linear-gradient(135deg,#f7c948,#f0a830);color:#3a2400;font-weight:800;font-size:13px;white-space:nowrap}.buy:disabled{background:#ffffff1a;color:var(--dim)}.buy.done{background:#7de8c833;color:var(--accent2);cursor:default}.sell{padding:7px 10px;border-radius:9px;background:#ff826e26;color:#ff9a8a;font-size:12px;font-weight:700}.bars{display:flex;gap:8px;margin-top:4px}.bar{display:flex;align-items:center;gap:4px;flex:1;font-size:10px}.bar-track{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bar.hunger .bar-track div{height:100%;background:linear-gradient(90deg,#ff9a5e,#f7d848);border-radius:3px}.bar.growth .bar-track div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px}.mission-track{margin-top:5px}.mission-track div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.mission.claimed{opacity:.5}.m-group{font-size:13px;font-weight:800;color:var(--dim);padding:6px 2px 2px}.empty{text-align:center;color:var(--dim);font-size:13px;margin-top:30px}.dex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;overflow-y:auto}.dex-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);font-size:11px}.dex-cell:not(.unknown):hover{background:#37c8e826}.dex-cell.unknown{opacity:.45;cursor:default}.dex-cell .q{width:34px;height:34px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}.dex-name{font-weight:700;text-align:center}.dex-rarity{color:#f7d848;font-size:9px}.dex-detail{padding:12px 18px;overflow-y:auto}.dex-detail .back{background:none;color:var(--accent);font-size:13px;font-weight:700;margin-bottom:8px}.dex-hero{display:flex;justify-content:center;padding:18px;border-radius:14px;margin-bottom:10px}.dex-hero .swatch{width:58px;height:58px}.dex-detail h3{font-size:20px}.dex-detail .latin{font-size:12px;color:var(--dim);font-style:italic}.dex-detail .stars{color:#f7d848;margin:4px 0 10px}.dex-detail .desc{font-size:13px;line-height:1.7;margin-bottom:12px}.dex-detail dl{display:grid;grid-template-columns:70px 1fr;gap:6px 10px;font-size:12.5px}.dex-detail dt{color:var(--dim)}.row-btn{width:100%;text-align:left;padding:13px 14px;border-radius:11px;background:#ffffff0f;font-weight:700;font-size:14px}.row-btn:hover{background:#ffffff1c}.row-btn.danger{color:#ff9a8a}.save-info{font-size:12.5px;color:var(--dim);background:#ffffff0a;border-radius:11px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.help h3{margin-bottom:8px}.help ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.6;margin-bottom:16px}.modal-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#020a1499;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:320px;padding:30px 26px;text-align:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:pop .3s ease}@keyframes pop{0%{transform:scale(.85);opacity:0}}.modal-emoji{font-size:44px;margin-bottom:8px}.modal h2{font-size:21px;margin-bottom:8px}.modal p{font-size:13.5px;color:var(--dim);margin-bottom:6px}.modal .streak{color:var(--accent2);font-weight:800;font-size:16px}.modal .reward{font-size:17px;font-weight:800;color:#f7d848}.modal .sub{font-size:11.5px}.modal .primary{margin-top:14px;padding:12px;border-radius:11px;font-size:15px}.toasts{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:15;pointer-events:none}.toast{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 18px;border-radius:22px;font-size:13px;font-weight:700;animation:toastIn .25s ease}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}}@media (max-width: 640px){.hud-top{top:calc(8px + env(safe-area-inset-top));left:8px;right:8px}.hud-left .logo{font-size:13px}.hud-stats{gap:6px}.stat{padding:7px 10px;font-size:13px;border-radius:11px}.xpbar{width:54px}.hud-actions{gap:6px;width:96vw;justify-content:center;flex-wrap:wrap;bottom:calc(10px + env(safe-area-inset-bottom))}.act{padding:10px 12px;font-size:12px;border-radius:13px}.hud-tip{display:none}.panel-wrap{top:auto;right:0;left:0;bottom:0;width:100%;max-width:100%;height:66vh;padding:0 8px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%)}.panel-wrap.open{transform:translateY(0)}.fish-info{left:8px;bottom:auto;top:76px;width:190px;padding:10px 12px}.toasts{bottom:150px}}