:root{--app-safe-top:max(56px, env(safe-area-inset-top, 0px));--app-safe-bottom:max(34px, env(safe-area-inset-bottom, 0px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24393d;background:#cce5e8;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}.phone-shell{display:grid;place-items:center;width:100vw;height:100svh;background:radial-gradient(circle at 50% 12%,rgba(255,231,151,.28),transparent 30%),linear-gradient(145deg,#44346d,#7c5a8b 52%,#263a57)}.game-stage{position:relative;width:min(100vw,470px);height:min(100svh,836px);overflow:hidden;isolation:isolate;background:#315f69;box-shadow:0 18px 50px #0e162957;touch-action:manipulation}.tank-layer,.bubble-field,.fish,.meters,.feed-button,.toast{position:absolute}.tank-layer{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.tank-bg{z-index:0}.bubble-field{top:7%;right:10%;bottom:12%;left:10%;z-index:2;pointer-events:none}.bubble-field span{position:absolute;bottom:-28px;width:14px;height:14px;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:#ffffff1f;animation:bubble-rise 5s linear infinite}.bubble-field span:nth-child(1){left:16%;animation-delay:-.8s}.bubble-field span:nth-child(2){left:34%;width:9px;height:9px;animation-delay:-2.2s;animation-duration:4.4s}.bubble-field span:nth-child(3){left:62%;animation-delay:-1.5s;animation-duration:5.7s}.bubble-field span:nth-child(4){left:78%;width:10px;height:10px;animation-delay:-3.2s;animation-duration:4.8s}.bubble-field span:nth-child(5){left:48%;width:18px;height:18px;animation-delay:-4s;animation-duration:6.3s}.fish{z-index:3;left:var(--fish-left, 50%);top:var(--fish-top, 45%);width:min(27vw,126px);height:auto;transform:translate(-50%,-50%) scaleX(var(--fish-dir, 1)) rotate(var(--fish-tilt, 0deg));filter:drop-shadow(0 12px 13px rgba(10,39,64,.22));animation:fish-bob .94s ease-in-out infinite;transition:filter .16s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.fish.happy{filter:drop-shadow(0 12px 13px rgba(10,39,64,.22)) drop-shadow(0 0 12px rgba(255,236,126,.75));animation:fish-bob .42s ease-in-out infinite,fish-spin .82s ease-in-out 1}.meters{z-index:8;top:var(--app-safe-top);left:48px;right:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meter{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:#eefbf7c7;box-shadow:0 8px 18px #0d243626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meter span{font-size:12px;font-weight:700}.meter b{min-width:22px;font-size:14px;line-height:1}.feed-button{z-index:8;left:50%;bottom:var(--app-safe-bottom);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:116px;min-height:44px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#29434a;background:#f7ffeed6;box-shadow:0 10px 24px #0d243633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;font-size:15px;font-weight:700;transform:translate(-50%)}.feed-button:active{transform:translate(-50%) scale(.96)}.food-dot,.food-pellet{width:16px;height:16px;border:2px solid rgba(255,250,214,.95);border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff7ba 0 16%,transparent 18%),radial-gradient(circle at 62% 70%,rgba(131,52,20,.28) 0 16%,transparent 18%),linear-gradient(145deg,#ffbf4f,#f27628 58%,#a54822);box-shadow:0 0 0 2px #6a30127a,0 5px 10px #38210c47,inset 0 -2px 2px #592a1238}.food-pellet{position:absolute;z-index:12;top:14%;width:24px;height:24px;border-width:3px;transform:translate(-50%,-50%);animation:food-drop 1.05s cubic-bezier(.2,.76,.28,1) forwards,food-wiggle .52s ease-in-out infinite;pointer-events:none;outline:2px solid rgba(93,41,17,.92);will-change:top,opacity,scale,translate;box-shadow:0 0 0 5px #fffff5e0,0 0 13px #ffd549d9,0 7px 11px #37200c42,inset 0 -3px 4px #592a1240}.food-pellet.ready{top:var(--food-y, 48%);filter:brightness(1.16);scale:1.08}.food-pellet.eaten{top:var(--food-y, 48%);animation:food-eaten .22s ease-out forwards}.tap-bubble{position:absolute;z-index:5;width:15px;height:15px;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:#ffffff29;transform:translate(-50%,-50%);animation:tap-bubble-rise .9s ease-out forwards;pointer-events:none}.happy-bubble{width:11px;height:11px;border-color:#fff7b9f2;background:#ffef8f2e}.toast{z-index:9;left:50%;top:calc(var(--app-safe-top) + 58px);max-width:min(78%,310px);padding:9px 14px;border-radius:999px;color:#253d47;background:#f1fffbe6;box-shadow:0 10px 24px #0d24362e;font-size:14px;opacity:0;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}@keyframes fish-bob{0%,to{scale:1 1}50%{scale:1.018 .992}}@keyframes fish-spin{0%{rotate:0deg}45%{rotate:13deg}to{rotate:0deg}}@keyframes food-drop{0%{opacity:0;top:14%;scale:.8}16%{opacity:1}to{opacity:1;top:var(--food-y, 48%);scale:1}}@keyframes food-wiggle{0%,to{translate:0 0}50%{translate:0 3px}}@keyframes food-eaten{to{opacity:0;scale:.25}}@keyframes bubble-rise{0%{transform:translate(0) scale(.7);opacity:0}18%{opacity:.85}to{transform:translate(20px,-680px) scale(1.25);opacity:0}}@keyframes tap-bubble-rise{0%{opacity:0;translate:0 0;scale:.65}16%{opacity:.9}to{opacity:0;translate:12px -62px;scale:1.3}}@media (min-width:620px){.game-stage{border-radius:32px}}