/* Aquarium game styles - scoped to .game-page */
:root{--aqua-top: rgba(20,75,160,.18);--aqua-bottom: rgba(0,0,0,.06);--aqua-bubble: rgba(220,240,255,0.08);}
.game-page{max-width:1100px;margin:0 auto;padding:1.1rem}
.game-shell{padding:1rem}
.game-hud{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.9rem}
.hud-left,.hud-right{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}
.hud-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border-radius:999px;border:1px solid var(--card-border);background:var(--card-bg)}
.btn-small{padding:.5rem .75rem;border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--text);font-weight:700;cursor:pointer}
.canvas-wrap{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--card-border);background:linear-gradient(180deg, var(--aqua-top), var(--aqua-bottom));}
#gameCanvas{display:block;width:100%;height:min(62vh,540px);touch-action:none}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.45);backdrop-filter: blur(8px);}
.overlay.hidden{display:none}
.overlay-card{width:min(560px,100%);border:1px solid var(--card-border);background:rgba(255,255,255,.06);border-radius:18px;padding:1rem}
.toggle{display:flex;gap:.6rem;align-items:flex-start;margin-top:.7rem;font-weight:700}
.toggle input{transform:scale(1.15);margin-top:.12rem}
.results-grid{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.8rem}
@media (min-width:720px){.results-grid{grid-template-columns:repeat(3,1fr)}}
.result-box{border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;padding:.75rem}
.result-k{color:var(--text-subtle);font-weight:700;font-size:.9rem}
.result-v{font-weight:900;font-size:1.25rem;margin-top:.25rem}
.mini-note{margin:.7rem 0 0;color:var(--text-subtle);font-size:.95rem;line-height:1.5}
.game-ad{margin-top:.9rem}


/* FAQ styling (SEO section) */
.faq-item{border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;padding:.6rem .75rem;margin-top:.55rem}
.faq-item > summary{cursor:pointer;font-weight:900}
.faq-item p{margin:.55rem 0 0;color:var(--text-subtle);line-height:1.55}


/* Ad container safety for mobile */
.ad-slot{max-width:100%;overflow:hidden;}
.ad-slot ins{max-width:100%!important;width:100%!important;display:block;}

/* Center ads and constrain width */
.ad-slot{width:min(100%, 1100px);margin:0 auto;}

.share-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 .2rem}