:root{color-scheme:light;--ink:#102033;--muted:#61728b;--panel:#fffdf8;--line:rgba(16,32,51,0.14);--water-top:#8ee7ff;--water-mid:#2ca8df;--water-deep:#1262a7;--coral:#ff7a70;--kelp:#18865c;--coin:#d68a00}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 20% 14%,rgba(255,228,140,.6),transparent 22rem),linear-gradient(135deg,#d9f7ff,#f9f0d3 48%,#ffd2be);color:var(--ink);font-family:Arial,Noto Sans TC,sans-serif}button{font:inherit}.game-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:22px;gap:22px;width:min(1220px,calc(100% - 32px));margin:0 auto;padding:24px 0}.aquarium-stage,.control-deck{border:1px solid rgba(255,255,255,.7);border-radius:8px;background:rgba(255,253,248,.76);box-shadow:0 20px 50px rgba(30,82,118,.18)}.aquarium-stage{display:grid;grid-template-rows:auto minmax(360px,1fr) auto;min-height:calc(100vh - 48px);padding:18px}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 16px}.kicker{margin:0 0 4px;color:#0b6d8f;font-size:13px;font-weight:800;text-transform:uppercase}.kicker,h1{letter-spacing:0}h1{margin:0;font-size:clamp(36px,6vw,76px);line-height:.95}.mood-pill{min-width:112px;border-radius:999px;padding:10px 14px;color:#ffffff;font-weight:800;text-align:center;white-space:nowrap}.mood-pill.great{background:#14885f}.mood-pill.good{background:#1d77b8}.mood-pill.low{background:#b2452f}.tank{position:relative;overflow:hidden;min-height:440px;border:8px solid rgba(255,255,255,.72);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 24%),radial-gradient(circle at 18% 24%,rgba(255,255,255,.28),transparent 15rem),linear-gradient(180deg,var(--water-top) 0,var(--water-mid) 48%,var(--water-deep) 100%);box-shadow:inset 0 0 50px rgba(255,255,255,.3),inset 0 -60px 70px rgba(5,45,85,.22)}.sunbeams{position:absolute;inset:-20% 0 auto -10%;height:70%;background:linear-gradient(105deg,rgba(255,255,255,.35),transparent 16%),linear-gradient(82deg,transparent 34%,rgba(255,255,255,.24) 42%,transparent 52%),linear-gradient(74deg,transparent 54%,rgba(255,255,255,.18) 62%,transparent 72%);opacity:.8;pointer-events:none}.bubbles,.bubbles:after,.bubbles:before{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.74);border-radius:50%;content:""}.bubbles{bottom:-36px;animation:rise 7s linear infinite}.bubbles:before{left:-22px;top:34px;width:10px;height:10px}.bubbles:after{left:20px;top:64px;width:22px;height:22px}.bubble-a{left:16%}.bubble-b{left:48%;animation-delay:-3s;animation-duration:9s}.bubble-c{left:78%;animation-delay:-5s;animation-duration:8s}.fish{--fish-color:#ffb703;--fish-top:40%;--fish-size:1;--fish-speed:16s;--fish-delay:0s;position:absolute;top:var(--fish-top);left:-120px;width:92px;height:52px;transform:scale(var(--fish-size));animation:swim var(--fish-speed) linear infinite;animation-delay:var(--fish-delay)}.fish .body{position:absolute;left:20px;top:8px;width:58px;height:36px;border-radius:56% 44% 48% 52%;background:radial-gradient(circle at 72% 34%,rgba(255,255,255,.95) 0 5%,transparent 6%),linear-gradient(135deg,rgba(255,255,255,.32),transparent 52%),var(--fish-color);box-shadow:inset -8px -6px 0 rgba(0,0,0,.08)}.fish .tail{position:absolute;left:2px;top:10px;width:32px;height:32px;background:var(--fish-color);-webkit-clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);filter:brightness(.94);animation:tail .7s ease-in-out infinite alternate}.fish .eye{left:66px;top:18px;width:6px;height:6px;background:#102033}.fish .eye,.food-drop{position:absolute;border-radius:50%}.food-drop{left:50%;top:12%;z-index:3;width:10px;height:10px;background:#7c4a1d;box-shadow:18px 22px 0 #7c4a1d,-18px 18px 0 #7c4a1d,8px 46px 0 #7c4a1d;animation:drop-food 1.6s ease-in forwards}.tank-floor{height:28%}.sand,.tank-floor{position:absolute;inset:auto 0 0}.sand{height:58%;border-radius:52% 48% 0 0;background:radial-gradient(circle at 12% 40%,rgba(118,78,30,.3) 0 3px,transparent 4px),radial-gradient(circle at 72% 36%,rgba(118,78,30,.22) 0 4px,transparent 5px),linear-gradient(180deg,#f6d18a,#dcae62)}.plant{position:absolute;bottom:26%;z-index:2;width:34px;height:112px;border-radius:60% 60% 0 0;background:linear-gradient(90deg,transparent 0 20%,var(--kelp) 21% 36%,transparent 37% 50%,#2fb47f 51% 67%,transparent 68%),linear-gradient(72deg,transparent 0 42%,#49bf86 43% 56%,transparent 57%);transform-origin:bottom;animation:sway 2.8s ease-in-out infinite alternate}.plant-left{left:7%}.plant-right{right:10%;height:92px;animation-delay:-1.1s}.decoration{position:absolute;z-index:2;bottom:21%}.castle{left:42%;width:88px;height:84px;background:linear-gradient(#f7b267 0 18px,transparent 19px),linear-gradient(90deg,#d45d79 0 22px,transparent 23px 33px,#d45d79 34px 56px,transparent 57px 66px,#d45d79 67px),linear-gradient(#f79d65,#c44e63);-webkit-clip-path:polygon(0 30%,14% 30%,14% 6%,28% 6%,28% 30%,42% 30%,42% 0,58% 0,58% 30%,72% 30%,72% 6%,86% 6%,86% 30%,100% 30%,100% 100%,0 100%);clip-path:polygon(0 30%,14% 30%,14% 6%,28% 6%,28% 30%,42% 30%,42% 0,58% 0,58% 30%,72% 30%,72% 6%,86% 6%,86% 30%,100% 30%,100% 100%,0 100%)}.reef{left:24%;width:94px;height:54px;border-radius:48% 52% 36% 36%;background:radial-gradient(circle at 28% 28%,#ff8fab 0 13px,transparent 14px),radial-gradient(circle at 62% 34%,#f9c74f 0 15px,transparent 16px),linear-gradient(135deg,#43aa8b,#277da1)}.pearl{right:27%;width:74px;height:50px;border-radius:50% 50% 14px 14px;background:radial-gradient(circle at 50% 44%,#fff7d6 0 11px,transparent 12px),linear-gradient(135deg,#f3a6cf,#9b5de5)}.message{min-height:48px;margin:14px 2px 0;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:rgba(255,255,255,.72);padding:13px 16px;color:#23415d;font-weight:700;line-height:1.4}.control-deck{align-self:stretch;display:flex;flex-direction:column;gap:16px;padding:18px}.scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.meters,.scoreboard div,.shop{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.68)}.scoreboard div{min-height:76px;display:grid;align-content:center;grid-gap:4px;gap:4px;padding:12px}.metric-label{color:var(--muted);font-size:13px;font-weight:700}.scoreboard strong{color:var(--coin);font-size:25px}.meters{display:grid;grid-gap:16px;gap:16px;padding:16px}.meter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:800}.meter-top strong{color:#17466c}.meter-track{display:block;overflow:hidden;height:12px;border-radius:999px;background:rgba(15,60,96,.14)}.meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#f7b801);transition:width .25s ease}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.shop-item,.tool-button{cursor:pointer;border:1px solid rgba(16,32,51,.16);border-radius:8px;background:#ffffff;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool-button{min-height:116px;display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px;padding:12px 8px;font-weight:900}.tool-button small{color:var(--muted);font-size:12px;font-weight:800}.shop-item:hover:not(:disabled),.tool-button:hover{border-color:rgba(18,98,167,.42);box-shadow:0 10px 22px rgba(18,98,167,.16);transform:translateY(-2px)}.tool-icon{position:relative;display:block;width:40px;height:40px}.feed-icon{border-radius:50%;background:radial-gradient(circle at 34% 32%,#7c4a1d 0 4px,transparent 5px),radial-gradient(circle at 62% 42%,#7c4a1d 0 5px,transparent 6px),radial-gradient(circle at 48% 68%,#7c4a1d 0 4px,transparent 5px),#f6d18a}.clean-icon{border-radius:8px;background:linear-gradient(135deg,#d8f7ff,#59c7e8)}.clean-icon:after{left:8px;top:8px;width:24px;height:24px;border-radius:50%;border:4px solid #ffffff}.clean-icon:after,.fish-icon:after,.fish-icon:before{position:absolute;content:""}.fish-icon:before{left:8px;top:12px;width:25px;height:16px;border-radius:50%;background:#38bdf8}.fish-icon:after{left:0;top:13px;width:14px;height:14px;background:#38bdf8;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.shop{padding:16px}.shop h2{margin:0 0 12px;font-size:20px;letter-spacing:0}.shop-list{display:grid;grid-gap:10px;gap:10px}.shop-item{min-height:70px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:10px;text-align:left}.shop-item:disabled{cursor:default;opacity:.62}.shop-item strong{color:var(--coin);white-space:nowrap}.shop-preview{position:relative;display:block;transform:scale(.55);transform-origin:left center}.shop-preview.castle,.shop-preview.pearl,.shop-preview.reef{left:auto;right:auto;bottom:auto}@keyframes swim{0%{translate:-8vw 0}48%{translate:calc(100vw - 340px) -12px}50%{translate:calc(100vw - 340px) -12px;scale:-1 1}98%{translate:-8vw 10px;scale:-1 1}to{translate:-8vw 0}}@keyframes tail{0%{transform:rotate(-7deg)}to{transform:rotate(8deg)}}@keyframes rise{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-620px);opacity:0}}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes drop-food{0%{transform:translateY(0);opacity:1}to{transform:translateY(220px);opacity:0}}@media (max-width:960px){.game-shell{grid-template-columns:1fr}.aquarium-stage{min-height:auto}.tank{min-height:430px}@keyframes swim{0%{translate:-120px 0}48%{translate:calc(100vw - 48px) -12px}50%{translate:calc(100vw - 48px) -12px;scale:-1 1}98%{translate:-120px 10px;scale:-1 1}to{translate:-120px 0}}}@media (max-width:620px){.game-shell{width:min(100% - 20px,1220px);padding:10px 0}.aquarium-stage,.control-deck{padding:12px}.stage-header{align-items:flex-start;flex-direction:column}h1{font-size:44px}.tank{min-height:360px;border-width:6px}.scoreboard,.tool-grid{grid-template-columns:1fr}.tool-button{min-height:82px;grid-template-columns:44px 1fr auto;justify-items:start;text-align:left}.shop-item{grid-template-columns:48px minmax(0,1fr)}.shop-item strong{grid-column:2}}