.game-panel.aqua-real{background:#0da9df url('/assets/aqua-pipe/og-aqua-pipe.webp') center/cover no-repeat;color:#063d5b}.game-panel.aqua-real::after{background:linear-gradient(180deg,rgba(4,65,100,.04) 10%,rgba(3,53,79,.72) 100%)}.game-panel.aqua-real .panel-content{color:#fff;text-shadow:0 2px 16px rgba(0,66,100,.26)}.game-panel.aqua-real .panel-copy{color:rgba(255,255,255,.94)}.game-panel.aqua-real .game-logo{width:min(430px,88%);max-height:170px;object-fit:contain;object-position:left center;margin:12px 0 10px;filter:drop-shadow(0 9px 14px rgba(0,83,126,.22))}.game-panel.aqua-real .btn{box-shadow:0 14px 36px rgba(0,58,92,.3)}
.aqua-hero.real-hero{place-items:stretch;background:linear-gradient(110deg,#dff9ff 0%,rgba(213,247,255,.92) 42%,rgba(42,188,232,.2) 100%),url('/assets/aqua-pipe/og-aqua-pipe.webp') center/cover no-repeat}.real-hero .aqua-hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}.hero-copy{position:relative;z-index:4}.aqua-logo{width:min(620px,100%);height:auto;filter:drop-shadow(0 16px 22px rgba(0,91,140,.16));margin:12px 0 18px}.hero-phone-wrap{display:flex;justify-content:center;align-items:center;position:relative;min-height:560px}.hero-phone{width:min(330px,66vw);border-radius:34px;box-shadow:0 34px 80px rgba(0,83,128,.3);border:7px solid rgba(255,255,255,.8)}.hero-bubble{position:absolute;width:74px;opacity:.72;animation:floatBubble 5s ease-in-out infinite}.hero-bubble.one{right:5%;top:14%}.hero-bubble.two{left:3%;bottom:18%;width:46px;animation-delay:-2s}
.mechanic-visual{height:170px;margin-top:24px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#f4fdff,#daf6fd);position:relative;overflow:hidden}.mechanic-visual img.pipe-piece{width:138px;height:138px;object-fit:contain}.mechanic-visual img.rotate-mark{position:absolute;width:88px;height:88px;object-fit:contain}.mechanic-visual.flow-visual img.pipe-piece{filter:drop-shadow(0 12px 16px rgba(3,143,195,.15))}.before-after{display:flex;align-items:center;gap:12px}.before-after img{width:92px;height:92px;object-fit:contain}.before-after .arrow{font-weight:900;color:#148dbd;font-size:1.6rem}
.challenge-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.7fr);gap:clamp(35px,7vw,90px);align-items:center}.screen-card{display:flex;justify-content:center}.screen-card img{width:min(330px,72vw);border-radius:28px;box-shadow:0 28px 76px rgba(0,0,0,.3);border:6px solid rgba(255,255,255,.18)}
.gameplay-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(34px,7vw,90px);align-items:center}.phone-shot{display:flex;justify-content:center}.phone-shot img{width:min(360px,75vw);border-radius:35px;box-shadow:0 30px 80px rgba(7,92,141,.28);border:8px solid #0a344a}.star-images{display:flex;gap:8px;margin-top:24px}.star-images img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(170,122,0,.18))}
.gallery{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:center}.gallery figure{margin:0;display:flex;justify-content:center}.gallery img{width:min(100%,300px);border-radius:26px;box-shadow:var(--shadow);border:1px solid rgba(20,141,189,.12)}.gallery figure:nth-child(2){transform:translateY(-22px)}
@keyframes floatBubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@media(max-width:900px){.real-hero .aqua-hero-inner,.challenge-showcase,.gameplay-showcase{grid-template-columns:1fr}.hero-phone-wrap{min-height:auto;padding:20px 0 30px}.hero-phone{width:min(300px,66vw)}.gallery{grid-template-columns:repeat(2,1fr)}.gallery figure:nth-child(2){transform:none}}
@media(max-width:560px){.game-panel.aqua-real{background-position:56% center}.game-panel.aqua-real .game-logo{width:86%}.real-hero .aqua-hero-inner{padding-top:58px}.aqua-logo{width:94%}.hero-phone{width:min(270px,72vw)}.gallery{grid-template-columns:1fr}.gallery img{width:min(270px,76vw)}.hero-bubble{display:none}}