/* Crystal City Premium Home — isolated overrides, loaded last. */

:root {
    --premium-line: rgba(151, 199, 255, .16);
    --premium-panel: rgba(13, 18, 38, .76);
    --premium-cyan: #8deaff;
    --premium-violet: #aa8cff;
    --premium-mint: #65f3bd;
    --premium-gold: #ffd56a;
}

/* Rewarded ads: server-synchronised countdown buttons */
.ad-reward-button { min-height:66px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;padding:10px 14px!important;text-align:left!important; }
.ad-reward-button>span { grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(223,255,244,.35),rgba(57,202,148,.12) 55%,transparent);font-size:19px;filter:drop-shadow(0 0 9px rgba(87,235,181,.25)); }
.ad-reward-button>b { align-self:end;color:#f2fff9;font-size:12px;line-height:1.15; }
.ad-reward-button>small { align-self:start;color:rgba(208,235,225,.5);font-size:8px;font-weight:700;letter-spacing:.04em; }
.ad-reward-button.is-cooling-down { cursor:not-allowed;opacity:1!important;border-color:rgba(216,179,82,.22)!important;background:linear-gradient(145deg,rgba(36,77,60,.72),rgba(17,47,37,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 0 #071d16!important; }
.ad-reward-button.is-cooling-down>b { color:#f1ce73;font:900 15px var(--font-mono);letter-spacing:.04em; }
.ad-reward-button .ad-countdown-icon { color:#f4cf70;animation:ad-clock-pulse 1.2s ease-in-out infinite; }
@keyframes ad-clock-pulse { 50%{transform:scale(.88);filter:drop-shadow(0 0 12px rgba(241,204,101,.55))} }

/* v16 — Rune Words & Crystal Blocks premium playfields */
.rw-game,.cb-game{position:relative;overflow:hidden;margin:12px 0;padding:24px 18px;border:1px solid rgba(105,255,210,.2);border-radius:28px;background:radial-gradient(circle at 85% 5%,rgba(132,91,255,.2),transparent 34%),linear-gradient(145deg,rgba(11,74,59,.92),rgba(5,25,27,.98));box-shadow:inset 0 1px rgba(255,255,255,.14),0 24px 54px rgba(0,0,0,.35)}
.rw-game:before,.cb-game:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.055) 48%,transparent 70%);transform:translateX(-100%);animation:premiumSweep 7s infinite}
.rw-kicker,.cb-kicker{color:#ffcf70;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.rw-game h2,.cb-game h2{margin:7px 0 8px;font-size:27px;color:#fff}.rw-clue,.cb-game>p{min-height:42px;margin:0 0 18px;color:#aab9ba;line-height:1.5}
.rw-aura{position:absolute;right:20px;top:18px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#6fffd5;font-size:30px;background:radial-gradient(circle,rgba(91,255,207,.26),transparent 68%);filter:drop-shadow(0 0 12px #48e7bd);animation:float 3s ease-in-out infinite}
.rw-slots,.rw-letters{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.rw-slots{min-height:55px;margin:18px 0}.rw-slots button{width:39px;height:51px;border:0;border-bottom:2px solid rgba(109,255,215,.55);border-radius:10px 10px 5px 5px;background:rgba(2,18,20,.5);color:#fff;font-size:22px;font-weight:900}.rw-slots button.filled{background:linear-gradient(145deg,#1b8a6e,#10453f);box-shadow:0 9px 20px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.2)}
.rw-letters{padding:14px 8px;border-radius:22px;background:rgba(1,13,16,.32)}.rw-letter{width:43px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#08251f;background:linear-gradient(145deg,#f9db82,#60efcf);font-size:20px;font-weight:950;box-shadow:0 8px 0 #17483e,0 12px 18px rgba(0,0,0,.28);transition:.16s}.rw-letter:active{transform:translateY(6px);box-shadow:0 2px 0 #17483e}.rw-letter:disabled{opacity:.15;transform:scale(.86)}
.rw-feedback{height:25px;text-align:center;font-weight:900;letter-spacing:.08em}.rw-feedback.good{color:#69f7c7}.rw-feedback.bad{color:#ff8291}.rw-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.rw-actions button{min-height:49px;border-radius:15px;font-weight:900}.rw-tool{border:1px solid rgba(255,255,255,.12);color:#c2d2d0;background:rgba(255,255,255,.06)}.rw-submit{grid-column:1/-1;border:0;color:#062b22;background:linear-gradient(100deg,#ffce72,#63f2cd);box-shadow:0 10px 25px rgba(63,221,176,.2)}.rw-submit b{float:right;font-size:20px}
.cb-board{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;aspect-ratio:1;padding:8px;border-radius:22px;background:rgba(0,12,17,.6);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 10px 30px rgba(0,0,0,.4)}.cb-cell{border:1px solid rgba(100,225,190,.1);border-radius:5px;background:rgba(109,255,213,.045);transition:.18s}.cb-cell.filled{border-color:#d5ff9c;background:linear-gradient(145deg,#8affd6,#198469);box-shadow:inset 2px 2px rgba(255,255,255,.45),inset -3px -3px rgba(0,45,38,.45),0 0 9px rgba(88,255,204,.35);animation:blockLand .24s ease}.cb-board.invalid{animation:shake .22s ease}.cb-dock{display:flex;justify-content:space-between;align-items:center;min-height:82px;margin-top:14px;padding:12px 17px;border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(62,255,197,.06));border:1px solid rgba(255,255,255,.1)}.cb-dock small{display:block;margin-bottom:7px;color:#91a8a5;text-transform:uppercase;letter-spacing:.15em}.cb-preview{display:grid;gap:3px;min-height:18px;color:#68f3cc;font-weight:900}.cb-preview i{width:18px;height:18px;border-radius:4px;background:rgba(255,255,255,.05)}.cb-preview i.on{background:linear-gradient(145deg,#ffd56e,#4bffd0);box-shadow:0 0 8px rgba(81,255,204,.4)}#cb-bonus{opacity:0;color:#ffd36e;letter-spacing:.12em;transform:scale(.8);transition:.25s}#cb-bonus.show{opacity:1;transform:scale(1)}
@keyframes blockLand{from{transform:scale(.4) rotate(12deg)}to{transform:scale(1)}}
@media(max-width:370px){.rw-slots,.rw-letters{gap:5px}.rw-slots button{width:34px}.rw-letter{width:38px}.rw-game,.cb-game{padding:20px 13px}}

/* v17 — falling Crystal Blocks arcade */
.cb-falling{padding:18px 15px}.cb-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cb-title-row h2{font-size:23px}.cb-next{min-width:62px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(0,14,16,.4);text-align:center}.cb-next small{display:block;margin-bottom:5px;color:#8ea7a3;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.cb-next>div{display:grid;justify-content:center;gap:2px;min-height:18px}.cb-next i{width:8px;height:8px;border-radius:2px;background:transparent}.cb-next i.on{background:#6affd3;box-shadow:0 0 6px rgba(83,255,204,.6)}
.cb-board.falling{position:relative;grid-template-columns:repeat(10,1fr);gap:2px;width:min(100%,294px);aspect-ratio:10/16;margin:8px auto 13px;padding:7px;border-radius:17px;background:linear-gradient(rgba(68,255,204,.025),rgba(0,0,0,.18)),repeating-linear-gradient(0deg,transparent 0 17px,rgba(255,255,255,.018) 18px);border-color:rgba(95,255,208,.23);box-shadow:inset 0 0 35px rgba(0,0,0,.64),0 16px 30px rgba(0,0,0,.28)}.cb-board.falling .cb-cell{min-width:0;border-radius:3px;border-color:rgba(85,226,186,.08)}.cb-board.falling .cb-cell.active{background:linear-gradient(145deg,#fff0a1,#5dffd2);box-shadow:inset 1px 1px rgba(255,255,255,.75),inset -2px -2px rgba(0,60,48,.35),0 0 9px rgba(83,255,204,.55)}.cb-board.falling .cb-cell.ghost{border:1px dashed rgba(255,223,128,.55);background:rgba(255,220,115,.06)}.cb-board.falling .cb-cell.color-2,.cb-board.falling .cb-cell.color-5{background:linear-gradient(145deg,#b793ff,#5e38b3)}.cb-board.falling .cb-cell.color-3{background:linear-gradient(145deg,#ffe277,#d78520)}.cb-board.falling .cb-cell.color-4{background:linear-gradient(145deg,#75ddff,#187a9c)}.cb-board.falling .cb-cell.color-6{background:linear-gradient(145deg,#ff8c9f,#a42d53)}.cb-board.falling .cb-cell.clearing{animation:lineBurst .28s ease both}
.cb-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.cb-controls button{height:49px;border:1px solid rgba(255,255,255,.13);border-radius:15px;color:#d7fff3;background:linear-gradient(145deg,rgba(44,116,94,.72),rgba(10,52,47,.92));font-size:19px;font-weight:950;box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 15px rgba(0,0,0,.22);touch-action:none}.cb-controls button:active{transform:translateY(2px);filter:brightness(1.25)}.cb-controls .rotate{color:#08271f;background:linear-gradient(145deg,#ffd46f,#63f4ce)}.cb-controls .drop{grid-column:1/-1;height:45px;color:#06271f;background:linear-gradient(100deg,#69ffd3,#d2ff8b);font-size:14px;letter-spacing:.08em}.cb-flash{position:absolute;z-index:3;left:50%;top:49%;opacity:0;padding:9px 18px;border-radius:50px;color:#06261e;background:#ffdc75;font-size:13px;font-weight:950;letter-spacing:.13em;transform:translate(-50%,-50%) scale(.5);pointer-events:none}.cb-flash.show{animation:clearFlash .5s ease}
@keyframes lineBurst{50%{background:#fff;transform:scale(1.14);box-shadow:0 0 15px #ffdd75}to{opacity:0;transform:scale(.2)}}@keyframes clearFlash{40%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}

/* v18 — original platform adventure & neon racer */
.runner-game,.racer-game{position:relative;overflow:hidden;margin:12px 0;padding:16px;border:1px solid rgba(99,255,210,.22);border-radius:27px;background:radial-gradient(circle at 90% 0,rgba(91,255,201,.17),transparent 34%),linear-gradient(150deg,#0b493d,#041b20 68%,#07121b);box-shadow:inset 0 1px rgba(255,255,255,.13),0 22px 48px rgba(0,0,0,.35)}.runner-head,.racer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.runner-head span,.racer-head span{color:#ffd36e;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.runner-head h2,.racer-head h2{margin:5px 0 0;color:#fff;font-size:23px}.runner-head b,.racer-head b{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#69f4ce;background:rgba(0,0,0,.18);font-size:10px;letter-spacing:.1em}
#runner-canvas,#racer-canvas{display:block;width:100%;height:330px;border:1px solid rgba(96,255,213,.17);border-radius:19px;background:#061b1e;box-shadow:inset 0 0 34px rgba(0,0,0,.55)}.runner-controls,.racer-controls{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:9px;margin-top:12px}.runner-controls button,.racer-controls button{height:54px;border:1px solid rgba(255,255,255,.13);border-radius:17px;color:#d8fff4;background:linear-gradient(145deg,rgba(50,130,103,.76),rgba(7,51,46,.94));font-size:20px;font-weight:950;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 16px rgba(0,0,0,.25);touch-action:none}.runner-controls button:active,.racer-controls button:active{transform:translateY(2px);filter:brightness(1.25)}.runner-controls .jump,.racer-controls .boost{color:#06271f;background:linear-gradient(145deg,#ffda76,#62f5cd)}.runner-controls .jump span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.racer-game{background:radial-gradient(circle at 50% 0,rgba(95,76,255,.22),transparent 37%),linear-gradient(160deg,#11163c,#081d26 58%,#04131a)}.racer-game.crashed{animation:raceCrash .32s ease}.racer-game.boosting #racer-canvas{filter:saturate(1.5) brightness(1.15);box-shadow:inset 0 0 35px rgba(0,0,0,.5),0 0 22px rgba(85,255,211,.25)}.racer-controls .boost{font-size:13px;letter-spacing:.08em}@keyframes raceCrash{25%{transform:translateX(-5px);filter:hue-rotate(70deg)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
@media(max-width:380px){#runner-canvas,#racer-canvas{height:300px}.runner-game,.racer-game{padding:13px}.runner-controls button,.racer-controls button{height:50px}}

/* v19 — unified super-premium game controls */
.game-page button:not(.game-back):not(.modal-close){position:relative;isolation:isolate;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.game-page button:not(.game-back):not(.modal-close):before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 36%,transparent 64%,rgba(105,255,211,.1))}.game-page button:not(.game-back):not(.modal-close):after{content:"";position:absolute;z-index:2;top:-60%;left:-45%;width:34%;height:220%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);transform:rotate(18deg);animation:controlShine 6s ease-in-out infinite}.game-page button:not(.game-back):not(.modal-close):active{transform:translateY(3px) scale(.97);filter:brightness(1.18);box-shadow:inset 0 3px 9px rgba(0,0,0,.28)!important}.game-page button:disabled{filter:saturate(.35);opacity:.48}
.premium-controls{gap:10px}.premium-controls button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;border:1px solid rgba(141,255,224,.25)!important;border-bottom-color:rgba(0,20,17,.65)!important;border-radius:18px!important;background:linear-gradient(145deg,#176e5c,#093a37)!important;box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -3px rgba(0,15,15,.28),0 9px 20px rgba(0,0,0,.28),0 0 0 1px rgba(58,236,186,.06)!important}.premium-controls button i{font-style:normal;font-size:23px;line-height:1;text-shadow:0 2px 8px rgba(65,255,205,.65)}.premium-controls button span{font-size:8px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.premium-controls .boost{background:linear-gradient(145deg,#ffdf7b,#51e9c1 68%,#22a58a)!important;color:#052a22!important;border-color:rgba(255,246,184,.7)!important;box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -4px rgba(14,105,83,.28),0 9px 22px rgba(55,230,184,.25)!important}.game-quit-premium{min-height:50px;border:1px solid rgba(112,255,216,.2)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(26,91,76,.8),rgba(7,39,39,.95))!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.24)!important}
.racer-v2{padding:15px;background:radial-gradient(circle at 50% -10%,rgba(102,66,255,.38),transparent 38%),linear-gradient(165deg,#111740,#052830 62%,#031216)}.racer-stage{position:relative}.racer-v2 #racer-canvas{height:405px;border-color:rgba(105,255,221,.26);box-shadow:inset 0 0 40px rgba(0,0,0,.58),0 14px 35px rgba(0,0,0,.34),0 0 25px rgba(79,226,192,.08)}.racer-progress{position:relative;width:78px;height:30px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(1,13,19,.5)}.racer-progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(78,246,201,.25),rgba(255,215,103,.4));transition:width .3s}.racer-progress b{position:absolute;inset:0;display:grid;place-items:center;color:#eafff8;font-size:10px}.racer-combo,.racer-warning{position:absolute;z-index:3;left:50%;top:68%;opacity:0;padding:9px 15px;border-radius:50px;font-size:11px;font-weight:950;letter-spacing:.12em;transform:translate(-50%,-50%) scale(.6);pointer-events:none}.racer-combo{color:#302000;background:linear-gradient(100deg,#fff1a0,#ffc34c);box-shadow:0 0 22px rgba(255,202,71,.48)}.racer-warning{top:45%;color:#fff;background:linear-gradient(100deg,#ff4169,#a81f48);box-shadow:0 0 22px rgba(255,60,104,.45)}.racer-combo.show{animation:coinClaim .6s ease}.racer-warning.show{animation:collisionAlert .55s ease}.racer-status .stat:nth-child(2) strong{color:#ffd866}
@keyframes controlShine{0%,72%{transform:translateX(-190%) rotate(18deg)}88%,100%{transform:translateX(520%) rotate(18deg)}}@keyframes coinClaim{20%,65%{opacity:1;transform:translate(-50%,-70%) scale(1.08)}to{opacity:0;transform:translate(-50%,-150%) scale(.85)}}@keyframes collisionAlert{25%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-54%,-50%)}55%{transform:translate(-46%,-50%)}to{opacity:0}}@media(max-width:380px){.racer-v2 #racer-canvas{height:360px}}
.game-page #game-footer>.btn{min-height:50px;margin-top:12px!important;border:1px solid rgba(112,255,216,.2)!important;border-radius:16px!important;color:#dffff6!important;background:linear-gradient(145deg,rgba(27,100,82,.88),rgba(5,36,37,.97))!important;box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -3px rgba(0,12,12,.22),0 9px 20px rgba(0,0,0,.27)!important;font-weight:900;letter-spacing:.04em}.game-page .cb-controls button,.game-page .rw-actions button,.game-page .et-tap-btn{border:1px solid rgba(125,255,220,.24);box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -3px rgba(0,20,17,.24),0 9px 19px rgba(0,0,0,.27),0 0 18px rgba(63,235,189,.06)}

/* v22 — spacious economy command bar + luxury navigation dock */
.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"profile language" "wallet wallet";align-items:center;column-gap:12px;row-gap:12px;padding:calc(13px + var(--safe-top)) 16px 14px;border-radius:0 0 28px 28px;background:radial-gradient(300px 120px at 8% 0,rgba(92,255,203,.22),transparent 72%),radial-gradient(220px 90px at 90% 100%,rgba(255,210,94,.1),transparent 75%),linear-gradient(180deg,rgba(11,91,67,.985),rgba(3,52,39,.99));border-bottom:1px solid rgba(121,255,213,.25);box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -1px rgba(255,215,112,.08),0 8px 0 rgba(0,34,23,.66),0 20px 38px rgba(0,18,12,.32)}
.topbar:before{content:"";position:absolute;inset:auto 9% -1px;height:1px;background:linear-gradient(90deg,transparent,#69ffd2,#ffd46b,transparent);filter:drop-shadow(0 0 7px rgba(91,255,208,.65))}.topbar-left{grid-area:profile;gap:12px;min-width:0}.topbar-avatar{position:relative;width:52px;height:52px;flex:0 0 52px;border:2px solid rgba(126,255,216,.82);background:linear-gradient(145deg,#2b9f7e,#71f5ca);box-shadow:0 0 0 4px rgba(81,246,194,.09),0 0 25px rgba(63,235,181,.34),0 10px 20px rgba(0,20,14,.35)}.topbar-avatar:after{content:"";position:absolute;right:-1px;bottom:1px;width:10px;height:10px;border:2px solid #07523c;border-radius:50%;background:#62f5be;box-shadow:0 0 9px #62f5be}.topbar-meta{gap:3px}.topbar-name{max-width:190px;font-size:15px;font-weight:800;letter-spacing:-.02em}.topbar-tier{color:rgba(200,237,224,.58);font-size:9px;font-weight:700;letter-spacing:.16em}
.topbar-right{display:contents}.topbar-wallet{grid-area:wallet;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%}.topbar .pill{position:relative;min-width:0;min-height:55px;padding:7px 10px;border:1px solid rgba(164,255,225,.17);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(0,37,28,.22));box-shadow:inset 0 1px rgba(255,255,255,.15),inset 0 -2px rgba(0,24,18,.24),0 8px 17px rgba(0,20,14,.2);gap:8px;overflow:hidden}.topbar .pill:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 45%);pointer-events:none}.topbar .pill-token{display:flex}.pill-icon-wrap{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,rgba(255,255,255,.17),rgba(0,25,20,.2));box-shadow:inset 0 1px rgba(255,255,255,.17)}.topbar .pill-icon-img{width:30px!important;height:30px!important;max-width:30px!important;filter:drop-shadow(0 5px 5px rgba(0,0,0,.34))}.pill-copy{display:flex;min-width:0;flex-direction:column;gap:1px}.pill-copy small{color:rgba(200,230,220,.48);font-size:7px;font-weight:800;letter-spacing:.13em}.pill-copy strong{overflow:hidden;color:#f4fff9;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.pill-energy .pill-copy strong{color:#f2fff9}.pill-coin .pill-copy strong{color:#ffdb70}.pill-token .pill-copy strong{color:#70f2ca}
.topbar .icon-btn{grid-area:language;width:48px;height:48px;display:flex;flex-direction:column;gap:1px;border:1px solid rgba(255,226,148,.23);border-radius:16px;background:linear-gradient(145deg,rgba(255,220,124,.13),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 17px rgba(0,20,14,.22)}.topbar .icon-btn small{color:rgba(215,230,222,.46);font-size:6px;letter-spacing:.14em}.topbar .icon-btn span{color:#fff2bd;font-size:13px;font-weight:900}
.page-root{padding-top:22px;padding-bottom:calc(128px + var(--safe-bottom))}.bottom-nav{width:min(410px,calc(100% - 32px));height:82px;bottom:calc(18px + var(--safe-bottom));gap:5px;padding:8px 9px;border:1px solid rgba(143,255,220,.24);border-radius:27px;background:radial-gradient(160px 90px at 12% 45%,rgba(87,255,204,.18),transparent 73%),radial-gradient(150px 90px at 88% 60%,rgba(255,211,105,.1),transparent 74%),linear-gradient(180deg,rgba(20,91,69,.965),rgba(3,43,32,.985));box-shadow:inset 0 1px rgba(255,255,255,.19),inset 0 -3px rgba(0,24,17,.28),0 8px 0 rgba(0,31,21,.72),0 24px 48px rgba(0,0,0,.5),0 0 30px rgba(46,224,169,.09)}.bottom-nav:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.07) 36%,transparent 58%)}.nav-liquid-indicator{top:7px;left:7px;height:calc(100% - 14px);border:1px solid rgba(181,255,232,.27);border-radius:21px;background:radial-gradient(circle at 50% 15%,rgba(214,255,244,.22),transparent 43%),linear-gradient(145deg,rgba(75,211,173,.38),rgba(255,216,113,.12));box-shadow:inset 0 1px rgba(255,255,255,.29),inset 0 -3px rgba(0,28,22,.2),0 7px 17px rgba(0,16,12,.3),0 0 25px rgba(74,241,193,.17)}
.bottom-nav .nav-item{display:flex;min-width:0;height:100%;margin:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:20px;color:rgba(178,211,201,.58)}.bottom-nav .nav-item svg{width:22px;height:22px;stroke-width:1.8}.bottom-nav .nav-item>span:last-child:not(.nav-profile-avatar){max-width:100%;overflow:hidden;font-size:7px;font-weight:750;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.bottom-nav .nav-item.is-active{color:#f3fff9}.bottom-nav .nav-item.is-active svg{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 0 8px rgba(100,255,211,.72))}.bottom-nav .nav-item.is-active>span:last-child{color:#fff3be}.bottom-nav .nav-profile-avatar{width:31px;height:31px;border:2px solid rgba(112,246,206,.6);box-shadow:0 5px 12px rgba(0,0,0,.25)}.bottom-nav .nav-item.is-active .nav-profile-avatar{transform:translateY(-1px) scale(1.08);box-shadow:0 0 0 3px rgba(92,255,208,.09),0 0 15px rgba(92,255,208,.4)}
@media(max-width:370px){.topbar{padding-inline:12px}.topbar-avatar{width:47px;height:47px;flex-basis:47px}.topbar-name{max-width:155px;font-size:14px}.topbar-wallet{gap:6px}.topbar .pill{padding:6px 7px;gap:5px}.pill-icon-wrap{width:29px;height:29px;flex-basis:29px}.topbar .pill-icon-img{width:26px!important;height:26px!important}.pill-copy strong{font-size:11px}.bottom-nav{width:calc(100% - 24px);gap:2px;padding-inline:7px}.bottom-nav .nav-item>span:last-child:not(.nav-profile-avatar){font-size:6px}}

/* v23 — compact floating correction: breathing room without oversized bars */
.topbar{top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"profile wallet language";align-items:center;column-gap:8px;row-gap:0;width:auto;margin:12px 12px 0;padding:9px 10px;min-height:62px;border:1px solid rgba(128,255,216,.22);border-radius:22px;background:radial-gradient(190px 70px at 8% 0,rgba(99,255,205,.19),transparent 72%),linear-gradient(180deg,rgba(13,91,68,.97),rgba(4,53,40,.985));box-shadow:inset 0 1px rgba(255,255,255,.15),inset 0 -2px rgba(0,25,18,.18),0 7px 0 rgba(0,34,24,.58),0 15px 28px rgba(0,16,11,.28)}.topbar:before{inset:auto 12% -1px}.topbar-left{grid-area:profile;gap:9px;overflow:hidden}.topbar-avatar{width:43px;height:43px;flex:0 0 43px;border-width:2px;box-shadow:0 0 0 3px rgba(81,246,194,.07),0 0 17px rgba(63,235,181,.25),0 7px 14px rgba(0,20,14,.3)}.topbar-avatar:after{width:8px;height:8px}.topbar-meta{gap:2px}.topbar-name{max-width:112px;font-size:12px;font-weight:800}.topbar-tier{font-size:7px;letter-spacing:.14em}.topbar-right{display:contents}.topbar-wallet{grid-area:wallet;display:flex;width:auto;gap:6px}.topbar .pill{width:auto;min-width:66px;min-height:43px;padding:5px 8px;gap:5px;border-radius:14px}.topbar .pill-token{display:none}.pill-icon-wrap{width:27px;height:27px;flex:0 0 27px;border-radius:9px}.topbar .pill-icon-img{width:24px!important;height:24px!important;max-width:24px!important}.pill-copy{gap:0}.pill-copy small{font-size:5px;letter-spacing:.1em}.pill-copy strong{font-size:10px}.topbar .icon-btn{grid-area:language;width:39px;height:43px;gap:0;border-radius:13px}.topbar .icon-btn small{font-size:5px}.topbar .icon-btn span{font-size:11px}.page-root{padding-top:25px;padding-bottom:calc(110px + var(--safe-bottom))}
.bottom-nav{width:min(370px,calc(100% - 48px));height:68px;bottom:calc(18px + var(--safe-bottom));gap:4px;padding:6px 8px;border-radius:23px;box-shadow:inset 0 1px rgba(255,255,255,.17),inset 0 -2px rgba(0,24,17,.24),0 6px 0 rgba(0,31,21,.64),0 20px 38px rgba(0,0,0,.43),0 0 22px rgba(46,224,169,.07)}.nav-liquid-indicator{top:6px;left:6px;height:calc(100% - 12px);border-radius:18px}.bottom-nav .nav-item{gap:3px;border-radius:17px}.bottom-nav .nav-item svg{width:19px;height:19px}.bottom-nav .nav-item>span:last-child:not(.nav-profile-avatar){font-size:6px;letter-spacing:.02em}.bottom-nav .nav-profile-avatar{width:27px;height:27px}.bottom-nav .nav-item.is-active svg{transform:translateY(-1px) scale(1.05)}.bottom-nav .nav-item.is-active .nav-profile-avatar{transform:translateY(-1px) scale(1.04)}
@media(max-width:370px){.topbar{grid-template-columns:minmax(0,1fr) auto auto;margin-inline:9px;padding-inline:8px;column-gap:5px}.topbar-avatar{width:39px;height:39px;flex-basis:39px}.topbar-name{max-width:80px;font-size:11px}.topbar .pill{min-width:59px;padding-inline:6px}.pill-icon-wrap{width:24px;height:24px;flex-basis:24px}.topbar .pill-icon-img{width:22px!important;height:22px!important}.bottom-nav{width:calc(100% - 36px);padding-inline:6px}.bottom-nav .nav-item>span:last-child:not(.nav-profile-avatar){font-size:5.5px}}

/* v24 — true capsule header + smaller home summary */
.topbar{overflow:hidden;border-radius:999px!important}.topbar:before{inset:auto 10% 0}.topbar-tier{max-width:118px;overflow:hidden;color:rgba(191,236,220,.62);font-size:6px;letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap}.topbar-avatar:after{z-index:2}
.hero-card{min-height:0!important;padding:14px 15px 12px!important;border-radius:22px!important}.hero-head{grid-template-columns:minmax(0,1fr) 78px!important;min-height:66px!important;gap:8px}.hero-title{font-size:7px;letter-spacing:.15em}.hero-greeting{margin-top:4px;font-size:clamp(22px,6.2vw,27px)!important}.hero-subtitle{margin-top:2px;font-size:8px!important;line-height:1.35}.hero-emblem,.hero-emblem img{width:78px!important;height:78px!important}.hero-emblem img{filter:drop-shadow(0 11px 13px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(58,235,176,.28))}.hero-stats{margin-top:9px!important;gap:7px!important}.hero-stat{min-height:54px!important;padding:6px 8px!important;gap:7px!important;border-radius:15px!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 3px 0 rgba(0,34,23,.52),0 7px 14px rgba(0,20,14,.18)!important}.hero-stat>img{display:block!important;width:34px!important;height:34px!important;max-width:34px!important;flex:0 0 34px!important}.hero-stat-label{font-size:6px!important;letter-spacing:.1em}.hero-stat-value{margin-top:1px!important;font-size:15px!important}.level-track{margin-top:9px!important;gap:5px}.level-track-header{font-size:8px!important}.level-track-header .level-tag{padding:3px 8px;font-size:7px}.level-track .progress{height:5px}.premium-section-title{margin-top:2px}
@media(max-width:370px){.topbar-tier{max-width:84px;font-size:5.5px}.hero-card{padding:12px 13px 11px!important}.hero-head{grid-template-columns:minmax(0,1fr) 68px!important;min-height:58px!important}.hero-emblem,.hero-emblem img{width:68px!important;height:68px!important}.hero-stat{min-height:50px!important;padding:5px 7px!important}.hero-stat>img{width:30px!important;height:30px!important;max-width:30px!important;flex-basis:30px!important}.hero-stat-value{font-size:13px!important}}

body {
    background:
        radial-gradient(700px 460px at 50% -80px, rgba(87, 145, 255, .18), transparent 62%),
        radial-gradient(560px 520px at 108% 28%, rgba(136, 91, 255, .12), transparent 68%),
        linear-gradient(180deg, #060915 0%, #050713 52%, #04050c 100%);
}

/* Compact account rail. It scrolls away instead of covering content. */
.topbar {
    position: relative;
    top: auto;
    z-index: 30;
    padding: 9px 12px 10px;
    gap: 8px;
    border-radius: 0 0 22px 22px;
    background:
        radial-gradient(250px 90px at 12% 0%, rgba(96, 181, 255, .20), transparent 75%),
        linear-gradient(180deg, rgba(32, 42, 70, .94), rgba(16, 22, 45, .96));
    border-bottom-color: rgba(156, 203, 255, .16);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .30), inset 0 1px rgba(255,255,255,.12);
}
.topbar-left { gap: 9px; }
.topbar-avatar {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border: 2px solid rgba(144, 231, 255, .66);
    background: linear-gradient(135deg, var(--premium-violet), var(--premium-cyan));
    box-shadow: 0 0 0 3px rgba(124,231,255,.08), 0 0 18px rgba(124,231,255,.30);
}
.topbar-avatar img, .profile-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.topbar-name { max-width: 108px; font-size: 13px; }
.topbar-tier { color: rgba(190, 207, 238, .56); font-size: 9px; }
.topbar-right { gap: 5px; }
.pill {
    min-width: 0;
    padding: 5px 8px;
    gap: 4px;
    font-size: 11px;
    background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.055));
    border-color: rgba(255,255,255,.13);
    box-shadow: inset 0 1px rgba(255,255,255,.10);
}
.pill-icon-img { display: block !important; width: 16px !important; height: 16px !important; flex: 0 0 16px; object-fit: contain; }
.pill-token { display: none; }
.icon-btn { width: 34px; height: 34px; border-radius: 12px; }

.page-root { padding: 15px 14px calc(78px + var(--safe-bottom)); }
.page { gap: 20px; }

/* Hero */
.hero-card {
    min-height: 250px;
    padding: 19px 17px 17px;
    border-radius: 27px;
    background:
        linear-gradient(145deg, rgba(50, 72, 116, .40), rgba(31, 27, 82, .34) 58%, rgba(14, 18, 39, .70)),
        rgba(14, 19, 41, .80);
    border: 1px solid rgba(158, 207, 255, .18);
    box-shadow: 0 20px 55px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.13);
    isolation: isolate;
}
.hero-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(255,255,255,.09), transparent 25%, transparent 70%, rgba(124,231,255,.05));
    pointer-events: none;
}
.hero-card::after { opacity: .65; }
.hero-aurora { position: absolute; z-index: -1; border-radius: 50%; filter: blur(34px); pointer-events: none; }
.hero-aurora-one { width: 180px; height: 150px; right: -35px; top: -35px; background: rgba(99, 214, 255, .30); animation: aurora-drift 7s ease-in-out infinite alternate; }
.hero-aurora-two { width: 180px; height: 150px; left: 28%; bottom: -90px; background: rgba(157, 105, 255, .28); animation: aurora-drift 9s ease-in-out -2s infinite alternate-reverse; }
.hero-head { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) 76px; align-items: center; gap: 8px; }
.hero-title { color: rgba(197, 216, 244, .56); font-size: 9px; letter-spacing: .18em; }
.hero-greeting { margin-top: 6px; font-size: clamp(20px, 5.6vw, 25px); line-height: 1.15; letter-spacing: -.025em; }
.hero-subtitle { margin-top: 5px; color: var(--text-2); font-size: 10px; }
.hero-emblem { width: 76px; height: 76px; display: grid; place-items: center; animation: crystal-float 4.6s ease-in-out infinite; }
.hero-emblem img { width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 10px 16px rgba(0,0,0,.38)) drop-shadow(0 0 14px rgba(99,240,190,.16)); }
.hero-stats { position: relative; z-index: 2; margin-top: 16px; gap: 7px; }
.hero-stat {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 8px;
    background: rgba(5, 9, 24, .46);
    border-color: rgba(255,255,255,.09);
    box-shadow: inset 0 1px rgba(255,255,255,.055);
}
.hero-stat > img { width: 25px; height: 25px; flex: 0 0 25px; object-fit: contain; }
.hero-stat-label { font-size: 8px; letter-spacing: .12em; }
.hero-stat-value { margin-top: 2px; font-size: 14px; }
.level-track { margin-top: 13px; }
.level-track-header { font-size: 10px; }
.level-track-header .level-tag { padding: 4px 9px; font-size: 9px; box-shadow: 0 0 16px rgba(124,231,255,.18); }
.level-track .progress { height: 7px; background: rgba(4,7,18,.55); }
.level-track .progress-bar { position: relative; box-shadow: 0 0 12px rgba(98,240,176,.30); }
.level-track .progress-bar::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent); transform: translateX(-110%); animation: progress-shine 3.4s ease-in-out infinite; }

/* Section titles */
.premium-section-title { margin-bottom: 10px; }
.premium-section-title > div:first-child { display: flex; flex-direction: column; gap: 3px; }
.premium-section-title span { color: rgba(141,234,255,.62); font-size: 8px; font-weight: 700; letter-spacing: .18em; }
.premium-section-title h2 { font-size: 17px; letter-spacing: -.025em; }
.section-orb { width: 8px; height: 8px; border-radius: 50%; background: var(--premium-violet); box-shadow: 0 0 15px var(--premium-violet); }
.section-orb.mint { background: var(--premium-mint); box-shadow: 0 0 15px var(--premium-mint); }

/* Games */
.game-grid { gap: 10px; }
.game-card {
    min-width: 0;
    padding: 12px 10px 10px;
    border-radius: 21px;
    text-align: center;
    isolation: isolate;
    background:
        linear-gradient(155deg, rgba(255,255,255,.11), rgba(255,255,255,.025) 48%),
        rgba(11, 15, 33, .82);
    border-color: rgba(181, 210, 255, .14);
    box-shadow: 0 14px 34px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.10);
    animation: card-rise .52s var(--ease-out) both;
}
.game-card:nth-child(2) { animation-delay: 70ms; }
.game-card:nth-child(3) { animation-delay: 140ms; }
.game-card:nth-child(4) { animation-delay: 210ms; }
.game-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg, transparent 22%, rgba(255,255,255,.075) 42%, transparent 62%); transform: translateX(-120%); transition: transform .7s var(--ease-out); pointer-events: none; }
.game-card:active::after { transform: translateX(120%); }
.game-card-glow { z-index: -1; opacity: .42; }
.game-card-icon { width: 66px !important; height: 66px !important; margin: 0 auto; border: 0; border-radius: 20px; background: radial-gradient(circle, rgba(255,255,255,.15), rgba(255,255,255,.025) 68%, transparent 70%); }
.game-card-icon img { display: block !important; width: 62px !important; height: 62px !important; max-width: 62px !important; object-fit: contain; filter: drop-shadow(0 8px 11px rgba(0,0,0,.42)); animation: icon-breathe 4s ease-in-out infinite; }
.game-card-title { margin-top: 6px; font-size: 13px; line-height: 1.25; }
.game-card-desc { min-height: 31px; margin-top: 4px; color: rgba(220,229,255,.65); font-size: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.game-card-meta { margin-top: 8px; justify-content: center; gap: 5px; }
.game-card-meta .chip { width: auto !important; height: 26px !important; min-width: 0 !important; padding: 3px 8px !important; border-radius: 999px !important; font-size: 9px; white-space: nowrap; background: rgba(255,255,255,.065); }
.game-card-meta .chip-icon { display: block !important; width: 15px !important; height: 15px !important; max-width: 15px !important; flex: 0 0 15px; object-fit: contain; }
.game-play-cue { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; color: var(--premium-cyan); font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.game-play-cue b { font-size: 14px; line-height: 0; transition: transform .2s ease; }
.game-card:active .game-play-cue b { transform: translateX(3px); }

/* Missions */
.mission-list { gap: 10px; }
.mission-item {
    display: block;
    padding: 13px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(10,14,30,.78);
    border-color: rgba(174,205,255,.13);
    box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.07);
}
.mission-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.mission-item-title { font-size: 12px; }
.mission-item-desc { margin-top: 3px; color: rgba(220,229,255,.56); font-size: 10px; }
.mission-count { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; color: var(--premium-cyan); background: rgba(124,231,255,.08); border: 1px solid rgba(124,231,255,.14); font: 700 9px/1 var(--font-mono); }
.mission-item-progress { margin-top: 10px; }
.mission-item-progress .progress { height: 6px; }
.mission-item-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 9px; }
.mission-item-reward { flex-direction: row; align-items: center; gap: 5px; }
.mission-item-reward .chip { height: 25px; padding: 3px 7px; font-size: 9px; }
.mission-item-reward img { display: block !important; width: 15px !important; height: 15px !important; max-width: 15px !important; object-fit: contain; }
.mission-item-claim { min-width: 72px; height: 28px; padding: 0 9px; border-radius: 10px; font-size: 9px; }
.mission-item-claim:not(:disabled) { box-shadow: 0 7px 18px rgba(124,231,255,.20); animation: claim-pulse 2.2s ease-in-out infinite; }

/* Premium dock with Telegram profile image. */
.bottom-nav {
    width: min(336px, calc(100% - 32px));
    height: 61px;
    bottom: calc(8px + var(--safe-bottom));
    padding: 6px;
    border: 1px solid rgba(173, 211, 255, .18);
    background: linear-gradient(180deg, rgba(38,48,74,.82), rgba(19,24,43,.88));
    box-shadow: 0 20px 50px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.16);
}
.nav-liquid-indicator { top: 5px; left: 5px; height: calc(100% - 10px); background: linear-gradient(145deg, rgba(124,231,255,.28), rgba(168,128,255,.20)); box-shadow: 0 0 24px rgba(124,231,255,.24), inset 0 1px rgba(255,255,255,.28); }
.nav-item svg { width: 21px; height: 21px; }
.nav-profile-avatar { width: 29px; height: 29px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: #08101e; font-size: 10px; font-weight: 800; background: linear-gradient(135deg, var(--premium-violet), var(--premium-cyan)); border: 2px solid rgba(255,255,255,.34); transition: transform var(--dur) var(--ease-spring), box-shadow var(--dur) ease; }
.nav-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.nav-item.is-active .nav-profile-avatar { transform: scale(1.10); box-shadow: 0 0 0 3px rgba(124,231,255,.10), 0 0 16px rgba(124,231,255,.38); }

@keyframes aurora-drift { to { transform: translate3d(-20px, 16px, 0) scale(1.12); } }
@keyframes crystal-float { 0%,100% { transform: translateY(1px) rotate(-1deg); } 50% { transform: translateY(-6px) rotate(1deg); } }
@keyframes icon-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.045); } }
@keyframes progress-shine { 0%,45% { transform: translateX(-120%); } 72%,100% { transform: translateX(120%); } }
@keyframes card-rise { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes claim-pulse { 50% { box-shadow: 0 8px 24px rgba(124,231,255,.34); } }

@media (max-width: 370px) {
    .topbar-name { max-width: 76px; }
    .pill { padding-inline: 6px; }
    .hero-head { grid-template-columns: minmax(0,1fr) 62px; }
    .hero-emblem, .hero-emblem img { width: 62px; height: 62px; }
    .hero-stat > img { display: none; }
    .game-card { padding-inline: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-aurora, .hero-emblem, .game-card, .game-card-icon img, .level-track .progress-bar::after, .mission-item-claim:not(:disabled) { animation: none !important; }
}

/* Emerald Atelier v7 — unified premium theme */
:root {
    --premium-line: rgba(116, 240, 198, .18);
    --premium-panel: rgba(8, 52, 41, .78);
    --premium-cyan: #78f3d2;
    --premium-violet: #a7f5da;
    --premium-mint: #45e2b3;
    --premium-gold: #f4ca67;
}
body {
    background:
        radial-gradient(620px 480px at 95% 8%, rgba(39, 166, 126, .18), transparent 68%),
        radial-gradient(540px 500px at -12% 48%, rgba(21, 114, 88, .18), transparent 70%),
        linear-gradient(180deg, #06291f 0%, #031b15 46%, #02130f 100%);
}
body::before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.15; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:24px 24px; }
.topbar { background:radial-gradient(260px 100px at 20% 0%,rgba(71,225,180,.17),transparent 72%),linear-gradient(180deg,rgba(16,74,59,.96),rgba(7,45,36,.98)); border-bottom-color:rgba(106,233,190,.18); }
.topbar-avatar { width:44px; height:44px; border-color:rgba(115,245,203,.74); background:linear-gradient(135deg,#1d7e63,#6cf0c4); box-shadow:0 0 0 4px rgba(87,231,185,.08),0 0 24px rgba(67,225,177,.28); }
.pill { padding:7px 9px; background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.055)); border-color:rgba(183,255,230,.15); }
.pill-icon-img { width:20px !important; height:20px !important; flex-basis:20px; filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)); }
.page-root { padding:16px 14px calc(86px + var(--safe-bottom)); }
.hero-card,.page-banner { background:radial-gradient(230px 170px at 82% 16%,rgba(78,231,184,.22),transparent 70%),linear-gradient(145deg,rgba(32,100,79,.73),rgba(8,61,48,.86) 56%,rgba(4,35,28,.94)); border-color:rgba(132,243,204,.22); box-shadow:0 24px 60px rgba(0,9,7,.42),inset 0 1px rgba(255,255,255,.14); }
.hero-card { min-height:390px; padding:23px 20px 19px; }
.hero-head { grid-template-columns:minmax(0,1fr) 118px; min-height:116px; }
.hero-title,.page-eyebrow,.premium-section-heading>span { color:var(--premium-gold); font-size:10px; font-weight:800; letter-spacing:.19em; }
.hero-greeting { font-size:clamp(28px,8vw,38px); line-height:1.05; }
.hero-subtitle { max-width:220px; color:rgba(215,239,230,.67); font-size:12px; line-height:1.55; }
.hero-emblem { width:118px; height:118px; }
.hero-emblem img { width:112px; height:112px; filter:drop-shadow(0 18px 20px rgba(0,0,0,.4)) drop-shadow(0 0 22px rgba(62,229,174,.35)); }
.hero-aurora-one { background:rgba(50,222,168,.28); }
.hero-aurora-two { background:rgba(226,189,81,.12); }
.hero-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }
.hero-stat { min-height:73px; padding:11px 12px; gap:11px; border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(2,31,24,.58)); border:1px solid rgba(163,245,216,.15); }
.hero-stat>img { width:43px; height:43px; flex-basis:43px; filter:drop-shadow(0 6px 8px rgba(0,0,0,.4)); }
.hero-stat-label { color:rgba(203,232,221,.58); font-size:9px; }
.hero-stat-value { font-size:20px; font-weight:800; }
.text-token,.text-energy,.text-accent { color:#66efbd !important; }
.text-coin { color:var(--premium-gold) !important; }
.level-track { margin-top:16px; }
.level-track-header .level-tag { color:#06251d; background:linear-gradient(90deg,#54e4b5,#a2f5d9); }
.progress-bar { background:linear-gradient(90deg,#3ee4a9,#82efd1 72%,#f1c861); }
.premium-section-title>div:first-child>span { color:var(--premium-gold); }
.section-orb { background:linear-gradient(135deg,#54e4b5,#f0ca68); box-shadow:0 0 18px rgba(76,226,176,.36); }
.game-card { min-height:250px; background:radial-gradient(150px 100px at 75% 0%,rgba(69,224,175,.15),transparent 75%),linear-gradient(155deg,rgba(21,78,61,.78),rgba(5,38,30,.92)); border-color:rgba(138,239,204,.17); }
.game-card:nth-child(2n) { background:radial-gradient(150px 100px at 75% 0%,rgba(240,199,96,.11),transparent 75%),linear-gradient(155deg,rgba(19,73,57,.82),rgba(5,38,30,.92)); }
.game-card-icon { width:72px; height:72px; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(83,217,173,.06)); border-color:rgba(179,255,228,.18); }
.game-card-icon img { width:74px; height:74px; object-fit:contain; filter:drop-shadow(0 10px 10px rgba(0,0,0,.42)); }
.game-play-cue { color:#73efc5; }
.chip { border-color:rgba(160,242,214,.16); background:rgba(255,255,255,.07); }
.mission-item,.settings-card,.ledger-card { background:linear-gradient(145deg,rgba(19,67,53,.82),rgba(4,35,28,.91)); border-color:rgba(134,229,197,.16); }
.mission-item-claim:not(:disabled),.btn-primary { color:#06251d; background:linear-gradient(135deg,#58e5b7,#b5f7df); box-shadow:0 8px 24px rgba(63,218,168,.22); }
.bottom-nav { background:radial-gradient(180px 90px at 15% 50%,rgba(76,228,179,.19),transparent 72%),linear-gradient(180deg,rgba(27,79,64,.93),rgba(7,39,31,.97)); border-color:rgba(168,246,218,.23); box-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.14); }
.nav-item.active { color:#eafff8; background:radial-gradient(circle,rgba(116,241,202,.24),rgba(255,255,255,.06) 65%); box-shadow:0 0 24px rgba(67,224,174,.19); }
.nav-profile-avatar { border-color:rgba(126,239,201,.34); }

/* Shared interior pages */
.premium-page { gap:17px; }
.page-banner { position:relative; overflow:hidden; min-height:142px; padding:22px 20px; border:1px solid rgba(132,243,204,.2); border-radius:27px; display:flex; align-items:center; justify-content:space-between; }
.page-banner::after { content:''; position:absolute; inset:0; background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 30%,transparent 75%,rgba(91,232,185,.08)); pointer-events:none; }
.page-banner>div { position:relative; z-index:1; max-width:68%; }
.page-banner h1 { margin:7px 0 5px; font-size:28px; letter-spacing:-.03em; }
.page-banner p { margin:0; color:rgba(213,238,229,.63); font-size:11px; line-height:1.5; }
.page-banner>img { position:relative; z-index:1; width:92px; height:92px; object-fit:contain; filter:drop-shadow(0 15px 14px rgba(0,0,0,.4)) drop-shadow(0 0 17px rgba(68,225,176,.25)); animation:crystal-float 4.6s ease-in-out infinite; }
.games-library-grid { margin-top:0; }
.games-library-grid .game-card { min-height:280px; }
.games-library-grid .game-card-meta { flex-wrap:wrap; }

.inventory-grid,.workshop-list { display:grid; gap:12px; }
.inventory-card,.workshop-card { position:relative; display:grid; align-items:center; border-radius:23px; border:1px solid rgba(134,229,197,.16); background:linear-gradient(145deg,rgba(21,76,59,.84),rgba(4,34,27,.94)); box-shadow:0 15px 32px rgba(0,9,7,.24),inset 0 1px rgba(255,255,255,.09); }
.inventory-card { grid-template-columns:78px minmax(0,1fr) auto; gap:13px; min-height:112px; padding:14px; }
.inventory-visual,.workshop-visual { display:grid; place-items:center; border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(67,215,166,.05)); border:1px solid rgba(180,250,226,.16); }
.inventory-visual { width:74px; height:74px; }
.inventory-visual img { width:68px; height:68px; object-fit:contain; filter:drop-shadow(0 9px 8px rgba(0,0,0,.42)); }
.inventory-content,.workshop-content { min-width:0; }
.item-category { display:block; margin-bottom:5px; color:var(--premium-gold); font-size:8px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.item-quantity { min-width:45px; padding:9px 10px; border-radius:15px; color:#071f19; background:linear-gradient(135deg,#5ce6ba,#d2faec); font-weight:900; text-align:center; }
.premium-empty { grid-column:1/-1; min-height:210px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:1px dashed rgba(132,236,201,.22); border-radius:25px; color:rgba(220,242,234,.7); }
.premium-empty img { width:90px; height:90px; object-fit:contain; }
.premium-empty span { font-size:11px; color:rgba(202,230,219,.5); }
.premium-empty.compact { min-height:100px; }
.inventory-use-btn { margin-top:9px; min-width:104px; height:34px; padding:0 15px; border:1px solid rgba(159,255,219,.52); border-radius:12px; color:#03251a; background:linear-gradient(135deg,#d9ffbd 0%,#66f1c3 48%,#27c894 100%); box-shadow:inset 0 1px rgba(255,255,255,.8),inset 0 -3px rgba(0,78,52,.18),0 5px 14px rgba(25,235,166,.2); font-size:10px; font-weight:900; letter-spacing:.13em; }
.inventory-use-btn:active { transform:translateY(2px); box-shadow:inset 0 2px 5px rgba(0,63,43,.24),0 2px 7px rgba(25,235,166,.15); }
.inventory-use-btn:disabled { opacity:.55; filter:saturate(.55); }
.inventory-material-label { display:inline-block; margin-top:9px; color:rgba(239,203,106,.72); font-size:8px; font-weight:800; letter-spacing:.13em; }
.inventory-card.rarity-rare { border-color:rgba(74,198,255,.32); box-shadow:0 15px 32px rgba(0,9,7,.24),inset 0 1px rgba(255,255,255,.09),0 0 20px rgba(37,153,255,.06); }
.inventory-card.rarity-epic { border-color:rgba(186,112,255,.38); box-shadow:0 15px 32px rgba(0,9,7,.24),inset 0 1px rgba(255,255,255,.09),0 0 22px rgba(171,73,255,.1); }
.inventory-card.rarity-legendary { border-color:rgba(255,207,91,.48); box-shadow:0 15px 32px rgba(0,9,7,.24),inset 0 1px rgba(255,255,255,.11),0 0 25px rgba(255,195,52,.13); }

.balance-banner { display:flex; align-items:center; gap:12px; padding:13px 16px; border:1px solid rgba(239,200,103,.27); border-radius:21px; background:linear-gradient(135deg,rgba(113,91,34,.25),rgba(12,62,48,.88)); }
.balance-banner img { width:48px; height:48px; object-fit:contain; }
.balance-banner span { display:block; color:rgba(232,239,226,.55); font-size:8px; letter-spacing:.15em; }
.balance-banner b { display:block; margin-top:2px; color:var(--premium-gold); font-size:21px; }
.workshop-card { grid-template-columns:88px minmax(0,1fr); gap:14px; padding:15px; }
.workshop-visual { width:86px; height:95px; }
.workshop-visual img { width:84px; height:84px; object-fit:contain; filter:drop-shadow(0 10px 10px rgba(0,0,0,.4)); }
.workshop-meta { display:flex; gap:6px; margin-top:8px; }
.workshop-meta span { padding:4px 7px; border-radius:999px; background:rgba(255,255,255,.06); color:rgba(216,239,230,.58); font-size:9px; }
.workshop-action { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding-top:11px; border-top:1px solid rgba(255,255,255,.08); }
.box-price { display:flex; align-items:center; gap:6px; color:var(--premium-gold); font-weight:800; }
.box-price img { width:25px; height:25px; }

.profile-main { padding:18px; border-radius:25px; background:linear-gradient(145deg,rgba(22,80,62,.86),rgba(4,35,28,.94)); }
.profile-identity { display:flex; align-items:center; gap:14px; }
.profile-photo { width:76px; height:76px; flex:0 0 76px; font-size:25px; }
.profile-kicker { color:var(--premium-gold); font-size:8px; font-weight:800; letter-spacing:.14em; }
.profile-name { margin-top:3px; font-size:19px; font-weight:800; }
.profile-handle { margin-top:3px; color:rgba(211,237,227,.55); font-size:10px; }
.premium-section-heading { display:flex; flex-direction:column; gap:3px; margin-top:3px; }
.premium-section-heading h2 { margin:0; font-size:20px; }
.profile-assets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.asset-card { min-height:92px; padding:12px; display:flex; align-items:center; gap:10px; border-radius:21px; background:linear-gradient(145deg,rgba(21,74,58,.84),rgba(4,34,27,.94)); }
.asset-icon { width:47px; height:47px; flex:0 0 47px; display:grid; place-items:center; border-radius:16px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); }
.asset-icon img { width:42px; height:42px; object-fit:contain; }
.asset-card span:not(.asset-icon) { display:block; color:rgba(209,235,225,.57); font-size:9px; }
.asset-card b { display:block; margin-top:4px; font-size:18px; }
.asset-card.gold b { color:var(--premium-gold); }.asset-card.mint b,.asset-card.emerald b { color:#66edbe; }
.wallet-launch { margin-top:0; min-height:52px; display:flex; align-items:center; justify-content:center; gap:9px; border-radius:18px; font-weight:800; }
.wallet-launch img { width:28px; height:28px; }.wallet-launch span { margin-left:auto; font-size:22px; }
.settings-card,.ledger-card { padding:14px; border-radius:22px; }
.language-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.language-actions { display:flex; gap:6px; }
.language-actions .btn { padding:8px 9px; font-size:9px; }
.ledger-row { display:flex; align-items:center; justify-content:space-between; padding:11px 2px; border-bottom:1px solid rgba(255,255,255,.075); }
.ledger-row:last-child { border-bottom:0; }.ledger-row b { display:block; font-size:11px; }.ledger-row small { display:block; margin-top:2px; color:rgba(210,235,226,.45); font-size:9px; }.ledger-row strong { font-size:12px; }

@media (max-width:370px) {
    .hero-card { padding-inline:15px; }.hero-head { grid-template-columns:minmax(0,1fr) 92px; }.hero-emblem,.hero-emblem img { width:92px; height:92px; }
    .hero-stat { padding:9px; }.hero-stat>img { width:36px; height:36px; flex-basis:36px; }.hero-stat-value { font-size:17px; }
    .page-banner>img { width:76px; height:76px; }.page-banner h1 { font-size:24px; }
    .inventory-card { grid-template-columns:62px minmax(0,1fr) auto; }.inventory-visual { width:60px; height:60px; }.inventory-visual img { width:57px; height:57px; }
}

/* v26 — real premium banner artwork and compact language orb */
.topbar .icon-btn{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    padding:0!important;align-self:center;border-radius:50%!important;overflow:hidden;
    border:1px solid rgba(237,204,112,.38)!important;
    background:radial-gradient(circle at 33% 24%,rgba(255,238,172,.23),rgba(34,118,89,.82) 44%,rgba(3,46,34,.98) 100%)!important;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.25),inset 0 -5px 10px rgba(0,24,17,.34),0 3px 0 rgba(0,31,22,.68),0 7px 14px rgba(0,18,12,.3),0 0 15px rgba(241,204,101,.11)!important
}
.topbar .icon-btn:before{content:"";position:absolute;inset:3px;border:1px solid rgba(119,255,210,.16);border-radius:50%;pointer-events:none}
.topbar .icon-btn small{display:none!important}.topbar .icon-btn span{position:relative;z-index:1;color:#fff0ba!important;font-size:11px!important;font-weight:900;letter-spacing:.03em;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.premium-banner-frame{height:136px;padding:2px;background:linear-gradient(115deg,#55f1bd,#fff0a8 27%,#d9a946 48%,#84ffd7 71%,#55f1bd);box-shadow:0 0 0 1px rgba(201,255,236,.24),0 0 28px rgba(68,238,184,.27),0 14px 32px rgba(0,16,11,.42),inset 0 0 16px rgba(255,241,173,.18)}
.premium-banner-frame:after{content:"";position:absolute;z-index:5;inset:2px;border-radius:23px;pointer-events:none;background:linear-gradient(132deg,rgba(255,255,255,.2),transparent 17%,transparent 66%,rgba(117,255,211,.1));mix-blend-mode:screen}
.banner-image-slide{background:#031d18}.premium-banner-image{position:absolute;inset:-2.5%;width:105%;height:105%;object-fit:cover;transform:scale(1.025);filter:saturate(1.04) contrast(1.03) brightness(.89);animation:banner-cinematic 10s ease-in-out infinite alternate;will-change:transform}
.banner-depth-layer{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 44%,transparent 35%,rgba(0,19,13,.16) 73%,rgba(0,12,8,.49) 100%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 38%,rgba(0,15,10,.17));box-shadow:inset 0 0 25px rgba(0,12,8,.32)}
.banner-prism{position:absolute;z-index:2;inset:-50% -15%;background:linear-gradient(105deg,transparent 35%,rgba(174,255,230,.04) 43%,rgba(255,237,168,.24) 49%,rgba(109,255,212,.07) 54%,transparent 62%);transform:translateX(-54%) rotate(2deg);mix-blend-mode:screen;animation:banner-prism-sweep 6.8s cubic-bezier(.36,0,.26,1) infinite}
.banner-sparkles{position:absolute;z-index:3;inset:0;opacity:.8;background-image:radial-gradient(circle at 11% 31%,#fff1a3 0 1px,transparent 2px),radial-gradient(circle at 24% 73%,#76ffd1 0 1.2px,transparent 2.2px),radial-gradient(circle at 66% 19%,#fff 0 1px,transparent 2px),radial-gradient(circle at 81% 68%,#9effdd 0 1.2px,transparent 2.3px),radial-gradient(circle at 92% 35%,#ffe799 0 1px,transparent 2px);filter:drop-shadow(0 0 4px #71ffcf);animation:banner-sparkle-drift 4.6s ease-in-out infinite}
.banner-sparkles-alt{transform:scaleX(-1);animation-delay:-2.1s}.premium-banner-slide:after{z-index:4}
.premium-banner-dots{bottom:9px;right:12px;padding:4px 6px;border:1px solid rgba(207,255,238,.12);border-radius:99px;background:rgba(0,24,17,.35);backdrop-filter:blur(7px)}
.premium-banner-dots i{height:4px}.premium-banner-dots i.is-active{width:22px;background:linear-gradient(90deg,#5effc4,#fff0a2);box-shadow:0 0 10px rgba(100,255,203,.88)}
@keyframes banner-cinematic{0%{transform:scale(1.025) translate3d(-.7%,0,0)}100%{transform:scale(1.085) translate3d(.7%,-.7%,0)}}
@keyframes banner-prism-sweep{0%,47%{transform:translateX(-58%) rotate(2deg)}82%,100%{transform:translateX(58%) rotate(2deg)}}
@keyframes banner-sparkle-drift{0%,100%{opacity:.38;transform:translateY(2px)}50%{opacity:.95;transform:translateY(-3px)}}
@media(max-width:370px){.topbar .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}.topbar .icon-btn span{font-size:10px!important}.premium-banner-frame{height:120px}}
@media(prefers-reduced-motion:reduce){.premium-banner-image,.banner-prism,.banner-sparkles{animation:none!important}}

/* v25 — premium multi-banner carousel + illuminated ticker */
.premium-banner-shell{display:grid;gap:8px;margin:1px 0 13px}
.premium-banner-frame{position:relative;isolation:isolate;height:132px;padding:2px;overflow:hidden;border-radius:25px;background:linear-gradient(120deg,#42e7b2,#eff9b0 30%,#d7a94c 52%,#57edc0 76%,#42e7b2);background-size:240% 240%;box-shadow:0 0 0 1px rgba(157,255,222,.22),0 0 22px rgba(58,233,178,.21),0 13px 28px rgba(0,17,11,.36);animation:banner-border-flow 7s ease-in-out infinite}
.premium-banner-frame:before{content:"";position:absolute;z-index:4;inset:1px;border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:inset 0 0 18px rgba(102,255,206,.14);pointer-events:none}
.premium-banner-track{display:flex;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.74,.23,1);will-change:transform}
.premium-banner-slide{position:relative;isolation:isolate;flex:0 0 100%;height:100%;overflow:hidden;border-radius:23px;background:#063b2e}
.premium-banner-slide:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(108deg,transparent 17%,rgba(255,255,255,.13) 39%,transparent 57%);transform:translateX(-115%);animation:banner-shine 5.8s ease-in-out infinite}
.banner-emerald{background:radial-gradient(circle at 78% 50%,rgba(85,255,199,.35),transparent 27%),radial-gradient(circle at 12% 18%,rgba(236,204,107,.15),transparent 35%),linear-gradient(125deg,#031f19,#07513d 58%,#073328)}
.banner-gold{background:radial-gradient(circle at 78% 44%,rgba(255,220,109,.27),transparent 28%),radial-gradient(circle at 20% 70%,rgba(72,238,185,.2),transparent 33%),linear-gradient(125deg,#08251e,#58471f 140%)}
.banner-aurora{background:radial-gradient(circle at 72% 46%,rgba(132,118,255,.29),transparent 30%),radial-gradient(circle at 18% 62%,rgba(51,246,188,.22),transparent 35%),linear-gradient(125deg,#031d18,#07372d 56%,#17163c)}
.banner-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(150,255,222,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(150,255,222,.22) 1px,transparent 1px);background-size:24px 24px;transform:perspective(230px) rotateX(58deg) scale(1.35) translateY(22px)}
.banner-art{position:absolute;z-index:2;left:50%;top:50%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 16px rgba(0,0,0,.46)) drop-shadow(0 0 20px rgba(79,246,192,.28));animation:banner-art-float 4.3s ease-in-out infinite}
.banner-art-logo{width:126px;height:126px}.banner-art-reward{width:114px;height:114px}.banner-art-crystal{width:105px;height:105px}
.banner-orbit{position:absolute;z-index:1;left:50%;top:50%;border:1px solid rgba(127,255,214,.27);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg);box-shadow:0 0 14px rgba(74,239,187,.12)}
.orbit-one{width:210px;height:76px}.orbit-two{width:270px;height:104px;transform:translate(-50%,-50%) rotate(19deg)}.orbit-three{width:235px;height:88px;animation:banner-orbit 9s linear infinite}
.banner-shard{position:absolute;z-index:1;width:76px;height:108px;border:1px solid rgba(255,222,123,.2);background:linear-gradient(145deg,rgba(255,226,128,.15),transparent);clip-path:polygon(50% 0,100% 100%,0 76%);filter:blur(.2px)}.shard-one{left:12%;top:3%;transform:rotate(-22deg)}.shard-two{right:11%;bottom:-31%;transform:rotate(28deg)}
.banner-planet{position:absolute;left:50%;top:50%;width:190px;height:190px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 36% 31%,rgba(151,255,224,.2),rgba(70,68,154,.09) 46%,transparent 68%);box-shadow:0 0 48px rgba(96,109,255,.14)}
.premium-banner-dots{position:absolute;z-index:6;right:13px;bottom:10px;display:flex;align-items:center;gap:5px}.premium-banner-dots i{width:5px;height:5px;border-radius:99px;background:rgba(218,255,242,.3);box-shadow:0 0 5px transparent;transition:width .45s ease,background .45s ease,box-shadow .45s ease}.premium-banner-dots i.is-active{width:18px;background:#7bffd4;box-shadow:0 0 9px rgba(85,255,195,.8)}
.premium-news{height:30px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(133,240,203,.16);border-radius:12px;background:linear-gradient(100deg,rgba(16,78,60,.84),rgba(3,39,30,.9));box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 12px rgba(0,20,14,.19);overflow:hidden}
.premium-news-live{display:flex;align-items:center;gap:4px;flex:0 0 auto;color:#ffe089;font-size:6px;font-weight:900;letter-spacing:.13em}.premium-news-live i{width:5px;height:5px;border-radius:50%;background:#61f2bc;box-shadow:0 0 8px #61f2bc;animation:news-pulse 1.8s ease-in-out infinite}
.premium-news-window{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.premium-news-marquee{display:flex;width:max-content;align-items:center;gap:17px;color:rgba(223,247,238,.68);font-size:7px;letter-spacing:.04em;white-space:nowrap;animation:premium-marquee 22s linear infinite}.premium-news-marquee b{color:#efca69;font-size:6px}
@keyframes banner-border-flow{0%,100%{background-position:0 50%;filter:saturate(1)}50%{background-position:100% 50%;filter:saturate(1.2)}}
@keyframes banner-shine{0%,58%{transform:translateX(-115%)}83%,100%{transform:translateX(115%)}}
@keyframes banner-art-float{0%,100%{transform:translate(-50%,-50%) translateY(2px) scale(.98)}50%{transform:translate(-50%,-50%) translateY(-5px) scale(1.025)}}
@keyframes banner-orbit{to{transform:translate(-50%,-50%) rotate(346deg)}}
@keyframes news-pulse{50%{opacity:.42;transform:scale(.72)}}
@keyframes premium-marquee{to{transform:translateX(-50%)}}
@media(max-width:370px){.premium-banner-frame{height:115px;border-radius:22px}.premium-banner-slide{border-radius:20px}.premium-banner-frame:before{border-radius:21px}.banner-art-logo{width:108px;height:108px}.banner-art-reward{width:99px;height:99px}.banner-art-crystal{width:92px;height:92px}}
@media(prefers-reduced-motion:reduce){.premium-banner-frame,.premium-banner-slide:after,.banner-art,.orbit-three,.premium-news-live i,.premium-news-marquee{animation:none!important}.premium-banner-track{transition:none}}

/* v12 — centered premium game result */
.modal-root.is-centered:not(:empty) {
    place-items:center;
    padding:18px;
    background:radial-gradient(circle at 50% 43%,rgba(37,149,111,.18),rgba(1,14,10,.84) 58%);
    backdrop-filter:blur(13px) saturate(1.18);
    -webkit-backdrop-filter:blur(13px) saturate(1.18);
}
.result-modal {
    width:min(390px,100%);
    max-height:calc(100dvh - 36px);
    overflow:auto;
    border:1px solid transparent;
    border-radius:29px;
    background:
        radial-gradient(230px 180px at 50% 0%,rgba(79,226,176,.16),transparent 72%) padding-box,
        linear-gradient(165deg,rgba(12,57,44,.98),rgba(5,25,21,.99)) padding-box,
        linear-gradient(130deg,rgba(239,201,101,.62),rgba(102,241,193,.55),rgba(255,255,255,.14)) border-box;
    box-shadow:inset 0 1px rgba(255,255,255,.15),inset 0 -24px 55px rgba(0,16,11,.24),0 10px 0 rgba(0,27,18,.66),0 35px 85px rgba(0,0,0,.6),0 0 45px rgba(58,219,166,.1);
    animation:result-modal-in .42s cubic-bezier(.2,.9,.24,1.15);
}
.result-hero { padding:23px 22px 14px; }
.result-celebration { position:relative; width:88px; height:88px; margin:0 auto 10px; display:grid; place-items:center; }
.result-celebration>span { position:absolute; inset:3px; border-radius:50%; border:1px solid rgba(239,200,99,.38); box-shadow:0 0 0 7px rgba(84,230,181,.045),0 0 35px rgba(71,229,175,.23); animation:result-ring 3s ease-in-out infinite; }
.result-hero .result-icon { position:relative; width:68px; height:68px; margin:0; background:radial-gradient(circle at 32% 24%,#ecfff8,#7cefc9 38%,#30bd8d 100%); color:#063626; border:1px solid rgba(255,255,255,.64); box-shadow:inset 0 2px rgba(255,255,255,.8),inset 0 -8px 18px rgba(0,83,56,.17),0 8px 0 rgba(8,80,57,.62),0 15px 30px rgba(47,220,164,.3); font-size:29px; }
.result-hero.lost .result-icon { background:radial-gradient(circle at 32% 24%,#ffe8ed,#ff879f 40%,#bd3756); color:#4b0a19; }
.result-kicker { margin-top:3px; color:var(--premium-gold); font-size:8px; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.result-hero h2 { margin:5px 0 7px; font-size:25px; letter-spacing:-.025em; }
.result-score { width:max-content; margin:0 auto; padding:5px 11px; display:flex; align-items:center; gap:7px; border:1px solid rgba(154,239,209,.14); border-radius:999px; background:rgba(0,24,17,.35); color:rgba(207,236,225,.55); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.result-score strong { color:#fff; font:800 13px/1 var(--font-mono); }
.result-rewards { gap:8px; margin-top:13px; }
.result-reward-chip { min-height:39px; padding:7px 12px 7px 8px; display:flex; align-items:center; gap:6px; border-radius:13px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,24,17,.5)); box-shadow:inset 0 1px rgba(255,255,255,.09),0 4px 0 rgba(0,25,17,.55),0 10px 18px rgba(0,0,0,.2); font-size:12px; }
.result-reward-chip img { width:27px; height:27px; object-fit:contain; filter:drop-shadow(0 4px 5px rgba(0,0,0,.35)); }
.result-reward-chip small { color:rgba(214,235,227,.42); font:700 7px/1 var(--font-sans); text-transform:uppercase; }
.result-ad-status { max-width:290px; margin:14px auto 0; color:rgba(209,235,225,.58); font-size:10px; line-height:1.5; }
.result-actions { display:flex; flex-direction:column; gap:10px; padding:7px 20px 21px; }
.result-ad-button { position:relative; width:100%; min-height:58px; padding:7px 10px; display:grid; grid-template-columns:42px minmax(0,1fr) 28px; align-items:center; gap:9px; overflow:hidden; border:1px solid transparent; border-radius:18px; color:#06271d; background:linear-gradient(105deg,#ecc55f,#7decc8 47%,#47d9a8) padding-box,linear-gradient(135deg,#fff1b6,#a9ffe2) border-box; box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -9px 18px rgba(12,116,78,.13),0 6px 0 #167554,0 14px 28px rgba(30,197,139,.25); text-align:left; }
.result-ad-button::after { content:''; position:absolute; inset:0; background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.48) 44%,transparent 65%); transform:translateX(-120%); animation:result-button-shine 2.8s ease-in-out infinite; }
.result-ad-button-icon { position:relative; z-index:1; width:39px; height:39px; display:grid; place-items:center; border-radius:13px; color:#ecfff8; background:rgba(4,55,39,.86); box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 12px rgba(0,42,28,.28); font-size:12px; }
.result-ad-button>span:nth-child(2) { position:relative; z-index:1; display:flex; flex-direction:column; gap:2px; }
.result-ad-button small { color:rgba(5,56,40,.57); font-size:6px; font-weight:900; letter-spacing:.18em; }
.result-ad-button strong { font-size:11px; font-weight:900; letter-spacing:.02em; }
.result-ad-button i { position:relative; z-index:1; font-size:24px; font-style:normal; font-weight:800; }
.result-ad-button:disabled { opacity:.84; filter:saturate(.7); }
.result-secondary-actions { display:grid; grid-template-columns:1fr 1.15fr; gap:9px; }
.result-secondary-actions .btn { min-height:46px; border-radius:15px; font-size:11px; font-weight:800; }
.result-back-button { color:rgba(222,242,234,.76); background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(3,30,22,.42)); border:1px solid rgba(168,236,212,.14); box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 0 rgba(0,22,15,.65); }
.result-replay-button { color:#ddfff3; background:linear-gradient(145deg,rgba(37,139,103,.8),rgba(13,84,61,.88)); border:1px solid rgba(126,238,199,.25); box-shadow:inset 0 1px rgba(255,255,255,.13),0 4px 0 rgba(3,53,37,.8),0 10px 20px rgba(0,26,18,.2); }
.result-secondary-actions .btn:active,.result-ad-button:active { transform:translateY(3px) scale(.99); }

@keyframes result-modal-in { from { opacity:0; transform:translateY(24px) scale(.92); } to { opacity:1; transform:none; } }
@keyframes result-ring { 50% { transform:scale(1.08); opacity:.58; } }
@keyframes result-button-shine { 0%,58% { transform:translateX(-120%); } 80%,100% { transform:translateX(120%); } }

@media (max-height:650px) {
    .result-modal { transform:scale(.92); }.result-hero { padding-top:15px; }.result-celebration { width:72px; height:72px; }.result-hero .result-icon { width:56px; height:56px; }.result-actions { padding-bottom:15px; }
}

/* v13 — Obsidian Emerald + Champagne Gold premium controls */
:root {
    --lux-obsidian:#031711;
    --lux-emerald:#0c6f50;
    --lux-mint:#69efc1;
    --lux-mint-soft:#b8f9e1;
    --lux-gold:#e9be59;
    --lux-gold-soft:#ffe4a0;
    --lux-line:rgba(149,242,208,.22);
}
body { background:radial-gradient(720px 470px at 50% -100px,rgba(22,130,94,.23),transparent 67%),radial-gradient(500px 530px at 110% 42%,rgba(210,169,70,.06),transparent 70%),linear-gradient(180deg,#05261c 0%,#021711 54%,#010d09 100%); }
.topbar { background:radial-gradient(250px 100px at 18% 0%,rgba(109,236,193,.18),transparent 72%),linear-gradient(180deg,rgba(13,84,62,.97),rgba(4,47,34,.98)); border-bottom-color:rgba(236,197,96,.2); box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 0 rgba(1,32,22,.64),0 18px 36px rgba(0,12,8,.32); }
.bottom-nav { background:radial-gradient(190px 90px at 14% 50%,rgba(97,236,190,.2),transparent 72%),linear-gradient(180deg,rgba(17,82,61,.97),rgba(3,39,28,.98)); border-color:rgba(235,197,97,.24); box-shadow:inset 0 1px rgba(255,255,255,.16),0 6px 0 rgba(0,28,19,.72),0 22px 48px rgba(0,0,0,.52); }
.nav-liquid-indicator { background:radial-gradient(circle at 38% 25%,rgba(255,235,174,.24),transparent 30%),linear-gradient(145deg,rgba(91,236,187,.34),rgba(20,113,81,.28)); border:1px solid rgba(246,213,128,.22); box-shadow:inset 0 1px rgba(255,255,255,.24),0 5px 0 rgba(0,46,32,.55),0 0 25px rgba(72,224,174,.22); }

.btn,.mission-item-claim,.game-back,.icon-btn,.et-tap-btn {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    color:#dff9ef;
    border:1px solid var(--lux-line);
    background:linear-gradient(145deg,rgba(19,76,58,.96),rgba(5,42,30,.98));
    box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -8px 16px rgba(0,20,13,.15),0 4px 0 rgba(0,28,19,.82),0 10px 20px rgba(0,12,8,.25);
    text-shadow:0 1px 1px rgba(0,0,0,.28);
}
.btn::before,.mission-item-claim::before,.game-back::before,.icon-btn::before,.et-tap-btn::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.14) 43%,transparent 66%); transform:translateX(-125%); transition:transform .55s ease; }
.btn:not(:disabled):active::before,.mission-item-claim:not(:disabled):active::before,.game-back:active::before,.icon-btn:active::before,.et-tap-btn:active::before { transform:translateX(125%); }
.btn:not(:disabled):active,.mission-item-claim:not(:disabled):active,.game-back:active,.icon-btn:active,.et-tap-btn:active { transform:translateY(3px) scale(.99); box-shadow:inset 0 1px rgba(255,255,255,.11),0 1px 0 rgba(0,27,18,.9),0 5px 10px rgba(0,12,8,.2); }
.btn-primary,.wallet-launch {
    color:#03251a;
    border:1px solid rgba(255,241,196,.68);
    background:linear-gradient(120deg,var(--lux-gold) 0%,var(--lux-gold-soft) 24%,var(--lux-mint-soft) 55%,var(--lux-mint) 100%);
    box-shadow:inset 0 2px rgba(255,255,255,.67),inset 0 -9px 17px rgba(14,123,83,.11),0 5px 0 #147352,0 13px 27px rgba(30,198,140,.24),0 0 22px rgba(232,190,90,.09);
    font-weight:900;
    text-shadow:0 1px rgba(255,255,255,.35);
}
.btn-primary:not(:disabled):active,.wallet-launch:not(:disabled):active { box-shadow:inset 0 1px rgba(255,255,255,.5),0 2px 0 #116346,0 7px 14px rgba(26,171,120,.2); }
.btn-ghost,.result-back-button { color:rgba(221,244,235,.72); border-color:rgba(168,234,210,.14); background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(2,28,20,.55)); }
.btn:disabled,.mission-item-claim:disabled { opacity:.54; color:rgba(204,228,219,.54); border-color:rgba(151,204,185,.09); background:linear-gradient(145deg,rgba(42,68,59,.72),rgba(13,40,31,.8)); box-shadow:inset 0 1px rgba(255,255,255,.06),0 2px 0 rgba(0,24,16,.6); filter:saturate(.45); }

/* Claim and workshop actions use the gold tier */
.mission-item-claim:not(:disabled) { color:#352500; border-color:rgba(255,233,165,.7); background:linear-gradient(135deg,#ffe39a,#e8b949 52%,#c88f20); box-shadow:inset 0 2px rgba(255,255,255,.62),0 4px 0 #84580f,0 10px 20px rgba(187,132,30,.2); font-weight:900; }
.box-price { padding:5px 10px 5px 7px; border:1px solid rgba(237,197,92,.24); border-radius:999px; background:rgba(71,52,13,.2); }

/* Wallet: each financial action has an intentional visual role */
[data-testid="topup-qris"] { color:#352500; background:linear-gradient(130deg,#ffe59d,#e8bb50); border-color:#fff0bd; box-shadow:inset 0 2px rgba(255,255,255,.66),0 5px 0 #8d6517,0 13px 24px rgba(181,128,28,.2); }
[data-testid="topup-usdt"] { color:#03251a; background:linear-gradient(130deg,#bffbe5,#59e5b4); border-color:#dcfff2; box-shadow:inset 0 2px rgba(255,255,255,.64),0 5px 0 #157a57,0 13px 24px rgba(37,196,140,.21); }
[data-testid="withdraw-open"] { color:#e9fff7; border-color:rgba(233,193,89,.3); background:linear-gradient(135deg,rgba(100,74,18,.34),rgba(7,59,43,.95)); }
[data-testid="ad-energy"],[data-testid="ad-coin"] { min-height:50px; color:#dffff3; background:linear-gradient(145deg,rgba(21,103,75,.92),rgba(6,52,38,.98)); border-color:rgba(103,239,191,.27); }

/* Language switch and utility buttons */
.language-actions .btn { color:rgba(214,239,230,.61); }
.language-actions .btn.is-selected { color:#322300; border-color:rgba(255,234,165,.72); background:linear-gradient(135deg,#ffe39a,#dbae3f); box-shadow:inset 0 1px rgba(255,255,255,.66),0 3px 0 #80550d,0 8px 15px rgba(176,124,24,.18); }
.icon-btn { border-radius:13px; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(5,48,35,.8)); }
.game-back { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:var(--lux-gold-soft); font-size:19px; }

/* Game controls */
.et-tap-btn { color:#03271b; border:2px solid rgba(255,239,190,.72); background:radial-gradient(circle at 34% 25%,#fff3c5,#e6b94d 36%,#62e5b6 74%,#22966d); box-shadow:inset 0 3px rgba(255,255,255,.68),inset 0 -15px 28px rgba(5,92,62,.18),0 8px 0 #126649,0 20px 38px rgba(33,198,140,.25); }
.sc-option { color:#e7fff6; background:linear-gradient(145deg,rgba(20,91,67,.95),rgba(4,46,33,.98)); border-color:rgba(113,236,193,.25); }
.sc-option.correct { color:#04291c; background:linear-gradient(145deg,#bffbe4,#57e3b2); }.sc-option.wrong { color:#fff0f2; background:linear-gradient(145deg,#a83b54,#631b2d); border-color:rgba(255,126,151,.45); }

/* Preserve the special result CTA above generic button rules */
.result-ad-button { color:#06271d; background:linear-gradient(105deg,#ecc55f,#7decc8 47%,#47d9a8) padding-box,linear-gradient(135deg,#fff1b6,#a9ffe2) border-box; box-shadow:inset 0 2px rgba(255,255,255,.55),inset 0 -9px 18px rgba(12,116,78,.13),0 6px 0 #167554,0 14px 28px rgba(30,197,139,.25); }
.result-replay-button { color:#03251a; border-color:rgba(235,255,247,.54); background:linear-gradient(135deg,#aef7db,#50dfa9); box-shadow:inset 0 2px rgba(255,255,255,.5),0 4px 0 #147251,0 10px 20px rgba(30,190,134,.2); text-shadow:none; }

@media (prefers-reduced-motion:reduce) { .btn::before,.mission-item-claim::before,.game-back::before,.icon-btn::before,.et-tap-btn::before { display:none; } }

/* v14 — Crystal Trap */
.ct-status { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; padding:9px; }
.ct-status .stat { min-width:0; padding:7px 3px; border:1px solid rgba(143,235,203,.12); border-radius:13px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(1,30,21,.3)); }
.ct-status .stat span { font-size:7px; letter-spacing:.08em; }.ct-status .stat strong { font-size:13px; white-space:nowrap; }
.ct-status .stat:first-child strong { color:#ff8ba3; letter-spacing:2px; }.ct-danger { color:#ff718e !important; animation:ct-danger-pulse .7s ease-in-out infinite alternate; }
.ct-game { position:relative; padding:15px; overflow:hidden; border:1px solid rgba(145,240,206,.23); border-radius:25px; background:radial-gradient(250px 180px at 50% 0%,rgba(73,225,174,.17),transparent 72%),linear-gradient(150deg,rgba(17,75,56,.95),rgba(3,36,27,.99)); box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -20px 42px rgba(0,20,13,.16),0 7px 0 rgba(0,30,20,.75),0 20px 38px rgba(0,11,7,.35); }
.ct-game::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 27%,transparent 72%,rgba(232,190,84,.035)); }
.ct-intro { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ct-intro>div:first-child>span { color:var(--lux-gold); font-size:7px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.ct-intro h2 { margin:4px 0 0; font-size:18px; letter-spacing:-.02em; }
.ct-combo { min-width:62px; padding:7px 9px; border:1px solid rgba(238,198,92,.24); border-radius:14px; background:linear-gradient(145deg,rgba(107,77,15,.23),rgba(3,39,28,.45)); text-align:center; box-shadow:inset 0 1px rgba(255,255,255,.09),0 3px 0 rgba(0,27,18,.64); }
.ct-combo small { display:block; color:rgba(237,213,151,.6); font-size:6px; letter-spacing:.14em; }.ct-combo b { display:block; margin-top:2px; color:var(--lux-gold-soft); font:900 17px/1 var(--font-mono); }
.ct-help { position:relative; z-index:1; margin:10px 0 13px; color:rgba(209,235,225,.53); font-size:9px; line-height:1.45; }
.ct-board { position:relative; z-index:1; display:grid; gap:8px; padding:10px; border:1px solid rgba(151,238,207,.15); border-radius:22px; background:linear-gradient(145deg,rgba(0,20,14,.46),rgba(6,49,36,.34)); box-shadow:inset 0 2px 12px rgba(0,13,9,.35),0 4px 0 rgba(0,26,17,.62); }
.ct-tile { position:relative; aspect-ratio:1; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(168,243,216,.2); border-radius:17px; color:#9df4d5; background:radial-gradient(circle at 32% 23%,rgba(255,255,255,.15),transparent 31%),linear-gradient(145deg,#176f52,#084631 68%,#043124); box-shadow:inset 0 2px rgba(255,255,255,.13),inset 0 -9px 16px rgba(0,24,15,.2),0 5px 0 #022a1c,0 10px 18px rgba(0,10,6,.27); transition:transform .22s ease,box-shadow .22s ease,background .3s ease; }
.ct-tile::before { content:''; position:absolute; inset:8px; border:1px solid rgba(234,198,105,.15); border-radius:12px; transform:rotate(45deg) scale(.7); }
.ct-tile-seal { position:relative; z-index:1; font-size:20px; color:var(--lux-gold-soft); text-shadow:0 0 13px rgba(234,190,80,.4); }
.ct-tile:not(.is-open):active { transform:translateY(4px) scale(.97); box-shadow:inset 0 1px rgba(255,255,255,.1),0 1px 0 #022419,0 4px 8px rgba(0,10,6,.2); }
.ct-tile.is-checking { animation:ct-check .55s ease-in-out infinite alternate; }
.ct-tile.is-open { box-shadow:inset 0 2px rgba(255,255,255,.18),inset 0 -8px 16px rgba(0,0,0,.1),0 2px 0 rgba(0,29,20,.6),0 7px 14px rgba(0,0,0,.2); transform:translateY(3px); }
.ct-tile.is-open::before { display:none; }
.ct-tile.is-safe { border-color:rgba(138,255,216,.55); background:radial-gradient(circle at 50% 45%,rgba(160,255,222,.22),transparent 58%),linear-gradient(145deg,#138d64,#07583e); }
.ct-tile.is-trap { border-color:rgba(255,127,151,.5); background:radial-gradient(circle at 50% 40%,rgba(255,122,147,.22),transparent 56%),linear-gradient(145deg,#8b2941,#471323); animation:ct-trap-shake .36s ease; }
.ct-safe-crystal { color:#c9ffec; font-size:27px; transform:scaleX(.72); text-shadow:0 0 16px rgba(97,255,199,.85); animation:ct-reveal .38s cubic-bezier(.2,.9,.25,1.3); }
.ct-trap-mark { color:#ffe5a0; font-size:25px; text-shadow:0 0 15px rgba(255,105,130,.75); animation:ct-reveal .38s cubic-bezier(.2,.9,.25,1.3); }
.ct-safe-crystal{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.35)) drop-shadow(0 0 12px rgba(91,255,205,.55));animation:ct-reveal .38s cubic-bezier(.2,.9,.25,1.3)}
.ct-tile small { position:absolute; bottom:5px; font-size:5px; font-weight:900; letter-spacing:.13em; opacity:.6; }
.ct-game.safe-flash { box-shadow:inset 0 1px rgba(255,255,255,.13),0 7px 0 rgba(0,30,20,.75),0 20px 38px rgba(0,11,7,.35),0 0 28px rgba(60,232,174,.16); }
.ct-game.trap-flash { box-shadow:inset 0 1px rgba(255,255,255,.13),0 7px 0 rgba(0,30,20,.75),0 20px 38px rgba(0,11,7,.35),0 0 30px rgba(255,73,110,.17); }
@keyframes ct-check { to { filter:brightness(1.3); transform:translateY(-2px); } }
@keyframes ct-reveal { from { opacity:0; transform:scale(.25) rotate(-20deg); } }
@keyframes ct-trap-shake { 25% { transform:translate(3px,3px); } 50% { transform:translate(-3px,3px); } 75% { transform:translate(2px,3px); } }
@keyframes ct-danger-pulse { to { opacity:.45; transform:scale(.94); } }
@media (max-width:370px) { .ct-game { padding:12px; }.ct-board { gap:6px; padding:8px; }.ct-tile { border-radius:14px; }.ct-intro h2 { font-size:16px; } }

/* v15 — Crystal Defender */
.cd-status { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; padding:9px; }
.cd-status .stat { min-width:0; padding:7px 2px; border:1px solid rgba(145,235,204,.12); border-radius:12px; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(1,29,20,.32)); }
.cd-status .stat span { font-size:6px; letter-spacing:.07em; }.cd-status .stat strong { font-size:12px; white-space:nowrap; }.cd-status .stat:first-child strong { color:#ff859e; font-size:10px; letter-spacing:1px; }
.cd-game { padding:14px; overflow:hidden; border:1px solid rgba(144,241,206,.23); border-radius:25px; background:radial-gradient(300px 190px at 50% 0%,rgba(74,224,175,.17),transparent 70%),linear-gradient(150deg,rgba(17,74,56,.96),rgba(3,34,26,.99)); box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -22px 45px rgba(0,19,12,.18),0 7px 0 rgba(0,29,19,.76),0 20px 40px rgba(0,10,6,.36); }
.cd-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.cd-heading>div span { color:var(--lux-gold); font-size:7px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }.cd-heading h2 { margin:4px 0 0; font-size:18px; }
.cd-heading>b { padding:7px 9px; border:1px solid rgba(105,239,193,.22); border-radius:12px; color:#82f1ca; background:rgba(6,57,41,.52); font-size:6px; letter-spacing:.12em; text-align:center; box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 0 rgba(0,26,17,.55); }
.cd-help { margin:9px 0 12px; color:rgba(208,234,224,.52); font-size:9px; line-height:1.45; }
.cd-arena { position:relative; height:310px; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; overflow:hidden; border:1px solid rgba(145,236,204,.16); border-radius:23px; background:radial-gradient(circle at 50% 88%,rgba(75,231,178,.2),transparent 25%),linear-gradient(180deg,rgba(0,18,13,.7),rgba(5,52,38,.48)); box-shadow:inset 0 3px 18px rgba(0,13,8,.4),0 4px 0 rgba(0,25,17,.66); }
.cd-arena::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent 33%,rgba(141,238,204,.08) 33.2%,transparent 33.7%,transparent 66%,rgba(141,238,204,.08) 66.2%,transparent 66.7%),repeating-linear-gradient(0deg,transparent 0 48px,rgba(142,235,202,.035) 49px 50px); pointer-events:none; }
.cd-lane { position:relative; min-width:0; }.cd-lane::after { content:''; position:absolute; left:50%; top:12px; bottom:65px; width:1px; background:linear-gradient(rgba(233,195,91,.16),rgba(94,231,183,.05)); }
.cd-core-ring { position:absolute; z-index:3; left:50%; bottom:14px; width:94px; height:94px; transform:translateX(-50%); display:grid; place-items:center; border:1px solid rgba(234,194,91,.28); border-radius:50%; box-shadow:0 0 0 8px rgba(75,230,177,.04),0 0 35px rgba(67,227,171,.2); animation:cd-core-pulse 2.6s ease-in-out infinite; }
.cd-core { width:68px; height:68px; display:grid; place-items:center; border:1px solid rgba(255,235,171,.6); border-radius:23px 23px 28px 28px; background:radial-gradient(circle at 34% 22%,#e6fff6,#55e2ae 38%,#0b7954 72%,#06412d); box-shadow:inset 0 2px rgba(255,255,255,.64),inset 0 -12px 20px rgba(0,59,38,.18),0 7px 0 #03432e,0 15px 28px rgba(28,204,143,.25); transform:rotate(45deg); }
.cd-core img { width:94px;height:94px;object-fit:contain;transform:rotate(-45deg);filter:drop-shadow(0 8px 13px rgba(0,0,0,.38)) drop-shadow(0 0 12px rgba(94,255,202,.45));pointer-events:none; }
.cd-enemy { position:absolute; z-index:4; top:8px; left:50%; width:62px; height:62px; transform:translateX(-50%); display:grid; place-items:center; border:1px solid rgba(255,225,149,.3); border-radius:20px; color:#ffe8a4; background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.2),transparent 30%),linear-gradient(145deg,#365346,#132c23); box-shadow:inset 0 2px rgba(255,255,255,.14),inset 0 -9px 17px rgba(0,0,0,.24),0 5px 0 #071d15,0 12px 22px rgba(0,0,0,.35); animation:cd-advance var(--enemy-duration) linear forwards; }
.cd-enemy>img { width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5)) drop-shadow(0 0 12px currentColor);pointer-events:none; }.cd-enemy.type-brute>img{transform:scale(1.14)}.cd-enemy.type-shadow>img{filter:hue-rotate(70deg) drop-shadow(0 8px 10px rgba(0,0,0,.5)) drop-shadow(0 0 12px #d99cff)}.cd-enemy small { position:absolute; bottom:2px; padding:2px 5px;border-radius:8px;background:rgba(0,20,14,.72);font-size:5px; font-weight:900; letter-spacing:.1em; opacity:.8; text-transform:uppercase; }.cd-enemy i { position:absolute; inset:-7px; border:1px solid rgba(255,221,137,.12); border-radius:24px; }
.cd-enemy.type-scout { color:#8ff2cf; border-color:rgba(110,241,195,.38); background:linear-gradient(145deg,#167657,#073f2d); }.cd-enemy.type-brute { width:68px; height:68px; color:#ffe29a; background:linear-gradient(145deg,#765927,#33230c); }.cd-enemy.type-shadow { color:#e2a9ff; border-color:rgba(218,151,255,.35); background:linear-gradient(145deg,#533261,#25142d); }
.cd-enemy.is-struck { animation:cd-destroy .36s ease forwards; }.cd-enemy.is-breached { animation:cd-breach .36s ease forwards; }
.cd-arena.core-damaged .cd-core-ring { animation:cd-core-damage .38s ease; }.cd-arena.core-damaged { box-shadow:inset 0 0 30px rgba(255,66,102,.18),0 4px 0 rgba(0,25,17,.66); }
.cd-impact { position:absolute; z-index:8; left:50%; top:48%; transform:translate(-50%,-50%); opacity:0; pointer-events:none; font:900 22px/1 var(--font-mono); }.cd-impact.is-hit { color:#8bffd5; }.cd-impact.is-damage { color:#ff7692; }.cd-impact.animate { animation:cd-impact .7s ease; }
@keyframes cd-advance { from { transform:translate(-50%,0) scale(.82); } to { transform:translate(-50%,205px) scale(1.08); } }
@keyframes cd-destroy { to { opacity:0; transform:translate(-50%,90px) scale(1.5) rotate(28deg); filter:brightness(2); } }
@keyframes cd-breach { to { opacity:0; transform:translate(-50%,215px) scale(.45); } }
@keyframes cd-impact { 0% { opacity:0; transform:translate(-50%,-20%) scale(.6); } 28% { opacity:1; } 100% { opacity:0; transform:translate(-50%,-100%) scale(1.18); } }
@keyframes cd-core-pulse { 50% { transform:translateX(-50%) scale(1.05); box-shadow:0 0 0 11px rgba(75,230,177,.035),0 0 42px rgba(67,227,171,.28); } }
@keyframes cd-core-damage { 25% { transform:translateX(-50%) translateX(5px); } 50% { transform:translateX(-50%) translateX(-5px); } 75% { transform:translateX(-50%) translateX(3px); } }
@media (max-width:370px) { .cd-game { padding:11px; }.cd-arena { height:285px; }.cd-enemy { width:55px;height:55px; }.cd-enemy.type-brute { width:60px;height:60px; } @keyframes cd-advance { from { transform:translate(-50%,0) scale(.82); } to { transform:translate(-50%,180px) scale(1.06); } } }

/* v10: bilingual ultra-premium game CTA */
.game-library-play {
    min-height:58px;
    padding:8px 9px 8px 17px;
    border:1px solid transparent;
    background:
        linear-gradient(110deg,rgba(9,63,48,.96),rgba(20,91,69,.94)) padding-box,
        linear-gradient(115deg,rgba(243,204,103,.72),rgba(104,243,195,.76),rgba(255,255,255,.24)) border-box;
    box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -10px 24px rgba(0,28,19,.15),0 12px 28px rgba(0,17,11,.3),0 0 20px rgba(73,226,176,.08);
}
.game-library-play::after { content:''; position:absolute; left:16px; right:58px; bottom:7px; height:1px; background:linear-gradient(90deg,rgba(241,202,99,.7),rgba(102,239,193,.42),transparent); opacity:.55; }
.game-library-play small { color:rgba(237,211,140,.78); font-size:7px; letter-spacing:.16em; }
.game-library-play strong { color:#eafff7; font-size:11px; letter-spacing:.12em; text-shadow:0 0 15px rgba(110,242,198,.35); }
.game-library-play b { width:42px; height:42px; flex:0 0 42px; border:1px solid rgba(255,255,255,.58); background:radial-gradient(circle at 32% 25%,#effff9 0%,#9af5d5 34%,#4be0ad 100%); box-shadow:0 7px 18px rgba(47,220,164,.38),inset 0 2px 2px rgba(255,255,255,.85); }
.game-library-play b span { transform:translateX(1px); font-size:13px; filter:drop-shadow(0 1px rgba(255,255,255,.4)); }
.game-library-card:hover .game-library-play,.game-library-card:focus-visible .game-library-play { transform:translateY(-1px); box-shadow:inset 0 1px rgba(255,255,255,.16),0 15px 34px rgba(0,17,11,.38),0 0 25px rgba(73,226,176,.14); }
.game-library-card:active .game-library-play { transform:scale(.985); }
.game-library-card:active .game-library-play b { transform:translateX(3px) scale(.96); }
.game-library-play,.game-library-play b { transition:transform .22s ease,box-shadow .22s ease; }

/* v11 — compact 3D card system shared by every menu */
:root { --card-3d-line:rgba(142,246,208,.25); --card-3d-top:rgba(255,255,255,.13); --card-3d-deep:rgba(0,22,15,.46); }
.hero-card,.game-card,.game-library-card,.mission-item,.inventory-card,.workshop-card,.profile-main,.asset-card,.settings-card,.ledger-card,#wallet-summary,#referral-card,#wallet-history,.game-header,.game-status,.page-banner {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:1px solid var(--card-3d-line) !important;
    box-shadow:inset 0 1px 0 var(--card-3d-top),inset 0 -12px 30px rgba(0,24,17,.16),0 7px 0 rgba(1,31,22,.75),0 18px 34px var(--card-3d-deep) !important;
    transform:translateZ(0);
}
.hero-card::before,.game-card::before,.game-library-card::before,.mission-item::before,.inventory-card::before,.workshop-card::before,.profile-main::before,.asset-card::before,.settings-card::before,.ledger-card::before,#wallet-summary::before,#referral-card::before,#wallet-history::before,.game-header::before,.game-status::before,.page-banner::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:1px 1px auto;
    height:42%;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 55%,transparent);
    pointer-events:none;
}
.game-card,.game-library-card,.inventory-card,.workshop-card,.asset-card,.mission-item,.btn { transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.game-card:active,.game-library-card:active,.inventory-card:active,.workshop-card:active,.asset-card:active { transform:translateY(4px) scale(.992); box-shadow:inset 0 1px rgba(255,255,255,.1),inset 0 -8px 20px rgba(0,20,14,.12),0 3px 0 rgba(1,28,20,.8),0 9px 19px rgba(0,17,11,.4) !important; }

/* Home hero: compact instead of almost one full screen */
.hero-card { min-height:0; padding:17px 18px 15px; border-radius:25px; }
.hero-head { grid-template-columns:minmax(0,1fr) 105px; min-height:88px; }
.hero-greeting { font-size:clamp(25px,7vw,32px); }
.hero-subtitle { margin-top:3px; font-size:10px; line-height:1.4; }
.hero-emblem,.hero-emblem img { width:104px; height:104px; }
.hero-stats { margin-top:12px; gap:8px; }
.hero-stat { min-height:66px; padding:8px 11px; gap:9px; border-radius:17px; border:1px solid rgba(145,236,204,.17); box-shadow:inset 0 1px rgba(255,255,255,.1),0 4px 0 rgba(0,34,23,.56),0 10px 18px rgba(0,20,14,.22); }
.hero-stat>img { width:45px !important; height:45px !important; max-width:45px !important; flex-basis:45px; }
.hero-stat-label { font-size:8px; }.hero-stat-value { font-size:18px; }
.level-track { margin-top:12px; }.level-track-header { font-size:9px; }

/* Home game and mission cards */
.game-grid { gap:12px; }
.page:not(.premium-page) .game-card { min-height:210px; padding:14px 10px 12px; border-radius:23px; }
.page:not(.premium-page) .game-card-icon { height:70px !important; margin-bottom:2px; }
.page:not(.premium-page) .game-card-icon img { width:72px !important; height:72px !important; max-width:72px !important; }
.page:not(.premium-page) .game-card-title { font-size:12px; }.page:not(.premium-page) .game-card-desc { font-size:9px; }
.mission-item { min-height:0; padding:13px 14px; border-radius:20px; }

/* Smaller 3D banners and game library cards */
.page-banner { min-height:124px; padding:17px 18px; border-radius:24px; }
.page-banner h1 { font-size:25px; }.page-banner>img { width:82px; height:82px; }
.games-banner { min-height:132px; }.games-banner>img { width:90px; height:90px; }
.games-library-grid { gap:12px; }
.games-library-grid .game-library-card { min-height:148px; grid-template-columns:88px minmax(0,1fr); padding:12px 13px; gap:0 12px; border-radius:23px; }
.game-library-icon { width:88px; height:105px; }.game-library-icon img { width:94px; height:94px; }
.games-library-grid .game-card-title { font-size:16px; }.games-library-grid .game-card-desc { font-size:9px; }
.games-library-grid .game-card-meta { margin-top:6px; gap:4px; }.games-library-grid .game-card-meta .chip { height:21px !important; padding-inline:6px !important; font-size:7px; }
.game-library-play { min-height:43px; margin-top:7px; padding:5px 6px 5px 12px; border-radius:14px; }
.game-library-play b { width:32px; height:32px; flex-basis:32px; }.game-library-play strong { font-size:9px; }.game-library-play small { font-size:6px; }
.game-number { font-size:29px; opacity:.7; }

/* Inventory, Workshop and Profile */
.inventory-grid,.workshop-list { gap:11px; }
.inventory-card { min-height:92px; grid-template-columns:64px minmax(0,1fr) auto; padding:11px 12px; border-radius:21px; }
.inventory-visual { width:60px; height:60px; background:transparent; border:0; }.inventory-visual img { width:61px; height:61px; }
.workshop-card { grid-template-columns:70px minmax(0,1fr); padding:12px; gap:11px; border-radius:22px; }
.workshop-visual { width:68px; height:75px; background:transparent; border:0; }.workshop-visual img { width:70px; height:70px; }
.workshop-action { padding-top:8px; }.workshop-meta { margin-top:6px; }
.profile-main { padding:14px; border-radius:22px; }.profile-photo { width:64px; height:64px; flex-basis:64px; }
.profile-assets { gap:9px; }.asset-card { min-height:76px; padding:9px; border-radius:18px; }.asset-icon { width:41px; height:41px; flex-basis:41px; }.asset-icon img { width:37px; height:37px; }.asset-card b { font-size:15px; }
.settings-card,.ledger-card { padding:11px 13px; border-radius:19px; }

/* Wallet and gameplay panels inherit the same depth */
#wallet-summary,#referral-card,#wallet-history,.game-header,.game-status { border-radius:21px; background:linear-gradient(145deg,rgba(20,78,59,.9),rgba(3,35,27,.97)); }
#wallet-summary { padding:12px; } #wallet-summary .hero-stat { min-height:61px; }
.game-header { min-height:54px; padding:8px 11px; }.game-status { padding:10px 12px; }
.cm-board,.sc-prompt,.sc-option,.et-meter,.mg-card-inner { border-color:rgba(145,240,206,.22) !important; box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 0 rgba(0,31,21,.7),0 13px 25px rgba(0,18,12,.3) !important; }
.cm-cell,.sc-option,.et-tap-btn { box-shadow:inset 0 2px rgba(255,255,255,.22),inset 0 -8px rgba(0,0,0,.12),0 4px 0 rgba(0,25,18,.65),0 9px 16px rgba(0,0,0,.24); }
.cm-cell:active,.sc-option:active,.et-tap-btn:active { transform:translateY(3px) scale(.97); box-shadow:inset 0 1px rgba(255,255,255,.16),0 1px 0 rgba(0,20,14,.7),0 4px 9px rgba(0,0,0,.22); }

@media (max-width:370px) {
    .hero-head { grid-template-columns:minmax(0,1fr) 82px; }.hero-emblem,.hero-emblem img { width:82px; height:82px; }
    .hero-stat { min-height:60px; padding:7px; }.hero-stat>img { width:38px !important; height:38px !important; max-width:38px !important; flex-basis:38px; }.hero-stat-value { font-size:16px; }
    .games-library-grid .game-library-card { grid-template-columns:75px minmax(0,1fr); gap:0 8px; }.game-library-icon { width:75px; }.game-library-icon img { width:82px; height:82px; }
}

/* v9: clean floating artwork and a single premium play action */
.game-card-icon,
.game-library-icon {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}
.game-card-icon::before,
.game-library-icon::before { display:none !important; }
.game-card-icon img {
    width:82px !important;
    height:82px !important;
    max-width:82px !important;
    filter:drop-shadow(0 14px 12px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(72,235,180,.17));
}
.game-library-icon img {
    width:124px;
    height:124px;
    filter:drop-shadow(0 16px 13px rgba(0,0,0,.53)) drop-shadow(0 0 15px rgba(72,235,180,.18));
}
.games-library-grid .game-library-card { grid-template-rows:1fr auto; padding-bottom:14px; }
.game-library-play {
    position:relative;
    min-height:50px;
    margin-top:12px;
    padding:7px 8px 7px 15px;
    border:1px solid rgba(164,255,221,.25);
    border-radius:17px;
    background:linear-gradient(105deg,rgba(76,229,178,.16),rgba(255,255,255,.055));
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 22px rgba(0,17,12,.24);
    overflow:hidden;
}
.game-library-play::before { content:''; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.13) 45%,transparent 70%); transform:translateX(-120%); transition:transform .6s ease; }
.game-library-card:active .game-library-play::before { transform:translateX(120%); }
.game-library-play>span { display:flex; flex-direction:column; gap:2px; position:relative; z-index:1; }
.game-library-play small { color:rgba(207,240,228,.5); font-size:7px; font-weight:700; letter-spacing:.12em; }
.game-library-play strong { color:#9af6d7; font-size:10px; font-weight:900; letter-spacing:.1em; }
.game-library-play b { position:relative; z-index:1; width:36px; height:36px; background:linear-gradient(135deg,#74f0c7,#c9fbea); box-shadow:0 5px 14px rgba(70,230,176,.3),inset 0 1px rgba(255,255,255,.7); }
.game-play-cue {
    width:calc(100% - 4px);
    min-height:34px;
    margin:10px auto 0;
    padding:7px 8px 7px 13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid rgba(160,249,217,.2);
    border-radius:13px;
    background:linear-gradient(110deg,rgba(74,225,175,.15),rgba(255,255,255,.045));
    color:#8cf3d0;
    font-size:8px;
    letter-spacing:.13em;
}
.game-play-cue b { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#06251c; background:linear-gradient(135deg,#69eabb,#c9fae8); font-size:15px; }

@media (max-width:370px) {
    .game-card-icon img { width:72px !important; height:72px !important; max-width:72px !important; }
    .game-library-icon img { width:105px; height:105px; }
    .game-library-play { padding-left:11px; }.game-library-play strong { font-size:9px; }
}

/* v8 refinements: larger economy icons, spacious dock and premium Games menu */
.pill { min-height:43px; padding-inline:12px; gap:8px; }
.pill-icon-img { width:27px !important; height:27px !important; max-width:27px !important; flex-basis:27px; }
.hero-head { grid-template-columns:minmax(0,1fr) 150px; }
.hero-emblem,.hero-emblem img { width:148px; height:148px; }
.hero-emblem img { filter:drop-shadow(0 19px 22px rgba(0,0,0,.46)) drop-shadow(0 0 27px rgba(58,235,176,.38)); }
.hero-stat { min-height:88px; padding:12px 15px; gap:14px; }
.hero-stat>img { display:block !important; width:59px !important; height:59px !important; max-width:59px !important; flex:0 0 59px; }
.hero-stat-label { font-size:10px; }
.hero-stat-value { font-size:23px; }

.bottom-nav {
    width:min(354px,calc(100% - 48px));
    height:68px;
    bottom:calc(16px + var(--safe-bottom));
    padding:7px 11px;
    gap:10px;
}
.nav-item { min-width:0; margin-inline:2px; }
.nav-item svg { width:23px; height:23px; }
.nav-profile-avatar { width:34px; height:34px; }

.games-banner { min-height:170px; }
.games-banner>img { width:118px; height:118px; }
.games-section-head { display:flex; align-items:flex-end; justify-content:space-between; padding:2px 3px 0; }
.games-section-head span { color:var(--premium-gold); font-size:9px; font-weight:800; letter-spacing:.16em; }
.games-section-head h2 { margin:4px 0 0; font-size:22px; }
.games-online { display:flex; align-items:center; gap:5px; color:rgba(205,238,226,.58); font-size:9px; }
.games-online i { width:7px; height:7px; border-radius:50%; background:#52e7b3; box-shadow:0 0 10px rgba(82,231,179,.75); }
.games-library-grid { display:grid; grid-template-columns:1fr !important; gap:14px; }
.games-library-grid .game-library-card {
    min-height:178px;
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    grid-template-rows:1fr auto;
    gap:0 15px;
    padding:16px;
    text-align:left;
    overflow:hidden;
    border-radius:27px;
    background:radial-gradient(210px 145px at 8% 32%,rgba(62,232,175,.20),transparent 72%),linear-gradient(140deg,rgba(22,84,64,.92),rgba(3,36,28,.97));
}
.games-library-grid .game-library-card:nth-child(2n) { background:radial-gradient(210px 145px at 8% 32%,rgba(239,197,91,.13),transparent 72%),linear-gradient(140deg,rgba(22,78,60,.92),rgba(3,34,27,.97)); }
.game-number { position:absolute; top:12px; right:16px; color:rgba(207,242,229,.12); font:900 36px/1 var(--font-mono); }
.game-library-icon { grid-row:1/3; align-self:center; width:112px; height:125px; display:grid; place-items:center; border-radius:25px; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(54,216,164,.045)); border:1px solid rgba(167,246,219,.17); box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 28px rgba(0,12,8,.25); }
.game-library-icon img { width:106px; height:106px; object-fit:contain; filter:drop-shadow(0 13px 12px rgba(0,0,0,.46)); animation:icon-breathe 4s ease-in-out infinite; }
.game-library-content { align-self:center; min-width:0; position:relative; z-index:1; }
.game-category { display:block; color:var(--premium-gold); font-size:8px; font-weight:900; letter-spacing:.15em; }
.games-library-grid .game-card-title { margin-top:5px; font-size:19px; text-align:left; }
.games-library-grid .game-card-desc { min-height:0; margin-top:5px; font-size:10px; line-height:1.45; text-align:left; -webkit-line-clamp:2; }
.games-library-grid .game-card-meta { justify-content:flex-start; flex-wrap:wrap; margin-top:9px; }
.games-library-grid .game-card-meta .chip { height:24px !important; padding-inline:7px !important; font-size:8px; }
.game-library-play { grid-column:2; align-self:end; display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:10px; padding-top:9px; border-top:1px solid rgba(255,255,255,.09); color:#78f2ca; font-size:9px; font-weight:900; letter-spacing:.14em; }
.game-library-play b { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#06261d; background:linear-gradient(135deg,#5fe8bc,#c9f9e8); font-size:17px; }

@media (max-width:370px) {
    .hero-head { grid-template-columns:minmax(0,1fr) 108px; }
    .hero-emblem,.hero-emblem img { width:108px; height:108px; }
    .hero-stat { min-height:76px; padding:9px; gap:8px; }
    .hero-stat>img { width:45px !important; height:45px !important; max-width:45px !important; flex-basis:45px; }
    .hero-stat-value { font-size:18px; }
    .pill { padding-inline:8px; gap:5px; }.pill-icon-img { width:23px !important; height:23px !important; max-width:23px !important; flex-basis:23px; }
    .games-library-grid .game-library-card { grid-template-columns:92px minmax(0,1fr); gap:0 11px; padding:13px; }
    .game-library-icon { width:92px; height:112px; }.game-library-icon img { width:91px; height:91px; }
    .games-library-grid .game-card-title { font-size:16px; }
}

/* v26 final cascade lock */
.premium-banner-frame{height:136px;background:linear-gradient(115deg,#55f1bd,#fff0a8 27%,#d9a946 48%,#84ffd7 71%,#55f1bd);background-size:240% 240%;box-shadow:0 0 0 1px rgba(201,255,236,.24),0 0 28px rgba(68,238,184,.27),0 14px 32px rgba(0,16,11,.42),inset 0 0 16px rgba(255,241,173,.18)}
.premium-banner-dots{bottom:9px;right:12px;padding:4px 6px;border:1px solid rgba(207,255,238,.12);border-radius:99px;background:rgba(0,24,17,.35);backdrop-filter:blur(7px)}
.premium-banner-dots i.is-active{width:22px;background:linear-gradient(90deg,#5effc4,#fff0a2);box-shadow:0 0 10px rgba(100,255,203,.88)}
@media(max-width:370px){.premium-banner-frame{height:120px}}

/* v28 — refined language control and dark-luxury banner finish */
.topbar .icon-btn{
    position:relative!important;width:40px!important;height:38px!important;min-width:40px!important;min-height:38px!important;
    padding:0!important;border-radius:13px!important;overflow:hidden!important;
    border:1px solid rgba(111,240,195,.25)!important;
    background:linear-gradient(145deg,rgba(36,126,95,.72),rgba(5,54,40,.96))!important;
    box-shadow:inset 0 1px rgba(172,255,225,.13),inset 0 -2px rgba(0,24,17,.3),0 3px 0 rgba(0,31,22,.58),0 7px 13px rgba(0,18,12,.24)!important
}
.topbar .icon-btn:before{content:""!important;position:absolute!important;inset:3px!important;border:1px solid rgba(225,193,103,.15)!important;border-radius:10px!important;background:linear-gradient(120deg,rgba(255,218,112,.055),transparent 55%)!important;box-shadow:none!important}
.topbar .icon-btn:after{content:"◆";position:absolute;left:50%;bottom:3px;transform:translateX(-50%) scale(.5);color:rgba(235,198,93,.62);font-size:5px;line-height:1}
.topbar .icon-btn small{display:none!important}.topbar .icon-btn span{position:relative!important;z-index:2!important;color:#e8fff7!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;text-shadow:0 1px 4px rgba(0,0,0,.48)!important}

.premium-banner-shell{gap:9px}
.premium-banner-frame{
    isolation:isolate!important;padding:2px!important;overflow:hidden!important;border-radius:23px!important;
    background:linear-gradient(120deg,#176d53,#b68a38 30%,#245e4d 54%,#c09b4d 73%,#176d53)!important;
    background-size:250% 250%!important;
    box-shadow:0 0 0 1px rgba(73,194,151,.18),0 0 19px rgba(37,176,127,.16),0 13px 29px rgba(0,15,10,.4),inset 0 1px rgba(222,189,98,.16)!important;
    animation:banner-border-flow 10s ease-in-out infinite!important
}
.premium-banner-frame:before{z-index:7!important;inset:2px!important;border:1px solid rgba(198,159,66,.26)!important;border-radius:20px!important;box-shadow:inset 0 0 0 1px rgba(54,210,158,.07),inset 0 0 20px rgba(0,24,17,.28)!important}
.premium-banner-frame:after{z-index:6!important;inset:2px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(81,224,173,.055),transparent 25%,transparent 77%,rgba(189,145,48,.055))!important;mix-blend-mode:normal!important}
.premium-banner-track{overflow:hidden!important;border-radius:20px!important;background:#031c15!important;transform:translateZ(0)}
.premium-banner-slide{overflow:hidden!important;border-radius:20px!important;background:#031c15!important;clip-path:inset(0 round 20px)}
.premium-banner-image{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.96) contrast(1.07) brightness(.76)!important;transform:scale(1.018);animation:banner-cinematic-dark 11s cubic-bezier(.3,.08,.27,1) infinite alternate!important}
.banner-depth-layer{z-index:2!important;background:radial-gradient(circle at 58% 45%,transparent 28%,rgba(0,21,14,.08) 59%,rgba(0,12,8,.39) 100%),linear-gradient(180deg,rgba(5,34,25,.04),transparent 55%,rgba(0,12,8,.22))!important;box-shadow:inset 0 0 24px rgba(0,10,7,.26)!important}
.banner-prism{z-index:3!important;background:linear-gradient(105deg,transparent 39%,rgba(47,211,155,.02) 45%,rgba(210,166,68,.095) 50%,rgba(50,191,146,.025) 55%,transparent 62%)!important;mix-blend-mode:screen!important;animation:banner-prism-dark 8.5s cubic-bezier(.34,0,.22,1) infinite!important}
.banner-sparkles{z-index:4!important;opacity:.45!important;filter:drop-shadow(0 0 3px rgba(61,222,167,.64))!important;animation:banner-sparkle-dark 5.8s ease-in-out infinite!important}
.premium-banner-slide:after{z-index:5!important;background:linear-gradient(110deg,transparent 23%,rgba(67,213,162,.035) 43%,rgba(196,153,59,.065) 49%,transparent 65%)!important;animation:banner-shine-dark 8s ease-in-out infinite!important}
.premium-banner-dots{z-index:8!important;right:11px!important;bottom:9px!important;padding:4px 7px!important;border-color:rgba(71,202,154,.2)!important;background:rgba(1,29,20,.69)!important;box-shadow:inset 0 1px rgba(109,230,188,.08),0 4px 10px rgba(0,11,7,.24)!important}
.premium-banner-dots i{background:rgba(94,171,145,.35)!important}.premium-banner-dots i.is-active{background:linear-gradient(90deg,#42dca5,#c49a46)!important;box-shadow:0 0 8px rgba(60,210,157,.48)!important}
.premium-news{overflow:hidden!important;border-radius:14px!important;border-color:rgba(75,196,153,.17)!important;background:linear-gradient(100deg,rgba(10,68,50,.88),rgba(2,38,28,.94))!important;box-shadow:inset 0 1px rgba(128,236,198,.065),0 5px 12px rgba(0,18,12,.2)!important}
@keyframes banner-cinematic-dark{0%{transform:scale(1.018) translate3d(-.25%,0,0)}100%{transform:scale(1.065) translate3d(.45%,-.35%,0)}}
@keyframes banner-prism-dark{0%,54%{transform:translateX(-60%) rotate(2deg)}86%,100%{transform:translateX(60%) rotate(2deg)}}
@keyframes banner-sparkle-dark{0%,100%{opacity:.18;transform:translateY(1px)}50%{opacity:.55;transform:translateY(-2px)}}
@keyframes banner-shine-dark{0%,64%{transform:translateX(-115%)}88%,100%{transform:translateX(115%)}}
@media(max-width:370px){.topbar .icon-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:12px!important}.topbar .icon-btn:before{border-radius:9px!important}.premium-banner-frame{border-radius:20px!important}.premium-banner-track,.premium-banner-slide{border-radius:17px!important;clip-path:inset(0 round 17px)}.premium-banner-frame:before,.premium-banner-frame:after{border-radius:17px!important}}
@media(prefers-reduced-motion:reduce){.premium-banner-frame,.premium-banner-image,.banner-prism,.banner-sparkles,.premium-banner-slide:after{animation:none!important}}

/* v29 — centered hero economy groups, stronger emblem, cleaner controls */
.topbar .icon-btn{
    width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;
    border-radius:11px!important;border-color:rgba(91,218,170,.22)!important;
    background:linear-gradient(145deg,rgba(28,108,80,.72),rgba(3,45,32,.97))!important;
    box-shadow:inset 0 1px rgba(143,241,205,.1),0 3px 0 rgba(0,29,20,.5),0 6px 11px rgba(0,16,11,.2)!important
}
.topbar .icon-btn:before{inset:2px!important;border-radius:9px!important;border-color:rgba(194,155,61,.12)!important;background:none!important}
.topbar .icon-btn:after{content:none!important}.topbar .icon-btn span{font-size:9px!important;line-height:1!important;letter-spacing:.02em!important}

.premium-banner-dots{left:50%!important;right:auto!important;bottom:8px!important;transform:translateX(-50%)!important;gap:5px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.premium-banner-dots i{width:19px!important;height:3px!important;border-radius:99px!important;background:rgba(79,151,126,.42)!important;box-shadow:none!important;transition:width .45s ease,background .45s ease,box-shadow .45s ease!important}
.premium-banner-dots i.is-active{width:31px!important;background:linear-gradient(90deg,#36c58f,#b88b37)!important;box-shadow:0 0 7px rgba(50,190,137,.34)!important}

.hero-head{grid-template-columns:minmax(0,1fr) 116px!important;min-height:96px!important}
.hero-emblem,.hero-emblem img{width:114px!important;height:114px!important}
.hero-emblem img{object-fit:contain!important;transform:scale(1.08);filter:drop-shadow(0 15px 17px rgba(0,0,0,.43)) drop-shadow(0 0 19px rgba(45,203,149,.24))!important}
.hero-stats{gap:8px!important}
.hero-stat{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:70px!important;padding:8px 9px!important}
.hero-stat>img{display:block!important;width:47px!important;height:47px!important;max-width:47px!important;flex:0 0 47px!important;object-fit:contain!important}
.hero-stat>div{min-width:54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-stat-label{font-size:7px!important;letter-spacing:.105em!important;line-height:1.1!important}
.hero-stat-value{margin-top:3px!important;font-size:17px!important;line-height:1.1!important;white-space:nowrap}
@media(max-width:370px){.topbar .icon-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:10px!important}.hero-head{grid-template-columns:minmax(0,1fr) 94px!important;min-height:80px!important}.hero-emblem,.hero-emblem img{width:92px!important;height:92px!important}.hero-stat{min-height:62px!important;padding:7px 6px!important;gap:6px!important}.hero-stat>img{width:39px!important;height:39px!important;max-width:39px!important;flex-basis:39px!important}.hero-stat>div{min-width:47px}.hero-stat-value{font-size:14px!important}}

/* v30 — corrected icon optics + premium 3D cards and action controls */
.hero-stat{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    display:grid!important;grid-template-columns:48px auto!important;place-content:center!important;align-items:center!important;
    column-gap:0!important;min-height:72px!important;padding:9px 11px!important;border-radius:18px!important;
    border:1px solid rgba(103,218,177,.21)!important;
    background:radial-gradient(90px 65px at 14% 15%,rgba(81,213,164,.12),transparent 74%),linear-gradient(145deg,rgba(27,91,70,.82),rgba(4,43,32,.94))!important;
    box-shadow:inset 0 1px rgba(186,255,231,.14),inset 0 -4px 9px rgba(0,25,17,.24),0 4px 0 rgba(0,38,27,.68),0 10px 19px rgba(0,18,12,.24)!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important
}
.hero-stat:before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:16px;background:linear-gradient(125deg,rgba(255,255,255,.065),transparent 28%,transparent 72%,rgba(189,147,52,.04));pointer-events:none}
.hero-stat:after{content:"";position:absolute;z-index:-1;right:-24px;bottom:-30px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(52,207,153,.11),transparent 68%);pointer-events:none}
.hero-stat>img{
    grid-column:1!important;width:52px!important;height:52px!important;max-width:52px!important;flex:none!important;
    margin:0 -8px 0 -4px!important;object-fit:contain!important;transform:scale(1.34)!important;
    filter:drop-shadow(0 7px 7px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(65,224,169,.14))!important
}
.hero-stat>div{grid-column:2!important;min-width:0!important;align-items:flex-start!important;margin-left:0!important}
.hero-stat-label{color:rgba(207,235,224,.59)!important;font-size:7px!important;letter-spacing:.11em!important}
.hero-stat-value{margin-top:3px!important;font-size:18px!important;text-shadow:0 2px 6px rgba(0,0,0,.36)}
.hero-stat:nth-child(1) .hero-stat-value,.hero-stat:nth-child(4) .hero-stat-value{color:#55e8b5!important}.hero-stat:nth-child(3) .hero-stat-value{color:#efc75d!important}

.game-card{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    border:1px solid rgba(102,218,177,.22)!important;
    background:radial-gradient(180px 135px at 18% 4%,rgba(72,207,158,.16),transparent 70%),linear-gradient(150deg,rgba(22,85,65,.91),rgba(3,37,28,.97))!important;
    box-shadow:inset 0 1px rgba(187,255,231,.14),inset 0 -7px 16px rgba(0,23,16,.25),0 5px 0 rgba(0,37,26,.72),0 15px 28px rgba(0,16,11,.28)!important;
    transform:translateZ(0)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important
}
.game-card:before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.07),transparent 25%,transparent 68%,rgba(192,150,57,.045));pointer-events:none}
.game-card:after{content:"";position:absolute;z-index:4;inset:-80% -55%;background:linear-gradient(110deg,transparent 42%,rgba(76,225,171,.06) 48%,rgba(210,169,70,.1) 51%,transparent 57%);transform:translateX(-60%) rotate(4deg);animation:card-luxury-sweep 8.5s ease-in-out infinite;pointer-events:none}
.game-card:active{transform:translateY(3px)!important;box-shadow:inset 0 1px rgba(187,255,231,.11),inset 0 -3px 9px rgba(0,23,16,.22),0 2px 0 rgba(0,37,26,.72),0 8px 16px rgba(0,16,11,.25)!important}
.game-card-icon img{filter:drop-shadow(0 13px 11px rgba(0,0,0,.47)) drop-shadow(0 0 8px rgba(63,221,165,.14))!important}

.game-play-cue{
    position:relative!important;z-index:5!important;overflow:hidden!important;min-height:39px!important;margin-top:11px!important;padding:7px 7px 7px 13px!important;
    border:1px solid rgba(111,233,188,.29)!important;border-radius:14px!important;
    background:radial-gradient(90px 42px at 12% 0,rgba(87,231,180,.16),transparent 72%),linear-gradient(145deg,rgba(31,112,84,.82),rgba(6,55,41,.94))!important;
    box-shadow:inset 0 1px rgba(206,255,238,.16),inset 0 -3px 8px rgba(0,27,19,.28),0 3px 0 rgba(0,39,28,.72),0 8px 14px rgba(0,19,13,.25)!important;
    color:#abf6dc!important;font-size:8px!important;font-weight:900!important;letter-spacing:.16em!important;
    transition:transform .18s ease,box-shadow .18s ease!important
}
.game-play-cue:before{content:"";position:absolute;inset:-40% -30%;background:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.06) 46%,rgba(211,169,66,.13) 50%,transparent 58%);transform:translateX(-62%);animation:button-luxury-sweep 6.8s ease-in-out infinite;pointer-events:none}
.game-play-cue b{width:27px!important;height:27px!important;border:1px solid rgba(230,255,246,.4)!important;background:linear-gradient(145deg,#88f0ca,#3ec798)!important;box-shadow:inset 0 1px rgba(255,255,255,.65),inset 0 -4px 7px rgba(0,107,73,.22),0 3px 0 rgba(5,87,62,.72),0 6px 10px rgba(25,196,139,.22)!important}
.game-card:active .game-play-cue{transform:translateY(1px);box-shadow:inset 0 1px rgba(206,255,238,.12),0 1px 0 rgba(0,39,28,.7),0 4px 8px rgba(0,19,13,.22)!important}

@keyframes card-luxury-sweep{0%,68%{transform:translateX(-62%) rotate(4deg)}91%,100%{transform:translateX(62%) rotate(4deg)}}
@keyframes button-luxury-sweep{0%,62%{transform:translateX(-65%)}88%,100%{transform:translateX(65%)}}
@media(max-width:370px){.hero-stat{grid-template-columns:41px auto!important;min-height:64px!important;padding:7px 8px!important}.hero-stat>img{width:45px!important;height:45px!important;max-width:45px!important;margin-right:-7px!important}.hero-stat-value{font-size:15px!important}.game-play-cue{min-height:36px!important;padding-left:10px!important;letter-spacing:.11em!important}}
@media(prefers-reduced-motion:reduce){.game-card:after,.game-play-cue:before{animation:none!important}}

/* v31 — trimmed economy assets, compact language chip and premium ad modal */
.topbar .icon-btn{
    width:32px!important;height:30px!important;min-width:32px!important;min-height:30px!important;
    padding:0!important;border-radius:9px!important;border:1px solid rgba(93,210,168,.2)!important;
    background:linear-gradient(145deg,rgba(25,99,74,.72),rgba(3,42,30,.95))!important;
    box-shadow:inset 0 1px rgba(159,242,213,.09),0 2px 0 rgba(0,28,19,.5),0 5px 9px rgba(0,15,10,.18)!important
}
.topbar .icon-btn:before,.topbar .icon-btn:after{content:none!important}.topbar .icon-btn span{font-size:8px!important;letter-spacing:.025em!important;color:#e9fff7!important;text-shadow:none!important}
.hero-stat{grid-template-columns:44px auto!important;column-gap:5px!important;place-content:center!important;min-height:68px!important;padding:8px 10px!important}
.hero-stat>img{width:44px!important;height:44px!important;max-width:44px!important;margin:0!important;transform:none!important;filter:drop-shadow(0 6px 6px rgba(0,0,0,.38)) drop-shadow(0 0 6px rgba(59,214,159,.13))!important}
.hero-stat>div{margin:0!important;min-width:0!important}.hero-stat-label{font-size:7px!important}.hero-stat-value{font-size:18px!important}

.promo-ad-overlay[hidden]{display:none!important}.promo-ad-overlay{position:fixed;z-index:160;inset:0;padding:calc(20px + var(--safe-top)) 18px calc(22px + var(--safe-bottom));display:grid;place-items:center;background:rgba(0,18,12,.74);backdrop-filter:blur(13px) saturate(1.2);-webkit-backdrop-filter:blur(13px) saturate(1.2);opacity:0;transition:opacity .26s ease}
.promo-ad-overlay.is-open{opacity:1}.promo-ad-card{position:relative;isolation:isolate;width:min(350px,100%);overflow:hidden;border:1px solid rgba(104,230,184,.24);border-radius:28px;background:linear-gradient(155deg,rgba(20,84,64,.98),rgba(3,37,28,.995));box-shadow:inset 0 1px rgba(203,255,236,.14),inset 0 -9px 21px rgba(0,20,14,.28),0 7px 0 rgba(0,36,25,.78),0 30px 65px rgba(0,8,5,.62),0 0 35px rgba(39,190,137,.12);transform:translateY(22px) scale(.94);transition:transform .38s cubic-bezier(.2,.82,.24,1)}
.promo-ad-overlay.is-open .promo-ad-card{transform:translateY(0) scale(1)}.promo-ad-card:before{content:"";position:absolute;z-index:5;inset:1px;border:1px solid rgba(197,155,60,.14);border-radius:26px;pointer-events:none}.promo-ad-card:after{content:"";position:absolute;z-index:4;inset:-55% -75%;background:linear-gradient(110deg,transparent 43%,rgba(65,222,168,.055) 48%,rgba(209,167,65,.11) 51%,transparent 57%);transform:translateX(-62%);animation:promo-card-sweep 8s ease-in-out infinite;pointer-events:none}
.promo-ad-close{position:absolute;z-index:10;top:11px;right:11px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(218,255,242,.25);border-radius:50%;background:linear-gradient(145deg,rgba(17,82,61,.92),rgba(2,37,27,.98));box-shadow:inset 0 1px rgba(255,255,255,.13),0 3px 0 rgba(0,28,19,.66),0 7px 13px rgba(0,10,7,.32);color:#eafff7;font:400 23px/1 sans-serif;text-shadow:0 2px 5px rgba(0,0,0,.5);transition:transform .18s ease,box-shadow .18s ease}.promo-ad-close:active{transform:translateY(2px);box-shadow:inset 0 1px rgba(255,255,255,.1),0 1px 0 rgba(0,28,19,.66),0 4px 8px rgba(0,10,7,.28)}
.promo-ad-visual{position:relative;height:174px;overflow:hidden;border-radius:27px 27px 0 0;background:#031d16}.promo-ad-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,15,10,.04),transparent 43%,rgba(3,37,28,.95));pointer-events:none}.promo-ad-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.93) brightness(.72) contrast(1.08);transform:scale(1.025);animation:promo-image-drift 11s ease-in-out infinite alternate}.promo-ad-scan{position:absolute;z-index:2;inset:-60% -35%;background:linear-gradient(105deg,transparent 43%,rgba(63,216,164,.04) 48%,rgba(204,161,62,.09) 51%,transparent 57%);transform:translateX(-62%);animation:promo-scan 7.5s ease-in-out infinite}.promo-ad-badge{position:absolute;z-index:3;left:14px;top:14px;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(114,228,188,.2);border-radius:99px;background:rgba(1,35,25,.72);box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 12px rgba(0,10,7,.25);color:#d9f8ed;font-size:6px;font-weight:900;letter-spacing:.14em}.promo-ad-badge i{width:5px;height:5px;border-radius:50%;background:#52daa7;box-shadow:0 0 7px rgba(82,218,167,.7)}
.promo-ad-copy{position:relative;z-index:6;margin-top:-13px;padding:0 20px 22px;text-align:center}.promo-ad-eyebrow{color:#d0aa54;font-size:7px;font-weight:900;letter-spacing:.19em}.promo-ad-copy h2{margin:7px 0 7px;color:#f4fff9;font-size:26px;line-height:1.08;letter-spacing:-.025em;text-shadow:0 3px 9px rgba(0,0,0,.38)}.promo-ad-copy p{margin:0 auto;max-width:292px;color:rgba(211,238,228,.64);font-size:10px;line-height:1.6}.promo-ad-signature{display:flex;align-items:center;gap:8px;margin-top:16px;color:#78ddb9;font-size:6px;font-weight:900;letter-spacing:.13em}.promo-ad-signature span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(87,211,164,.32))}.promo-ad-signature span:last-child{background:linear-gradient(90deg,rgba(87,211,164,.32),transparent)}
@keyframes promo-card-sweep{0%,67%{transform:translateX(-62%)}91%,100%{transform:translateX(62%)}}@keyframes promo-image-drift{to{transform:scale(1.075) translate3d(.6%,-.4%,0)}}@keyframes promo-scan{0%,60%{transform:translateX(-62%)}88%,100%{transform:translateX(62%)}}
@media(max-width:370px){.topbar .icon-btn{width:29px!important;height:28px!important;min-width:29px!important;min-height:28px!important}.hero-stat{grid-template-columns:38px auto!important;gap:4px!important;min-height:61px!important;padding:7px!important}.hero-stat>img{width:38px!important;height:38px!important;max-width:38px!important}.hero-stat-value{font-size:15px!important}.promo-ad-visual{height:150px}.promo-ad-copy h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.promo-ad-card:after,.promo-ad-visual img,.promo-ad-scan{animation:none!important}.promo-ad-overlay,.promo-ad-card{transition:none!important}}

/* v32 — isolated language component + deterministic stat alignment */
.language-chip{
    grid-area:language;position:relative;align-self:center;justify-self:end;
    width:34px;height:34px;min-width:34px;min-height:34px;padding:0;
    display:grid;place-items:center;overflow:hidden;
    border:1px solid rgba(103,225,181,.27);border-radius:11px;
    background:linear-gradient(145deg,rgba(31,113,84,.88),rgba(3,45,32,.98));
    box-shadow:inset 0 1px rgba(188,255,232,.13),inset 0 -3px 7px rgba(0,24,17,.2),0 3px 0 rgba(0,31,22,.58),0 7px 12px rgba(0,16,11,.22);
    color:#edfff9;font-size:9px;font-weight:900;line-height:1;letter-spacing:.025em;
    text-shadow:0 1px 3px rgba(0,0,0,.45);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.language-chip:before{content:"";position:absolute;inset:3px;border:1px solid rgba(198,158,65,.12);border-radius:8px;pointer-events:none}.language-chip:active{transform:translateY(2px);box-shadow:inset 0 1px rgba(188,255,232,.1),0 1px 0 rgba(0,31,22,.58),0 4px 8px rgba(0,16,11,.2)}.language-chip span{position:relative;z-index:1}

.hero-stat{
    display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
    place-content:initial!important;justify-content:stretch!important;align-items:center!important;
    column-gap:7px!important;padding:8px 16px!important
}
.hero-stat>img{grid-column:1!important;justify-self:center!important;width:42px!important;height:42px!important;max-width:42px!important;margin:0!important;transform:none!important}
.hero-stat>div{grid-column:2!important;width:100%!important;min-width:0!important;margin:0!important;align-items:flex-start!important;text-align:left!important}
.hero-stat-label,.hero-stat-value{width:100%!important;text-align:left!important}.hero-stat-value{justify-content:flex-start!important}
@media(max-width:370px){.language-chip{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:9px;font-size:8px}.language-chip:before{inset:2px;border-radius:7px}.hero-stat{grid-template-columns:37px minmax(0,1fr)!important;column-gap:5px!important;padding:7px 10px!important}.hero-stat>img{width:36px!important;height:36px!important;max-width:36px!important}}

/* v33 — clean promotion spacing and uninterrupted black page canvas */
html,body{background:#000!important;background-image:none!important;background-color:#000!important;background-attachment:scroll!important}
body:before,body::before{content:none!important;display:none!important;background:none!important}
.app-shell,.page-root{background:#000!important;background-image:none!important}
.page{background:transparent!important}
.promo-ad-badge{display:none!important}
.promo-ad-copy{margin-top:0!important;padding:17px 20px 22px!important}
.promo-ad-eyebrow{display:block;margin-bottom:8px!important}
.promo-ad-copy h2{margin:0 0 8px!important}
.promo-ad-visual:after{background:linear-gradient(180deg,rgba(0,10,7,.03),transparent 52%,rgba(3,37,28,.66))!important}
@media(max-width:370px){.promo-ad-copy{padding:15px 17px 19px!important}.promo-ad-eyebrow{margin-bottom:7px!important}}

/* v34 — readable game energy markers and slug-safe catalog copy */
.game-card-meta .energy-cost-chip{gap:5px!important;padding-left:5px!important}
.game-card-meta .chip-icon{width:23px!important;height:23px!important;max-width:23px!important;flex:0 0 23px!important;object-fit:contain!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4)) drop-shadow(0 0 5px rgba(234,190,66,.25))!important}
.page:not(.premium-page) .game-card-meta .energy-cost-chip{min-width:46px!important;height:27px!important;padding:2px 8px 2px 4px!important}
.games-library-grid .energy-cost-chip{min-height:27px!important;padding-left:4px!important}
.games-library-grid .energy-cost-chip .chip-icon{width:24px!important;height:24px!important;max-width:24px!important;flex-basis:24px!important}
@media(max-width:370px){.game-card-meta .chip-icon{width:21px!important;height:21px!important;max-width:21px!important;flex-basis:21px!important}}

/* v35 — authentic Telegram profile imagery and refined wallet action */
.profile-banner-photo{
    position:relative;z-index:2;width:88px;height:88px;flex:0 0 88px;display:grid;place-items:center;overflow:hidden;
    border:2px solid rgba(107,230,186,.46);border-radius:50%;
    background:linear-gradient(145deg,#237f62,#082f25);color:#eafff7;font-size:27px;font-weight:900;
    box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 0 5px rgba(65,210,158,.07),0 9px 20px rgba(0,18,12,.34),0 0 20px rgba(55,205,153,.17)
}
.profile-banner-photo:after{content:"";position:absolute;inset:3px;border:1px solid rgba(215,174,75,.22);border-radius:50%;pointer-events:none}
.profile-banner-photo img,.profile-photo img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:inherit!important}
.profile-photo{
    position:relative;width:68px!important;height:68px!important;flex:0 0 68px!important;display:grid;place-items:center;overflow:hidden;
    border:2px solid rgba(105,233,187,.55);border-radius:50%;
    background:linear-gradient(145deg,#238565,#073126);color:#eafff7;font-size:24px;font-weight:900;
    box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 0 4px rgba(67,218,165,.07),0 8px 18px rgba(0,18,12,.32),0 0 18px rgba(58,216,164,.18)
}
.profile-photo:after{content:"";position:absolute;z-index:2;inset:3px;border:1px solid rgba(217,175,72,.2);border-radius:50%;pointer-events:none}
.wallet-launch{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:54px!important;padding:10px 18px!important;
    display:grid!important;place-items:center!important;border:1px solid rgba(202,161,65,.32)!important;border-radius:17px!important;
    background:radial-gradient(150px 60px at 50% 0,rgba(69,213,160,.15),transparent 75%),linear-gradient(145deg,#116348,#073d2e 60%,#052c22)!important;
    box-shadow:inset 0 1px rgba(193,255,232,.15),inset 0 -5px 10px rgba(0,23,16,.28),0 4px 0 #02281c,0 11px 20px rgba(0,15,10,.3),0 0 18px rgba(45,190,135,.09)!important;
    color:#f2fff9!important;font-size:14px!important;font-weight:900!important;letter-spacing:.015em!important;text-align:center!important;text-shadow:0 2px 6px rgba(0,0,0,.4)!important
}
.wallet-launch:before{content:"";position:absolute;z-index:-1;inset:1px;border:1px solid rgba(100,219,177,.13);border-radius:15px;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 37%,transparent 70%,rgba(195,153,55,.045));pointer-events:none}
.wallet-launch:after{content:"";position:absolute;inset:-55% -45%;background:linear-gradient(110deg,transparent 43%,rgba(66,217,164,.05) 48%,rgba(201,159,62,.1) 51%,transparent 57%);transform:translateX(-62%);animation:wallet-action-sweep 7.5s ease-in-out infinite;pointer-events:none}
.wallet-launch img,.wallet-launch>span{display:none!important}.wallet-launch:active{transform:translateY(3px)!important;box-shadow:inset 0 1px rgba(193,255,232,.12),inset 0 -3px 7px rgba(0,23,16,.25),0 1px 0 #02281c,0 6px 12px rgba(0,15,10,.25)!important}
@keyframes wallet-action-sweep{0%,66%{transform:translateX(-62%)}91%,100%{transform:translateX(62%)}}
@media(max-width:370px){.profile-banner-photo{width:74px;height:74px;flex-basis:74px}.profile-photo{width:60px!important;height:60px!important;flex-basis:60px!important}.wallet-launch{min-height:50px!important;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.wallet-launch:after{animation:none!important}}

/* v59 — atomic Crystal Shard to internal USDT conversion */
.crystal-converter{position:relative;overflow:hidden;margin:13px 0;padding:15px;border:1px solid rgba(91,226,177,.3);border-bottom-color:rgba(198,157,59,.34);border-radius:20px;background:radial-gradient(180px 90px at 12% 0,rgba(64,226,165,.16),transparent 72%),linear-gradient(145deg,#105a45,#073a2d 62%,#042a21);box-shadow:inset 0 2px rgba(216,255,241,.13),inset 0 -7px 14px rgba(0,25,18,.28),0 5px 0 #02261b,0 13px 25px rgba(0,14,10,.34)}
.crystal-converter:after{content:"";position:absolute;inset:-70% -45%;background:linear-gradient(110deg,transparent 42%,rgba(92,235,183,.035) 47%,rgba(224,180,70,.12) 51%,transparent 58%);animation:converter-sweep 7s ease-in-out infinite;pointer-events:none}.crystal-converter>*{position:relative;z-index:1}.converter-heading,.converter-balance,.converter-preview{display:flex;align-items:center;justify-content:space-between;gap:10px}.converter-heading span{color:#dfb75d;font-size:8px;font-weight:900;letter-spacing:.16em}.converter-heading h3{margin:3px 0 0;font-size:16px}.converter-heading>b{padding:7px 9px;border:1px solid rgba(224,180,70,.28);border-radius:10px;color:#f0cc6e;font:900 11px var(--font-mono);background:rgba(24,68,51,.75)}.converter-balance{margin:13px 0 10px;padding:10px 12px;border:1px solid rgba(102,220,178,.15);border-radius:13px;background:rgba(2,34,25,.48)}.converter-balance span,.converter-preview span,.converter-input>span{color:rgba(215,239,230,.62);font-size:9px}.converter-balance strong{color:#70ebbf;font:900 17px var(--font-mono)}.converter-input{display:block}.converter-input>span{display:block;margin:0 0 6px 3px}.converter-input>div{display:flex;border:1px solid rgba(102,225,181,.28);border-radius:14px;background:#042b22;box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.converter-input input{min-width:0;flex:1;padding:13px;border:0;outline:0;background:transparent;color:#f2fff9;font:900 16px var(--font-mono)}.converter-input button{width:57px;border:0;border-left:1px solid rgba(99,221,177,.18);border-radius:0 13px 13px 0;background:linear-gradient(145deg,#185f49,#0b4636);color:#e6bd63;font-size:9px;font-weight:950}.converter-preview{padding:10px 3px}.converter-preview strong{color:#f1ce70;font:900 13px var(--font-mono)}.converter-submit{width:100%;padding:13px;border:1px solid rgba(239,255,249,.58);border-radius:14px;background:linear-gradient(145deg,#cffff0,#65e5b7 48%,#25a978);box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -6px 10px rgba(0,91,63,.2),0 4px 0 #075a41,0 9px 17px rgba(34,202,142,.2);color:#03281c;font-weight:950}.converter-submit:active{transform:translateY(3px);box-shadow:inset 0 2px rgba(255,255,255,.55),0 1px 0 #075a41}.converter-submit:disabled{opacity:.45;filter:saturate(.4)}.crystal-converter>small{display:block;margin-top:10px;text-align:center;color:rgba(210,235,226,.48);font-size:8px;line-height:1.45}@keyframes converter-sweep{0%,66%{transform:translateX(-65%)}91%,100%{transform:translateX(65%)}}@media(prefers-reduced-motion:reduce){.crystal-converter:after{animation:none}}

/* v36 — cinematic 3D Play Now controls on the Games menu */
.games-library-grid .game-library-play{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    min-height:58px!important;margin-top:12px!important;padding:9px 9px 9px 14px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    border:1px solid rgba(111,232,188,.31)!important;border-bottom-color:rgba(191,151,55,.31)!important;border-radius:17px!important;
    background:radial-gradient(130px 60px at 12% 0,rgba(83,225,174,.18),transparent 70%),linear-gradient(145deg,#17694f,#0a4937 58%,#063426)!important;
    box-shadow:inset 0 2px rgba(203,255,237,.16),inset 0 -7px 13px rgba(0,26,18,.25),0 5px 0 #02291d,0 12px 22px rgba(0,15,10,.3),0 0 17px rgba(45,201,144,.08)!important;
    transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important
}
.games-library-grid .game-library-play:before{
    content:""!important;position:absolute!important;z-index:1!important;inset:-60% -38%!important;border-radius:0!important;
    background:linear-gradient(110deg,transparent 41%,rgba(83,225,172,.055) 47%,rgba(221,180,76,.16) 51%,rgba(83,225,172,.04) 55%,transparent 61%)!important;
    transform:translateX(-65%)!important;animation:games-play-sweep 6.8s ease-in-out infinite!important;pointer-events:none!important
}
.games-library-grid .game-library-play:after{
    content:""!important;position:absolute!important;z-index:0!important;inset:2px!important;height:auto!important;left:2px!important;right:2px!important;bottom:2px!important;
    border:1px solid rgba(210,170,69,.1)!important;border-radius:14px!important;
    background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 36%,transparent 73%,rgba(200,158,60,.035))!important;opacity:1!important;pointer-events:none!important
}
.games-library-grid .game-library-play>span{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}
.games-library-grid .game-library-play small{color:rgba(203,235,223,.53)!important;font-size:7px!important;font-weight:700!important;letter-spacing:.1em!important;line-height:1.1!important}
.games-library-grid .game-library-play strong{position:relative;color:#effff9!important;font-size:11px!important;font-weight:950!important;letter-spacing:.12em!important;line-height:1.15!important;text-shadow:0 2px 6px rgba(0,0,0,.42)!important}
.games-library-grid .game-library-play strong:after{content:"";position:absolute;left:0;bottom:-6px;width:38px;height:1px;background:linear-gradient(90deg,#d0a64b,#4ed9a5,transparent);box-shadow:0 0 5px rgba(72,215,164,.28)}
.games-library-grid .game-library-play b{
    position:relative!important;z-index:4!important;width:39px!important;height:39px!important;flex:0 0 39px!important;display:grid!important;place-items:center!important;
    border:1px solid rgba(235,255,248,.55)!important;border-radius:50%!important;
    background:radial-gradient(circle at 34% 23%,#d5fff0,#73e9c0 39%,#32b985 100%)!important;
    box-shadow:inset 0 2px rgba(255,255,255,.72),inset 0 -7px 11px rgba(0,95,65,.22),0 4px 0 #075f43,0 9px 16px rgba(28,199,140,.24),0 0 14px rgba(72,229,176,.18)!important;
    color:#03261b!important;font-size:0!important;transition:transform .18s ease,box-shadow .18s ease!important
}
.games-library-grid .game-library-play b:before{content:"";position:absolute;inset:4px;border:1px solid rgba(211,169,67,.18);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 52%);pointer-events:none}
.games-library-grid .game-library-play b:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(82,219,167,.2);border-radius:50%;opacity:.25;animation:games-play-ring 2.8s ease-in-out infinite;pointer-events:none}
.games-library-grid .game-library-play b span{position:relative;z-index:2;display:block!important;width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #03281d;filter:drop-shadow(0 1px 1px rgba(255,255,255,.2));font-size:0!important}
.games-library-grid .game-library-card:active .game-library-play{transform:translateY(3px)!important;box-shadow:inset 0 2px rgba(203,255,237,.12),inset 0 -4px 9px rgba(0,26,18,.22),0 2px 0 #02291d,0 7px 13px rgba(0,15,10,.25)!important}
.games-library-grid .game-library-card:active .game-library-play b{transform:translateY(2px) scale(.97);box-shadow:inset 0 2px rgba(255,255,255,.6),inset 0 -4px 8px rgba(0,95,65,.2),0 1px 0 #075f43,0 5px 9px rgba(28,199,140,.2)!important}
@keyframes games-play-sweep{0%,64%{transform:translateX(-65%)}89%,100%{transform:translateX(65%)}}
@keyframes games-play-ring{0%,100%{transform:scale(.93);opacity:.12}50%{transform:scale(1.08);opacity:.38}}
@media(max-width:370px){.games-library-grid .game-library-play{min-height:53px!important;padding:8px 8px 8px 11px!important}.games-library-grid .game-library-play b{width:35px!important;height:35px!important;flex-basis:35px!important}.games-library-grid .game-library-play strong{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.games-library-grid .game-library-play:before,.games-library-grid .game-library-play b:after{animation:none!important}}

/* v45 — secure TON Connect card */
.ton-wallet-card{position:relative;overflow:hidden;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;border:1px solid rgba(96,229,181,.34);border-radius:20px;background:radial-gradient(170px 90px at 12% 0,rgba(81,230,175,.2),transparent 72%),linear-gradient(145deg,#12624a,#083e30 62%,#052c22);box-shadow:inset 0 2px rgba(218,255,242,.15),inset 0 -7px 14px rgba(0,25,18,.3),0 5px 0 #02261b,0 14px 26px rgba(0,14,10,.38),0 0 22px rgba(52,215,158,.1)}
.ton-wallet-card:after{content:"";position:absolute;inset:-70% -40%;background:linear-gradient(110deg,transparent 42%,rgba(103,239,190,.04) 47%,rgba(224,181,74,.13) 51%,transparent 58%);animation:ton-card-sweep 7s ease-in-out infinite;pointer-events:none}.ton-wallet-orb{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(226,255,245,.5);border-radius:50%;background:radial-gradient(circle at 32% 25%,#d7fff1,#62e4b7 40%,#16805d 100%);box-shadow:inset 0 2px rgba(255,255,255,.68),inset 0 -8px 13px rgba(0,91,63,.28),0 4px 0 #07533c,0 8px 17px rgba(32,198,138,.24);color:#03281c;font-size:12px;font-weight:950}.ton-wallet-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ton-wallet-copy small{color:#d7ad54;font-size:8px;font-weight:900;letter-spacing:.16em}.ton-wallet-copy strong{font-size:14px;color:#f2fff9}.ton-wallet-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(211,237,227,.59);font-size:10px}.ton-connect-button{position:relative;z-index:2;min-width:78px;padding:12px;border:1px solid rgba(240,255,249,.58);border-radius:14px;background:linear-gradient(145deg,#bfffe7,#5be0b1 50%,#27ae7d);box-shadow:inset 0 2px rgba(255,255,255,.65),inset 0 -6px 10px rgba(0,99,68,.2),0 4px 0 #075c42,0 8px 15px rgba(33,198,140,.22);color:#03281c;font-size:11px;font-weight:950}.ton-connect-button:active{transform:translateY(3px);box-shadow:inset 0 2px rgba(255,255,255,.5),0 1px 0 #075c42}.ton-connect-button.is-connected{background:linear-gradient(145deg,#f6dc8b,#d5a844 55%,#9c7120)}
@keyframes ton-card-sweep{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}@media(max-width:370px){.ton-wallet-card{grid-template-columns:46px minmax(0,1fr);gap:10px}.ton-wallet-orb{width:46px;height:46px}.ton-connect-button{grid-column:1/-1;width:100%}}

/* v46 — premium USDT activation and verified states */
.ton-connect-button.is-activated{background:linear-gradient(145deg,#d8fff0,#68e7ba 48%,#229d70);box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -6px 10px rgba(0,84,58,.2),0 4px 0 #07563e,0 8px 17px rgba(52,220,160,.25),0 0 19px rgba(70,230,172,.18)}
.is-activation-locked{opacity:.52!important;filter:grayscale(.25) saturate(.45)!important;cursor:not-allowed!important;pointer-events:none!important;background:linear-gradient(145deg,rgba(22,34,31,.92),rgba(7,20,17,.98))!important;border-color:rgba(151,174,164,.18)!important;color:rgba(209,226,218,.5)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 3px 0 rgba(0,0,0,.38)!important}
.ton-activation-modal{position:relative;padding:27px 21px 21px;text-align:center;overflow:hidden;background:radial-gradient(220px 130px at 50% 0,rgba(72,224,168,.17),transparent 72%)}.ton-activation-mark{width:72px;height:72px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid rgba(230,255,246,.57);border-radius:50%;background:radial-gradient(circle at 34% 25%,#e1fff4,#69e7b9 42%,#16825d);box-shadow:inset 0 3px rgba(255,255,255,.68),inset 0 -10px 17px rgba(0,91,63,.27),0 5px 0 #07573e,0 12px 25px rgba(28,198,137,.25),0 0 25px rgba(67,224,166,.18);color:#04291d;font-size:14px;font-weight:950}.ton-activation-modal>small{color:#d8af55;font-size:8px;font-weight:900;letter-spacing:.18em}.ton-activation-modal h2{margin:7px 0 7px;font-size:23px}.ton-activation-modal>p{color:rgba(215,236,228,.66);font-size:11px;line-height:1.55}.ton-activation-amount{margin:17px 0 10px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(205,164,66,.31);border-radius:16px;background:linear-gradient(145deg,rgba(22,102,76,.85),rgba(6,55,41,.92));box-shadow:inset 0 1px rgba(255,255,255,.12),0 4px 0 #032a1f,0 10px 20px rgba(0,17,12,.25)}.ton-activation-amount span,.ton-activation-detail span{color:rgba(214,237,228,.59);font-size:10px}.ton-activation-amount strong{color:#f2cd6c;font:900 18px var(--font-mono)}.ton-activation-detail{display:flex;justify-content:space-between;padding:7px 3px;border-bottom:1px solid rgba(112,218,179,.1)}.ton-activation-detail b{font-size:10px}.ton-activation-note{margin:13px 0!important;font-size:9px!important}.ton-activation-pay,.ton-activation-cancel{width:100%;border-radius:15px;font-weight:900}.ton-activation-pay{padding:14px;border:1px solid rgba(240,255,249,.6);background:linear-gradient(145deg,#d2ffed,#68e6b8 48%,#27ab7c);box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -6px 10px rgba(0,92,63,.2),0 4px 0 #075b41,0 10px 18px rgba(35,204,144,.22);color:#03281c}.ton-activation-cancel{margin-top:10px;padding:11px;border:1px solid rgba(117,211,176,.15);background:rgba(2,34,25,.62);color:rgba(224,243,236,.7)}

/* v38 — reliable banner loading: never expose the bright frame gradient */
.premium-banner-frame{
    background:#03251c!important;
    border:1px solid rgba(194,153,62,.72)!important;
    box-shadow:0 0 0 1px rgba(66,215,164,.18),0 0 24px rgba(39,190,137,.18),0 14px 30px rgba(0,10,7,.5),inset 0 0 18px rgba(47,190,143,.08)!important;
}
.premium-banner-track{position:relative;z-index:1}
.premium-banner-image{display:block;color:transparent}
.premium-banner-shell[hidden]{display:none!important}

/* v41 — Telegram-safe autoplay, tappable indicators and swipe navigation */
.premium-banner-frame,.premium-banner-track,.premium-banner-slide{touch-action:pan-y}
.premium-banner-dots{pointer-events:auto!important}
.premium-banner-dots i{cursor:pointer;min-height:8px;background-clip:content-box!important;padding-block:2px}

/* v60 — unified non-withdrawable Shopping Balance */
.wallet-primary-balances{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-balance-card{position:relative;overflow:hidden;min-height:108px;padding:15px 12px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(95,218,175,.24);border-radius:17px;background:linear-gradient(145deg,rgba(18,91,68,.8),rgba(4,46,35,.94));box-shadow:inset 0 2px rgba(216,255,241,.1),inset 0 -6px 12px rgba(0,25,18,.24),0 4px 0 #02271d,0 10px 18px rgba(0,16,11,.26)}.wallet-balance-card:after{content:"";position:absolute;right:-28px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(80,223,169,.13),transparent 68%)}.wallet-balance-card>span{color:#dfb75d;font-size:7px;font-weight:900;letter-spacing:.13em}.wallet-balance-card strong{position:relative;z-index:1;margin:7px 0 5px;font:900 19px var(--font-mono);color:#6de9bb}.wallet-balance-card.shopping strong{color:#f0ca67}.wallet-balance-card small{color:rgba(213,237,228,.49);font-size:7px;line-height:1.4}.wallet-locked-note{margin-top:12px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(218,174,67,.18);border-radius:12px;background:rgba(72,53,13,.2);color:rgba(233,238,232,.66);font-size:9px}.wallet-locked-note[hidden]{display:none!important}.wallet-locked-note strong{color:#edc660;font:900 12px var(--font-mono)}.section-title>p{margin-top:3px;color:rgba(207,231,222,.48);font-size:8px}.shopping-rate{margin:8px 0 11px;padding:9px;border:1px solid rgba(213,171,67,.22);border-radius:11px;background:rgba(20,74,55,.5);color:#edc76a;text-align:center;font:900 11px var(--font-mono)}@media(max-width:370px){.wallet-primary-balances{gap:7px}.wallet-balance-card{min-height:98px;padding:12px 9px}.wallet-balance-card strong{font-size:16px}}
.member-points-strip{margin-top:10px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(99,220,177,.18);border-radius:14px;background:linear-gradient(145deg,rgba(11,68,51,.72),rgba(3,40,30,.84));box-shadow:inset 0 1px rgba(219,255,242,.08),0 3px 0 #02271d}.member-points-strip span{color:rgba(213,237,228,.55);font-size:8px;font-weight:850;letter-spacing:.13em}.member-points-strip strong{color:#efc966;font:900 14px var(--font-mono)}

/* v65 — paid VIP store */
.vip-store{margin:16px 0 20px}.vip-store-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.vip-store-head span{color:#e2b657;font-size:8px;font-weight:950;letter-spacing:.18em}.vip-store-head h2{margin:4px 0 2px;font-size:21px}.vip-store-head p{margin:0;color:rgba(210,235,226,.55);font-size:9px}.vip-store-head>b{padding:9px 11px;border:1px solid rgba(226,183,77,.28);border-radius:12px;background:#083c2e;color:#edca69;font:900 13px var(--font-mono)}.vip-active{margin-bottom:11px;padding:11px 13px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid rgba(224,179,71,.35);border-radius:14px;background:linear-gradient(120deg,rgba(116,82,18,.48),rgba(7,66,49,.9));box-shadow:inset 0 1px rgba(255,239,188,.14),0 4px 0 #03291f}.vip-active span{color:#e9c461;font-size:7px;font-weight:950;letter-spacing:.15em}.vip-active strong{font-size:12px}.vip-active small{color:#8ee8c4;font-size:8px}.vip-plans{display:grid;gap:12px}.vip-plan{--vip:#5ee8b6;position:relative;overflow:hidden;padding:15px;border:1px solid color-mix(in srgb,var(--vip) 40%,transparent);border-radius:20px;background:radial-gradient(190px 100px at 5% 0,color-mix(in srgb,var(--vip) 18%,transparent),transparent 70%),linear-gradient(145deg,#105641,#06392c 67%,#03291f);box-shadow:inset 0 2px rgba(226,255,244,.12),inset 0 -7px 14px rgba(0,24,17,.3),0 5px 0 #02261b,0 13px 24px rgba(0,12,8,.38)}.vip-plan:after{content:"";position:absolute;inset:-70% -40%;background:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--vip) 14%,transparent) 50%,transparent 58%);animation:vip-sweep 7s ease-in-out infinite;pointer-events:none}.vip-plan>*{position:relative;z-index:1}.vip-plan-top{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.vip-plan-top>span{font:900 20px var(--font-mono);color:color-mix(in srgb,var(--vip) 80%,white);opacity:.75}.vip-plan-top small{color:color-mix(in srgb,var(--vip) 70%,#e9bb58);font-size:7px;font-weight:950;letter-spacing:.14em}.vip-plan h3{margin:3px 0 0;font-size:18px}.vip-plan-top>b{color:#f2d173;font:900 18px var(--font-mono)}.vip-plan>p{margin:10px 0;color:rgba(216,238,230,.62);font-size:9px}.vip-benefits{display:flex;flex-wrap:wrap;gap:6px}.vip-benefits span{padding:6px 8px;border:1px solid rgba(106,221,179,.16);border-radius:999px;background:rgba(2,37,27,.55);color:#ccefe2;font-size:8px}.vip-plan button{width:100%;margin-top:12px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(238,255,248,.58);border-radius:14px;background:linear-gradient(145deg,#d5fff0,var(--vip) 50%,#299f77);box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -6px 10px rgba(0,83,57,.2),0 4px 0 #07573e,0 9px 16px rgba(31,193,137,.2);color:#03271c;font-weight:950}.vip-plan button b{padding:3px 6px;border-radius:6px;background:rgba(3,39,28,.16);font-size:8px;letter-spacing:.14em}.vip-plan button:active{transform:translateY(3px);box-shadow:inset 0 2px rgba(255,255,255,.55),0 1px 0 #07573e}.vip-plan button:disabled{opacity:.5}@keyframes vip-sweep{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}@media(prefers-reduced-motion:reduce){.vip-plan:after{animation:none}}
.result-vip-bonus{margin:11px 0 2px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(231,189,94,.42);border-radius:12px;background:linear-gradient(145deg,rgba(112,77,15,.58),rgba(5,63,46,.82));box-shadow:inset 0 1px rgba(255,239,183,.14),0 3px 0 rgba(45,31,3,.7);color:#f1d276}.result-vip-bonus b{font-size:8px;letter-spacing:.14em}.result-vip-bonus span{color:#a9f0d5;font-size:8px;text-align:right}

/* v82 — complete premium in-game artwork system */
.cm-board{position:relative;overflow:hidden;padding:10px;gap:6px;border-color:rgba(91,225,177,.3);background:radial-gradient(circle at 50% 0,rgba(44,193,140,.14),transparent 56%),linear-gradient(145deg,#052d23,#021912);box-shadow:inset 0 2px rgba(218,255,241,.09),inset 0 -10px 24px rgba(0,10,7,.5),0 12px 28px rgba(0,10,7,.42)}
.cm-cell{position:relative;overflow:hidden;border:1px solid rgba(151,255,218,.14);background:linear-gradient(145deg,#17664e,#073d2f)!important;box-shadow:inset 0 2px rgba(229,255,246,.13),inset 0 -6px 11px rgba(0,21,15,.34),0 3px 0 #021d15,0 6px 10px rgba(0,10,7,.25)}
.cm-cell:after{content:"";position:absolute;inset:1px;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 35%,rgba(0,0,0,.13));pointer-events:none}.cm-cell img{position:relative;z-index:1;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(69,235,174,.28));transition:transform .18s ease}.cm-cell.c1 img{filter:hue-rotate(62deg) saturate(1.35) drop-shadow(0 5px 4px #0008)}.cm-cell.c2 img{filter:hue-rotate(132deg) saturate(1.35) drop-shadow(0 5px 4px #0008)}.cm-cell.c3 img{filter:hue-rotate(210deg) saturate(1.45) drop-shadow(0 5px 4px #0008)}.cm-cell.c4 img{filter:hue-rotate(275deg) saturate(1.35) drop-shadow(0 5px 4px #0008)}.cm-cell.c5 img{filter:hue-rotate(325deg) saturate(1.45) drop-shadow(0 5px 4px #0008)}.cm-cell.is-selected{outline:2px solid #f0c85f;box-shadow:0 0 0 2px rgba(240,200,95,.18),0 0 20px rgba(240,200,95,.35)}.cm-cell.is-selected img{transform:scale(1.16) rotate(-3deg)}
.mg-board{padding:10px;gap:9px;border-color:rgba(93,226,177,.27);background:radial-gradient(circle at 50% 0,rgba(58,206,155,.12),transparent 55%),#021c14;box-shadow:inset 0 2px rgba(220,255,242,.08),0 12px 28px rgba(0,10,7,.4)}.mg-face,.mg-back{overflow:hidden;border-color:rgba(102,230,183,.27);box-shadow:inset 0 2px rgba(228,255,246,.13),inset 0 -7px 12px rgba(0,21,15,.35),0 4px 0 #021e16}.mg-back{background:radial-gradient(circle at 40% 25%,rgba(82,231,177,.23),transparent 43%),linear-gradient(145deg,#126048,#07382b)}.mg-back:after{content:""}.mg-back img{width:55%;opacity:.34;filter:grayscale(.3) drop-shadow(0 0 12px rgba(79,229,175,.55))}.mg-face{background:radial-gradient(circle at 50% 30%,rgba(63,218,163,.17),transparent 50%),linear-gradient(145deg,#12553f,#052e23)}.mg-face img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(0,0,0,.48)) drop-shadow(0 0 9px rgba(67,221,165,.22))}.mg-card.is-matched .mg-face{animation:mg-premium-win .8s ease both}@keyframes mg-premium-win{50%{transform:rotateY(180deg) scale(1.08);filter:brightness(1.28)}100%{transform:rotateY(180deg) scale(1)}}
.sc-game-panel,.et-game-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:18px;border-color:rgba(96,229,181,.28);background:radial-gradient(180px 100px at 50% 0,rgba(62,219,164,.15),transparent 70%),linear-gradient(145deg,#0b4434,#04271e);box-shadow:inset 0 2px rgba(222,255,243,.11),inset 0 -9px 18px rgba(0,21,15,.32),0 5px 0 #021e16,0 14px 27px rgba(0,11,7,.4)}
.sc-emblem-wrap,.et-emblem-wrap{display:flex;align-items:center;justify-content:center;gap:11px;color:#e8c667;font-size:8px;font-weight:950;letter-spacing:.16em}.sc-emblem{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 7px 5px #0008) drop-shadow(0 0 12px rgba(68,226,169,.24))}.sc-prompt{border:1px solid rgba(102,225,180,.17);background:rgba(1,25,18,.6);box-shadow:inset 0 2px 8px rgba(0,0,0,.25)}.sc-option{position:relative;overflow:hidden;border-color:rgba(102,226,181,.23);background:linear-gradient(145deg,#166148,#07372a);box-shadow:inset 0 2px rgba(227,255,245,.13),inset 0 -6px 11px rgba(0,22,15,.3),0 4px 0 #021d15,0 8px 14px rgba(0,11,7,.28)}.sc-color-swatch{transform:rotate(45deg);border-radius:13px;box-shadow:inset 4px 4px 10px rgba(255,255,255,.23),inset -5px -5px 10px rgba(0,0,0,.25),0 7px 12px rgba(0,0,0,.3)}
.et-emblem-wrap{justify-content:flex-start}.et-emblem{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 7px 5px #0008) drop-shadow(0 0 14px rgba(241,199,85,.27));animation:et-float 2.7s ease-in-out infinite}.et-emblem-wrap>div{display:flex;flex-direction:column;gap:4px}.et-emblem-wrap small{color:#dfb65b;font-size:8px;font-weight:950;letter-spacing:.17em}.et-emblem-wrap strong{font-size:20px;color:#f2fff9}.et-meter{height:48px;border-color:rgba(92,226,177,.26);box-shadow:inset 0 4px 11px rgba(0,0,0,.42),0 3px rgba(107,233,187,.08)}.et-tap-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(240,255,249,.65);background:linear-gradient(145deg,#d6fff0,#69e7b9 48%,#27aa7b);box-shadow:inset 0 2px rgba(255,255,255,.75),inset 0 -7px 12px rgba(0,92,63,.24),0 5px 0 #075a40,0 12px 22px rgba(35,207,145,.24)}.et-tap-btn img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 3px #0005)}.et-tap-btn span{font-size:17px}.et-tap-btn:active{transform:translateY(4px);box-shadow:inset 0 2px rgba(255,255,255,.6),0 1px 0 #075a40,0 6px 11px rgba(35,207,145,.2)}@keyframes et-float{50%{transform:translateY(-4px);filter:drop-shadow(0 10px 7px #0008) drop-shadow(0 0 18px rgba(241,199,85,.38))}}
.rw-aura{width:112px!important;height:112px!important;background:radial-gradient(circle,rgba(55,218,160,.2),transparent 66%)!important}.rw-aura img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 7px rgba(0,0,0,.55)) drop-shadow(0 0 15px rgba(63,222,165,.22));animation:rw-book-float 3s ease-in-out infinite}.rw-letter,.rw-slots button,.rw-tool,.rw-submit{box-shadow:inset 0 2px rgba(229,255,246,.13),inset 0 -6px 10px rgba(0,23,16,.28),0 4px 0 #021e16,0 8px 14px rgba(0,11,7,.25)!important}.rw-submit{border-color:rgba(239,255,249,.58)!important;background:linear-gradient(145deg,#ccffed,#62e5b6 50%,#269e74)!important;color:#03271c!important}.rw-letter:active,.rw-tool:active,.rw-submit:active{transform:translateY(3px)!important;box-shadow:inset 0 2px rgba(229,255,246,.12),0 1px 0 #021e16!important}@keyframes rw-book-float{50%{transform:translateY(-5px) rotate(2deg)}}
.cb-game{position:relative;overflow:hidden}.cb-game-emblem{position:absolute;z-index:0;right:-14px;top:52px;width:102px;height:102px;object-fit:contain;opacity:.18;filter:drop-shadow(0 0 16px rgba(67,226,169,.5));pointer-events:none}.cb-game>*:not(.cb-game-emblem){position:relative;z-index:1}.cb-board.falling{border-color:rgba(93,226,178,.3);background:radial-gradient(circle at 50% 0,rgba(59,216,160,.11),transparent 48%),#011a12;box-shadow:inset 0 5px 17px rgba(0,0,0,.45),0 5px 0 #021b14,0 12px 22px rgba(0,10,7,.35)}.cb-cell.filled,.cb-cell.active{position:relative;box-shadow:inset 2px 2px rgba(255,255,255,.28),inset -3px -4px rgba(0,29,20,.28),0 0 8px rgba(71,231,175,.16)}.cb-cell.active{filter:brightness(1.2);animation:cb-active-glow .85s ease-in-out infinite alternate}.cb-controls button{border:1px solid rgba(104,229,185,.28);background:linear-gradient(145deg,#17654c,#073b2d);box-shadow:inset 0 2px rgba(222,255,243,.13),inset 0 -6px 10px rgba(0,22,15,.3),0 4px 0 #021e16,0 8px 14px rgba(0,11,7,.28)}.cb-controls button.drop{background:linear-gradient(145deg,#d3ffef,#64e5b7 50%,#249b70);color:#03271c;border-color:rgba(239,255,249,.6);box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -6px 10px rgba(0,90,62,.2),0 4px 0 #07583f,0 9px 16px rgba(35,199,141,.2)}.cb-controls button:active{transform:translateY(3px);box-shadow:inset 0 2px rgba(222,255,243,.11),0 1px 0 #021e16}@keyframes cb-active-glow{to{filter:brightness(1.35);box-shadow:inset 2px 2px rgba(255,255,255,.35),0 0 12px rgba(77,239,182,.45)}}
@media(prefers-reduced-motion:reduce){.et-emblem,.rw-aura img,.cb-cell.active{animation:none!important}}

/* v68 — unmistakable, locked current VIP package */
.vip-plan.is-active{border-color:rgba(255,214,112,.86);background:radial-gradient(220px 130px at 8% 0,rgba(255,211,100,.25),transparent 68%),linear-gradient(145deg,#17654b,#735718 155%);box-shadow:inset 0 2px rgba(255,245,202,.22),inset 0 -8px 15px rgba(45,30,3,.26),0 0 0 2px rgba(255,202,71,.12),0 5px 0 #523b08,0 14px 28px rgba(202,153,30,.2)}.vip-plan.is-active:after{background:linear-gradient(110deg,transparent 40%,rgba(255,230,151,.18) 50%,transparent 60%)}.vip-current-badge{width:max-content;margin:0 0 10px auto;padding:6px 9px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,226,142,.52);border-radius:999px;background:linear-gradient(145deg,#8a691b,#dfb84f);box-shadow:inset 0 1px rgba(255,249,220,.5),0 3px 0 #4d3605;color:#fff7d8;font-size:7px;font-weight:950;letter-spacing:.13em}.vip-current-badge i{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#d9ffef;color:#075338;font-style:normal;font-size:9px}.vip-plan.is-active button:disabled{opacity:1!important;cursor:not-allowed;background:linear-gradient(145deg,#f8dda0,#c79b34 52%,#7e5c12);border-color:rgba(255,239,186,.72);box-shadow:inset 0 2px rgba(255,255,255,.6),inset 0 -6px 10px rgba(76,47,0,.25),0 4px 0 #604407,0 9px 17px rgba(188,139,25,.2);color:#3b2902}.vip-plan.is-active .vip-plan-top>b{color:#ffe497;font-size:11px;letter-spacing:.1em}
.ton-credit-detail{margin:3px 0 7px;padding:10px 11px!important;border:1px solid rgba(100,235,187,.3)!important;border-radius:11px;background:linear-gradient(145deg,rgba(16,105,77,.52),rgba(5,58,43,.62));box-shadow:inset 0 1px rgba(220,255,243,.1),0 3px 0 rgba(2,39,28,.8)}.ton-credit-detail b{color:#76efc0!important;font:900 11px var(--font-mono)}

/* v85 — separated VIP/reward zones and premium tiered Reward Boxes */
.reward-box-store{position:relative;margin-top:34px;padding-top:2px}.reward-box-divider{height:28px;margin:0 3px 15px;display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:9px}.reward-box-divider i{height:1px;background:linear-gradient(90deg,transparent,rgba(237,196,93,.7),rgba(93,234,183,.42))}.reward-box-divider i:last-child{transform:scaleX(-1)}.reward-box-divider span{width:35px;height:28px;display:grid;place-items:center;border:1px solid rgba(239,202,105,.34);border-radius:999px;background:radial-gradient(circle at 38% 30%,rgba(255,231,160,.28),rgba(9,66,49,.86));box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 18px rgba(226,184,76,.17);color:#f0ca6b;font-size:11px}.reward-box-head{margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.reward-box-head>div:first-child>span{color:#e4b95b;font-size:8px;font-weight:950;letter-spacing:.18em}.reward-box-head h2{margin:4px 0 3px;font-size:22px;letter-spacing:-.035em}.reward-box-head p{max-width:245px;margin:0;color:rgba(207,234,224,.55);font-size:9px;line-height:1.45}.reward-token-vault{min-width:82px;padding:8px 9px;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;align-items:center;gap:0 6px;border:1px solid rgba(105,232,184,.24);border-radius:14px;background:linear-gradient(145deg,rgba(20,91,68,.85),rgba(4,48,36,.96));box-shadow:inset 0 1px rgba(255,255,255,.13),0 4px 0 #022a1f,0 9px 17px rgba(0,16,11,.25)}.reward-token-vault img{grid-row:1/3;width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.4))}.reward-token-vault small{color:rgba(205,234,223,.48);font-size:5px;font-weight:900;letter-spacing:.12em}.reward-token-vault b{color:#76efc2;font:900 13px var(--font-mono)}
.reward-box-grid{display:grid;gap:14px}.workshop-card.reward-box-card{--box-accent:#c68b4f;--box-glow:rgba(198,139,79,.2);position:relative;isolation:isolate;overflow:hidden;min-height:184px;padding:15px 14px 13px;display:grid;grid-template-columns:102px minmax(0,1fr);grid-template-rows:auto 5px auto;gap:10px 13px;border:1px solid color-mix(in srgb,var(--box-accent) 42%,transparent);border-radius:24px;background:radial-gradient(190px 120px at 5% 0,var(--box-glow),transparent 72%),radial-gradient(180px 100px at 100% 100%,rgba(69,230,174,.09),transparent 75%),linear-gradient(145deg,#12513e,#06382b 72%,#03271e);box-shadow:inset 0 2px rgba(229,255,246,.11),inset 0 -8px 16px rgba(0,20,14,.35),0 5px 0 #02261b,0 14px 27px rgba(0,12,8,.38)}.workshop-card.reward-box-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.065) 43%,transparent 61%);transform:translateX(-105%);animation:reward-box-sweep 7.5s ease-in-out infinite}.workshop-card.reward-box-card:after{content:"";position:absolute;z-index:-1;right:-42px;top:-50px;width:135px;height:135px;border:1px solid color-mix(in srgb,var(--box-accent) 18%,transparent);border-radius:50%;box-shadow:0 0 0 17px color-mix(in srgb,var(--box-accent) 3%,transparent)}.reward-tier-silver{--box-accent:#b8d9d2!important;--box-glow:rgba(184,217,210,.17)!important}.reward-tier-gold{--box-accent:#f0c85d!important;--box-glow:rgba(240,200,93,.23)!important}.reward-tier-epic{--box-accent:#ae7cff!important;--box-glow:rgba(174,124,255,.2)!important}.reward-tier-legend{--box-accent:#65efd0!important;--box-glow:rgba(101,239,208,.23)!important}.reward-box-number{position:absolute;right:15px;top:11px;color:color-mix(in srgb,var(--box-accent) 48%,transparent);font:900 28px var(--font-mono);letter-spacing:-.08em}.reward-box-art{position:relative!important;width:102px!important;height:104px!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important}.reward-box-art img{position:relative;z-index:2;width:94px!important;height:94px!important;object-fit:contain;filter:drop-shadow(0 13px 9px rgba(0,0,0,.58)) drop-shadow(0 0 13px var(--box-glow));animation:reward-box-float 3.2s ease-in-out infinite}.reward-box-orbit{position:absolute;z-index:1;width:78px;height:78px;border:1px solid color-mix(in srgb,var(--box-accent) 40%,transparent);border-radius:50%;box-shadow:0 0 18px var(--box-glow),inset 0 0 16px var(--box-glow)}.reward-box-orbit:before,.reward-box-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--box-accent);box-shadow:0 0 9px var(--box-accent)}.reward-box-orbit:before{left:5px;top:12px}.reward-box-orbit:after{right:3px;bottom:17px}.reward-box-copy{align-self:center;min-width:0;padding-right:28px}.reward-box-copy .item-category{color:var(--box-accent);font-size:7px;letter-spacing:.16em}.reward-box-copy .mission-item-title{margin-top:4px;color:#f5fff9;font-size:17px}.reward-box-copy .mission-item-desc{min-height:27px;margin-top:3px;color:rgba(210,235,226,.56);font-size:9px;line-height:1.45}.reward-box-copy .workshop-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.reward-box-copy .workshop-meta span{padding:5px 7px;border:1px solid rgba(121,231,191,.15);border-radius:999px;background:rgba(2,34,25,.48);color:#c9e9dd;font-size:7px}.reward-limit{grid-column:1/-1;height:5px;overflow:hidden;border:1px solid rgba(129,225,190,.1);border-radius:99px;background:rgba(1,23,17,.72);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}.reward-limit>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--box-accent),#69e8b9);box-shadow:0 0 9px var(--box-accent)}.reward-box-action{grid-column:1/-1;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(145px,44%);align-items:center;gap:10px;border-top:0!important}.reward-box-status{display:flex;min-width:0;flex-direction:column;gap:4px}.reward-box-status small{overflow:hidden;color:rgba(207,233,224,.5);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.reward-box-status .box-price{width:max-content;padding:5px 8px;display:flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--box-accent) 28%,transparent);border-radius:999px;background:rgba(2,37,27,.58);color:#f4d170;font:900 13px var(--font-mono)}.reward-box-status .box-price img{width:23px;height:23px;object-fit:contain}.reward-box-status .box-price em{color:rgba(224,240,234,.53);font:900 6px var(--font-sans);letter-spacing:.13em}.reward-open-btn{position:relative;overflow:hidden;width:100%!important;min-height:48px!important;padding:8px 8px 8px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:1px solid rgba(240,255,249,.62)!important;border-radius:15px!important;background:linear-gradient(145deg,#ddfff2,var(--box-accent) 52%,#2cad82)!important;box-shadow:inset 0 2px rgba(255,255,255,.7),inset 0 -6px 11px rgba(0,75,52,.23),0 4px 0 #07573f,0 9px 17px var(--box-glow)!important;color:#03271c!important;font-size:10px!important;font-weight:950!important;letter-spacing:.03em}.reward-open-btn:before{content:"";position:absolute;inset:-70% auto -70% -35%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:rotate(19deg);animation:reward-btn-shine 4.8s ease-in-out infinite}.reward-open-btn b{position:relative;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(2,39,28,.13);font-size:19px}.reward-open-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px rgba(255,255,255,.55),0 1px 0 #07573f!important}.reward-box-card.is-locked{filter:saturate(.65)}.reward-box-card.is-locked .reward-open-btn:disabled{opacity:1!important;border-color:rgba(178,203,194,.2)!important;background:linear-gradient(145deg,#536d64,#29473d)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -5px 9px rgba(0,20,14,.3),0 3px 0 #142d25!important;color:rgba(231,243,238,.64)!important}.reward-box-card.is-locked .reward-open-btn:before{display:none}.reward-box-card.is-locked .reward-box-art img{filter:grayscale(.28) drop-shadow(0 11px 8px rgba(0,0,0,.58))}
@keyframes reward-box-sweep{0%,70%{transform:translateX(-105%)}92%,100%{transform:translateX(105%)}}@keyframes reward-box-float{50%{transform:translateY(-5px) rotate(1.5deg)}}@keyframes reward-btn-shine{0%,65%{transform:translateX(-180%) rotate(19deg)}88%,100%{transform:translateX(580%) rotate(19deg)}}@media(max-width:370px){.workshop-card.reward-box-card{grid-template-columns:84px minmax(0,1fr);padding-inline:11px;gap-inline:9px}.reward-box-art{width:84px!important}.reward-box-art img{width:82px!important;height:82px!important}.reward-box-orbit{width:68px;height:68px}.reward-box-head p{max-width:190px}.reward-token-vault{min-width:72px}.reward-box-action{grid-template-columns:1fr 135px}.reward-open-btn{padding-left:10px!important;font-size:8px!important}}@media(prefers-reduced-motion:reduce){.reward-box-card:before,.reward-box-art img,.reward-open-btn:before{animation:none!important}}

/* v86 — bilingual professional Support Center */
.profile-support-grid{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-support-card{position:relative;overflow:hidden;min-height:82px;padding:11px;display:grid;grid-template-columns:37px minmax(0,1fr) 17px;align-items:center;gap:9px;text-align:left;border:1px solid rgba(101,227,181,.21);border-radius:18px;background:radial-gradient(100px 60px at 0 0,rgba(80,228,173,.12),transparent 74%),linear-gradient(145deg,rgba(19,89,67,.88),rgba(4,47,35,.97));box-shadow:inset 0 1px rgba(229,255,246,.12),inset 0 -6px 11px rgba(0,24,17,.26),0 4px 0 #02271d,0 10px 18px rgba(0,15,10,.25);color:#f3fff9}.profile-support-card:before{content:"";position:absolute;inset:-60% auto -60% -28%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(18deg);transition:transform .6s ease}.profile-support-card:active{transform:translateY(3px);box-shadow:inset 0 2px rgba(229,255,246,.08),0 1px 0 #02271d}.profile-support-card:active:before{transform:translateX(500%) rotate(18deg)}.profile-support-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(225,255,244,.35);border-radius:12px;background:linear-gradient(145deg,#82f2ca,#289a72);box-shadow:inset 0 2px rgba(255,255,255,.48),inset 0 -5px 8px rgba(0,83,57,.2),0 3px 0 #07563e,0 7px 12px rgba(28,190,132,.2);color:#04281d;font-size:13px;font-weight:950}.profile-support-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.profile-support-card b{font-size:10px;line-height:1.25}.profile-support-card small{color:rgba(207,234,224,.53);font-size:7px;line-height:1.4}.profile-support-card i{color:#e8c464;font:normal 900 21px var(--font-sans)}
.support-page{padding-bottom:calc(48px + var(--safe-bottom));background:radial-gradient(330px 190px at 50% 0,rgba(42,203,147,.1),transparent 72%)}.support-back{width:max-content;margin:1px 0 12px;padding:8px 11px 8px 8px;display:flex;align-items:center;gap:7px;border:1px solid rgba(99,224,179,.2);border-radius:13px;background:linear-gradient(145deg,rgba(17,79,60,.9),rgba(4,43,33,.96));box-shadow:inset 0 1px rgba(255,255,255,.12),0 3px 0 #02261b;color:#dff8ef;font-size:9px;font-weight:800}.support-back span{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:rgba(99,232,184,.11);color:#f0c969;font-size:20px}.support-back:active{transform:translateY(2px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 1px 0 #02261b}.support-hero{position:relative;isolation:isolate;overflow:hidden;min-height:210px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(102,231,184,.3);border-radius:28px;background:radial-gradient(190px 150px at 84% 13%,rgba(76,235,179,.27),transparent 65%),radial-gradient(180px 120px at 0 100%,rgba(229,180,65,.13),transparent 72%),linear-gradient(145deg,#14664d,#073d2f 64%,#03281f);box-shadow:inset 0 2px rgba(229,255,246,.16),inset 0 -10px 19px rgba(0,22,15,.3),0 6px 0 #02271d,0 18px 32px rgba(0,13,9,.38)}.support-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.065) 45%,transparent 62%);animation:support-hero-sweep 8s ease-in-out infinite}.support-hero:after{content:"";position:absolute;z-index:-1;right:-55px;top:-59px;width:195px;height:195px;border:1px solid rgba(113,246,198,.17);border-radius:50%;box-shadow:0 0 0 22px rgba(111,241,195,.025),0 0 0 47px rgba(111,241,195,.018)}.support-hero-mark{position:absolute;right:24px;top:24px;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(238,255,249,.55);border-radius:23px;transform:rotate(10deg);background:radial-gradient(circle at 34% 23%,#e1fff4,#69e7b9 42%,#16805b);box-shadow:inset 0 3px rgba(255,255,255,.7),inset 0 -9px 16px rgba(0,91,63,.25),0 5px 0 #07553d,0 12px 25px rgba(28,199,139,.23),0 0 24px rgba(67,225,166,.17)}.support-hero-mark span{transform:rotate(-10deg);color:#03271b;font:950 34px var(--font-sans)}.support-hero .page-eyebrow{color:#ebc765}.support-hero h1{max-width:72%;margin:7px 0 7px;font-size:28px;line-height:1.05;letter-spacing:-.045em}.support-hero p{max-width:80%;margin:0;color:rgba(219,241,233,.68);font-size:10px;line-height:1.55}.support-hero>small{position:absolute;right:18px;bottom:17px;color:rgba(208,234,224,.42);font-size:6px;letter-spacing:.08em}.support-search{margin:18px 0 12px;padding:0 14px;min-height:51px;display:flex;align-items:center;gap:10px;border:1px solid rgba(99,227,180,.2);border-radius:17px;background:linear-gradient(145deg,rgba(13,73,55,.87),rgba(3,39,30,.96));box-shadow:inset 0 2px 7px rgba(0,24,17,.35),0 4px 0 #02261c}.support-search>span{color:#e8c361;font-size:23px}.support-search input{width:100%;border:0;outline:0;background:transparent;color:#effdf8;font:600 11px var(--font-sans)}.support-search input::placeholder{color:rgba(206,233,223,.42)}.support-tabs{position:sticky;z-index:5;top:84px;margin:0 -2px 15px;padding:5px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border:1px solid rgba(99,225,179,.18);border-radius:17px;background:rgba(3,45,33,.93);backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(255,255,255,.09),0 5px 0 rgba(0,27,19,.78),0 10px 19px rgba(0,14,9,.28)}.support-tabs::-webkit-scrollbar{display:none}.support-tabs button{flex:1 0 auto;min-height:37px;padding:8px 10px;border:1px solid transparent;border-radius:12px;color:rgba(207,234,224,.53);font-size:8px;font-weight:850;white-space:nowrap}.support-tabs button.is-active{border-color:rgba(241,255,250,.48);background:linear-gradient(145deg,#d2ffed,#64e5b7 48%,#279f75);box-shadow:inset 0 2px rgba(255,255,255,.66),inset 0 -5px 9px rgba(0,88,61,.19),0 3px 0 #07553d,0 7px 13px rgba(34,198,140,.2);color:#03271c}.support-content{display:grid;gap:14px}.support-section{position:relative;overflow:hidden;padding:15px;border:1px solid rgba(101,226,181,.2);border-radius:22px;background:radial-gradient(150px 90px at 0 0,rgba(65,218,160,.1),transparent 72%),linear-gradient(145deg,rgba(15,76,57,.9),rgba(3,41,31,.98));box-shadow:inset 0 1px rgba(228,255,245,.1),inset 0 -7px 14px rgba(0,22,15,.26),0 5px 0 #02261b,0 13px 24px rgba(0,13,9,.32)}.support-section>header{margin-bottom:13px;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:11px}.support-section-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(237,255,249,.36);border-radius:14px;background:radial-gradient(circle at 35% 25%,rgba(255,236,169,.8),#d4ab44 42%,#886414);box-shadow:inset 0 2px rgba(255,255,255,.54),inset 0 -6px 10px rgba(77,50,2,.22),0 4px 0 #5b4008,0 8px 14px rgba(169,122,21,.18);color:#173a2e;font-size:14px}.support-section h2{margin:0 0 3px;font-size:16px}.support-section header p{margin:0;color:rgba(209,235,225,.52);font-size:8px;line-height:1.45}.support-accordion{display:grid;gap:7px}.support-accordion details{overflow:hidden;border:1px solid rgba(106,222,181,.14);border-radius:14px;background:rgba(1,31,23,.48);transition:border-color .2s ease,background .2s ease}.support-accordion details[open]{border-color:rgba(104,230,184,.3);background:linear-gradient(145deg,rgba(14,81,60,.74),rgba(2,37,28,.8));box-shadow:inset 0 1px rgba(223,255,243,.07)}.support-accordion summary{min-height:45px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;color:#e9faf4;font-size:9px;font-weight:800;line-height:1.35}.support-accordion summary::-webkit-details-marker{display:none}.support-accordion summary i{position:relative;width:22px;height:22px;flex:0 0 22px;border-radius:8px;background:rgba(96,228,180,.1)}.support-accordion summary i:before,.support-accordion summary i:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:1.5px;border-radius:99px;background:#75eabf;transition:transform .2s ease}.support-accordion summary i:after{transform:rotate(90deg)}.support-accordion details[open] summary i:after{transform:rotate(0)}.support-answer{padding:0 11px 12px;color:rgba(215,238,229,.68);font-size:8.5px;line-height:1.7}.support-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed rgba(103,226,181,.2);border-radius:21px;color:rgba(210,235,226,.55);text-align:center}.support-empty span{font-size:32px;color:#65e7b8}.support-empty b{font-size:10px}.support-trust{margin:17px 0 0;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(109,226,184,.15);color:rgba(206,232,223,.43)}.support-trust b{color:#e6c263;font-size:9px}.support-trust span{font-size:7px;text-align:right}
@keyframes support-hero-sweep{0%,68%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}@media(max-width:370px){.profile-support-grid{grid-template-columns:1fr}.profile-support-card{min-height:70px}.support-hero{min-height:195px;padding:18px}.support-hero-mark{right:18px;top:19px;width:61px;height:61px}.support-hero h1{font-size:24px}.support-hero p{max-width:88%}.support-tabs button{padding-inline:8px}.support-section{padding:12px}}@media(prefers-reduced-motion:reduce){.support-hero:before{animation:none!important}}