body[data-game=aquarium]{background:radial-gradient(ellipse at 10% 0,#dcece4,transparent 48%),#f8f6ed;color:#244e50}body[data-game=aquarium] .discovery-main{max-width:1100px}.aquarium-game{--ink:#245158;color:var(--ink)}
.aquarium-game button{font:inherit;font-weight:700;cursor:pointer;min-height:48px;border:1px solid #c4d7cb;border-radius:16px;background:#fffaf0;color:var(--ink);padding:12px 20px;box-shadow:0 3px 0 #244e5018}.aquarium-game button:hover:not(:disabled){background:#eef7e9}.aquarium-game button:focus-visible{outline:4px solid #d98c3b;outline-offset:3px;z-index:5}.aquarium-game button:disabled{cursor:default;opacity:.55}.aquarium-game [hidden]{display:none!important}
.aqua-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:7px;background:#dce9df;border-radius:23px;margin:20px 0}.aqua-tabs button{border:0;background:transparent;box-shadow:none;font-size:clamp(14px,2.2vw,20px)}.aqua-tabs button[aria-pressed=true]{background:#fffaf0;box-shadow:0 3px 10px #31584b16}
.aqua-progress{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:16px;align-items:center;margin:15px 5px 22px}.aqua-progress b{font-size:22px;margin-left:6px}.aqua-progress small{font-size:13px}.aqua-meter{height:9px;border-radius:20px;background:#dce6db;overflow:hidden}.aqua-meter i{height:100%;display:block;background:#599489;border-radius:20px}
.aqua-places{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}.aqua-places button{padding:5px;display:flex;align-items:center;gap:10px;text-align:left;border:2px solid transparent}.aqua-places img{width:76px;height:50px;object-fit:cover;border-radius:10px}.aqua-places button[aria-pressed=true]{border-color:#478881;background:#e5f1e6}.aqua-places span{font-size:clamp(12px,1.8vw,17px)}
.aqua-stage{position:relative;width:100%;aspect-ratio:3/2;border-radius:30px;overflow:hidden;isolation:isolate;box-shadow:0 15px 32px #24515818,0 0 0 6px #fffdf1;background:#93cbd2;touch-action:manipulation}.aqua-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.aquarium-game .aqua-swimmer{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;min-height:44px;aspect-ratio:3/2;box-shadow:none;background:transparent;border-radius:50%;z-index:2}.aquarium-game .aqua-swimmer:disabled{opacity:1}.aquarium-game .aqua-swimmer:hover:not(:disabled){background:transparent;box-shadow:none;filter:drop-shadow(0 0 5px #fffbd0)}.aqua-swimmer img{display:block;width:100%;height:auto;transform:scaleX(var(--facing,1));pointer-events:none;filter:drop-shadow(0 7px 5px #286b7b17)}.aquarium-game .aqua-pet[aria-pressed=true]:after{content:'';position:absolute;inset:4%;border:2px dashed #fff7d0;border-radius:50%;pointer-events:none}
.aqua-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;filter:drop-shadow(0 1px 1px #23526980)}.aqua-bait{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:4;width:34px;height:34px;border:2px dashed #fff8da;border-radius:50%;box-shadow:0 0 0 3px #29575c35}.aqua-bait:after{content:'+';display:grid;place-items:center;height:100%;font:bold 23px sans-serif;color:#fff8da}.aqua-bait.lowered{width:13px;height:13px;background:#f1b365;border:2px solid #fff6d2;box-shadow:0 2px 5px #285f6470}.aqua-bait.lowered:after{content:none}.aqua-bait.has-bite{box-shadow:0 0 0 9px #fff9ca55}.aqua-bite{position:absolute;z-index:5;top:12%;left:50%;transform:translateX(-50%);background:#fff8d9;padding:12px 30px;border-radius:30px;font-size:clamp(20px,3vw,28px);font-weight:800;box-shadow:0 4px 18px #365e6340}
.aqua-steps{display:flex;justify-content:center;gap:25px;list-style:none;padding:0;margin:24px 0 12px}.aqua-steps li{display:flex;align-items:center;gap:8px;color:#6d8581;font-size:15px}.aqua-steps b{display:grid;place-items:center;width:27px;height:27px;background:#e0e8dd;border-radius:50%}.aqua-steps .current{font-weight:800;color:#245b60}.aqua-steps .current b{background:#e7c57a;color:#3b544b}.aqua-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:14px 0 22px}.aquarium-game .aqua-primary{background:#397f79;color:white;border-color:#397f79;box-shadow:0 5px 0 #245c59;font-size:20px;padding:17px 30px;min-width:210px}.aquarium-game .aqua-primary:hover:not(:disabled){background:#2c706b;color:white}
.aqua-catch{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px;padding:24px;border:2px solid #ead49d;background:#fffae7;border-radius:28px;animation:aqua-pop .35s ease-out}.aqua-catch img{width:100%;height:auto;filter:drop-shadow(0 6px 10px #d4ad5040)}.aqua-catch h2{margin:8px 0;font-size:28px}.aqua-catch small{letter-spacing:.12em;color:#8b6d2b}.aqua-catch .aqua-actions{justify-content:flex-start;margin-bottom:0}.aqua-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.aqua-bubbles i{position:absolute;bottom:-30px;width:11px;height:11px;border:1px solid #f5ffff85;border-radius:50%;animation:aqua-rise 12s linear infinite;animation-delay:var(--delay)}.aqua-paused{position:absolute;inset:0;z-index:8;background:#1d4a535c;display:grid;place-items:center;color:white;font-size:28px;font-weight:bold;backdrop-filter:blur(2px)}
.aqua-care{margin:24px 0 15px;padding:20px;background:#fffaf0;border:1px solid #e5dfcc;border-radius:25px;display:grid;grid-template-columns:140px 1fr auto;gap:18px;align-items:center}.aqua-portrait img{width:100%;height:auto}.aqua-care h2{margin:0 0 8px;font-size:22px}.aqua-care p{margin:0 0 12px;font-size:14px}.aqua-growth{display:flex;gap:6px}.aqua-growth i{width:27px;height:9px;background:#dfe8dc;border-radius:9px}.aqua-growth .filled{background:#d5b364}.aqua-friend-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.aqua-friend-picker button{width:105px;padding:5px}.aqua-friend-picker img{width:85px;height:57px;object-fit:contain;display:block;margin:auto}.aqua-friend-picker span{font-size:12px}.aqua-friend-picker button[aria-pressed=true]{border-color:#397f79;background:#e4f1e5}
.aqua-food{position:absolute;left:50%;z-index:4;transform:translateX(-50%);display:flex;gap:7px}.aqua-food i{width:6px;height:6px;background:#bc7750;border:1px solid #f9dda7;border-radius:50%}.aqua-food i:nth-child(2){margin-top:9px}.aqua-heart{position:absolute;left:50%;top:35%;font-size:50px;color:#ee9a95;z-index:4;text-shadow:0 1px 2px white;transform:translateX(-50%)}.aqua-ornament{position:absolute;bottom:7%;right:16%;width:11%;filter:drop-shadow(0 6px 2px #35676830);pointer-events:none}.aqua-decor{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:20px}.aqua-decor button[aria-pressed=true]{background:#f6e5b9}.aqua-empty{position:absolute;inset:22% 12%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fffaf0d9;border-radius:30px;padding:20px;text-align:center}.aqua-empty strong{font-size:clamp(17px,3vw,26px)}
.aqua-book-intro{text-align:center;margin:24px 0}.aqua-book{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.aqua-card{overflow:hidden;background:#fffaf0;border:1px solid #dddccd;border-radius:24px;padding:12px;text-align:center}.aqua-card-art{position:relative;background:radial-gradient(ellipse,#e3efdf,transparent 70%);border-radius:15px}.aqua-card-art img{width:100%;height:auto;display:block}.aqua-card:not(.discovered) .aqua-card-art img{opacity:.6}.aqua-card h3{font-size:17px;margin:10px 0}.aqua-card p,.aqua-card small{font-size:12px;display:block}.aqua-card button{margin-top:14px;width:100%;padding:10px}.aqua-stamp{position:absolute;right:5px;bottom:5px;background:#548774;color:white;border-radius:50%;width:25px;height:25px}.aqua-parent{margin:24px 0;font-size:14px}.aqua-parent summary{cursor:pointer;padding:12px}.aqua-options{display:flex;gap:10px;justify-content:center;margin:25px 0}.aqua-options button{font-size:13px;min-height:44px}.aqua-is-paused *,.aqua-hidden *{animation-play-state:paused!important}.aqua-reduced *{animation:none!important;transition:none!important}
@keyframes aqua-rise{from{transform:translateY(0);opacity:0}10%{opacity:.7}to{transform:translateY(-700px);opacity:0}}@keyframes aqua-pop{from{opacity:0;scale:.95}to{opacity:1;scale:1}}
@media(max-width:700px){.aqua-progress{grid-template-columns:auto 1fr;gap:10px}.aqua-progress small{grid-column:1/-1}.aqua-places{gap:6px}.aqua-places button{flex-direction:column;text-align:center;gap:5px}.aqua-places img{width:100%;height:46px}.aqua-stage{border-radius:20px;box-shadow:0 0 0 3px #fffdf1}.aqua-steps{gap:10px}.aqua-steps li{font-size:11px;gap:4px}.aqua-steps b{width:21px;height:21px}.aqua-care{grid-template-columns:90px 1fr;padding:15px;gap:10px}.aqua-care>button{grid-column:1/-1}.aqua-catch{grid-template-columns:100px 1fr;padding:15px;gap:10px}.aqua-catch h2{font-size:20px}.aqua-catch .aqua-primary{min-width:0;font-size:17px}.aqua-catch p{font-size:13px}.aqua-book{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aqua-tabs button{padding:10px 5px}.aqua-actions button{flex:1;min-width:0}.aquarium-game .aqua-primary{font-size:18px;padding:15px 18px}.aqua-options{flex-wrap:wrap}.aqua-bait{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.aquarium-game *{animation:none!important;transition:none!important}}
/* Keep the illustration centered inside the minimum 44px touch target. */
.aquarium-game .aqua-swimmer img{position:absolute;top:50%;left:0;transform:translateY(-50%) scaleX(var(--facing,1))}
.aquarium-game .aqua-swimmer:before{content:'';position:absolute;left:50%;top:50%;width:max(100%,48px);height:max(100%,48px);transform:translate(-50%,-50%);border-radius:50%}

.aqua-mystery{display:grid;place-items:center;height:145px;font-size:64px;color:#a3b9a9;font-family:Georgia,serif}.aqua-light{position:absolute;inset:0;pointer-events:none;z-index:1}.aqua-light.light-1{background:linear-gradient(135deg,#edffb540,transparent 60%)}.aqua-light.light-2{background:linear-gradient(135deg,#ffc9aa55,transparent 70%)}.aqua-play-panel{padding:22px;border:1px solid #c8dcca;border-radius:23px;background:#edf4e7;margin-top:18px}.aqua-play-panel h2{margin-top:0}.aqua-play-panel>strong{display:inline-block;margin-right:20px}.aqua-light-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.aqua-play-bubble{position:absolute!important;z-index:6;width:60px;height:60px;border-radius:50%!important;border:3px solid #f2ffff!important;background:radial-gradient(circle at 28% 25%,#fff 0 8%,#d5f7f850 15%,#b8e9ee65 65%,#ffffffc9)!important;box-shadow:0 0 10px #f5ffff88!important;padding:0!important;transform:translate(-50%,-50%)}.aqua-bait.nibbling{animation:aqua-nibble .18s ease-in-out infinite alternate}.aqua-ornament{width:17%;height:auto;bottom:5%;object-fit:contain}@keyframes aqua-nibble{to{margin-top:4px}}@media(prefers-reduced-motion:reduce){.aqua-bait.nibbling{animation:none}}