:root{--deep:#062b33;--ink:#24455e;--water:#a9d9f5;--water2:#8fc7ec;--cream:#f4ead7;--gold:#efb866;--orange:#e56f38;--glass:#092634c7;--edge:clamp(12px, 3.2vw, 42px);--carrot:#f0bb6b;--carrot-deep:#a97a2c;--gold-deep:#a97a2c;--aqua:#43cfc5;--aqua-deep:#12857d;--leaf:#8ade52;--leaf-deep:#41911e;--berry:#ff6b81;--berry-deep:#c93552}*{box-sizing:border-box}html,body,#root{background:var(--deep);width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:2px solid #ffe2a8}.game-viewport{--game-scale:1;background:radial-gradient(#1b7a6838,#0000 62%),#031f25;place-items:center;width:100vw;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.experience{aspect-ratio:16/9;width:min(100vw,177.778dvh);min-width:0;min-height:0;color:var(--cream);touch-action:none;position:relative;overflow:hidden;box-shadow:0 0 80px #00000061}.pond-world{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 22% 16%,#8cebcd29 0 6%,#0000 7%),radial-gradient(at 80% 74%,#8cebcd1f 0 5%,#0000 6%),radial-gradient(at 62% 40%,#2e9e8a80 0 30%,#0000 55%),radial-gradient(circle at 50% 44%,#1b7a68 0%,#136053 42%,#0c4a40 72%,#083630 100%);width:100%;height:100%;position:relative;overflow:hidden}.pond-world:after{content:"";z-index:40;pointer-events:none;background:radial-gradient(at 50% 48%,#0000 48%,#05282347 72%,#031a168c 100%);position:absolute;inset:0}.game-host{z-index:1;position:absolute;inset:0;overflow:hidden}.game-host canvas{pointer-events:none;display:block}.hud-layer{z-index:41;--edge:clamp(12px, 3.2cqw, 42px);width:1280px;height:720px;transform:scale(var(--game-scale));transform-origin:50%;margin:-360px 0 0 -640px;position:absolute;top:50%;left:50%;container-type:size}.rotate-surface{place-items:center;display:grid;position:absolute;inset:0}.aim-target{z-index:18;border:2px solid var(--ink);pointer-events:none;background:#ffffff47;border-radius:50%;width:74px;height:34px;animation:.7s ease-in-out infinite alternate aim-pulse;position:absolute;translate:-50% -50%;box-shadow:0 0 0 7px #ffffff40}.aim-target:before,.aim-target:after{content:"";background:var(--ink);position:absolute}.aim-target:before{width:2px;height:50px;top:-9px;left:50%}.aim-target:after{width:90px;height:2px;top:50%;left:-9px}.aim-target img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 4px #04161c73);width:34px;height:34px;position:absolute;top:50%;left:50%;translate:-50% -50%}.aim-target span{background:var(--ink);color:#fff;letter-spacing:1.6px;white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:6px;font-weight:900;position:absolute;top:38px;left:50%;translate:-50%}@keyframes aim-pulse{to{opacity:.8;scale:1.12}}.topbar{z-index:50;height:86px;padding:0 var(--edge);pointer-events:none;background:linear-gradient(#061e2ad1,#061e2a52,#0000);grid-template-columns:1fr auto;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.seal{width:45px;height:45px;color:var(--gold);background:#061e2a8c;border:2px solid #efb866d9;border-radius:50%;place-items:center;font:24px Arial,Helvetica,sans-serif;display:grid;box-shadow:0 0 0 4px #efb86614}.brand div{flex-direction:column;gap:3px;display:flex}.brand strong{letter-spacing:2px;color:#fff;text-shadow:0 1px 6px #061e2a99;font:800 13px/1 Arial,Helvetica,sans-serif}.brand small,.wallet small{letter-spacing:1.7px;color:#fff;opacity:.72;font-size:8px}.wallet{pointer-events:auto;justify-self:end;align-items:center;gap:8px;display:flex;position:relative}.gear-btn{width:48px;height:48px;color:var(--cream);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#092634b8;border:1px solid #ffffff40;border-radius:12px;place-items:center;font-size:19px;display:grid}.gear-btn:hover{border-color:#efb86699}.settings-pop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:100% 0;background:#092634f0;border:1px solid #ffffff2e;border-radius:16px;width:224px;padding:6px;animation:.16s cubic-bezier(.34,1.56,.64,1) settings-pop-in;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 40px #061e2a73}.settings-pop:before{content:"";background:#092634f0;border:0;border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;border-radius:2px;width:11px;height:11px;position:absolute;bottom:100%;right:18px;translate:0 5.5px;rotate:45deg}@keyframes settings-pop-in{0%{opacity:0;translate:0 -4px;scale:.92}}.settings-head{color:var(--gold);letter-spacing:1.9px;align-items:center;gap:7px;padding:8px 12px 7px;font-size:9px;font-weight:900;display:flex}.settings-head:after{content:"";background:linear-gradient(90deg,#efb86673,#0000);flex:1;height:1px}.settings-row{color:#f4ead7b8;letter-spacing:1.4px;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;font-size:9px;font-weight:800;display:flex}.settings-row+.settings-row{border-top:1px solid #ffffff14}.settings-row button{min-width:80px;height:27px;color:var(--gold);letter-spacing:1px;cursor:pointer;background:#efb8661f;border:1px solid #efb86666;border-radius:999px;padding:0 11px;font-size:8.5px;font-weight:900;transition:background .12s,border-color .12s,transform .12s}.settings-row button:hover{background:#efb8663d;border-color:#efb866b3}.settings-row button:active{transform:scale(.95)}.wallet>div:not(.settings-pop),.wallet>button:not(.gear-btn){min-width:104px;height:48px;color:var(--cream);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#092634b8;border:1px solid #ffffff40;border-radius:12px;grid-template-rows:25px 11px;grid-template-columns:22px 1fr;align-items:center;padding:0 14px;display:grid}.wallet>button{cursor:pointer}.wallet>button:hover{border-color:#efb86699}.wallet>div>span,.wallet>button>span{color:var(--gold);grid-row:1/3;font-size:17px}.wallet strong{align-self:end;font:800 17px Arial,Helvetica,sans-serif}.wallet small{align-self:start}.wallet-coins{position:relative}.wallet-coins.coin-flare{border-color:#ffe2a8f2;animation:.62s cubic-bezier(.2,1.5,.45,1) wallet-pop;box-shadow:0 0 0 5px #efb86626,0 0 24px #efb86673}.wallet-coins.coin-flare>span{animation:.62s ease-out coin-spin}.wallet-gain{color:#ffe2a8;text-shadow:0 2px 4px #522c06cc;pointer-events:none;font:900 12px Arial,Helvetica,sans-serif;animation:1s ease-out forwards wallet-gain;position:absolute;top:0;right:8px}@keyframes wallet-pop{40%{transform:scale(1.12)rotate(1deg)}}@keyframes coin-spin{to{transform:rotateY(720deg)}}@keyframes wallet-gain{0%{opacity:0;transform:translateY(4px)scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-32px)scale(1.08)}}.glass-card{z-index:32;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff2e;border-radius:16px;position:absolute;box-shadow:0 18px 40px #061e2a4d}.console-info{border-top:1px solid #ffffff1a;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding-top:7px;display:flex}.console-info .chip{height:22px;color:var(--cream);letter-spacing:.4px;background:#ffffff17;border-radius:999px;align-items:center;padding:0 11px;font-size:10px;font-weight:700;display:flex}.console-info .chip.claim{color:#144d18;background:var(--leaf);box-shadow:0 4px 0 var(--leaf-deep);letter-spacing:1px;cursor:pointer;border:0;font-size:10.5px;font-weight:900;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;animation:1.6s ease-in-out infinite reward-bounce}.console-info .chip.claim:active{box-shadow:0 1px 0 var(--leaf-deep);transform:translateY(3px)}@keyframes reward-bounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-3px)rotate(1.2deg)}}.game-notice{z-index:45;max-width:min(560px,100% - 28px);color:var(--cream);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#092634f0;border:1px solid #f0bb6b73;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:700;line-height:1.35;animation:.18s ease-out notice-in;position:absolute;bottom:112px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 10px 22px #03161d73}@keyframes notice-in{0%{opacity:0;translate:-50% 8px}to{opacity:1;translate:-50%}}.bottom-console{z-index:35;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#082129eb;border:1px solid #efb86642;border-radius:18px;grid-template-columns:auto minmax(140px,1fr) auto auto;grid-template-areas:"items feed store lake";align-items:center;gap:8px;width:min(520px,100% - 24px);min-width:0;padding:8px 10px;transition:opacity .2s,transform .2s;display:grid;position:absolute;translate:-50%;box-shadow:0 16px 38px #03161d70,inset 0 1px #ffffff0f}.console-message{text-align:center;text-overflow:ellipsis;color:#f4ead7c7;white-space:nowrap;grid-area:message;min-width:0;margin:0;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden}.daily-ration{grid-area:ration}.feed-control{grid-area:feed;min-width:0}.item-row{grid-area:items;gap:6px;display:flex}.item-card{cursor:pointer;background:#ffffff12;border:1.5px solid #ffffff29;border-radius:14px;place-items:center;width:52px;height:52px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .16s,background .16s;display:grid;position:relative}.item-card:hover{background:#ffffff1c;border-color:#f0bb6b8c;transform:translateY(-3px)}.item-card:active{transform:translateY(1px)scale(.95)}.item-card.active{border-color:var(--gold);background:#f0bb6b29;box-shadow:0 0 0 2px #f0bb6b59,0 6px 14px #061e2a4d}.item-card img{object-fit:contain;filter:drop-shadow(0 3px 4px #04161c66);pointer-events:none;width:38px;height:38px}.item-card .ball{background:linear-gradient(160deg, #ffe3a2, var(--carrot));color:#3d2b0e;letter-spacing:.2px;border:2px solid #0a2c33;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 3px 6px #04161c66}.item-card .tip{white-space:nowrap;pointer-events:none;min-width:168px;color:var(--cream);text-align:left;opacity:0;background:#092634f5;border:1px solid #f0bb6b66;border-radius:11px;gap:3px;padding:8px 11px;transition:opacity .16s,translate .16s;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 4px;box-shadow:0 10px 22px #03161d73}.item-card .tip b{color:#ffe2a8;letter-spacing:.6px;font-size:10.5px}.item-card .tip small{color:#f4ead7b8;letter-spacing:.25px;font-size:8.5px;font-weight:650}.item-card .tip:after{content:"";border:6px solid #0000;border-top-color:#092634f5;border-bottom:0;position:absolute;top:100%;left:50%;translate:-50%}.item-card:hover .tip,.item-card:focus-visible .tip,.item-card:focus .tip,.item-card:active .tip{opacity:1;translate:-50%}.store-button{grid-area:store;min-width:0}.lago-btn{grid-area:lake;min-width:0}.console-info{grid-area:info;min-width:0}.shop-active .bottom-console{opacity:0;pointer-events:none;transform:translateY(18px)}.lago-btn{background:var(--leaf);min-width:52px;height:46px;box-shadow:0 4px 0 var(--leaf-deep), 0 10px 16px #061e2a47;color:#fff;text-shadow:0 2px #00000040;cursor:pointer;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 8px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:flex;position:relative}.lago-btn:hover{box-shadow:0 6px 0 var(--leaf-deep), 0 12px 18px #061e2a47;transform:translateY(-2px)rotate(-2deg)}.lago-btn:active{box-shadow:0 1px 0 var(--leaf-deep);transform:translateY(2px)scale(.95)}.lago-btn b{letter-spacing:1.6px;color:#10380f;text-shadow:0 1px #ffffff59;font-size:10px;font-weight:900}.lago-level{background:linear-gradient(160deg, #ffe3a2, var(--carrot));color:#3d2b0e;border:2px solid #0a2c33;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9.5px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 3px 6px #04161c66}.daily-ration{align-items:center;gap:11px;min-width:0;display:flex}.ration-ring{background:radial-gradient(circle closest-side, #0b3132 78%, transparent 80% 99%), conic-gradient(var(--gold) var(--ration), #ffffff24 0);border-radius:50%;justify-content:center;align-items:baseline;width:56px;height:56px;padding-top:15px;display:flex}.ration-ring strong{font:800 19px Arial,Helvetica,sans-serif}.ration-ring span{opacity:.5;font-size:9px}.daily-ration p{flex-direction:column;gap:5px;min-width:0;margin:0;display:flex}.daily-ration p strong,.daily-ration p small{white-space:nowrap}.daily-ration p strong{font:700 14px Arial,Helvetica,sans-serif}.daily-ration p small,.store-button small{letter-spacing:1.1px;opacity:.55;font-size:8px}.feed-control{text-align:center}.aim-button{color:#3d2b0e;background:linear-gradient(165deg, #f6cd82, var(--carrot));width:100%;min-width:0;height:44px;box-shadow:0 4px 0 var(--gold-deep), 0 10px 18px #061e2a52;letter-spacing:1.1px;text-shadow:0 1px #ffffff59;cursor:grab;touch-action:none;border:0;border-radius:13px;font-size:10px;font-weight:900;transition:transform .13s cubic-bezier(.34,1.56,.64,1),box-shadow .13s}.aim-button b{font:inherit}.aim-button:active,.aim-button[aria-pressed=true]{cursor:grabbing;box-shadow:0 1px 0 var(--carrot-deep);transform:translateY(4px)scale(.985)}.aim-button span{color:#7a5410;margin-right:7px;font-size:13px;animation:2.6s ease-in-out infinite star-spin;display:inline-block}@keyframes star-spin{0%,to{transform:rotate(-14deg)scale(1)}50%{transform:rotate(16deg)scale(1.3)}}.aim-button.empty{background:var(--leaf);box-shadow:0 4px 0 var(--leaf-deep), 0 10px 18px #061e2a52;cursor:pointer}.aim-button.remedy{color:#1e3d0e;background:linear-gradient(165deg, #c8f29b, var(--leaf));box-shadow:0 4px 0 var(--leaf-deep), 0 10px 18px #061e2a52}.aim-button.remedy span{color:#2f5c14}.aim-button.remedy:active,.aim-button.remedy[aria-pressed=true]{box-shadow:0 1px 0 var(--leaf-deep)}.feed-control>small{letter-spacing:1.1px;opacity:.5;margin-top:5px;font-size:8px;display:block}.store-button{text-align:center;height:44px;color:var(--cream);cursor:pointer;background:#43cfc524;border:0;border-radius:13px;place-items:center;padding:0 10px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:grid;box-shadow:0 3px #106e6880}.store-button:hover{transform:rotate(-1.2deg)scale(1.03)}.store-button:active{transform:translateY(2px);box-shadow:0 1px #106e6880}.store-button strong{letter-spacing:1.2px;font-size:10px}.feed-chips{justify-content:center;align-items:center;gap:6px;margin-bottom:7px;display:flex}.feed-chip{color:#f4ead7bf;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 11px;font-size:8px;font-weight:900;display:flex}.feed-chip b{color:var(--gold);font-weight:800}.feed-chip:hover{border-color:#43cfc599}.feed-chip.active{color:#06343a;background:var(--aqua);box-shadow:0 3px 0 var(--aqua-deep);border-color:#0000}.feed-chip.active b{color:#9c4a00}.feed-chip.add{color:var(--carrot);border:2px dashed #ff8a3d8c;padding:0 9px}.feed-chip.add:active{transform:translateY(2px)}.feed-label-short{display:none}.fish-card{left:var(--edge);z-index:34;width:min(236px,100% - 24px);padding:14px;bottom:166px}.fish-card header{align-items:center;gap:9px;display:flex}.fish-dot{border:2px solid #fff9;border-radius:50%;flex:none;width:16px;height:16px}.fish-card header div{flex-direction:column;gap:3px;min-width:0;display:flex}.fish-card header strong{letter-spacing:.6px;color:#fff;font:800 13px Arial,Helvetica,sans-serif}.fish-stage{letter-spacing:1.4px;color:var(--gold);font-size:9px;font-weight:900}.fish-care-icon{background:#6fb85d33;border:1px solid #8fd07f8c;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative}.fish-care-icon img{object-fit:contain;filter:drop-shadow(0 1px 2px #0006);width:19px;height:19px}.fish-care-icon i{background:var(--carrot);color:#3d2b0e;border-radius:50%;place-items:center;width:14px;height:14px;font:900 9px/1 Arial,sans-serif;display:grid;position:absolute;top:-5px;right:-5px}.fish-close{width:24px;height:24px;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;flex:none;margin-left:auto;font-size:14px;line-height:1}.fish-progress{background:#ffffff24;border-radius:6px;height:5px;margin:12px 0 6px;overflow:hidden}.fish-progress i{background:linear-gradient(90deg,#69c08d,#9fd6b9);border-radius:6px;height:100%;transition:width .4s;display:block}.fish-progress-label{letter-spacing:.8px;color:#f4ead7b8;font-size:9px;display:block}.fish-sell-note{color:#9fd6b9;margin:11px 0 0;font:800 11px Arial,Helvetica,sans-serif}.fish-actions{gap:7px;margin-top:11px;display:flex}.fish-actions button{background:var(--aqua);height:36px;box-shadow:0 4px 0 var(--aqua-deep);color:#06343a;letter-spacing:1px;cursor:pointer;border:0;border-radius:12px;flex:1;font-size:9.5px;font-weight:900;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,filter .12s}.fish-actions button:hover{filter:brightness(1.06);transform:translateY(-2px)}.fish-actions button:active{box-shadow:0 1px 0 var(--aqua-deep);transform:translateY(3px)}.fish-actions button.med{background:var(--leaf);box-shadow:0 4px 0 var(--leaf-deep);color:#144d18}.fish-actions button.med img{vertical-align:middle;object-fit:contain;width:17px;height:17px;margin-right:5px}.shop-tray{z-index:60;left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#092634eb;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;gap:11px;width:min(920px,100% - 32px);max-height:calc(100% - 112px);padding:16px;display:flex;position:absolute;overflow:auto;translate:-50%;box-shadow:0 24px 55px #061e2a80}.shop-tray header{justify-content:space-between;align-items:center;gap:10px;display:flex}.shop-tray header strong{letter-spacing:1.4px;color:var(--gold);font-size:10px}.coin-badge{color:#3d2b0e;letter-spacing:.2px;vertical-align:-5px;background:radial-gradient(circle at 30% 25%,#ffe9b8,#f0bb6b 58%,#c9862d);border:2px solid #0a2c33;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:20px;margin-left:6px;padding:0 9px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex;box-shadow:inset 0 2px #ffffff8c,inset 0 -2px #7a4a0a73,0 3px 6px #04161c66}.shop-tray header button{height:30px;color:var(--cream);letter-spacing:1px;cursor:pointer;background:#ffffff1f;border:0;border-radius:10px;padding:0 12px;font-size:9px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 3px #02101873}.shop-tray header button:active{transform:translateY(2px);box-shadow:0 1px #02101873}.shop-tabs{gap:6px;display:flex}.shop-tab{color:#f4ead7b3;letter-spacing:1.1px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff24;border-radius:999px;height:28px;padding:0 12px;font-size:9px;font-weight:800}.shop-tab.active{color:#06343a;background:var(--aqua);box-shadow:0 3px 0 var(--aqua-deep);border-color:#0000}.level-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.level-card{padding:7px}.level-thumb{height:84px;position:relative}.level-thumb img{max-height:84px}.level-tag{white-space:nowrap;background:linear-gradient(160deg, #ffe3a2, var(--carrot));color:#3d2b0e;letter-spacing:.6px;border:2px solid #0a2c33;border-radius:999px;align-self:center;margin-top:1px;padding:3px 10px;font-size:10px;font-style:normal;font-weight:900;box-shadow:0 4px 8px #04161c66}.level-card.owned .level-tag{color:#0d3a1c;background:linear-gradient(160deg,#b7ecc9,#6ecb8f)}.level-check{color:#fff;background:#2f9e57;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-style:normal;font-weight:900;display:grid;position:absolute;top:2px;right:2px;box-shadow:0 3px 6px #04161c66}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:9px;display:grid}.shop-item{color:var(--cream);text-align:center;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff24;border-radius:16px;flex-direction:column;gap:6px;padding:9px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,border-color .15s;display:flex;box-shadow:0 4px #02101873}.shop-item:hover:not(.owned){border-color:#43cfc58c;transform:translateY(-3px);box-shadow:0 7px #02101873}.shop-item:active:not(.owned){transform:translateY(1px);box-shadow:0 2px #02101873}.shop-item.owned{opacity:.72;cursor:default;background:#8ade5212;border-color:#8ade5280;box-shadow:0 4px #41911e66}.shop-item.achievement-locked{background:#0210182e;border-color:#ffffff14}.fish-shop-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.fish-shop-item{min-height:154px}.fish-sprite-preview{filter:drop-shadow(0 5px 5px #0210186b);background-position:0 0;background-repeat:no-repeat;background-size:1200% 600%;width:72px;height:72px;display:block;transform:rotate(-8deg)}.fish-shop-item.mystery .fish-sprite-preview{opacity:1;filter:brightness(0)}.fish-shop-item.achievement-locked .fish-sprite-preview{opacity:1}.fish-shop-item.mystery.ready{background:#efb86614;border-color:#efb8668c;box-shadow:0 4px #7a541073}.shop-item.mystery .shop-thumb{border:2px dashed #ffffff38;border-radius:12px;position:relative}.shop-item.mystery .shop-thumb>img{filter:brightness(0);opacity:1}.shop-item.mystery strong{color:#f4ead7d9}.lock-badge{z-index:3;pointer-events:none;filter:drop-shadow(0 3px 5px #061e2ab3);place-items:center;width:36px;height:36px;font-size:22px;animation:2.8s ease-in-out infinite mystery-bob;display:grid;position:absolute;bottom:-5px;right:-5px}.lock-badge .koi-lock,.shop-item.mystery .shop-thumb .koi-lock{object-fit:contain;opacity:1;filter:drop-shadow(0 4px 5px #03161d8c);width:36px;max-width:none;height:36px;max-height:none}.lock-q{width:30px;height:30px;color:var(--carrot);background:#061e2ae6;border:2px solid #ff8a3d99;border-radius:50%;place-items:center;font:900 16px Arial,Helvetica,sans-serif;display:grid}@keyframes mystery-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-3px)rotate(3deg)}}.shop-thumb{place-items:center;height:64px;display:grid}.shop-thumb img{width:auto;max-width:100%;height:auto;max-height:64px}.shop-item strong{font-size:10px;line-height:1.25}.shop-state{letter-spacing:.8px;border-radius:999px;align-self:center;padding:3px 8px;font-size:8.5px;font-weight:900}.price-chip{color:var(--gold);background:#efb8662e}.lock-chip{color:#f4ead7bf;background:#ffffff1f}.owned-chip{color:#9fd6b9;background:#9fd6b933}.modal-backdrop{z-index:100;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041a26b8;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.store-modal{background:linear-gradient(145deg,#12414f,#072431);border:1px solid #ffffff29;border-radius:24px;width:min(900px,100%);max-height:calc(100% - 32px);padding:30px;overflow:auto;box-shadow:0 35px 90px #03141c99}.store-modal>header{justify-content:space-between;align-items:start;gap:18px;display:flex}.store-modal header small{letter-spacing:2.2px;color:var(--gold);font-size:9px;font-weight:800}.store-modal h2{margin:8px 0 7px;font:700 34px Arial,Helvetica,sans-serif}.store-modal header p{color:#f4ead7b3;margin:0;font:15px Arial,Helvetica,sans-serif}.store-header-actions{align-items:center;gap:9px;display:flex}.store-balance{color:#ffe2a8;letter-spacing:.7px;background:#efb8661a;border:1px solid #efb86652;border-radius:12px;place-items:center;min-width:82px;height:38px;padding:0 13px;font:900 16px Arial,Helvetica,sans-serif;display:grid}.close-modal{width:38px;height:38px;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:50%;font-size:22px}.store-tabs{background:#0319226b;border:1px solid #ffffff1c;border-radius:13px;grid-template-columns:repeat(2,minmax(128px,1fr));gap:5px;width:fit-content;margin-top:20px;padding:4px;display:grid}.store-tabs button{color:#f4ead7b8;letter-spacing:1.15px;cursor:pointer;background:0 0;border:0;border-radius:9px;height:40px;padding:0 18px;font-size:10px;font-weight:900}.store-tabs button.active{color:#173c42;background:var(--gold);box-shadow:0 3px 0 var(--gold-deep)}.plans{grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0 0;display:grid}.plans article{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:17px;padding:20px;position:relative}.plans article.featured-plan{background:linear-gradient(145deg,#efb86624,#ffffff0a);border-color:#efb8668c}.plan-tag{background:var(--gold);color:#183536;letter-spacing:1px;border-radius:7px;padding:5px 8px;font-size:7px;font-weight:900;position:absolute;top:11px;right:12px}.plan-art{height:88px;color:var(--gold);align-items:center;gap:4px;font-size:25px;display:flex}.plan-art i:nth-child(2){font-size:31px}.plan-art-image img{object-fit:contain;filter:drop-shadow(0 6px 8px #03141c59);width:96px;height:84px}.plan-art-image img.store-bucket-art{width:100px;height:88px}.plans h3{margin:8px 0;font:800 22px Arial,Helvetica,sans-serif}.plans p{color:#f4ead7b3;min-height:36px;margin:0 0 14px;font-size:12px;line-height:1.45}.plans article>strong{color:var(--gold);font:800 21px Arial,Helvetica,sans-serif}.plans article>button{color:#fff;background:var(--carrot);width:100%;height:42px;box-shadow:0 4px 0 var(--carrot-deep);text-shadow:0 1px #7a300466;letter-spacing:1.3px;cursor:pointer;border:0;border-radius:12px;margin-top:15px;font-size:9px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s}.plans article>button:hover{filter:brightness(1.07);transform:translateY(-2px)}.plans article>button:active{box-shadow:0 1px 0 var(--carrot-deep);transform:translateY(3px)}.store-supply{flex-direction:column;min-width:0;display:flex}.store-supply .store-stock{color:#f4ead7a8;letter-spacing:1px;margin-top:8px;font-size:10px;font-weight:800}.plans article>button:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.45);box-shadow:none}.plans article>button:disabled:hover{filter:saturate(.45);transform:none}.intro{z-index:200;background:#0a2e3c;place-items:start center;padding:clamp(18px,3.5cqh,36px) 18px 24px;transition:opacity .45s;display:grid;position:absolute;inset:0;overflow:hidden}.intro.leaving{opacity:0}.intro-art{pointer-events:none;background:url(/assets/intro/intro-cover-v3.png) 50%/cover no-repeat;animation:14s ease-in-out infinite alternate intro-cover-drift;position:absolute;inset:-2%}.intro-art:after{content:"";background:radial-gradient(at 50% 18%,#051d2252 0 16%,#0000 47%),linear-gradient(#051a2040 0%,#0000 45%,#04191f38 100%);position:absolute;inset:0}@keyframes intro-cover-drift{0%{transform:scale(1.01)translate(-.35%,-.25%)}to{transform:scale(1.055)translate(.55%,.4%)}}.intro-panel{z-index:2;text-align:center;color:#fff;filter:drop-shadow(0 8px 18px #02131880);text-shadow:0 2px 12px #041822e0,0 1px 2px #041822e6;width:min(490px,100%);padding:0 6px;position:relative}.intro-panel small{letter-spacing:4px;color:#ffe3a2;font-size:8px;font-weight:900}.intro-panel h1{letter-spacing:-1px;margin:10px 0 12px;font:800 clamp(42px,7cqw,58px)/.95 Arial,Helvetica,sans-serif}.intro-panel p{color:#ffffffeb;max-width:360px;margin:0 auto 18px;font:500 14px/1.55 Arial,Helvetica,sans-serif}.intro-panel button{background:var(--carrot);color:#fff;text-shadow:0 2px #7a300466;height:54px;box-shadow:0 6px 0 var(--carrot-deep), 0 16px 30px #061e2a80;letter-spacing:1.6px;cursor:pointer;border:0;border-radius:17px;padding:0 34px;font-size:10px;font-weight:900;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s;animation:1.8s ease-in-out infinite reward-bounce}.intro-panel button:hover{transform:translateY(-2px)scale(1.03)}.intro-panel button:active{box-shadow:0 1px 0 var(--carrot-deep);transform:translateY(4px)scale(.98)}@media (prefers-reduced-motion:reduce){.intro-art,.console-info .chip.claim,.intro-panel button,.lock-badge,.aim-button span,.bucket-icon,.wallet-coins,.wallet-gain,.settings-pop{animation:none}.intro{transition:none}}@media (orientation:portrait) and (pointer:coarse){.rotate-surface{width:100dvh;height:100vw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.experience{width:min(100dvh,177.778vw)}.bottom-console{bottom:14px}.shop-tray{bottom:16px}.modal-backdrop{padding:16px}}