/* ===== source style 26: shop-v2-modern-minimal-redesign ===== */

/* ===== Shop v2: minimal mobile game store redesign ===== */
#screen-shop{padding-left:14px!important;padding-right:14px!important}
#screen-shop .shop-catalog-panel.shop-v2{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.shop-filter-strip{flex:0 0 auto;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.shop-filter-strip::-webkit-scrollbar{display:none}
.shop-filter{min-height:46px;flex:0 0 auto;padding:0 14px;border-radius:17px;background:linear-gradient(160deg,rgba(35,13,82,.76),rgba(14,5,40,.92));border:1px solid rgba(188,143,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.20);font-size:13px;font-weight:1000;color:#cdbff0;display:flex;align-items:center;gap:7px;white-space:nowrap}
.shop-filter.active{color:white;background:linear-gradient(145deg,rgba(123,60,255,.96),rgba(91,33,190,.92));border-color:rgba(205,170,255,.32);box-shadow:0 10px 22px rgba(123,60,255,.26),inset 0 1px 0 rgba(255,255,255,.15)}
.shop-feed{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 0 calc(92px + var(--safeBottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.shop-feed::-webkit-scrollbar{display:none}
.shop-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 2px 9px}.shop-section-head h2{margin:0;font-size:16px;line-height:1.1;font-weight:1000;letter-spacing:-.1px}.shop-section-head small{color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}
.shop-hero-offer{position:relative;min-height:218px;border-radius:26px;padding:18px;overflow:hidden;border:1px solid rgba(182,103,255,.42);background:radial-gradient(circle at 72% 34%,rgba(85,197,255,.22),transparent 27%),radial-gradient(circle at 88% 6%,rgba(255,209,91,.16),transparent 24%),linear-gradient(135deg,rgba(55,18,132,.94),rgba(13,4,43,.98));box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 28px rgba(123,60,255,.18),inset 0 1px 0 rgba(255,255,255,.08);margin-bottom:10px}
.shop-hero-offer:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 32%,rgba(255,255,255,.08) 48%,transparent 64%);opacity:.65;pointer-events:none}.shop-hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:10px;align-items:center}.shop-sale-badge{display:inline-grid;place-items:center;min-height:31px;min-width:62px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,#ff5269,#ff9d35);font-size:16px;font-weight:1000;box-shadow:0 10px 20px rgba(255,82,105,.25)}.shop-hero-kicker{margin:10px 0 4px;color:#ffd15b;font-size:11px;font-weight:1000;letter-spacing:.6px;text-transform:uppercase}.shop-hero-title{margin:0 0 11px;font-size:28px;line-height:1.02;font-weight:1000;letter-spacing:-.6px}.shop-hero-list{display:grid;gap:8px;margin:0 0 13px;padding:0;list-style:none}.shop-hero-list li{color:#efe8ff;font-size:14px;font-weight:950}.shop-hero-art{height:142px;border-radius:28px;display:grid;place-items:center;font-size:76px;background:radial-gradient(circle,rgba(255,209,91,.18),transparent 54%);filter:drop-shadow(0 0 22px rgba(85,197,255,.22))}.shop-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shop-old-price{color:rgba(255,255,255,.45);font-weight:1000;font-size:17px;text-decoration:line-through}.shop-hero-price{min-height:46px;min-width:122px;border-radius:17px;padding:0 18px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd15b,#ff9d35);color:#241006;font-size:20px;font-weight:1000;box-shadow:0 12px 24px rgba(255,157,53,.24),inset 0 1px 0 rgba(255,255,255,.38)}.shop-timer-pill{position:absolute;right:16px;top:16px;z-index:3;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(8,3,28,.58);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:1000;color:#f1e9ff}.shop-slider-dots{display:flex;justify-content:center;gap:6px;margin:3px 0 12px}.shop-slider-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25)}.shop-slider-dots i:first-child{width:21px;border-radius:99px;background:#8a4dff}
.daily-gift-card{min-height:96px;border-radius:24px;padding:13px 14px;display:grid;grid-template-columns:76px minmax(0,1fr) 132px;align-items:center;gap:12px;background:linear-gradient(160deg,rgba(38,16,88,.86),rgba(13,5,39,.96));border:1px solid rgba(188,143,255,.20);box-shadow:0 13px 31px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07);margin-bottom:12px}.daily-gift-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle at 40% 30%,rgba(255,209,91,.18),transparent 40%),linear-gradient(145deg,rgba(123,60,255,.55),rgba(31,9,75,.92))}.daily-gift-copy h3{margin:0 0 6px;font-size:17px;font-weight:1000}.daily-gift-copy p{margin:0;color:#d8cafa;font-size:13px;font-weight:900;line-height:1.25}.daily-gift-action{display:grid;gap:7px;justify-items:stretch}.daily-gift-action button{min-height:44px;border-radius:16px;background:linear-gradient(135deg,#8d4dff,#682bc9);font-size:15px;font-weight:1000;box-shadow:0 10px 20px rgba(123,60,255,.24),inset 0 1px 0 rgba(255,255,255,.22)}.daily-gift-action button:disabled{background:rgba(255,255,255,.08);color:#a997d0;box-shadow:none}.daily-gift-action small{color:#aa9acb;text-align:center;font-size:10.5px;font-weight:900;line-height:1.15}
.shop-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-v2-card{position:relative;min-height:184px;border-radius:23px;padding:12px;background:linear-gradient(160deg,rgba(39,15,86,.82),rgba(13,5,39,.96));border:1px solid rgba(188,143,255,.18);box-shadow:0 13px 31px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.065);overflow:hidden}.shop-v2-card.highlight{border-color:rgba(255,209,91,.34);background:radial-gradient(circle at 76% 0%,rgba(255,209,91,.12),transparent 34%),linear-gradient(160deg,rgba(49,17,103,.88),rgba(13,5,39,.96))}.shop-v2-badge{position:absolute;left:10px;top:10px;min-height:25px;padding:0 8px;border-radius:10px;background:linear-gradient(135deg,#ff4fa0,#7a3cff);font-size:10px;font-weight:1000}.shop-v2-badge.orange{background:linear-gradient(135deg,#ff9d35,#ff5269)}.shop-v2-badge.blue{background:linear-gradient(135deg,#55c5ff,#2b73ff)}.shop-v2-art{height:70px;margin:12px 0 9px;display:grid;place-items:center;font-size:48px;filter:drop-shadow(0 0 16px rgba(123,60,255,.20))}.shop-v2-card h3{margin:0 0 7px;font-size:14px;line-height:1.12;font-weight:1000}.shop-v2-list{display:grid;gap:4px;margin:0 0 10px;color:#d9cafa;font-size:11px;font-weight:900}.shop-v2-price{width:100%;min-height:39px;border-radius:15px;background:linear-gradient(135deg,#7a3cff,#662acb);display:grid;place-items:center;font-size:14px;font-weight:1000}.shop-v2-price.gold{background:linear-gradient(135deg,#ffd15b,#ff9d35);color:#241006}.shop-v2-price.blue{background:linear-gradient(135deg,#55c5ff,#2b73ff)}.shop-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.shop-mini-card{min-height:132px;border-radius:20px;padding:10px;background:linear-gradient(160deg,rgba(33,13,76,.82),rgba(12,4,34,.96));border:1px solid rgba(188,143,255,.16);box-shadow:0 11px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055);display:flex;flex-direction:column;justify-content:space-between;text-align:center;position:relative;overflow:hidden}.shop-mini-card .bonus{position:absolute;right:8px;top:8px;min-height:22px;padding:0 6px;border-radius:999px;background:#ff9d35;font-size:10px;font-weight:1000}.shop-mini-icon{height:42px;display:grid;place-items:center;font-size:32px}.shop-mini-title{font-size:20px;font-weight:1000;line-height:1}.shop-mini-sub{font-size:10.5px;color:#cbb9ee;font-weight:900;margin-top:3px}.shop-mini-card button{margin-top:8px;min-height:34px;border-radius:13px;background:linear-gradient(135deg,#7a3cff,#682bc9);font-size:12px;font-weight:1000}.shop-wide-card{min-height:84px;border-radius:22px;padding:12px 14px;display:grid;grid-template-columns:58px minmax(0,1fr) 138px;align-items:center;gap:12px;background:linear-gradient(160deg,rgba(37,15,83,.84),rgba(13,5,39,.96));border:1px solid rgba(188,143,255,.18);box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06);margin-bottom:9px}.shop-wide-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:34px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}.shop-wide-copy h3{margin:0 0 4px;font-size:15px;font-weight:1000}.shop-wide-copy p{margin:0;color:#cbb9ee;font-size:12px;font-weight:900;line-height:1.25}.shop-wide-card button{min-height:42px;border-radius:16px;background:linear-gradient(135deg,#7a3cff,#682bc9);font-size:13px;font-weight:1000}.shop-wide-card.ads{border-color:rgba(255,209,91,.24)}.shop-wide-card.ads button{background:linear-gradient(135deg,#ffd15b,#d89525);color:#241006}.shop-battle-pass-card{min-height:92px;border-radius:24px;padding:14px;display:grid;grid-template-columns:64px minmax(0,1fr) 142px;gap:12px;align-items:center;background:radial-gradient(circle at 74% 0%,rgba(255,209,91,.13),transparent 32%),linear-gradient(135deg,rgba(69,25,135,.92),rgba(17,5,50,.98));border:1px solid rgba(255,209,91,.24);box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 22px rgba(123,60,255,.12),inset 0 1px 0 rgba(255,255,255,.07);margin-top:12px}.shop-bp-icon{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font-size:36px;background:linear-gradient(145deg,#ffd15b,#d89525);box-shadow:0 10px 22px rgba(255,209,91,.20)}.shop-bp-copy h3{margin:0 0 4px;font-size:18px;font-weight:1000}.shop-bp-copy p{margin:0 0 8px;color:#cbb9ee;font-size:12px;font-weight:900}.shop-bp-progress{height:7px;border-radius:999px;background:rgba(0,0,0,.35);overflow:hidden}.shop-bp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd15b,#ff4fa0,#7a3cff)}.shop-battle-pass-card button{min-height:46px;border-radius:17px;background:linear-gradient(135deg,#ffd15b,#d89525);color:#241006;font-size:13px;font-weight:1000}
.shop-empty-note{border-radius:20px;padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(188,143,255,.16);color:#cbb9ee;font-size:13px;font-weight:900;line-height:1.35}
@media(max-width:390px){.shop-hero-title{font-size:24px}.shop-hero-content{grid-template-columns:minmax(0,1fr) 112px}.shop-hero-art{font-size:64px}.daily-gift-card{grid-template-columns:62px minmax(0,1fr);}.daily-gift-action{grid-column:1/-1}.shop-card-row{grid-template-columns:1fr}.shop-v2-card{min-height:142px;display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center}.shop-v2-art{grid-row:1/4;height:76px;margin:0}.shop-v2-badge{position:static;width:max-content;margin-bottom:6px}.shop-mini-grid{grid-template-columns:repeat(2,1fr)}.shop-wide-card,.shop-battle-pass-card{grid-template-columns:54px minmax(0,1fr);}.shop-wide-card button,.shop-battle-pass-card button{grid-column:1/-1}.shop-battle-pass-card{margin-bottom:8px}}
@media(max-width:370px){.shop-filter{min-height:43px;padding:0 11px;font-size:12px}.shop-hero-offer{min-height:204px;padding:15px}.shop-hero-list li{font-size:13px}.shop-timer-pill{right:12px;top:12px}.shop-mini-title{font-size:18px}}


/* ===== source style 27: shop-v3-compact-animated-visual-upgrade ===== */

/* ===== Shop v3: compact animated premium cards ===== */
#screen-shop .shop-catalog-panel.shop-v2{gap:10px!important}
.shop-feed{padding-bottom:calc(86px + var(--safeBottom))!important}
.shop-filter-strip{padding-bottom:2px!important;gap:7px!important}
.shop-filter{min-height:42px!important;padding:0 12px!important;border-radius:16px!important;font-size:12.5px!important;position:relative;overflow:hidden}
.shop-filter.active:after{content:"";position:absolute;left:18%;right:18%;bottom:4px;height:3px;border-radius:99px;background:linear-gradient(90deg,#ffd15b,#ff4fa0);box-shadow:0 0 12px rgba(255,79,160,.45)}

.shop-section-head{margin:12px 2px 8px!important}.shop-section-head h2{font-size:15.5px!important}.shop-section-head small{font-size:11px!important;opacity:.86}

.shop-hero-offer{min-height:188px!important;border-radius:24px!important;padding:15px!important;margin-bottom:8px!important;isolation:isolate;background:radial-gradient(circle at 70% 35%,rgba(85,197,255,.26),transparent 28%),radial-gradient(circle at 92% 4%,rgba(255,209,91,.18),transparent 22%),linear-gradient(135deg,rgba(61,20,143,.96),rgba(13,4,43,.99))!important;box-shadow:0 15px 38px rgba(0,0,0,.42),0 0 24px rgba(123,60,255,.22),inset 0 1px 0 rgba(255,255,255,.09)!important;transition:transform .18s cubic-bezier(.2,.85,.2,1),filter .18s ease}
.shop-hero-offer:before{animation:shopHeroShimmer 4.2s ease-in-out infinite!important;opacity:.74!important}.shop-hero-offer:after{content:"✦";position:absolute;right:122px;top:46px;z-index:1;color:#ffd15b;font-size:18px;text-shadow:0 0 16px rgba(255,209,91,.7);animation:shopStarTwinkle 1.9s ease-in-out infinite alternate;pointer-events:none}.shop-hero-offer:active{transform:scale(.992);filter:brightness(1.05)}
.shop-hero-content{grid-template-columns:minmax(0,1fr) 118px!important}.shop-sale-badge{min-height:28px!important;min-width:56px!important;border-radius:11px!important;font-size:14px!important}.shop-timer-pill{right:13px!important;top:13px!important;min-height:30px!important;padding:0 10px!important;font-size:11px!important}.shop-hero-kicker{margin:8px 0 4px!important;font-size:10px!important}.shop-hero-title{font-size:25px!important;margin-bottom:9px!important}.shop-hero-list{gap:6px!important;margin-bottom:10px!important}.shop-hero-list li{font-size:12.8px!important}.shop-hero-art{height:116px!important;border-radius:25px!important;font-size:68px!important;animation:shopFloatArt 2.8s ease-in-out infinite alternate;position:relative}.shop-hero-art:after{content:"⚡";position:absolute;left:-10px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,#55c5ff,#2b73ff);box-shadow:0 0 20px rgba(85,197,255,.34),inset 0 1px 0 rgba(255,255,255,.28)}.shop-old-price{font-size:15px!important}.shop-hero-price{min-height:42px!important;min-width:108px!important;border-radius:15px!important;font-size:18px!important}.shop-slider-dots{margin:1px 0 9px!important}

.daily-gift-card{min-height:82px!important;border-radius:22px!important;padding:10px 12px!important;grid-template-columns:60px minmax(0,1fr) 116px!important;gap:10px!important;margin-bottom:9px!important;position:relative;overflow:hidden}.daily-gift-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 50%,rgba(255,209,91,.15),transparent 28%);pointer-events:none}.daily-gift-icon{width:56px!important;height:56px!important;border-radius:19px!important;font-size:34px!important;animation:shopGiftPop 2.2s ease-in-out infinite alternate}.daily-gift-copy h3{font-size:15px!important;margin-bottom:4px!important}.daily-gift-copy p{font-size:11.5px!important}.daily-gift-action button{min-height:38px!important;border-radius:15px!important;font-size:13px!important}.daily-gift-action small{font-size:9.5px!important}

.shop-card-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.shop-v2-card{min-height:154px!important;border-radius:20px!important;padding:10px!important;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .18s cubic-bezier(.2,.85,.2,1),border-color .18s ease,filter .18s ease}.shop-v2-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 74% 15%,rgba(255,255,255,.10),transparent 24%),linear-gradient(120deg,transparent 12%,rgba(255,255,255,.045),transparent 42%);opacity:.9;pointer-events:none}.shop-v2-card:after{content:"";position:absolute;right:-18px;top:-20px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(123,60,255,.30),transparent 68%);pointer-events:none}.shop-v2-card:hover,.shop-v2-card:active{transform:translateY(-2px);filter:brightness(1.06);border-color:rgba(255,209,91,.34)!important}.shop-v2-card.highlight{background:radial-gradient(circle at 76% 2%,rgba(255,209,91,.14),transparent 32%),linear-gradient(160deg,rgba(49,17,103,.9),rgba(13,5,39,.96))!important}.shop-v2-badge{left:8px!important;top:8px!important;min-height:22px!important;padding:0 7px!important;border-radius:9px!important;font-size:9px!important;box-shadow:0 7px 15px rgba(0,0,0,.20)}.shop-v2-art{height:54px!important;margin:14px 0 6px!important;font-size:39px!important;animation:shopFloatArt 2.8s ease-in-out infinite alternate}.shop-v2-card:nth-child(2) .shop-v2-art{animation-delay:.25s}.shop-v2-card:nth-child(3) .shop-v2-art{animation-delay:.5s}.shop-v2-card h3{font-size:12.5px!important;margin-bottom:5px!important;min-height:28px}.shop-v2-list{gap:3px!important;margin-bottom:8px!important;font-size:9.7px!important;line-height:1.15}.shop-v2-price{min-height:34px!important;border-radius:13px!important;font-size:12.5px!important;box-shadow:0 9px 18px rgba(123,60,255,.22),inset 0 1px 0 rgba(255,255,255,.22)}.shop-v2-price.gold{box-shadow:0 9px 18px rgba(255,157,53,.22),inset 0 1px 0 rgba(255,255,255,.32)}

.shop-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.shop-mini-card{min-height:106px!important;border-radius:17px!important;padding:8px!important;transition:transform .18s cubic-bezier(.2,.85,.2,1),filter .18s ease,border-color .18s ease;isolation:isolate}.shop-mini-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 10%,rgba(123,60,255,.22),transparent 36%),linear-gradient(130deg,transparent,rgba(255,255,255,.035),transparent);pointer-events:none}.shop-mini-card:active{transform:translateY(-2px) scale(.99);filter:brightness(1.06);border-color:rgba(255,209,91,.28)}.shop-mini-card .bonus{right:6px!important;top:6px!important;min-height:19px!important;font-size:8.8px!important;padding:0 5px!important;box-shadow:0 6px 14px rgba(255,157,53,.24)}.shop-mini-icon{height:30px!important;font-size:26px!important;animation:shopBrushWiggle 3.4s ease-in-out infinite}.shop-mini-title{font-size:17px!important}.shop-mini-sub{font-size:9px!important;margin-top:1px!important}.shop-mini-card button{min-height:30px!important;border-radius:12px!important;font-size:11px!important;margin-top:6px!important;box-shadow:0 8px 16px rgba(123,60,255,.22),inset 0 1px 0 rgba(255,255,255,.18)}

.shop-wide-card{min-height:68px!important;border-radius:19px!important;padding:9px 10px!important;grid-template-columns:46px minmax(0,1fr) 100px!important;gap:9px!important;margin-bottom:7px!important;transition:transform .18s cubic-bezier(.2,.85,.2,1),filter .18s ease,border-color .18s ease;position:relative;overflow:hidden}.shop-wide-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.035) 50%,transparent 65%);pointer-events:none}.shop-wide-card:active{transform:translateY(-2px) scale(.995);filter:brightness(1.06);border-color:rgba(255,209,91,.30)}.shop-wide-icon{width:44px!important;height:44px!important;border-radius:15px!important;font-size:27px!important;animation:shopFloatArt 3s ease-in-out infinite alternate}.shop-wide-copy h3{font-size:13.2px!important;margin-bottom:3px!important}.shop-wide-copy p{font-size:10.5px!important;line-height:1.18!important}.shop-wide-card button{min-height:35px!important;border-radius:14px!important;font-size:11.5px!important;padding:0 8px!important}.shop-wide-card.ads{background:radial-gradient(circle at 88% 20%,rgba(255,209,91,.12),transparent 32%),linear-gradient(160deg,rgba(42,24,88,.86),rgba(13,5,39,.98))!important}.shop-wide-card.ads .shop-wide-icon{background:linear-gradient(145deg,rgba(255,209,91,.20),rgba(255,79,160,.10));box-shadow:0 0 16px rgba(255,209,91,.12),inset 0 1px 0 rgba(255,255,255,.08)}

.shop-battle-pass-card{min-height:78px!important;border-radius:21px!important;padding:10px 12px!important;grid-template-columns:52px minmax(0,1fr) 118px!important;gap:9px!important;margin-top:9px!important}.shop-bp-icon{width:48px!important;height:48px!important;border-radius:17px!important;font-size:29px!important;animation:shopCrownGlow 2.4s ease-in-out infinite alternate}.shop-bp-copy h3{font-size:15.5px!important;margin-bottom:3px!important}.shop-bp-copy p{font-size:10.5px!important;margin-bottom:6px!important}.shop-bp-progress{height:6px!important}.shop-battle-pass-card button{min-height:36px!important;border-radius:14px!important;font-size:11.5px!important;padding:0 10px!important}
.shop-empty-note{min-height:160px;border-radius:22px;display:grid;place-items:center;text-align:center;color:var(--muted);background:rgba(255,255,255,.045);border:1px dashed rgba(188,143,255,.22);font-size:13px;font-weight:900;padding:18px}

@keyframes shopHeroShimmer{0%,48%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}
@keyframes shopFloatArt{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-5px) rotate(2deg);filter:drop-shadow(0 0 16px rgba(255,209,91,.18))}}
@keyframes shopStarTwinkle{from{opacity:.35;transform:scale(.82) rotate(0)}to{opacity:1;transform:scale(1.16) rotate(18deg)}}
@keyframes shopGiftPop{from{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 0 13px rgba(255,209,91,.28))}}
@keyframes shopBrushWiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg) translateY(-2px)}}
@keyframes shopCrownGlow{from{box-shadow:0 10px 22px rgba(255,209,91,.16)}to{box-shadow:0 0 26px rgba(255,209,91,.36),0 10px 22px rgba(255,157,53,.18)}}

.motion-lite .shop-hero-offer:before,.motion-lite .shop-hero-offer:after,.motion-lite .shop-hero-art,.motion-lite .shop-v2-art,.motion-lite .daily-gift-icon,.motion-lite .shop-mini-icon,.motion-lite .shop-wide-icon,.motion-lite .shop-bp-icon{animation:none!important}
@media(prefers-reduced-motion:reduce){.shop-hero-offer:before,.shop-hero-offer:after,.shop-hero-art,.shop-v2-art,.daily-gift-icon,.shop-mini-icon,.shop-wide-icon,.shop-bp-icon{animation:none!important}.shop-hero-offer,.shop-v2-card,.shop-mini-card,.shop-wide-card{transition:none!important}}
@media(max-width:370px){
  .shop-filter{min-height:39px!important;padding:0 10px!important;font-size:11.5px!important}.shop-hero-offer{min-height:176px!important;padding:13px!important}.shop-hero-content{grid-template-columns:minmax(0,1fr) 96px!important}.shop-hero-title{font-size:22px!important}.shop-hero-art{height:98px!important;font-size:58px!important}.shop-hero-list li{font-size:11.5px!important}.shop-hero-price{min-height:38px!important;min-width:94px!important;font-size:16px!important}.daily-gift-card{grid-template-columns:52px minmax(0,1fr) 102px!important}.daily-gift-icon{width:50px!important;height:50px!important;font-size:30px!important}.daily-gift-copy h3{font-size:13.5px!important}.daily-gift-copy p{font-size:10.5px!important}.daily-gift-action button{min-height:35px!important;font-size:12px!important}.shop-card-row{gap:6px!important}.shop-v2-card{min-height:148px!important;padding:8px!important;border-radius:18px!important}.shop-v2-art{height:48px!important;font-size:34px!important}.shop-v2-card h3{font-size:11.5px!important;min-height:26px}.shop-v2-list{font-size:8.8px!important}.shop-v2-price{min-height:31px!important;font-size:11px!important}.shop-mini-grid{gap:6px!important}.shop-mini-card{min-height:100px!important;padding:7px!important}.shop-mini-title{font-size:15px!important}.shop-mini-card button{font-size:10px!important}.shop-wide-card{grid-template-columns:42px minmax(0,1fr) 88px!important;gap:7px!important}.shop-wide-icon{width:40px!important;height:40px!important;font-size:24px!important}.shop-wide-card button{font-size:10.5px!important}.shop-battle-pass-card{grid-template-columns:46px minmax(0,1fr) 102px!important}.shop-bp-icon{width:44px!important;height:44px!important;font-size:26px!important}.shop-battle-pass-card button{font-size:10.5px!important}
}


/* ===== source style 28: shop-v5-square-card-final-polish ===== */

/* ===== Shop v5: square primary cards + compact 2x2 commerce grids ===== */
#screen-shop .shop-feed{
  padding-bottom:calc(102px + var(--safeBottom))!important;
}
#screen-shop .shop-section-head{
  margin:16px 2px 9px!important;
}

/* Primary bundles: no squeezed 3-column layout. Mobile carousel with fixed square cards. */
#screen-shop .shop-card-row{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(158px,44%)!important;
  grid-template-columns:none!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 9px!important;
  margin:0 -2px 2px!important;
  scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#screen-shop .shop-card-row::-webkit-scrollbar{display:none!important}
#screen-shop .shop-v2-card{
  aspect-ratio:1/1!important;
  min-height:unset!important;
  height:auto!important;
  width:100%!important;
  scroll-snap-align:start;
  padding:11px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:5px!important;
  align-content:stretch!important;
  transform:translateZ(0);
}
#screen-shop .shop-v2-card:before{
  background:
    radial-gradient(circle at 50% 26%,rgba(255,209,91,.10),transparent 36%),
    linear-gradient(130deg,transparent 0 24%,rgba(255,255,255,.05) 42%,transparent 62%)!important;
}
#screen-shop .shop-v2-card:after{
  right:-24px!important;
  top:-24px!important;
  width:88px!important;
  height:88px!important;
  background:radial-gradient(circle,rgba(123,60,255,.26),transparent 70%)!important;
}
#screen-shop .shop-v2-badge{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  z-index:3;
}
#screen-shop .shop-v2-art{
  height:auto!important;
  min-height:48px!important;
  margin:0!important;
  align-self:center!important;
  font-size:43px!important;
  filter:drop-shadow(0 0 16px rgba(123,60,255,.22));
}
#screen-shop .shop-v2-card h3{
  min-height:unset!important;
  margin:0 0 5px!important;
  font-size:13px!important;
  line-height:1.08!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#screen-shop .shop-v2-list{
  gap:3px!important;
  margin:0 0 8px!important;
  font-size:9.8px!important;
  line-height:1.12!important;
}
#screen-shop .shop-v2-list span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#screen-shop .shop-v2-price{
  margin-top:auto!important;
  min-height:34px!important;
  border-radius:14px!important;
  font-size:12.8px!important;
}

/* Brush packs and boosters: clean 2x2 square cards. */
#screen-shop .shop-mini-grid,
#screen-shop .shop-booster-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
#screen-shop .shop-mini-card,
#screen-shop .shop-booster-card{
  aspect-ratio:1/1!important;
  min-height:unset!important;
  height:auto!important;
  padding:11px!important;
  border-radius:21px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  text-align:left!important;
}
#screen-shop .shop-mini-card:before,
#screen-shop .shop-booster-card:before{
  background:
    radial-gradient(circle at 52% 22%,rgba(123,60,255,.20),transparent 34%),
    linear-gradient(130deg,transparent,rgba(255,255,255,.04),transparent)!important;
}
#screen-shop .shop-mini-icon{
  height:44px!important;
  justify-content:flex-start!important;
  font-size:32px!important;
}
#screen-shop .shop-mini-title{
  font-size:22px!important;
  line-height:1.05!important;
  text-align:left!important;
}
#screen-shop .shop-booster-card .booster-title{
  font-size:14px!important;
  line-height:1.08!important;
  min-height:30px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#screen-shop .shop-mini-sub{
  font-size:10.5px!important;
  line-height:1.15!important;
  text-align:left!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#screen-shop .shop-mini-card button,
#screen-shop .shop-booster-card button{
  width:100%!important;
  min-height:35px!important;
  border-radius:14px!important;
  font-size:12px!important;
  margin-top:8px!important;
}

/* Keep free/ad and Battle Pass as wide utility blocks. */
#screen-shop .shop-wide-card.ads{
  margin-top:10px!important;
  min-height:76px!important;
}
#screen-shop .shop-battle-pass-card{
  margin-top:10px!important;
}

/* More restrained motion polish. */
#screen-shop .shop-v2-card:hover,
#screen-shop .shop-v2-card:active,
#screen-shop .shop-mini-card:active,
#screen-shop .shop-booster-card:active{
  transform:translateY(-3px) scale(.995)!important;
}
#screen-shop .shop-v2-card.highlight:nth-child(2){
  border-color:rgba(255,157,53,.42)!important;
}
#screen-shop .shop-v2-card.highlight:nth-child(3){
  border-color:rgba(85,197,255,.38)!important;
}

@media(max-width:370px){
  #screen-shop .shop-card-row{grid-auto-columns:minmax(148px,46%)!important;gap:8px!important}
  #screen-shop .shop-v2-card{padding:10px!important;border-radius:20px!important}
  #screen-shop .shop-v2-art{font-size:38px!important;min-height:42px!important}
  #screen-shop .shop-v2-card h3{font-size:12px!important}
  #screen-shop .shop-v2-list{font-size:9px!important}
  #screen-shop .shop-mini-grid,
  #screen-shop .shop-booster-grid{gap:8px!important}
  #screen-shop .shop-mini-card,
  #screen-shop .shop-booster-card{padding:10px!important;border-radius:19px!important}
  #screen-shop .shop-mini-icon{height:38px!important;font-size:28px!important}
  #screen-shop .shop-mini-title{font-size:20px!important}
  #screen-shop .shop-booster-card .booster-title{font-size:13px!important}
}

@media(prefers-reduced-motion:reduce){
  #screen-shop .shop-v2-card,
  #screen-shop .shop-mini-card,
  #screen-shop .shop-booster-card{transition:none!important}
}


/* ===== source style 29: shop-v6-card-content-modal-layout ===== */

/* ===== Shop v6: clean product thumbnails + detail modal ===== */
#screen-shop .shop-card-row{
  grid-auto-columns:minmax(164px,46%)!important;
  gap:10px!important;
}
#screen-shop .shop-v2-card,
#screen-shop .shop-mini-card,
#screen-shop .shop-booster-card{
  cursor:pointer;
  text-align:center!important;
  overflow:hidden!important;
}
#screen-shop .shop-v2-card{
  grid-template-rows:24px minmax(64px,1fr) auto 38px!important;
  padding:10px!important;
  gap:7px!important;
}
#screen-shop .shop-v2-card .shop-v2-badge{
  justify-self:start!important;
  min-height:22px!important;
  line-height:22px!important;
  margin:0!important;
}
#screen-shop .shop-v2-art{
  width:min(76px,64%)!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  font-size:42px!important;
  background:
    radial-gradient(circle at 42% 30%,rgba(255,255,255,.16),transparent 34%),
    linear-gradient(145deg,rgba(123,60,255,.22),rgba(255,79,160,.08));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.22);
}
#screen-shop .shop-v2-card h3{
  margin:0!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-size:13px!important;
  line-height:1.12!important;
}
#screen-shop .shop-v2-list,
#screen-shop .shop-mini-sub.detail-only,
#screen-shop .booster-detail-only{
  display:none!important;
}
#screen-shop .shop-v2-price,
#screen-shop .shop-mini-card button,
#screen-shop .shop-booster-card button{
  min-height:36px!important;
  height:36px!important;
  border-radius:14px!important;
  font-size:12.5px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 8px!important;
}
#screen-shop .shop-mini-card,
#screen-shop .shop-booster-card{
  padding:10px!important;
  justify-content:space-between!important;
}
#screen-shop .shop-mini-card .shop-card-content,
#screen-shop .shop-booster-card .shop-card-content{
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:1;
}
#screen-shop .shop-mini-icon{
  width:62px!important;
  height:62px!important;
  min-height:62px!important;
  margin:0 auto!important;
  border-radius:22px;
  display:grid!important;
  place-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  background:
    radial-gradient(circle at 44% 30%,rgba(255,255,255,.15),transparent 34%),
    linear-gradient(145deg,rgba(123,60,255,.20),rgba(255,209,91,.08));
  border:1px solid rgba(255,255,255,.10);
}
#screen-shop .shop-mini-title,
#screen-shop .shop-booster-card .booster-title{
  min-height:32px!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  text-align:center!important;
  font-size:13.5px!important;
  line-height:1.14!important;
}
#screen-shop .shop-mini-card .bonus{
  right:9px!important;
  top:9px!important;
  z-index:4;
}
.shop-product-detail-card{
  width:min(92vw,390px)!important;
  max-width:390px!important;
  padding:0!important;
  text-align:left!important;
  overflow:hidden!important;
  border-radius:28px!important;
}
.shop-detail-head{
  position:relative;
  min-height:176px;
  padding:18px 18px 16px;
  display:grid;
  grid-template-columns:96px minmax(0,1fr) 38px;
  gap:14px;
  align-items:center;
  background:
    radial-gradient(circle at 24% 20%,rgba(255,209,91,.14),transparent 32%),
    radial-gradient(circle at 82% 16%,rgba(255,79,160,.16),transparent 34%),
    linear-gradient(160deg,rgba(55,21,120,.72),rgba(12,4,35,.94));
  border-bottom:1px solid rgba(188,143,255,.14);
}
.shop-detail-icon{
  width:92px;height:92px;border-radius:28px;display:grid;place-items:center;font-size:54px;
  background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.18),transparent 34%),linear-gradient(145deg,rgba(255,209,91,.18),rgba(123,60,255,.32));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10);
  animation:shopDetailFloat 2.6s ease-in-out infinite alternate;
}
.shop-detail-title{min-width:0}.shop-detail-title small{display:inline-grid;place-items:center;min-height:24px;padding:0 8px;margin-bottom:8px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#ffd15b;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.4px}.shop-detail-title h2{margin:0;font-size:23px;line-height:1.06;font-weight:1000;letter-spacing:-.35px}.shop-detail-title p{margin:7px 0 0;color:var(--muted);font-size:12px;font-weight:900;line-height:1.3}.shop-detail-close{align-self:start;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:25px;line-height:1}.shop-detail-body{padding:14px 16px 16px}.shop-detail-list{display:grid;gap:8px;margin-bottom:14px}.shop-detail-row{min-height:42px;border-radius:16px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.09);font-size:13px;font-weight:900;color:#d9c8ff}.shop-detail-row b{color:#fff;text-align:right}.shop-detail-note{margin:0 0 14px;color:#bcaedf;font-size:12px;font-weight:850;line-height:1.38}.shop-detail-actions{display:grid;grid-template-columns:.88fr 1.12fr;gap:10px}.shop-detail-actions .ghost,.shop-detail-actions .primary{min-height:50px!important;border-radius:18px!important}.shop-detail-price{font-size:16px;font-weight:1000}.motion-lite .shop-detail-icon{animation:none!important}
@keyframes shopDetailFloat{to{transform:translateY(-5px) scale(1.025);filter:drop-shadow(0 0 14px rgba(255,209,91,.20))}}
@media(max-width:370px){
  #screen-shop .shop-card-row{grid-auto-columns:minmax(150px,47%)!important}
  #screen-shop .shop-v2-card{grid-template-rows:22px minmax(58px,1fr) auto 34px!important;padding:9px!important}
  #screen-shop .shop-v2-art{width:min(68px,62%)!important;font-size:37px!important;border-radius:21px!important}
  #screen-shop .shop-mini-icon{width:54px!important;height:54px!important;min-height:54px!important;font-size:30px!important;border-radius:19px!important}
  #screen-shop .shop-v2-price,#screen-shop .shop-mini-card button,#screen-shop .shop-booster-card button{height:34px!important;min-height:34px!important;font-size:11.5px!important}
  .shop-detail-head{grid-template-columns:82px minmax(0,1fr) 36px;min-height:156px;padding:15px 14px;gap:11px}
  .shop-detail-icon{width:80px;height:80px;border-radius:25px;font-size:48px}
  .shop-detail-title h2{font-size:20px}
  .shop-detail-actions{grid-template-columns:1fr}
}


/* ===== source style 30: stijoy-main-app-shell-v7 ===== */

/* ===== StiJoy main app mode + game return navigation ===== */
#screen-main{padding:calc(12px + var(--safeTop)) 14px calc(22px + var(--safeBottom))!important;overflow:auto!important;scrollbar-width:none;background:radial-gradient(circle at 80% 0%,rgba(255,209,91,.10),transparent 30%),linear-gradient(180deg,rgba(17,2,48,.98),rgba(7,2,22,.99));}
#screen-main::-webkit-scrollbar{display:none}
.main-app-top{height:64px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;margin-bottom:12px}
.main-icon-btn{width:48px;height:48px;border-radius:18px;background:rgba(35,12,81,.72);border:1px solid rgba(188,143,255,.20);display:grid;place-items:center;font-size:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 20px rgba(0,0,0,.24)}
.main-app-logo{text-align:center;font-size:34px;font-weight:1000;letter-spacing:-1.2px;color:#fff;text-shadow:0 0 24px rgba(170,104,255,.35)}
.game-entry-banner{position:relative;min-height:178px;border-radius:28px;overflow:hidden;padding:18px;margin:8px 0 26px;background:radial-gradient(circle at 70% 25%,rgba(255,209,91,.22),transparent 28%),radial-gradient(circle at 36% 30%,rgba(85,197,255,.18),transparent 31%),linear-gradient(135deg,rgba(81,24,140,.95),rgba(13,4,44,.98));border:1px solid rgba(255,209,91,.34);box-shadow:0 18px 46px rgba(0,0,0,.40),0 0 34px rgba(123,60,255,.18),inset 0 1px 0 rgba(255,255,255,.10);text-align:left}
.game-entry-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.10),transparent 44%);transform:translateX(-120%);animation:mainBannerSweep 4.8s ease-in-out infinite;pointer-events:none}.game-entry-art{position:absolute;right:14px;bottom:10px;font-size:74px;filter:drop-shadow(0 0 24px rgba(255,209,91,.28));animation:mainBannerFloat 2.5s ease-in-out infinite alternate}.game-entry-kicker{position:relative;z-index:2;display:inline-grid;place-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#ffd15b,#ff9d35);color:#2b1208;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.55px}.game-entry-banner h2{position:relative;z-index:2;margin:12px 0 7px;font-size:27px;line-height:1.02;font-weight:1000;max-width:70%}.game-entry-banner p{position:relative;z-index:2;margin:0 0 14px;color:#e0d2ff;font-size:13px;font-weight:900;line-height:1.35;max-width:66%}.game-entry-cta{position:relative;z-index:2;min-height:48px;width:168px;border-radius:18px;background:linear-gradient(135deg,#ff9d35,#ff4fa0);box-shadow:0 12px 26px rgba(255,79,160,.24),inset 0 1px 0 rgba(255,255,255,.32);font-size:15px;font-weight:1000}
@keyframes mainBannerSweep{0%,58%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}@keyframes mainBannerFloat{to{transform:translateY(-6px) rotate(2deg)}}
.main-section-title{margin:0 0 12px;text-align:center;color:#ffd15b;font-size:24px;font-weight:1000;letter-spacing:-.35px}.main-sticker-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.main-sticker-card{position:relative;aspect-ratio:1.52/1;border-radius:22px;overflow:hidden;padding:12px;display:flex;align-items:flex-end;background:linear-gradient(145deg,rgba(255,79,160,.34),rgba(85,197,255,.20));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}.main-sticker-card:nth-child(2n){background:linear-gradient(145deg,rgba(85,197,255,.28),rgba(123,60,255,.26))}.main-sticker-card .stickers{position:absolute;inset:10px 8px auto;display:flex;gap:4px;justify-content:center;font-size:34px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}.main-sticker-card b{position:relative;z-index:2;font-size:18px;text-shadow:0 3px 12px rgba(0,0,0,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-sticker-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(transparent,rgba(0,0,0,.60))}.app-drawer-backdrop{position:absolute;inset:0;z-index:260;display:none;background:rgba(4,1,12,.55);backdrop-filter:blur(3px)}.app-drawer-backdrop.show{display:block}.app-side-drawer{position:absolute;left:0;top:0;bottom:0;width:min(82%,330px);z-index:270;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.85,.2,1);padding:calc(44px + var(--safeTop)) 22px calc(24px + var(--safeBottom));background:linear-gradient(180deg,#270052,#16002f);box-shadow:28px 0 54px rgba(0,0,0,.45);display:flex;flex-direction:column}.app-side-drawer.open{transform:translateX(0)}.drawer-list{display:grid;gap:24px}.drawer-item{min-height:54px;display:flex;align-items:center;gap:18px;background:transparent;text-align:left;font-size:22px;font-weight:900}.drawer-item span{width:36px;display:grid;place-items:center;font-size:25px}.drawer-spacer{flex:1}.drawer-profile-btn{min-height:56px;border-radius:16px;background:#ffc31a;color:#180824;font-size:19px;font-weight:1000}.nav{grid-template-columns:repeat(4,1fr)!important}.motion-lite .game-entry-banner:before,.motion-lite .game-entry-art{animation:none!important}
@media(max-width:370px){.main-app-logo{font-size:30px}.game-entry-banner{min-height:164px}.game-entry-banner h2{font-size:24px}.game-entry-art{font-size:62px}.main-section-title{font-size:22px}.drawer-item{font-size:20px}}


/* ===== source style 31: global-compact-game-ui-v8 ===== */

/* ===== v8 compact professional game UI scale ===== */
:root{
  --compact-header-h:62px;
  --compact-nav-h:60px;
}
.screen{
  padding:calc(11px + var(--safeTop)) 12px calc(76px + var(--safeBottom))!important;
}
#screen-game{
  padding-bottom:calc(12px + var(--safeBottom))!important;
}
.topbar,.game-hud,.pass-head-compact{
  min-height:var(--compact-header-h)!important;
  padding:8px 10px!important;
  margin-bottom:10px!important;
  border-radius:18px!important;
}
#screen-levels .player-topbar,#screen-profile .player-topbar{
  min-height:60px!important;
  padding:8px 10px!important;
  margin-bottom:10px!important;
  border-radius:18px!important;
}
#screen-levels .player-avatar-btn,#screen-profile .player-avatar-btn{
  width:40px!important;height:40px!important;min-width:40px!important;
}
#screen-levels .player-avatar-icon,#screen-profile .player-avatar-icon{font-size:22px!important}
#screen-levels .avatar-level-badge,#screen-profile .avatar-level-badge{
  min-width:26px!important;height:16px!important;font-size:7.8px!important;right:-6px!important;bottom:-4px!important;
}
#screen-levels .player-copy h1,#screen-profile .player-copy h1{font-size:14px!important;max-width:156px!important}
#screen-levels .player-copy p,#screen-profile .player-copy p{font-size:10px!important;margin-top:2px!important}
.player-resource-group,.shop-resource-group{gap:5px!important}
.player-energy-pill,.shop-energy-pill,.player-brush-pill,.shop-balance-pill{
  min-height:32px!important;min-width:50px!important;padding:5px 8px!important;font-size:13px!important;gap:5px!important;
}
.player-energy-icon,.shop-energy-icon,.player-brush-icon,.shop-balance-icon{font-size:15px!important}
#screen-shop .shop-topbar,#screen-guide .guide-topbar{
  min-height:56px!important;padding:8px 10px!important;margin-bottom:10px!important;border-radius:18px!important;
}
#screen-shop .shop-title-wrap h1,#screen-guide .guide-title-wrap h1{font-size:17px!important}
#screen-guide .guide-back-btn,.icon-btn{
  width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;font-size:23px!important;
}
.game-hud{
  grid-template-columns:38px minmax(0,1fr) minmax(76px,88px)!important;gap:8px!important;
}
.game-hud .timer{
  height:36px!important;font-size:13.5px!important;padding:0 7px!important;
}
.game-hud #gameLevelTitle{font-size:13px!important}
.nav{
  left:12px!important;right:12px!important;bottom:calc(9px + var(--safeBottom))!important;
  height:var(--compact-nav-h)!important;padding:6px!important;border-radius:20px!important;
  grid-template-columns:repeat(5,1fr)!important;
}
.nav button{border-radius:15px!important;font-size:9px!important;gap:1px!important}
.nav span{font-size:19px!important}

.nav-reward-badge{min-width:16px!important;height:16px!important;font-size:9px!important;right:-9px!important;top:-6px!important}
.primary,.ghost{
  min-height:42px!important;border-radius:16px!important;font-size:13px!important;padding:0 13px!important;
}
.section-title{font-size:16px!important;margin-bottom:8px!important}
.panel{padding:13px!important;margin-bottom:11px!important;border-radius:20px!important}
#screen-levels .level-card{min-height:82px!important;margin-bottom:8px!important;border-radius:18px!important}
#screen-levels .level-inner{min-height:82px!important;grid-template-columns:48px minmax(0,1fr) 82px!important;gap:8px!important;padding:8px!important}
.level-num-box{width:45px!important;height:52px!important;border-radius:15px!important}
.level-num-box small{font-size:9px!important}.level-num-box b{font-size:21px!important}
.level-copy .level-title{font-size:13px!important}.level-stars-line{font-size:13px!important}.level-meta-line{font-size:10px!important;gap:6px!important}
#screen-levels .cluster{min-width:80px!important;height:58px!important}
#screen-levels .emoji-bubble{width:39px!important;height:39px!important;font-size:23px!important}
.level-status-tag{font-size:8px!important;right:7px!important;bottom:6px!important;min-height:16px!important;padding:2px 6px!important}
.stage-play{border-radius:24px!important;margin:4px 0 8px!important}
.target{font-size:112px!important}
.boosters{gap:6px!important;margin-bottom:8px!important}
.booster{height:52px!important;border-radius:16px!important}.booster i{font-size:20px!important}.booster small{font-size:8.5px!important}
.answers{min-height:104px!important;border-radius:22px!important;padding:9px!important}
.answer{flex-basis:68px!important;height:68px!important;border-radius:19px!important;font-size:36px!important}
.hint{font-size:10.5px!important;margin-bottom:6px!important}
.stat{border-radius:16px!important;padding:9px!important}.stat b{font-size:16px!important}.stat small{font-size:10px!important}
.profile-action{min-height:52px!important;border-radius:17px!important;padding:9px 10px!important}.profile-action span{width:32px!important;height:32px!important;border-radius:12px!important;font-size:17px!important}.profile-action b{font-size:12.5px!important}.profile-action small{font-size:10px!important}
/* Main app shell compact */
.main-app-top{height:54px!important;grid-template-columns:42px 1fr 42px!important;margin-bottom:8px!important}
.main-icon-btn{width:40px!important;height:40px!important;border-radius:14px!important;font-size:23px!important}
.main-app-logo{font-size:29px!important}
.game-entry-banner{min-height:154px!important;border-radius:24px!important;padding:14px!important;margin:6px 0 20px!important}
.game-entry-banner h2{font-size:23px!important;margin:10px 0 6px!important}.game-entry-banner p{font-size:11.5px!important;margin-bottom:11px!important}.game-entry-cta{min-height:40px!important;width:142px!important;border-radius:15px!important;font-size:13px!important}.game-entry-art{font-size:61px!important}
.main-section-title{font-size:20px!important;margin-bottom:9px!important}.main-sticker-row{gap:10px!important;margin-bottom:20px!important}.main-sticker-card{border-radius:18px!important;padding:10px!important}.main-sticker-card .stickers{font-size:27px!important}.main-sticker-card b{font-size:15px!important}
.app-side-drawer{width:min(80%,300px)!important;padding:calc(34px + var(--safeTop)) 18px calc(20px + var(--safeBottom))!important}.drawer-list{gap:18px!important}.drawer-item{min-height:46px!important;font-size:18px!important;gap:14px!important}.drawer-item span{width:30px!important;font-size:21px!important}.drawer-profile-btn{min-height:48px!important;font-size:16px!important;border-radius:14px!important}
@media(max-width:370px){
  .screen{padding-left:10px!important;padding-right:10px!important}
  #screen-levels .level-inner{grid-template-columns:44px minmax(0,1fr) 72px!important;gap:7px!important}
  .level-num-box{width:42px!important;height:49px!important}.level-num-box b{font-size:19px!important}
  .target{font-size:100px!important}.answer{flex-basis:62px!important;height:62px!important;font-size:32px!important}
  .nav{height:58px!important}.nav span{font-size:18px!important}.nav button{font-size:8.5px!important}
}


/* ===== source style 32: minimal-resource-pills-v9 ===== */

/* ===== Minimal resource indicators: energy + brushes in window headers ===== */
.player-resource-group,
.shop-resource-group{
  gap:6px!important;
  align-items:center!important;
}
.player-energy-pill,
.shop-energy-pill,
.player-brush-pill,
.shop-balance-pill{
  min-height:30px!important;
  height:30px!important;
  min-width:auto!important;
  padding:0 9px!important;
  gap:5px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#f7f1ff!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.player-energy-pill,
.shop-energy-pill{
  border-color:rgba(85,197,255,.20)!important;
  background:rgba(85,197,255,.075)!important;
}
.player-brush-pill,
.shop-balance-pill{
  border-color:rgba(255,209,91,.20)!important;
  background:rgba(255,209,91,.065)!important;
}
.player-energy-icon,
.shop-energy-icon,
.player-brush-icon,
.shop-balance-icon{
  width:16px!important;
  height:16px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 16px!important;
  font-size:13px!important;
  line-height:1!important;
  filter:none!important;
  opacity:.95!important;
}
.player-energy-pill span:last-child,
.shop-energy-pill span:last-child,
.player-brush-pill span:last-child,
.shop-balance-pill span:last-child{
  min-width:14px!important;
  text-align:left!important;
  letter-spacing:.05px!important;
}
.player-topbar,
.shop-topbar{
  overflow:visible!important;
}
@media(max-width:370px){
  .player-resource-group,
  .shop-resource-group{gap:5px!important}
  .player-energy-pill,
  .shop-energy-pill,
  .player-brush-pill,
  .shop-balance-pill{
    height:28px!important;
    min-height:28px!important;
    padding:0 8px!important;
    font-size:12px!important;
    gap:4px!important;
  }
  .player-energy-icon,
  .shop-energy-icon,
  .player-brush-icon,
  .shop-balance-icon{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
    font-size:12px!important;
  }
}


/* ===== source style 33: shop-v10-professional-bundle-card-fix ===== */

/* ===== Shop v10: correct profitable bundle card content hierarchy =====
   Thumbnail card shows only badge, product icon, name, price and buy button.
   All detailed content stays inside the product detail modal. */
#screen-shop .shop-card-row{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(158px,46%)!important;
  grid-template-columns:none!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 10px!important;
  margin:0 -2px 2px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#screen-shop .shop-card-row::-webkit-scrollbar{display:none!important}
#screen-shop .shop-v2-card{
  aspect-ratio:1/1!important;
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  padding:10px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-rows:22px minmax(52px,1fr) 32px 25px 34px!important;
  align-items:center!important;
  gap:5px!important;
  text-align:center!important;
  overflow:hidden!important;
  isolation:isolate;
  scroll-snap-align:start;
}
#screen-shop .shop-v2-card .shop-v2-badge{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  justify-self:start!important;
  align-self:start!important;
  max-width:100%!important;
  min-height:22px!important;
  height:22px!important;
  line-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  z-index:3;
}
#screen-shop .shop-v2-art{
  width:64px!important;
  height:64px!important;
  min-height:64px!important;
  margin:0 auto!important;
  align-self:center!important;
  border-radius:22px!important;
  display:grid!important;
  place-items:center!important;
  font-size:38px!important;
  background:
    radial-gradient(circle at 42% 28%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(123,60,255,.24),rgba(255,79,160,.09));
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.22)!important;
  filter:drop-shadow(0 0 13px rgba(123,60,255,.18));
  z-index:2;
}
#screen-shop .shop-v2-card h3{
  margin:0!important;
  min-height:0!important;
  height:32px!important;
  max-height:32px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:clip!important;
  text-align:center!important;
  font-size:12.8px!important;
  line-height:1.14!important;
  font-weight:1000!important;
  color:#fff!important;
  z-index:2;
}
#screen-shop .shop-v2-price-label{
  min-height:25px!important;
  height:25px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#ffefb2!important;
  background:rgba(255,209,91,.10)!important;
  border:1px solid rgba(255,209,91,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  z-index:2;
}
#screen-shop .shop-v2-price-label.blue{color:#dff5ff!important;background:rgba(85,197,255,.10)!important;border-color:rgba(85,197,255,.25)!important}
#screen-shop .shop-v2-price-label.gold{color:#241006!important;background:linear-gradient(135deg,#ffd15b,#ff9d35)!important;border-color:rgba(255,255,255,.22)!important}
#screen-shop .shop-v2-buy-btn{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12.5px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7a3cff,#ff4fa0)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 8px 18px rgba(123,60,255,.22),inset 0 1px 0 rgba(255,255,255,.20)!important;
  z-index:3;
}
#screen-shop .shop-v2-buy-btn.blue{background:linear-gradient(135deg,#55c5ff,#2b73ff)!important}
#screen-shop .shop-v2-buy-btn.gold{background:linear-gradient(135deg,#ffd15b,#ff9d35)!important;color:#241006!important}
#screen-shop .shop-v2-buy-btn:disabled,
#screen-shop .shop-v2-price-label:has(+ .shop-v2-buy-btn:disabled){
  opacity:.62!important;
  filter:grayscale(.25)!important;
}
#screen-shop .shop-v2-price{display:none!important}
#screen-shop .shop-v2-list{display:none!important}
#screen-shop .shop-v2-card:active{
  transform:translateY(-2px) scale(.992)!important;
}
#screen-shop .shop-v2-card:focus-within{
  border-color:rgba(255,209,91,.50)!important;
}
@media(max-width:370px){
  #screen-shop .shop-card-row{grid-auto-columns:minmax(148px,47%)!important;gap:8px!important}
  #screen-shop .shop-v2-card{padding:9px!important;border-radius:20px!important;grid-template-rows:21px minmax(48px,1fr) 31px 24px 32px!important;gap:4px!important}
  #screen-shop .shop-v2-art{width:58px!important;height:58px!important;min-height:58px!important;font-size:35px!important;border-radius:20px!important}
  #screen-shop .shop-v2-card h3{font-size:12px!important;height:31px!important;max-height:31px!important}
  #screen-shop .shop-v2-price-label{height:24px!important;min-height:24px!important;font-size:12.5px!important}
  #screen-shop .shop-v2-buy-btn{height:32px!important;min-height:32px!important;font-size:12px!important}
}