/* tappgo.com/messages/gaming. Generated by _build/pages.py; edit there.
   This block is only the world inside the phone; the shell is amb-story.css. */
/* Gem Grotto: a fictional casual game. Art: media/gaming-*.{webp,jpg}; logo/coin/gem: brand-gaming/. */
.av{position:relative;background:radial-gradient(circle at 50% 35%,#5B2BBF,#24105E)}
.av img{position:absolute;width:64px;left:-9px;top:2px}
.opt .gi{background:radial-gradient(circle at 50% 35%,#5B2BBF,#24105E)}
.opt .gi img{width:28px;height:28px;object-fit:contain}
.rich .media{height:128px;background:url(/messages/media/gaming-grotto.jpg) center 64%/cover #24105E}
.rich .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,60,.15),rgba(20,8,60,0) 40%,rgba(20,8,60,.35))}
.rich .media .lg{position:absolute;left:6px;top:8px;width:104px;height:auto;z-index:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
.rich .media .mas{position:absolute;right:-4px;bottom:-6px;height:132px;width:auto;z-index:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.rich .media .loot{position:absolute;left:50%;top:52%;height:100px;width:auto;transform:translate(-50%,-50%);z-index:1;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}
.rich .media .glow{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);z-index:1;background:radial-gradient(closest-side,rgba(255,222,120,.75),rgba(255,222,120,0))}
/* The game screen: the one place the page goes full color */
.app.game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 16px 40px;text-align:center;color:#fff;font-family:"Lilita One",var(--f);background:url(/messages/media/gaming-grotto.jpg) center/cover #24105E}
.game::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,6,44,.7) 0,rgba(14,6,44,0) 26%,rgba(14,6,44,0) 70%,rgba(14,6,44,.45))}
.game .glogo{position:absolute;top:80px;left:50%;width:168px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.game .hudg{position:absolute;top:50px;left:12px;right:12px;display:flex;justify-content:space-between}
.game .hudg span{display:flex;align-items:center;gap:4px;padding:3px 10px 3px 3px;border-radius:999px;background:rgba(10,4,40,.6);box-shadow:inset 0 0 0 2px rgba(255,255,255,.14);font-size:13px;letter-spacing:.02em}
.game .hudg img{width:22px;height:22px;object-fit:contain}
.claim{position:relative;display:grid;justify-items:center;gap:4px;margin-top:70px;padding:8px 6px 10px}
.claim .rays{position:absolute;left:50%;top:64px;width:260px;height:260px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,226,122,.32) 0 10deg,rgba(255,226,122,0) 10deg 24deg);-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);animation:spin 14s linear infinite}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.claim .loot{position:relative;height:128px;width:auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5));animation:pop2 .6s cubic-bezier(.2,1.6,.4,1) both}
@keyframes pop2{from{transform:scale(.4) rotate(-8deg);opacity:0}}
.claim .c1,.claim .c2{position:absolute;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.claim .c1{left:-6px;top:70px;transform:rotate(-18deg)}.claim .c2{right:-8px;top:28px;transform:rotate(16deg)}
.claim b{position:relative;font:400 24px/1.05 "Lilita One",var(--f);letter-spacing:.01em;color:#FFE27A;text-shadow:0 3px 0 #2A0E5C,2px 0 0 #2A0E5C,-2px 0 0 #2A0E5C,0 -2px 0 #2A0E5C,2px 2px 0 #2A0E5C,-2px 2px 0 #2A0E5C,0 6px 10px rgba(0,0,0,.45)}
.claim small{position:relative;font:500 11px/1 var(--f);padding:6px 10px;border-radius:999px;background:rgba(12,4,40,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.game .mas{position:absolute;left:-2px;bottom:36px;height:118px;width:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4));animation:bob 2.2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px) rotate(3deg)}}
.game .gbtn{position:relative;margin-top:12px;padding:9px 34px 11px;border-radius:18px;border:3px solid #1B5410;background:linear-gradient(180deg,#9BF04A,#3CB21A);box-shadow:inset 0 -5px 0 rgba(0,0,0,.14),0 5px 0 #1F6E10,0 10px 18px rgba(0,0,0,.35);font:400 20px/1 "Lilita One",var(--f);letter-spacing:.06em;color:#fff;text-shadow:0 2px 0 #1B5410,1.5px 0 0 #1B5410,-1.5px 0 0 #1B5410,0 -1.5px 0 #1B5410}
.game .gbtn::before{content:"";position:absolute;left:10px;right:10px;top:3px;height:40%;border-radius:10px;background:rgba(255,255,255,.35)}
/* CSP: these replaced inline style="" attributes */
.foot .logo{font-size:19px}
.shop .thumbs i.t2{background-position:20% 50%}
.shop .thumbs i.t3{background-position:80% 50%}