:root{--red:#e11116;--red2:#8d0000;--bg:#350000;--card:#171819;--gold:#ffd84d}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:radial-gradient(circle at 50% 20%,#620000,#2b0000 55%,#160000);color:#fff}.wrap{max-width:480px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#490000,#240000);padding-bottom:105px}.top{position:sticky;top:0;z-index:5;height:58px;background:linear-gradient(#e31b20,#590000);display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #ff5555}.logo{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1px;text-shadow:0 2px 8px #000}.logo b{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(#ff2929,#a00000);color:#fff;font-weight:700;text-decoration:none;padding:12px 18px;box-shadow:0 8px 22px rgba(255,0,0,.25);cursor:pointer}.btn.ghost{background:#111;border:1px solid #9d1b1b}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px}.tile{background:linear-gradient(145deg,#e51a1a,#500000);border:1px solid #ff4b4b;border-radius:8px;text-align:center;padding:10px 4px;color:#fff;text-decoration:none;font-size:12px;min-height:74px}.tile .ico{font-size:31px;display:block}.bar{margin:0 14px 12px;background:linear-gradient(90deg,#ca1a1e,#ff7575,#b40000);border-radius:25px;padding:12px 18px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.game,.provider{border-radius:12px;overflow:hidden;background:#151515;border:1px solid #7b1111;text-decoration:none;color:#fff;min-height:104px;display:flex;align-items:end;padding:12px;font-weight:800;background-image:linear-gradient(135deg,#202020,#8d0000)}.provider{height:78px;align-items:center;justify-content:center;text-align:center}.bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;max-width:480px;width:100%;padding:0 10px}.bottom-inner{height:76px;background:linear-gradient(#e51b1b,#8d0000);border-radius:14px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -8px 20px rgba(0,0,0,.35)}.navitem{text-align:center;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.navitem span{font-size:28px;display:block}.homebtn{width:68px;height:68px;border-radius:50%;background:#b40000;border:3px solid #ff2222;margin-top:-30px;font-size:34px}.form-card,.admin-card{background:#18191b;border:1px solid #333;border-radius:14px;margin:24px 14px;padding:22px;box-shadow:0 18px 40px rgba(0,0,0,.3)}input,select,textarea{width:100%;background:#101112;border:1px solid #3b3b3b;color:#fff;border-radius:8px;padding:13px;margin:6px 0 14px}label{color:#bbb;font-size:13px}.title{text-align:center;color:#ff6b72}.alert{padding:12px;border-radius:8px;margin:10px 0}.err{background:#431;color:#ffb0b0}.ok{background:#173b22;color:#9dffb7}.wallet{margin:14px;background:linear-gradient(#8b0000,#4b0000);border-radius:12px;padding:14px;display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:20px}.modalbox{background:#1b1b1d;border:1px solid #ff3333;border-radius:16px;padding:18px;max-width:400px}.admin{display:flex;min-height:100vh;background:#101012}.side{width:245px;background:#171717;border-right:1px solid #333;padding:18px;position:fixed;height:100vh;overflow:auto}.side a{display:block;color:#ddd;text-decoration:none;padding:11px;border-radius:8px;margin:3px 0}.side a:hover{background:#8d0000}.main{margin-left:245px;padding:22px;width:100%}.stat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat>div,.tablebox{background:#1b1b1d;border:1px solid #2c2c2c;border-radius:12px;padding:16px}table{width:100%;border-collapse:collapse;background:#171717;border-radius:10px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #303030;text-align:left}th{background:#270000;color:#ff8b8b}.pill{padding:4px 8px;border-radius:99px;background:#333}.danger{background:#641}.success{background:#164b24}@media(max-width:800px){.side{position:static;width:100%;height:auto}.admin{display:block}.main{margin:0}.stat{grid-template-columns:1fr 1fr}} 


.bank-select{position:relative;margin:6px 0 14px}
.bank-current{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#101112;border:1px solid #3b3b3b;color:#fff;border-radius:10px;padding:12px 14px;cursor:pointer;text-align:left}
.bank-current.selected{border-color:#6a1616;box-shadow:0 0 0 1px rgba(255,64,64,.12) inset}
.bank-current-left{display:flex;align-items:center;gap:12px}
.bank-current strong,.bank-option strong{display:block;font-size:14px;color:#fff}
.bank-current small,.bank-option small{display:block;font-size:12px;color:#b4b4b4;margin-top:2px}
.bank-arrow{font-size:18px;color:#c9c9c9}
.bank-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:#171819;border:1px solid #343434;border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.45);z-index:30;max-height:300px;overflow:auto}
.bank-select.open .bank-menu{display:block}
.bank-option{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:10px;color:#fff;padding:10px;cursor:pointer;text-align:left}
.bank-option:hover{background:#252628}
.bank-text{display:block}
.bank-logo{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#fff;flex:0 0 42px;box-shadow:0 4px 14px rgba(0,0,0,.25);font-size:10px;letter-spacing:-.3px}
.bank-logo.placeholder{background:#444}
.bank-logo.kbank{background:#0f8f5a}
.bank-logo.scb{background:#5b2b86}
.bank-logo.ktb{background:#10a3df}
.bank-logo.bbl{background:#1d4a9d}
.bank-logo.bay{background:#f0c400;color:#222}
.bank-logo.ttb{background:#f26b1d}
.bank-logo.gsb{background:#f15ca8}
.bank-logo.baac{background:#2d8e34}
.bank-logo.uob{background:#d1222a}
.bank-logo.cimb{background:#b11722}
.bank-logo.kkp{background:#2d62b3}


.home-page{padding:10px 14px 0}
.home-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:4px}
.home-nav-btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;padding:8px 4px;border-radius:10px;text-decoration:none;color:#fff;font-weight:700;font-size:12px;background:linear-gradient(180deg,#d71b1b,#840000);border:1px solid rgba(255,100,100,.4);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.welcome-line{text-align:center;padding:18px 8px 12px;font-weight:700;font-size:15px;color:#fff}
.welcome-line span{color:#ff7f7f}
.promo-wrap{padding:8px 0 14px}
.promo-pill{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;padding:12px 14px;border-radius:999px;color:#fff;text-decoration:none;font-weight:800;background:linear-gradient(180deg,#ff2323,#ad0000);border:1px solid rgba(255,120,120,.45);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 10px 22px rgba(80,0,0,.22)}
.section-title{padding:10px 0 12px;font-size:14px;font-weight:800;color:#fff}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.featured-card{display:block;text-decoration:none;border-radius:14px;padding:10px;background:linear-gradient(180deg,#1d1d20,#6e0000);border:1px solid rgba(255,60,60,.45);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.featured-thumb{height:124px;border-radius:10px;display:flex;align-items:end;justify-content:center;padding:10px;position:relative;overflow:hidden;background:linear-gradient(135deg,#5b267a,#f59d2d)}
.featured-card.ape .featured-thumb{background:linear-gradient(135deg,#50316b,#ac45d5,#f6c36e)}
.featured-card.gems .featured-thumb{background:linear-gradient(135deg,#5f2d00,#e1a325,#fff0b5)}
.featured-card.oishi .featured-thumb{background:linear-gradient(135deg,#8a2642,#fd8ad4,#f5d26b)}
.featured-thumb::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.24),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.22))}
.featured-thumb-label{position:relative;z-index:1;text-align:center;font-weight:900;color:#fff;font-size:14px;line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.featured-meta{padding:10px 2px 0;text-align:center;color:#fff}
.featured-name{font-size:12px;font-weight:700;min-height:31px}
.featured-percent{font-size:20px;font-weight:900;color:#ffd44d;margin:4px 0 6px}
.featured-progress{height:10px;border-radius:999px;background:#3e1e1e;overflow:hidden}
.featured-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd54a,#fff7d0)}
.provider-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.provider-tab{border:0;border-radius:999px;min-height:40px;background:transparent;color:#fff;font-weight:700;font-size:13px;cursor:pointer}
.provider-tab.active{background:linear-gradient(180deg,#dc1c1c,#980000);border:1px solid rgba(255,120,120,.45);box-shadow:0 8px 18px rgba(0,0,0,.2)}
.provider-grid-home{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding-bottom:10px}
.provider-logo-card{background:linear-gradient(180deg,#272838,#1a1b23);border:1px solid rgba(255,50,50,.32);border-radius:8px;padding:10px 4px;min-height:60px;text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.provider-logo-mark{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-weight:900;background:linear-gradient(180deg,#ff2f64,#3ca6ff)}
.provider-logo-name{font-size:10px;font-weight:700;line-height:1.15}
@media(max-width:480px){.home-nav-btn{font-size:11px}.featured-grid{gap:8px}.featured-card{padding:8px}.featured-thumb{height:105px}.provider-grid-home{gap:8px}}


.top{box-shadow:0 8px 22px rgba(0,0,0,.32)}
.top .btn{padding:8px 14px;border-radius:999px;font-size:13px;box-shadow:none;margin-left:4px}
.logo{background:linear-gradient(180deg,#fff,#ffbaba 42%,#ff1515 44%,#9b0000);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}
.provider-lobby-grid{padding-bottom:18px}
.provider-big{min-height:92px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#231c1f,#9b0000);border:1px solid rgba(255,80,80,.45)}
.provider-emoji{font-size:26px}
.action-grid .tile,.category-grid .tile{transition:.12s transform,.12s filter}
.action-grid .tile:active,.category-grid .tile:active,.provider-big:active,.game-card-pro:active{transform:scale(.98);filter:brightness(1.2)}
.provider-page{padding:14px 14px 20px}
.provider-back{display:block;color:#fff;text-decoration:none;font-weight:800;background:linear-gradient(90deg,#1d3b24,#255533);border-radius:999px;padding:13px 18px;margin-bottom:14px;border:1px solid rgba(255,255,255,.08)}
.game-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.game-card-pro{min-height:122px;text-decoration:none;color:#fff;background:linear-gradient(145deg,#2a2222,#9a0000);border:1px solid rgba(255,70,70,.42);border-radius:14px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 22px rgba(0,0,0,.22);overflow:hidden;position:relative}
.game-card-pro:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(255,205,92,.24),transparent 35%);pointer-events:none}
.game-art{position:relative;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffcf4f,#f12b2b);font-weight:900;font-size:22px;text-shadow:0 2px 6px rgba(0,0,0,.3)}
.game-name{position:relative;font-weight:900;font-size:15px;line-height:1.2;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.game-card-pro small{position:relative;color:#ffd7d7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.provider-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}
.provider-image-card{position:relative;display:block;min-height:86px;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;background:#1b1b1d;border:1px solid rgba(255,60,60,.45);box-shadow:0 10px 20px rgba(0,0,0,.22)}
.provider-image-card img{width:100%;height:100%;min-height:86px;object-fit:cover;display:block}
.provider-image-card span{position:absolute;left:10px;right:10px;bottom:8px;font-weight:900;text-shadow:0 2px 8px #000}
.direct-hint{font-size:12px;margin:10px 0 12px}
.pro-image-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.img-game-card{position:relative;min-height:156px;padding:0;overflow:hidden;display:block;border-radius:12px;background:linear-gradient(135deg,#320000,#a40000)}
.img-game-card img{width:100%;height:156px;object-fit:cover;display:block;transition:.18s transform}
.img-game-card:hover img{transform:scale(1.04)}
.game-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:32px 10px 9px;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,0));display:block;color:#fff;text-shadow:0 2px 6px #000}
.game-card-overlay b{display:block;font-size:14px;line-height:1.2}
.game-card-overlay small{display:block;font-size:10px;opacity:.9;margin-top:4px}
.fallback-art{width:54px;height:54px;border-radius:12px;margin:14px;background:linear-gradient(135deg,#ffb12a,#ff2a2a);align-items:center;justify-content:center;font-size:25px;font-weight:900;color:#fff}
@media(max-width:480px){.img-game-card{min-height:142px}.img-game-card img{height:142px}.provider-image-grid{gap:10px;padding:12px}.provider-image-card{min-height:76px}.provider-image-card img{min-height:76px}}
.game-filter-row{display:flex;gap:10px;overflow-x:auto;padding:12px 10px 10px;scrollbar-width:none}.game-filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;border:1px solid rgba(255,80,80,.28);border-radius:14px;background:linear-gradient(180deg,#210000,#100000);color:#ddd;padding:10px 12px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer}.filter-chip.active{background:linear-gradient(180deg,#e71919,#8b0000);color:#fff;border-color:rgba(255,190,80,.5)}.provider-old-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:10px 10px 110px!important}.old-provider-card{position:relative;min-height:105px!important;padding:0!important;overflow:hidden;border-radius:14px!important;background:#120000!important;border:1px solid rgba(255,70,70,.38)!important;box-shadow:0 8px 18px rgba(0,0,0,.32)!important}.old-provider-card img{width:100%;height:92px;object-fit:contain;background:linear-gradient(135deg,#210000,#050000);padding:8px}.old-provider-card b{display:block;padding:8px 6px 10px;text-align:center;color:#fff;font-size:13px}.provider-badge{position:absolute;top:6px;left:6px;border-radius:6px;background:rgba(185,0,0,.86);color:#fff;font-size:10px;font-weight:900;padding:3px 6px}.direct-hint{font-size:12px}.provider-page{padding-bottom:110px}.img-game-card{min-height:150px}.img-game-card img{width:100%;height:150px;object-fit:cover;display:block}.fallback-art{width:100%;height:150px;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a2f,#b20000);font-size:36px;font-weight:900;color:#fff}.game-card-overlay small{opacity:.8;font-size:10px;word-break:break-all}
@media(min-width:700px){.provider-old-grid{grid-template-columns:repeat(4,1fr)!important}.old-provider-card img{height:120px}.img-game-card img,.fallback-art{height:190px}}


/* v17: provider-first lobby: หน้าล็อบบี้ต้องเป็นค่ายเกมก่อน */
.provider-page-title{padding:14px 12px 6px;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.provider-page-title b{font-size:18px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.provider-page-title span{font-size:11px;color:#ffd8d8;text-align:right;line-height:1.25}
.provider-page-title--inside{padding:10px 2px 12px}
.provider-old-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:10px 10px 112px!important}
.old-provider-card{min-height:148px!important;border-radius:16px!important;background:linear-gradient(180deg,#190000,#080000)!important;border:1px solid rgba(255,92,92,.45)!important;box-shadow:0 8px 20px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:hidden!important;transform:translateZ(0)}
.old-provider-card:active{transform:scale(.97)}
.old-provider-card img{height:112px!important;min-height:112px!important;width:100%!important;object-fit:contain!important;background:radial-gradient(circle at center,rgba(255,40,40,.18),transparent 55%),linear-gradient(135deg,#2a0000,#070000)!important;padding:10px!important;filter:none!important;opacity:1!important}
.old-provider-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,0,0,.08),transparent 45%,rgba(0,0,0,.12));z-index:1}
.old-provider-card b{position:relative;z-index:2;display:block!important;padding:8px 6px 10px!important;text-align:center!important;color:#fff!important;font-size:13px!important;line-height:1.15;text-shadow:0 1px 3px #000;background:linear-gradient(180deg,rgba(160,0,0,.12),rgba(0,0,0,.22))}
.provider-badge{z-index:3;top:7px!important;left:7px!important;right:auto!important;bottom:auto!important;border-radius:7px!important;background:linear-gradient(180deg,#e31a1a,#8a0000)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;padding:4px 7px!important;text-shadow:0 1px 2px #000!important}
.provider-play-label{position:absolute;z-index:3;right:7px;top:7px;left:auto!important;bottom:auto!important;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:10px;font-weight:900;padding:4px 7px;text-shadow:none!important}
.game-filter-row{padding:12px 10px 8px!important}
.filter-chip{border-radius:999px!important;padding:10px 14px!important}
.provider-page{padding:10px 10px 112px!important}
.provider-back{display:block;border-radius:999px;background:linear-gradient(180deg,#245e34,#113d20);color:#fff;text-decoration:none;font-weight:900;padding:13px 16px;margin-bottom:4px;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.pro-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px!important;padding:0!important}
.img-game-card{border-radius:16px!important;overflow:hidden!important;background:#120000!important;border:1px solid rgba(255,90,90,.38)!important;box-shadow:0 8px 20px rgba(0,0,0,.35)!important;min-height:178px!important}
.img-game-card img,.fallback-art{height:178px!important;object-fit:cover!important}
.game-card-overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.84))!important;padding:54px 10px 10px!important}
.game-card-overlay b{font-size:14px!important;text-shadow:0 1px 3px #000!important}
.game-card-overlay small{font-size:10px!important;color:#ddd!important}
@media(min-width:700px){.provider-old-grid{grid-template-columns:repeat(4,1fr)!important}.old-provider-card{min-height:172px!important}.old-provider-card img{height:134px!important;min-height:134px!important}.pro-image-grid{grid-template-columns:repeat(4,1fr)}.img-game-card img,.fallback-art{height:210px!important}.img-game-card{min-height:210px!important}}

/* v24 image fallback: if remote game image fails, card background/provider logo remains visible instead of orange letter */
.img-game-card{background-size:cover!important;background-position:center!important;}
.img-game-card img{background:transparent!important;}
.img-game-card .game-card-overlay{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.78) 58%,rgba(0,0,0,.92) 100%)!important;}


/* v27: game cards clean fallback layout */
.pro-image-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;}
.img-game-card{height:190px!important;min-height:190px!important;border-radius:16px!important;background:#140000!important;}
.img-game-card img{height:190px!important;width:100%!important;object-fit:cover!important;display:block!important;}
.img-game-card:before{display:none!important;}
.game-card-overlay{padding:48px 9px 10px!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.58) 46%,rgba(0,0,0,.93) 100%)!important;}
.game-card-overlay b{font-size:13px!important;line-height:1.08!important;max-height:42px;overflow:hidden;display:block!important;}
.game-card-overlay small{font-size:9px!important;line-height:1.1!important;opacity:.78!important;}
@media(max-width:520px){
  .pro-image-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;}
  .img-game-card{height:142px!important;min-height:142px!important;border-radius:12px!important;}
  .img-game-card img{height:142px!important;}
  .game-card-overlay{padding:38px 6px 7px!important;}
  .game-card-overlay b{font-size:11px!important;max-height:36px;}
  .game-card-overlay small{font-size:8px!important;}
}

/* ===============================
   PRO ADMIN REDESIGN v31
   NextJS-style premium dashboard
================================ */
body.admin-body{margin:0;background:#07070b;color:#f8fafc;font-family:'Noto Sans Thai','Inter',Tahoma,Arial,sans-serif;overflow-x:hidden}
body.admin-body .admin.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top left,rgba(229,17,22,.16),transparent 34%),radial-gradient(circle at 85% 5%,rgba(251,191,36,.10),transparent 28%),linear-gradient(135deg,#07070b 0%,#101014 48%,#180306 100%)}
body.admin-body .admin.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.15));z-index:0}
body.admin-body .pro-sidebar{width:292px!important;position:fixed!important;left:18px;top:18px;bottom:18px;height:auto!important;background:linear-gradient(180deg,rgba(24,24,31,.92),rgba(12,12,16,.92))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:28px;padding:18px!important;box-shadow:0 24px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);overflow:auto;z-index:2}
body.admin-body .brand-card{height:72px;display:flex;align-items:center;gap:14px;padding:12px;border-radius:22px;background:linear-gradient(135deg,rgba(239,68,68,.22),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.10);margin-bottom:16px}
body.admin-body .brand-mark{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;font:900 28px Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#ff3434,#900000);box-shadow:0 12px 30px rgba(239,68,68,.32)}
body.admin-body .brand-name{font:900 18px Inter,'Noto Sans Thai',sans-serif;letter-spacing:.2px;line-height:1.05}
body.admin-body .brand-sub{color:#a1a1aa;font-size:12px;margin-top:4px}
body.admin-body .side-nav{display:flex;flex-direction:column;gap:7px}
body.admin-body .side a.nav-link{display:flex!important;align-items:center;gap:12px;color:#d4d4d8!important;text-decoration:none!important;padding:11px 12px!important;border-radius:17px!important;margin:0!important;border:1px solid transparent;transition:.18s ease;background:transparent!important}
body.admin-body .side a.nav-link:hover{transform:translateX(2px);background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.08)}
body.admin-body .side a.nav-link.active{background:linear-gradient(135deg,rgba(220,38,38,.95),rgba(127,29,29,.78))!important;color:#fff!important;border-color:rgba(248,113,113,.35);box-shadow:0 14px 32px rgba(220,38,38,.22)}
body.admin-body .nav-ico{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.075);display:grid;place-items:center;font-size:18px;flex:none}
body.admin-body .nav-link.active .nav-ico{background:rgba(255,255,255,.18)}
body.admin-body .nav-txt{display:flex;flex-direction:column;min-width:0}
body.admin-body .nav-txt b{font-size:14px;line-height:1.2}
body.admin-body .nav-txt small{font-size:11px;color:#9ca3af;margin-top:2px}
body.admin-body .nav-link.active small{color:#fecaca}
body.admin-body .sidebar-bottom{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
body.admin-body .admin-profile{display:flex;align-items:center;gap:12px;padding:11px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
body.admin-body .avatar{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#f59e0b,#dc2626);box-shadow:0 12px 26px rgba(220,38,38,.22)}
body.admin-body .admin-profile b{font-size:13px}
body.admin-body .admin-profile small{display:block;font-size:11px;color:#86efac}
body.admin-body .logout-link{display:block;margin-top:10px!important;text-align:center!important;background:rgba(239,68,68,.10)!important;border:1px solid rgba(239,68,68,.25)!important;color:#fecaca!important;border-radius:16px!important;padding:10px!important;text-decoration:none}
body.admin-body .pro-main{margin-left:328px!important;width:calc(100% - 328px)!important;padding:18px 18px 32px!important;position:relative;z-index:1}
body.admin-body .topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(15,15,20,.76);border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:18px 22px;margin-bottom:18px;box-shadow:0 20px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px);position:sticky;top:14px;z-index:5}
body.admin-body .breadcrumb{font-size:12px;color:#a1a1aa}
body.admin-body .top-title{font:900 24px Inter,'Noto Sans Thai',sans-serif;letter-spacing:-.03em}
body.admin-body .top-actions{display:flex;gap:10px;flex-wrap:wrap}
body.admin-body .quick-btn{height:42px;padding:0 15px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#f8fafc;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-weight:800;font-size:13px}
body.admin-body .quick-btn.primary{background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 12px 25px rgba(239,68,68,.22)}
body.admin-body .content-area{background:rgba(15,15,20,.44);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:22px;min-height:calc(100vh - 142px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body.admin-body .content-area h1{font:900 28px Inter,'Noto Sans Thai',sans-serif;letter-spacing:-.035em;margin:0 0 18px;display:flex;align-items:center;gap:10px}
body.admin-body .content-area h1:before{content:"";width:12px;height:32px;border-radius:999px;background:linear-gradient(#f87171,#991b1b);box-shadow:0 0 25px rgba(239,68,68,.45)}
body.admin-body .content-area h2,body.admin-body .content-area h3{letter-spacing:-.02em}
body.admin-body .admin-card,body.admin-body .tablebox,body.admin-body .card,body.admin-body .stat>div{background:linear-gradient(180deg,rgba(31,31,40,.92),rgba(17,17,23,.92))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:24px!important;padding:20px!important;box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;margin:0 0 18px!important}
body.admin-body .stat{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px}
body.admin-body .stat>div{position:relative;overflow:hidden}
body.admin-body .stat>div:after{content:"";position:absolute;width:110px;height:110px;right:-40px;top:-40px;border-radius:50%;background:rgba(239,68,68,.16)}
body.admin-body .stat b{font-size:13px;color:#a1a1aa;font-weight:700}
body.admin-body .stat h2,body.admin-body .stat .num{font-size:28px;margin:6px 0 0;font-weight:900}
body.admin-body .table-scroll{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16)}
body.admin-body .tablebox table,body.admin-body .admin-card table,body.admin-body .card table{width:100%;border-collapse:separate!important;border-spacing:0;background:transparent!important;min-width:760px}
body.admin-body .tablebox th,body.admin-body .admin-card th,body.admin-body .card th{position:sticky;top:0;background:linear-gradient(180deg,#3a0608,#210304)!important;color:#fecaca!important;border-bottom:1px solid rgba(248,113,113,.25)!important;font-size:12px;text-transform:none;white-space:nowrap}
body.admin-body .tablebox td,body.admin-body .admin-card td,body.admin-body .card td{border-bottom:1px solid rgba(255,255,255,.07)!important;color:#e5e7eb;vertical-align:middle}
body.admin-body .tablebox tr:hover td,body.admin-body .admin-card tr:hover td,body.admin-body .card tr:hover td{background:rgba(255,255,255,.035)}
body.admin-body input,body.admin-body select,body.admin-body textarea{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;border-radius:15px!important;padding:13px 14px!important;margin:7px 0 14px!important;outline:none;transition:.15s ease}
body.admin-body input:focus,body.admin-body select:focus,body.admin-body textarea:focus{border-color:rgba(248,113,113,.62)!important;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
body.admin-body label{color:#d4d4d8!important;font-size:13px!important;font-weight:700}
body.admin-body .btn,body.admin-body button{border:0;border-radius:15px;background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;font-weight:900;padding:12px 17px;cursor:pointer;box-shadow:0 14px 30px rgba(239,68,68,.22);transition:.15s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}
body.admin-body .btn:hover,body.admin-body button:hover{transform:translateY(-1px);filter:brightness(1.08)}
body.admin-body .btn.ghost,body.admin-body button.ghost{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none}
body.admin-body .pill{display:inline-flex!important;align-items:center;gap:6px;padding:6px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10);font-size:12px;font-weight:800}
body.admin-body .pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#f59e0b}
body.admin-body .success{background:rgba(34,197,94,.13)!important;color:#bbf7d0!important;border-color:rgba(34,197,94,.24)!important}
body.admin-body .success:before{background:#22c55e}
body.admin-body .danger{background:rgba(239,68,68,.14)!important;color:#fecaca!important;border-color:rgba(239,68,68,.24)!important}
body.admin-body .alert{border-radius:16px!important;border:1px solid rgba(255,255,255,.10);padding:13px 15px!important}
body.admin-body .err{background:rgba(239,68,68,.13)!important;color:#fecaca!important}
body.admin-body .ok{background:rgba(34,197,94,.13)!important;color:#bbf7d0!important}
body.admin-body .muted{color:#a1a1aa}
body.admin-body .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.admin-body .admin-form-grid{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px}
body.admin-body .admin-login-wrap{max-width:470px;margin:0 auto;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
body.admin-body .admin-login-card{width:100%;background:linear-gradient(180deg,rgba(24,24,31,.94),rgba(12,12,16,.94));border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
body.admin-body .admin-login-logo{font:900 34px Inter,sans-serif;font-style:italic;margin-bottom:8px;background:linear-gradient(135deg,#fff,#fca5a5);-webkit-background-clip:text;color:transparent}
body.admin-body .admin-login-card .title{text-align:left;color:#fff;margin:0 0 16px}
body.admin-body .empty-state{padding:34px;text-align:center;color:#a1a1aa;border:1px dashed rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.03)}
@media(max-width:1100px){body.admin-body .pro-sidebar{left:10px;width:244px!important}body.admin-body .pro-main{margin-left:264px!important;width:calc(100% - 264px)!important}body.admin-body .nav-txt small{display:none}body.admin-body .stat{grid-template-columns:repeat(2,1fr)!important}body.admin-body .grid2{grid-template-columns:1fr}}
@media(max-width:800px){body.admin-body .admin.app-shell{display:block}body.admin-body .pro-sidebar{position:relative!important;left:auto;top:auto;bottom:auto;width:auto!important;height:auto!important;margin:10px}body.admin-body .side-nav{display:grid;grid-template-columns:repeat(2,1fr)}body.admin-body .pro-main{margin-left:0!important;width:100%!important;padding:10px!important}body.admin-body .topbar{position:relative;top:auto;flex-direction:column;align-items:flex-start}body.admin-body .content-area{padding:14px}body.admin-body .stat{grid-template-columns:1fr!important}}

/* ===== Executive Dashboard v32 ===== */
body.admin-body .dash-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(15,23,42,.55));border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
body.admin-body .dash-hero h1{margin:4px 0 8px!important;font-size:31px!important}
body.admin-body .dash-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#fca5a5;font-size:11px;font-weight:900}
body.admin-body .dash-filter{min-width:440px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:14px}
body.admin-body .dash-filter .segmented{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(255,255,255,.04);padding:5px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
body.admin-body .dash-filter .segmented a{text-align:center;text-decoration:none;color:#d4d4d8;border-radius:12px;padding:10px;font-weight:900;background:transparent}
body.admin-body .dash-filter .segmented a.active{background:linear-gradient(135deg,#ef4444,#7f1d1d);color:#fff;box-shadow:0 10px 22px rgba(239,68,68,.22)}
body.admin-body .dash-filter label{font-size:12px;color:#a1a1aa!important}
body.admin-body .dash-filter input{margin:4px 0 0!important;min-width:0}
body.admin-body .dash-filter button{height:46px;white-space:nowrap}
body.admin-body .kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
body.admin-body .kpi-card{position:relative;overflow:hidden;min-height:132px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(160deg,rgba(31,31,40,.95),rgba(12,12,18,.95));padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}
body.admin-body .kpi-card:before{content:"";position:absolute;right:-34px;top:-34px;width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.08)}
body.admin-body .kpi-card:after{content:"";position:absolute;right:18px;bottom:15px;width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.admin-body .kpi-card span{display:block;color:#a1a1aa;font-size:12px;font-weight:900;letter-spacing:.02em}
body.admin-body .kpi-card strong{display:block;margin-top:8px;font:900 27px Inter,'Noto Sans Thai',sans-serif;letter-spacing:-.04em;color:#fff;line-height:1.08;word-break:break-word}
body.admin-body .kpi-card small{display:block;margin-top:8px;color:#a1a1aa;font-weight:700;line-height:1.35}
body.admin-body .kpi-card.hot{background:linear-gradient(160deg,rgba(127,29,29,.88),rgba(19,19,26,.96))}
body.admin-body .kpi-card.green{background:linear-gradient(160deg,rgba(20,83,45,.75),rgba(19,19,26,.96))}
body.admin-body .kpi-card.blue{background:linear-gradient(160deg,rgba(30,64,175,.72),rgba(19,19,26,.96))}
body.admin-body .kpi-card.purple{background:linear-gradient(160deg,rgba(88,28,135,.72),rgba(19,19,26,.96))}
body.admin-body .kpi-card.amber{background:linear-gradient(160deg,rgba(146,64,14,.72),rgba(19,19,26,.96))}
body.admin-body .kpi-card.pink{background:linear-gradient(160deg,rgba(157,23,77,.68),rgba(19,19,26,.96))}
body.admin-body .dash-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}
body.admin-body .dash-layout.second,body.admin-body .dash-layout.third{grid-template-columns:1fr 1fr}
body.admin-body .chart-card canvas{width:100%;display:block;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07);padding:8px}
body.admin-body .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
body.admin-body .card-head h2{margin:0 0 4px;font-size:19px}
body.admin-body .card-head p{margin:0}
body.admin-body .legend{font-size:12px;color:#d4d4d8;display:flex;align-items:center;gap:8px;white-space:nowrap;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 10px}
body.admin-body .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.dep{background:#22c55e}.dot.wd{background:#ef4444}
body.admin-body .status-bars{display:flex;flex-direction:column;gap:12px}
body.admin-body .status-row{position:relative;overflow:hidden;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:13px 14px;min-height:64px}
body.admin-body .status-row>div{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center}
body.admin-body .status-row b{font-size:14px}.status-row small{color:#cbd5e1;font-weight:700}
body.admin-body .status-row span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(34,197,94,.34),rgba(34,197,94,.04));border-right:1px solid rgba(34,197,94,.24)}
body.admin-body .status-bars.withdraw .status-row span{background:linear-gradient(90deg,rgba(239,68,68,.34),rgba(239,68,68,.04));border-right-color:rgba(239,68,68,.24)}
body.admin-body .compact-table table{min-width:620px!important}
body.admin-body .timeline{display:flex;flex-direction:column;gap:10px;max-height:450px;overflow:auto;padding-right:2px}
body.admin-body .time-item{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px}
body.admin-body .time-item>span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(34,197,94,.13)}
body.admin-body .time-item.withdraw>span{background:rgba(239,68,68,.13)}
body.admin-body .time-item b{display:block;font-size:14px}.time-item small{display:block;color:#a1a1aa;margin-top:3px}
body.admin-body .quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}
body.admin-body .board-note h2{margin-top:0}
@media(max-width:1240px){body.admin-body .kpi-grid{grid-template-columns:repeat(2,1fr)}body.admin-body .dash-layout,body.admin-body .dash-layout.second,body.admin-body .dash-layout.third{grid-template-columns:1fr}body.admin-body .dash-filter{min-width:0}}
@media(max-width:780px){body.admin-body .dash-hero{flex-direction:column}body.admin-body .dash-filter{grid-template-columns:1fr}body.admin-body .kpi-grid{grid-template-columns:1fr}body.admin-body .quick-grid{grid-template-columns:1fr 1fr}body.admin-body .card-head{flex-direction:column}.legend{white-space:normal}}

/* ===== v33 Unified professional backoffice ===== */
body.admin-body.v33-admin{background:#050607!important;color:#f8fafc;font-family:'Noto Sans Thai',Inter,Arial,sans-serif!important}
body.admin-body.v33-admin .xg-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 70% -10%,rgba(234,179,8,.13),transparent 25%),linear-gradient(180deg,#070707,#020202)!important}
body.admin-body.v33-admin .xg-sidebar{position:fixed;left:0;top:0;bottom:0;width:278px;background:linear-gradient(180deg,#111,#070707);border-right:1px solid rgba(234,179,8,.22);padding:16px 10px;overflow:auto;z-index:40;box-shadow:25px 0 60px rgba(0,0,0,.35)}
body.admin-body.v33-admin .xg-logo-panel{height:72px;border-bottom:1px solid rgba(234,179,8,.18);display:flex;align-items:center;gap:12px;padding:0 12px 14px;margin-bottom:12px}
body.admin-body.v33-admin .xg-logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fde68a,#a16207);color:#111;font-size:22px;box-shadow:0 14px 34px rgba(234,179,8,.18)}
body.admin-body.v33-admin .xg-logo-panel b{font:900 20px Inter,'Noto Sans Thai';letter-spacing:-.02em}.xg-logo-panel small{display:block;color:#a8a29e;font-size:12px;font-weight:700}
body.admin-body.v33-admin .xg-menu{display:flex;flex-direction:column;gap:8px}.xg-menu-group{border-radius:16px}.xg-menu-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid transparent;border-radius:16px;color:#e7e5e4;font-weight:900;transition:.15s}.xg-menu-group summary::-webkit-details-marker{display:none}.xg-menu-group summary span{width:22px;text-align:center;color:#facc15}.xg-menu-group summary i{margin-left:auto;font-style:normal;transition:.15s;color:#fde68a}.xg-menu-group[open] summary i{transform:rotate(90deg)}.xg-menu-group summary.active,.xg-menu-group summary:hover{background:linear-gradient(135deg,rgba(234,179,8,.15),rgba(234,179,8,.03));border-color:rgba(234,179,8,.38);color:#fff}
body.admin-body.v33-admin .xg-submenu{padding:6px 0 6px 45px;display:flex;flex-direction:column;gap:2px}.xg-submenu a{text-decoration:none;color:#c8bfae;padding:9px 10px;border-radius:12px;display:block;border:1px solid transparent}.xg-submenu a b{display:block;font-size:13px}.xg-submenu a small{display:none;color:#78716c;font-size:11px}.xg-submenu a.active,.xg-submenu a:hover{color:#fff;background:rgba(234,179,8,.09);border-color:rgba(234,179,8,.16)}.xg-submenu a.active small,.xg-submenu a:hover small{display:block}
.xg-sidebar-footer{padding:12px 8px 20px}.xg-logout{display:flex;padding:13px 14px;border-radius:15px;border:1px solid rgba(248,113,113,.25);background:rgba(127,29,29,.22);color:#fecaca;text-decoration:none;font-weight:900}
body.admin-body.v33-admin .xg-main{margin-left:278px;width:calc(100% - 278px);min-height:100vh}.xg-topbar{height:56px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(8,8,8,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.xg-breadcrumb{font-size:13px;color:#a8a29e;display:flex;align-items:center;gap:8px}.xg-breadcrumb span{color:#facc15}.xg-top-right{display:flex;align-items:center;gap:10px}.xg-clock,.xg-chip{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);border-radius:12px;padding:8px 11px;color:#fff;font-weight:800;font-size:12px;text-decoration:none}.xg-chip.gold{background:linear-gradient(135deg,#eab308,#a16207);color:#111}.xg-user{display:flex;align-items:center;gap:8px}.xg-user span{width:31px;height:31px;border-radius:50%;background:#facc15;color:#111;display:grid;place-items:center;font-weight:900}.xg-user b{font-size:13px}.xg-content{padding:22px;max-width:1640px;margin:0 auto}.xg-page-head{display:flex;justify-content:space-between;align-items:stretch;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,#1b1d22,#101116);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.25)}.xg-page-head p{margin:0 0 6px;color:#facc15;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.xg-page-head h1{margin:0;color:#fff;font-size:30px;letter-spacing:-.03em}.xg-page-head span{display:block;margin-top:8px;color:#a8a29e;font-weight:700}.xg-date-filter{min-width:520px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.xg-segment{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#090a0c;border:1px solid rgba(255,255,255,.08);padding:5px;border-radius:14px}.xg-segment a{text-align:center;text-decoration:none;color:#cbd5e1;border-radius:10px;padding:9px;font-weight:900}.xg-segment a.active{background:linear-gradient(135deg,#facc15,#a16207);color:#111}.xg-date-filter input,.xg-date-filter button{margin:0!important;height:44px}.xg-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.xg-kpi,.xg-panel,.xg-info{background:linear-gradient(160deg,#171923,#0c0d12);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.xg-kpi small{display:block;color:#a8a29e;font-weight:900}.xg-kpi b{display:block;margin:8px 0;font-size:28px;color:#fff;font-family:Inter}.xg-kpi span{color:#facc15;font-size:12px;font-weight:800}.xg-panel{margin-bottom:18px}.xg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.xg-panel-head h2{margin:0;font-size:20px}.xg-panel-head p{margin:3px 0 0;color:#a8a29e}.xg-table{width:100%;border-collapse:collapse;min-width:760px}.xg-table th{background:linear-gradient(135deg,#3b2605,#111);color:#facc15;border-bottom:1px solid rgba(234,179,8,.25);font-size:12px;text-transform:none;white-space:nowrap}.xg-table td{border-bottom:1px solid rgba(255,255,255,.07);color:#e5e7eb;vertical-align:top}.xg-table th,.xg-table td{padding:13px 14px}.xg-table code{display:block;max-width:560px;white-space:pre-wrap;word-break:break-word;color:#cbd5e1;font-size:11px}.xg-badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:rgba(255,255,255,.08)}.xg-badge.ok{background:rgba(34,197,94,.15);color:#bbf7d0}.xg-badge.warn{background:rgba(245,158,11,.15);color:#fde68a}.xg-grid-4{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px;margin-bottom:18px}.xg-info b{display:block;font-size:16px;color:#facc15}.xg-info span{display:block;margin-top:10px;color:#cbd5e1}.xg-info.big b{font-size:28px}.xg-info.green b{color:#34d399}.xg-search-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:14px}.xg-note{border:1px solid rgba(234,179,8,.18);background:rgba(234,179,8,.08);border-radius:16px;padding:12px 14px;margin:10px 0 14px;color:#fde68a;font-weight:800}.xg-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:end}.xg-form-grid button{width:max-content}.xg-toggle{display:flex!important;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:13px}.xg-toggle input{width:auto!important;margin:0!important}.xg-form-grid label input,.xg-form-grid label select{display:block;width:100%}
@media(max-width:1000px){body.admin-body.v33-admin .xg-sidebar{position:relative;width:auto;height:auto}.xg-main{margin-left:0!important;width:100%!important}.xg-topbar,.xg-page-head{flex-direction:column;height:auto;align-items:flex-start}.xg-date-filter,.xg-search-row{min-width:0;width:100%;grid-template-columns:1fr}.xg-kpi-row,.xg-grid-4{grid-template-columns:1fr}.xg-content{padding:12px}}
body.admin-body .member-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}body.admin-body .xg-actions-row{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}body.admin-body .xg-actions-row .btn{width:auto!important;text-decoration:none}@media(max-width:900px){body.admin-body .member-create-grid{grid-template-columns:1fr}}

/* =========================
   Frontend pink premium theme v36
   ========================= */
body.front-pink-body{
  --pink:#ff2d8d;--pink2:#e21272;--pink3:#8b0f46;--deep:#210014;--deep2:#12000b;--line:rgba(255,129,191,.35);--white:#fff;
  background:radial-gradient(circle at 50% 0%,rgba(255,45,141,.30),transparent 34%),linear-gradient(90deg,#2d000f 0%,#4b001d 50%,#2d000f 100%)!important;
  color:#fff;
}
body.front-pink-body .wrap.pink-app-shell{
  max-width:480px!important;margin:0 auto!important;min-height:100vh!important;padding-bottom:106px!important;
  background:linear-gradient(180deg,rgba(85,0,32,.92),rgba(39,0,18,.95) 48%,rgba(20,0,10,.98))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 80px rgba(0,0,0,.45);
  overflow:hidden;
}
body.front-pink-body .pink-topbar{
  height:58px!important;background:linear-gradient(180deg,#ff3b9e,#ad0955 60%,#64002e)!important;
  border-bottom:1px solid rgba(255,181,218,.45)!important;padding:0 12px!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important;
}
body.front-pink-body .pink-logo{display:flex;align-items:center;text-decoration:none;min-width:130px;max-width:180px;overflow:hidden}
body.front-pink-body .pink-logo img{height:34px;max-width:170px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45)) hue-rotate(315deg) saturate(1.2)}
body.front-pink-body .pink-logo strong{font-size:30px;font-weight:900;font-style:italic;color:#fff;letter-spacing:-1px;text-shadow:0 2px 8px #000}
body.front-pink-body .pink-nav-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
body.front-pink-body .pink-mini-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;color:#fff;text-decoration:none;font-size:13px;font-weight:900;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 18px rgba(0,0,0,.22)}
body.front-pink-body .pink-mini-btn.dark{background:linear-gradient(180deg,#19111a,#0b060b)!important}
body.front-pink-body .pink-mini-btn.glow{background:linear-gradient(180deg,#ff4ea9,#cc0d69)!important}
body.front-pink-body .pink-flag{width:34px;height:34px;border-radius:50%;padding:0;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden}
body.front-pink-body .pink-flag img{width:31px;height:31px;border-radius:50%;object-fit:cover}
body.front-pink-body .pink-home{padding:10px 12px 0}
body.front-pink-body .pink-category-pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
body.front-pink-body .pink-category-pills a{min-width:72px;text-align:center;color:#fff;text-decoration:none;font-weight:900;font-size:13px;padding:10px 12px;border-radius:8px;background:linear-gradient(180deg,#ff44a5,#b3065b);border:1px solid rgba(255,177,218,.45);box-shadow:0 8px 16px rgba(0,0,0,.22),inset 0 -2px 0 rgba(0,0,0,.18);transform:skew(-10deg)}
body.front-pink-body .pink-category-pills a::first-letter{ }
body.front-pink-body .pink-welcome{text-align:center;font-size:14px;font-weight:800;margin:4px 0 26px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
body.front-pink-body .pink-welcome b{color:#ff7fbd}
body.front-pink-body .pink-alert-strip{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;text-align:center;font-weight:900;min-height:42px;border-radius:999px;background:linear-gradient(180deg,#ff4eb0,#cf0b6d);border:1px solid rgba(255,180,220,.45);box-shadow:0 12px 25px rgba(0,0,0,.24),inset 0 -3px 0 rgba(0,0,0,.16);margin:0 0 20px}
body.front-pink-body .pink-section-title{margin:18px 0 10px;font-size:15px;font-weight:900;color:#fff;display:flex;align-items:center;gap:8px}
body.front-pink-body .pink-section-title:before{content:"";width:3px;height:18px;border-radius:99px;background:#ff55b0;box-shadow:0 0 12px rgba(255,45,141,.8)}
body.front-pink-body .pink-hit-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 2px 4px;scrollbar-width:none}.pink-hit-scroll::-webkit-scrollbar{display:none}
body.front-pink-body .pink-hit-card{flex:0 0 132px;text-decoration:none;color:#fff;border-radius:12px;padding:8px;background:linear-gradient(180deg,rgba(79,0,35,.95),rgba(42,0,20,.98));border:1px solid rgba(255,77,166,.45);box-shadow:0 14px 28px rgba(0,0,0,.35);text-align:center}
body.front-pink-body .pink-hit-img{height:126px;border-radius:9px;overflow:hidden;background:#260014}
body.front-pink-body .pink-hit-img img{width:100%;height:100%;object-fit:cover;display:block}
body.front-pink-body .pink-hit-name{font-size:12px;font-weight:900;min-height:30px;margin-top:8px}
body.front-pink-body .pink-hit-pct{font-size:18px;color:#ffd36e;font-weight:900;margin:2px 0 6px;text-shadow:0 2px 5px #000}
body.front-pink-body .pink-hit-bar{height:9px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.pink-hit-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#fff,#ffd58a)}
body.front-pink-body .pink-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
body.front-pink-body .pink-tabs button{border:0;background:transparent;color:#fff;font-weight:900;font-size:12px;padding:11px 4px;border-radius:999px}.pink-tabs button.active{background:linear-gradient(180deg,#ff50ae,#b9085d);border:1px solid rgba(255,177,218,.5);box-shadow:0 8px 18px rgba(0,0,0,.22)}
body.front-pink-body .pink-provider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding-bottom:30px}
body.front-pink-body .pink-provider-card{height:64px;background:#22122a;border:1px solid rgba(255,86,174,.35);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 8px 16px rgba(0,0,0,.2);overflow:hidden}
body.front-pink-body .pink-provider-card img{max-width:100%;max-height:100%;object-fit:contain;display:block}
body.front-pink-body .pink-bottom{bottom:8px!important;padding:0 9px!important;z-index:50!important}
body.front-pink-body .pink-bottom-inner{height:76px!important;background:linear-gradient(180deg,#ff46a8,#cb0b68)!important;border:1px solid rgba(255,211,232,.32);border-radius:14px!important;box-shadow:0 -10px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.18)!important}
body.front-pink-body .pink-navitem{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.4);font-size:11px!important;font-weight:900!important}
body.front-pink-body .pink-navitem img{width:31px;height:31px;object-fit:contain;display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
body.front-pink-body .pink-navitem span{font-size:11px!important;display:block!important}
body.front-pink-body .pink-homebtn{width:68px!important;height:68px!important;border-radius:50%!important;background:linear-gradient(180deg,#e40c75,#960044)!important;border:3px solid #ff62b8!important;margin-top:-30px!important;box-shadow:0 -6px 16px rgba(0,0,0,.25),inset 0 0 0 2px rgba(255,255,255,.08)!important;display:flex;align-items:center;justify-content:center;padding:0!important}
body.front-pink-body .pink-homebtn img{width:39px;height:39px;object-fit:contain}
body.front-pink-body .form-card{background:linear-gradient(180deg,rgba(26,27,31,.98),rgba(18,15,22,.98))!important;border:1px solid rgba(255,103,185,.28)!important;border-radius:14px!important;box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.03)!important}
body.front-pink-body .title{color:#ff7dc2!important;font-weight:900;text-shadow:0 0 18px rgba(255,45,141,.25)}
body.front-pink-body input,body.front-pink-body select,body.front-pink-body textarea{background:#0f1013!important;border:1px solid rgba(255,139,201,.20)!important;border-radius:10px!important;color:#fff!important}
body.front-pink-body input:focus,body.front-pink-body select:focus,body.front-pink-body textarea:focus{outline:none;border-color:rgba(255,91,177,.75)!important;box-shadow:0 0 0 4px rgba(255,45,141,.12)}
body.front-pink-body .btn{background:linear-gradient(180deg,#ff4eaa,#c70664)!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(255,45,141,.22)!important}
body.front-pink-body .btn.ghost{background:#111!important;border:1px solid rgba(255,255,255,.20)!important}
body.front-pink-body .tile{background:linear-gradient(180deg,#ff4ba9,#8e073f)!important;border:1px solid rgba(255,175,217,.40)!important;border-radius:9px!important;box-shadow:0 10px 18px rgba(0,0,0,.22)}
body.front-pink-body .bar,.provider-back{background:linear-gradient(90deg,#d80d6d,#ff71bd,#c00661)!important;border:1px solid rgba(255,187,223,.35)!important;color:#fff!important;box-shadow:0 10px 20px rgba(0,0,0,.22)}
body.front-pink-body .provider-page{padding:10px 12px 20px}.provider-back{display:block;text-decoration:none;border-radius:999px;padding:12px 18px;margin:0 0 14px;font-weight:900}.provider-page-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#fff}.provider-page-title span{font-size:11px;color:#ffd2e7;font-weight:700}.game-filter-row{display:flex;gap:8px;overflow-x:auto;margin:10px 0 14px}.filter-chip{white-space:nowrap;border:0;border-radius:999px;padding:10px 13px;background:#150814;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.10)}.filter-chip.active{background:linear-gradient(180deg,#ff4eaa,#b8085c);border-color:rgba(255,183,220,.5)}
body.front-pink-body .provider-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.provider-image-card{display:block;position:relative;height:108px;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;background:#22091a;border:1px solid rgba(255,104,184,.35);box-shadow:0 13px 24px rgba(0,0,0,.28)}.provider-image-card img{width:100%;height:100%;object-fit:cover;display:block}.provider-image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,45,141,.06),rgba(0,0,0,.45))}.provider-image-card b,.provider-badge,.provider-play-label{position:absolute;z-index:2}.provider-image-card b{left:12px;bottom:10px}.provider-badge{left:8px;top:8px;background:rgba(255,45,141,.72);padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900}.provider-play-label{right:8px;top:8px;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900}
body.front-pink-body .game-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.game-card-pro{height:152px;position:relative;border-radius:12px;overflow:hidden;background:#1c0916;border:1px solid rgba(255,125,194,.35);display:block;text-decoration:none;color:#fff;box-shadow:0 10px 18px rgba(0,0,0,.28)}.game-card-pro img{width:100%;height:100%;object-fit:cover;display:block}.game-card-pro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.78))}.game-card-overlay{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:block}.game-card-overlay b{display:block;font-size:12px;line-height:1.05}.game-card-overlay small{display:block;color:#e9c4d7;font-size:9px;margin-top:3px}
body.front-pink-body .wallet{background:linear-gradient(180deg,rgba(255,45,141,.34),rgba(105,0,45,.8))!important;border:1px solid rgba(255,159,210,.28)!important;border-radius:14px!important}
@media(max-width:430px){body.front-pink-body .pink-category-pills a{min-width:66px;font-size:12px;padding:9px 8px}.pink-hit-card{flex-basis:128px!important}.pink-provider-grid{grid-template-columns:repeat(5,1fr);gap:7px}.pink-provider-card{height:58px}.game-list-grid{gap:8px!important}.game-card-pro{height:146px!important}.pink-logo img{height:30px!important}.pink-mini-btn{padding:0 10px!important;font-size:12px!important}}
/* v37 live random hit games */
body.front-pink-body .pink-hit-live-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 2px 10px;color:#ffd6e9;font-weight:900;font-size:12px}
body.front-pink-body .pink-hit-live-head small{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;padding:5px 9px;color:#fff;font-size:11px;white-space:nowrap}
body.front-pink-body .pink-hit-card{position:relative;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;border-color:rgba(255,86,178,.55)!important}
body.front-pink-body .pink-hit-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(255,45,141,.22),0 14px 28px rgba(0,0,0,.35)}
body.front-pink-body .pink-hit-card.is-changing{opacity:.55;transform:scale(.96)}
body.front-pink-body .pink-hit-card.is-super-hot{box-shadow:0 0 0 1px rgba(255,221,102,.7),0 0 24px rgba(255,213,90,.18),0 14px 30px rgba(0,0,0,.38)}
body.front-pink-body .pink-hit-ribbon{position:absolute;top:7px;left:7px;z-index:3;border-radius:999px;background:linear-gradient(135deg,#ff2d8d,#ffd36e);color:#210014;font-size:9px;font-weight:1000;padding:4px 7px;letter-spacing:.05em;box-shadow:0 5px 14px rgba(0,0,0,.35)}
body.front-pink-body .pink-hit-img img{transition:transform .45s ease,filter .3s ease}
body.front-pink-body .pink-hit-card:hover .pink-hit-img img{transform:scale(1.07);filter:saturate(1.12)}
body.front-pink-body .pink-hit-pct{transition:color .25s ease,transform .25s ease}
body.front-pink-body .pink-hit-card.is-super-hot .pink-hit-pct{color:#ffe066;transform:scale(1.08)}
body.front-pink-body .pink-hit-bar span{transition:width .45s cubic-bezier(.2,.8,.2,1)}

/* v39: fire HOT badge + stricter no-duplicate hit cards */
body.front-pink-body .pink-hit-ribbon{
  top:6px!important;left:6px!important;overflow:visible!important;
  background:linear-gradient(180deg,#fff2a8 0%,#ff9d00 32%,#ff245d 67%,#7d0036 100%)!important;
  color:#fff!important;border:1px solid rgba(255,242,168,.92)!important;
  text-shadow:0 1px 2px #520016,0 0 8px rgba(255,245,112,.9)!important;
  box-shadow:0 0 0 1px rgba(255,60,125,.45),0 0 18px rgba(255,87,34,.95),0 8px 16px rgba(0,0,0,.38)!important;
  animation:hotFirePulse 1.15s ease-in-out infinite alternate;
}
body.front-pink-body .pink-hit-ribbon::before,
body.front-pink-body .pink-hit-ribbon::after{
  content:"";position:absolute;z-index:-1;left:8px;right:8px;bottom:55%;height:15px;border-radius:50% 50% 45% 45%;
  background:radial-gradient(circle at 35% 80%,#fff7a1 0 12%,#ffcf33 22%,#ff5a1f 47%,rgba(255,0,94,.72) 67%,transparent 72%);
  filter:blur(.15px);transform-origin:50% 100%;animation:hotFlame 820ms ease-in-out infinite alternate;
}
body.front-pink-body .pink-hit-ribbon::after{left:15px;right:2px;height:12px;opacity:.8;animation-delay:.22s;animation-duration:690ms}
@keyframes hotFirePulse{from{filter:saturate(1) brightness(1)}to{filter:saturate(1.25) brightness(1.14);transform:translateY(-1px)}}
@keyframes hotFlame{from{transform:translateY(2px) scale(.86) rotate(-5deg);opacity:.75}to{transform:translateY(-4px) scale(1.16) rotate(6deg);opacity:1}}

/* v40: stronger burning fire HOT badge + no empty hit game image */
body.front-pink-body .pink-hit-img{background:linear-gradient(145deg,#420025,#18000c)!important;position:relative;overflow:hidden}
body.front-pink-body .pink-hit-img:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 12%,rgba(255,229,120,.30),transparent 26%),radial-gradient(circle at 10% 18%,rgba(255,70,170,.22),transparent 30%);pointer-events:none;z-index:1}
body.front-pink-body .pink-hit-img img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;display:block}
body.front-pink-body .pink-hit-card.img-failed .pink-hit-img img{object-fit:cover!important;filter:saturate(1.08) contrast(1.03)}

body.front-pink-body .pink-hit-ribbon{
  min-width:35px;height:22px;display:inline-flex;align-items:center;justify-content:center;
  top:7px!important;left:7px!important;padding:0 8px!important;border-radius:999px!important;
  background:linear-gradient(180deg,#fff8b7 0%,#ffc326 22%,#ff5b12 45%,#f0183b 68%,#6c001d 100%)!important;
  color:#fff!important;border:1px solid rgba(255,245,179,.95)!important;
  font-size:9px!important;font-weight:1000!important;letter-spacing:.06em!important;
  text-shadow:0 1px 1px #5c001d,0 0 8px #fff36e,0 0 13px #ff2c12!important;
  box-shadow:0 0 8px #fff07c,0 0 18px #ff5a14,0 0 30px rgba(255,0,88,.80),0 7px 16px rgba(0,0,0,.55)!important;
  overflow:visible!important;isolation:isolate;animation:hotBadgeBurn 1.05s infinite alternate ease-in-out!important;
}
body.front-pink-body .pink-hit-ribbon::before{
  content:""!important;position:absolute!important;z-index:-1!important;left:-5px!important;right:-5px!important;bottom:9px!important;height:30px!important;
  background:
    radial-gradient(ellipse at 15% 100%,rgba(255,255,165,.95) 0 12%,rgba(255,154,0,.90) 23%,rgba(255,30,0,.45) 44%,transparent 62%),
    radial-gradient(ellipse at 42% 100%,rgba(255,246,120,.95) 0 10%,rgba(255,117,0,.95) 25%,rgba(255,0,83,.55) 48%,transparent 68%),
    radial-gradient(ellipse at 72% 100%,rgba(255,255,190,.88) 0 11%,rgba(255,136,0,.85) 25%,rgba(255,32,0,.48) 50%,transparent 70%);
  filter:blur(.15px) saturate(1.35);transform-origin:50% 100%;animation:flameTongues .54s infinite alternate cubic-bezier(.2,.8,.2,1)!important;
}
body.front-pink-body .pink-hit-ribbon::after{
  content:""!important;position:absolute!important;z-index:-2!important;left:-10px!important;right:-10px!important;bottom:-5px!important;height:34px!important;border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(255,78,0,.65),rgba(255,0,112,.38) 42%,transparent 72%)!important;
  filter:blur(7px);animation:fireGlow 1s infinite alternate ease-in-out!important;
}
@keyframes hotBadgeBurn{0%{transform:translateY(0) scale(1);filter:brightness(1) saturate(1.08)}100%{transform:translateY(-1px) scale(1.045);filter:brightness(1.18) saturate(1.35)}}
@keyframes flameTongues{0%{transform:translateY(4px) scaleX(.86) scaleY(.88) skewX(-7deg);opacity:.78}50%{transform:translateY(-2px) scaleX(1.05) scaleY(1.12) skewX(5deg);opacity:1}100%{transform:translateY(-7px) scaleX(.95) scaleY(1.28) skewX(-3deg);opacity:.92}}
@keyframes fireGlow{0%{opacity:.55;transform:scale(.9)}100%{opacity:1;transform:scale(1.18)}}


/* v41: show fire outside card + horizontal auto carousel */
body.front-pink-body .pink-hit-scroll{
  position:relative!important;
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:30px 8px 10px!important;
  margin-top:-20px!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  cursor:grab!important;
  overscroll-behavior-x:contain!important;
}
body.front-pink-body .pink-hit-scroll:active{cursor:grabbing!important}
body.front-pink-body .pink-hit-scroll::-webkit-scrollbar{display:none!important}
body.front-pink-body .pink-hit-card{
  overflow:visible!important;
  scroll-snap-align:start!important;
  position:relative!important;
  z-index:1!important;
}
body.front-pink-body .pink-hit-card:hover{z-index:9!important}
body.front-pink-body .pink-hit-ribbon{
  top:-14px!important;
  left:8px!important;
  z-index:30!important;
  transform-origin:center bottom!important;
}
body.front-pink-body .pink-hit-ribbon::before{
  bottom:12px!important;
  height:40px!important;
  left:-9px!important;
  right:-9px!important;
  background:
    radial-gradient(ellipse at 18% 100%,rgba(255,255,210,.98) 0 10%,rgba(255,205,31,.95) 19%,rgba(255,98,0,.82) 34%,rgba(255,12,48,.48) 54%,transparent 72%),
    radial-gradient(ellipse at 43% 100%,rgba(255,255,180,.98) 0 12%,rgba(255,164,0,.98) 25%,rgba(255,55,0,.82) 44%,rgba(255,0,110,.46) 62%,transparent 78%),
    radial-gradient(ellipse at 72% 100%,rgba(255,248,160,.92) 0 9%,rgba(255,142,0,.92) 23%,rgba(255,35,0,.65) 45%,transparent 72%)!important;
  filter:drop-shadow(0 -2px 5px rgba(255,210,70,.85)) drop-shadow(0 0 12px rgba(255,64,0,.80))!important;
  animation:flameTonguesV41 .48s infinite alternate cubic-bezier(.2,.8,.2,1)!important;
}
body.front-pink-body .pink-hit-ribbon::after{
  left:-16px!important;
  right:-16px!important;
  bottom:-8px!important;
  height:46px!important;
  background:radial-gradient(ellipse at center,rgba(255,126,0,.78),rgba(255,0,80,.45) 42%,transparent 76%)!important;
  filter:blur(9px)!important;
  animation:fireGlowV41 .86s infinite alternate ease-in-out!important;
}
@keyframes flameTonguesV41{
  0%{transform:translateY(6px) scaleX(.82) scaleY(.76) skewX(-10deg);opacity:.78}
  40%{transform:translateY(-4px) scaleX(1.08) scaleY(1.22) skewX(6deg);opacity:1}
  100%{transform:translateY(-12px) scaleX(.94) scaleY(1.45) skewX(-4deg);opacity:.96}
}
@keyframes fireGlowV41{0%{opacity:.55;transform:scale(.88)}100%{opacity:1;transform:scale(1.23)}}
body.front-pink-body .pink-hit-card::before{
  content:"";
  position:absolute;
  left:5px;right:5px;top:-18px;height:36px;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(255,104,0,.22),transparent 72%);
  filter:blur(8px);
  z-index:2;
  pointer-events:none;
}

/* v42: pure burning fire badge instead of HOT text, no bouncing */
body.front-pink-body .pink-hit-scroll{
  padding-top:42px!important;
  margin-top:-28px!important;
  overflow-y:visible!important;
}
body.front-pink-body .pink-hit-card{
  overflow:visible!important;
}
body.front-pink-body .pink-hit-card::before{
  display:none!important;
}
body.front-pink-body .pink-hit-ribbon{
  top:-26px!important;
  left:10px!important;
  width:44px!important;
  height:48px!important;
  min-width:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 50% 78%, rgba(255,118,0,.55), rgba(255,0,93,.25) 42%, transparent 70%)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:visible!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 10px rgba(255,94,0,.95)) drop-shadow(0 0 18px rgba(255,0,100,.52))!important;
  animation:none!important;
  transform:none!important;
  pointer-events:none!important;
}
body.front-pink-body .pink-hit-ribbon::before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:7px!important;
  right:7px!important;
  top:3px!important;
  bottom:3px!important;
  height:auto!important;
  border-radius:58% 42% 60% 40% / 64% 46% 58% 36%!important;
  background:
    radial-gradient(circle at 50% 78%, #fff7a8 0 8%, #ffd13b 15%, transparent 26%),
    radial-gradient(circle at 40% 62%, #fff1a0 0 10%, #ffbb18 20%, transparent 32%),
    linear-gradient(180deg, #fff1a8 0%, #ffbd21 22%, #ff6417 48%, #f01638 72%, rgba(130,0,40,.05) 100%)!important;
  clip-path:polygon(50% 0%, 67% 18%, 75% 37%, 91% 48%, 78% 88%, 50% 100%, 23% 89%, 9% 54%, 25% 38%, 32% 18%)!important;
  filter:saturate(1.35) contrast(1.08)!important;
  transform-origin:50% 88%!important;
  animation:burnFlameMainV42 .58s infinite alternate ease-in-out!important;
}
body.front-pink-body .pink-hit-ribbon::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:16px!important;
  right:15px!important;
  top:15px!important;
  bottom:9px!important;
  height:auto!important;
  border-radius:55% 45% 58% 42% / 62% 42% 58% 38%!important;
  background:linear-gradient(180deg,#fffbd0 0%,#fff06b 24%,#ff9e12 58%,rgba(255,60,0,.25) 100%)!important;
  clip-path:polygon(50% 0%, 68% 24%, 75% 50%, 62% 84%, 50% 100%, 34% 85%, 24% 53%, 33% 24%)!important;
  filter:drop-shadow(0 0 8px rgba(255,239,125,.95))!important;
  transform-origin:50% 90%!important;
  animation:burnFlameInnerV42 .42s infinite alternate ease-in-out!important;
}
@keyframes burnFlameMainV42{
  0%{transform:scaleX(.92) scaleY(1) rotate(-4deg) skewX(-4deg);opacity:.92;filter:saturate(1.2) brightness(1.02)}
  50%{transform:scaleX(1.05) scaleY(1.08) rotate(3deg) skewX(3deg);opacity:1;filter:saturate(1.45) brightness(1.15)}
  100%{transform:scaleX(.97) scaleY(1.13) rotate(-2deg) skewX(-2deg);opacity:.96;filter:saturate(1.35) brightness(1.08)}
}
@keyframes burnFlameInnerV42{
  0%{transform:scaleX(.85) scaleY(.96) rotate(5deg);opacity:.86}
  100%{transform:scaleX(1.08) scaleY(1.16) rotate(-4deg);opacity:1}
}

/* v43: register page clone style */
body.front-pink-body .register-page{padding:26px 16px 120px;min-height:calc(100vh - 84px);display:flex;align-items:flex-start;justify-content:center}
body.front-pink-body .register-card{width:min(100%,390px);position:relative;background:linear-gradient(180deg,rgba(28,29,31,.98),rgba(18,19,20,.98))!important;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.55);padding:32px 24px 26px;overflow:visible}
body.front-pink-body .register-card-glow{position:absolute;left:12%;right:12%;bottom:-26px;height:80px;background:radial-gradient(ellipse at center,rgba(255,31,45,.26),transparent 70%);filter:blur(18px);pointer-events:none}
body.front-pink-body .register-title{text-align:center;color:#ff636c;font-size:22px;font-weight:1000;margin:0 0 20px;text-shadow:0 0 16px rgba(255,45,75,.25)}
body.front-pink-body .register-stepper{display:flex;align-items:center;justify-content:center;margin:0 0 18px;gap:9px}
body.front-pink-body .step-dot{width:23px;height:23px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#3c3d40;color:#aaa;font-size:12px;font-weight:1000;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);cursor:pointer}
body.front-pink-body .step-dot.active{background:linear-gradient(180deg,#ff323d,#c40818);color:#fff;border-color:rgba(255,133,140,.55);box-shadow:0 0 14px rgba(255,25,40,.28)}
body.front-pink-body .step-line{width:24px;height:2px;background:linear-gradient(90deg,#4c4c4c,#262626);border-radius:99px}.step-dot.active+.step-line{background:linear-gradient(90deg,#ff313e,#831018)}
body.front-pink-body .register-step{display:none;animation:regFade .18s ease both}.register-step.active{display:block}@keyframes regFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
body.front-pink-body .register-label{display:block;color:#ddd;font-size:12px;font-weight:700;margin:12px 0 7px}
body.front-pink-body .register-input-wrap{position:relative}.register-input{width:100%;height:48px;background:#101112!important;border:1px solid #3a3b3f!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;padding:0 14px!important;box-sizing:border-box!important}.register-input::placeholder{color:#777}.register-input:focus{border-color:#606266!important;box-shadow:none!important;background:#101112!important}
body.front-pink-body .password-wrap .register-input{padding-right:46px!important}.eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:0;border-radius:9px;background:transparent;color:#4a4b4f;font-size:17px;cursor:pointer}.eye-btn.active{color:#ff5366;text-shadow:0 0 10px rgba(255,83,102,.4)}
body.front-pink-body .register-login-link{text-align:right;margin:13px 0 17px}.register-login-link a{color:#ff6771;text-decoration:none;font-size:14px;font-weight:700}.register-login-link a:hover{text-decoration:underline}
body.front-pink-body .register-main-btn{height:48px;width:100%!important;border-radius:999px!important;margin-top:12px;font-weight:1000;background:linear-gradient(180deg,#ff2530,#cf0712)!important;box-shadow:0 16px 30px rgba(255,18,31,.28),inset 0 1px 0 rgba(255,255,255,.18)!important}
body.front-pink-body .register-rule-box{background:#222329;border:1px solid rgba(255,255,255,.04);border-radius:7px;min-height:50px;display:flex;align-items:center;gap:12px;padding:0 24px;color:#fff;font-size:13px;font-weight:800;margin:0 0 2px}.register-rule-box span{font-size:18px;color:#fff}
body.front-pink-body .register-note{text-align:center;margin:14px 0 10px;color:#d4d4d4;font-size:11px;line-height:1.45}.register-note b{color:#ff3042}.register-error{margin:0 0 12px!important}
body.front-pink-body .register-bank-select{margin:6px 0 0}.register-bank-select .bank-current{height:48px;background:#101112!important;border:1px solid #2f3032!important;border-radius:8px!important;padding:0 12px!important}.register-bank-select .bank-current.selected{border-color:#14b85a!important;box-shadow:0 0 0 2px rgba(20,184,90,.18)!important}.register-bank-select .bank-current strong{font-size:14px!important}.register-bank-select .bank-current small{font-size:11px!important;color:#808388!important}.register-bank-select .bank-arrow{font-size:20px;color:#34363b}.register-bank-select.open .bank-current{border-color:#14b85a!important;box-shadow:0 0 0 2px rgba(20,184,90,.18)!important}.register-bank-select .bank-menu{top:calc(100% + 6px)!important;background:#171817!important;border:0!important;border-radius:0 0 10px 10px!important;box-shadow:0 18px 38px rgba(0,0,0,.54),0 14px 28px rgba(255,18,31,.18)!important;padding:6px!important;max-height:292px!important;z-index:80!important}.register-bank-select .bank-option{height:48px;border-radius:5px!important;padding:6px 9px!important}.register-bank-select .bank-option:hover,.register-bank-select .bank-option:focus{background:#1a2a20!important;outline:none}.register-bank-select .bank-option strong{font-size:15px!important;color:#fff!important}.register-bank-select .bank-option small{font-size:10px!important;color:#909090!important}.register-bank-select .bank-logo{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:8px!important;border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 8px rgba(0,0,0,.22)!important}.register-bank-select .bank-logo.placeholder{background:#222!important;font-size:15px!important}.bank-logo.true{background:#ff7a00;color:#fff}.register-bank-select .bank-logo.scb{background:linear-gradient(135deg,#4d2580,#7c3bc4)!important}.register-bank-select .bank-logo.kbank{background:linear-gradient(135deg,#01a45d,#037444)!important}.register-bank-select .bank-logo.ktb{background:linear-gradient(135deg,#25b7ea,#0876c9)!important}.register-bank-select .bank-logo.bbl{background:linear-gradient(135deg,#1e60ba,#082e77)!important}.register-bank-select .bank-logo.bay{background:linear-gradient(135deg,#f7c800,#b89200)!important;color:#4b3700!important}.register-bank-select .bank-logo.ttb{background:linear-gradient(135deg,#ff7b1a,#0b7cc6)!important}.register-bank-select .bank-logo.gsb{background:linear-gradient(135deg,#ff61b2,#ca1880)!important}.register-bank-select .bank-logo.baac{background:linear-gradient(135deg,#44b549,#19772e)!important}.register-bank-select .bank-logo.uob{background:linear-gradient(135deg,#e31b2f,#003a7d)!important}.register-bank-select .bank-logo.cimb{background:linear-gradient(135deg,#db2034,#82111c)!important}.register-bank-select .bank-logo.kkp{background:linear-gradient(135deg,#3b78d5,#143d87)!important}
body.front-pink-body .input-shake{animation:regShake .34s ease both!important;border-color:#ff3042!important}@keyframes regShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:430px){body.front-pink-body .register-page{padding:22px 14px 120px}.register-card{padding:28px 20px 24px!important;width:calc(100% - 10px)!important}.register-title{font-size:21px!important}.register-rule-box{padding:0 18px!important}.register-bank-select .bank-option strong{font-size:14px!important}}


/* v44: fix register step content hidden by selector specificity + proper clone spacing */
body.front-pink-body .register-step.active{display:block!important;}
body.front-pink-body .register-step:not(.active){display:none!important;}
body.front-pink-body .register-page{width:100%;}
body.front-pink-body .register-clone .register-input,
body.front-pink-body .register-clone .register-bank-select{display:block!important;visibility:visible!important;opacity:1!important;}
body.front-pink-body .register-clone .register-label{display:block!important;}
body.front-pink-body .register-clone .register-main-btn{display:flex!important;}


/* v45: Popup announcement must stay above bottom menu and floating browser widgets */
body.front-pink-body .pink-modal,
body.front-pink-body .modal.pink-modal{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  background:rgba(0,0,0,.78)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
}
body.front-pink-body .pink-modalbox,
body.front-pink-body .modalbox.pink-modalbox{
  position:relative!important;
  z-index:100000!important;
  width:min(92vw,420px)!important;
  max-height:calc(100vh - 155px)!important;
  overflow:auto!important;
  margin:0 auto!important;
  background:linear-gradient(180deg,rgba(35,13,28,.98),rgba(15,5,13,.98))!important;
  border:1px solid rgba(255,113,194,.62)!important;
  border-radius:20px!important;
  box-shadow:0 32px 100px rgba(0,0,0,.68),0 0 42px rgba(255,45,141,.22)!important;
  text-align:center!important;
}
body.front-pink-body .pink-modalbox h3{
  margin-top:0!important;
  color:#ff7cc7!important;
  font-size:22px!important;
  font-weight:1000!important;
  text-shadow:0 0 20px rgba(255,45,141,.38)!important;
}
body.front-pink-body .pink-modalbox p{
  color:#fff!important;
  line-height:1.65!important;
  margin:12px 0 18px!important;
}
body.front-pink-body.modal-open .pink-bottom{
  pointer-events:none!important;
  opacity:.18!important;
  filter:blur(2px)!important;
}


/* v46 affiliate referral system */
body.front-pink-body .affiliate-page{padding:18px 14px 120px;max-width:480px;margin:0 auto;color:#fff}
body.front-pink-body .affiliate-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(80,0,40,.9));border:1px solid rgba(255,105,180,.42);border-radius:22px;padding:18px;box-shadow:0 20px 55px rgba(236,72,153,.16)}
body.front-pink-body .affiliate-hero h2{margin:0 0 4px;color:#fff;font-size:26px;text-shadow:0 2px 10px rgba(0,0,0,.45)}
body.front-pink-body .affiliate-hero p{margin:0;color:#ffd0e8;font-size:13px;line-height:1.55}
body.front-pink-body .affiliate-rate{min-width:76px;height:76px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#fff,#ff75c8 20%,#e6007e 55%,#690031);border:1px solid rgba(255,255,255,.35);font-weight:1000;font-size:19px;box-shadow:0 0 30px rgba(255,0,120,.5)}
body.front-pink-body .affiliate-card{background:linear-gradient(180deg,rgba(30,32,35,.92),rgba(14,14,16,.94));border:1px solid rgba(255,96,170,.28);border-radius:22px;padding:16px;margin:14px 0;box-shadow:0 18px 50px rgba(0,0,0,.35)}
body.front-pink-body .affiliate-card h3{margin:0 0 12px;color:#fff;font-size:17px}
body.front-pink-body .affiliate-card label{display:block;color:#ffc2df;font-weight:800;margin-bottom:8px}
body.front-pink-body .copy-row{display:flex;gap:8px;align-items:center}
body.front-pink-body .copy-row input{flex:1;margin:0!important;border-radius:15px!important;background:#090a0d!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-weight:800;font-size:12px}
body.front-pink-body .copy-row .btn{white-space:nowrap;border-radius:15px!important;background:linear-gradient(180deg,#ff66bd,#df0076)!important;box-shadow:0 10px 25px rgba(236,72,153,.35)!important}
body.front-pink-body .affiliate-code{margin-top:10px;color:#ffd3e8;font-size:13px}
body.front-pink-body .affiliate-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
body.front-pink-body .affiliate-stats>div{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,105,180,.25);border-radius:18px;padding:14px;min-height:76px}
body.front-pink-body .affiliate-stats span{display:block;color:#ffb9dc;font-size:12px;font-weight:800}
body.front-pink-body .affiliate-stats b{display:block;margin-top:5px;font-size:24px;color:#fff;text-shadow:0 2px 12px rgba(255,0,130,.25)}
body.front-pink-body .mini-table{overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
body.front-pink-body .mini-table table{width:100%;border-collapse:collapse;background:rgba(0,0,0,.25)}
body.front-pink-body .mini-table th,body.front-pink-body .mini-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;white-space:nowrap}
body.front-pink-body .mini-table th{background:rgba(255,0,110,.25);color:#ffd9ec}
body.front-pink-body .affiliate-note{color:#ffb9dc;font-size:12px;line-height:1.55;margin:12px 3px 0}
body.admin-body .xg-panel .admin-form-grid label{display:block;color:#e5e7eb;font-weight:800;margin:0 0 10px}
body.admin-body .xg-panel .admin-form-grid input,body.admin-body .xg-panel .admin-form-grid select{margin-top:7px!important}
body.admin-body .xg-table input[readonly]{min-width:280px;background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fde68a!important;border-radius:12px!important;padding:9px!important;font-size:12px!important;margin:0!important}

/* v48 partner portal / wheel / cashback */
.pink-page-panel{margin:18px auto 90px;max-width:520px;background:linear-gradient(180deg,rgba(30,30,34,.96),rgba(12,12,16,.98));border:1px solid rgba(255,45,141,.28);border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(255,45,141,.14);color:#fff}.pink-page-panel h2{margin:0 0 8px;text-align:center;color:#ff7ab8}.pink-page-panel h3{margin:18px 0 10px;color:#fff}.partner-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.partner-topline h2{text-align:left}.affiliate-link-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;margin:14px 0}.affiliate-link-card input{width:100%;margin-top:8px;background:#080a10;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;padding:10px}.front-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.front-stats>div{background:linear-gradient(135deg,rgba(255,45,141,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}.front-stats small{display:block;color:#ffb6d7}.front-stats b{font-size:22px}.front-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:14px}.front-table-wrap table{width:100%;border-collapse:collapse;min-width:480px}.front-table-wrap th,.front-table-wrap td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;text-align:left}.front-table-wrap th{background:rgba(255,45,141,.2);color:#ffd7ea}.partner-login-box{margin-top:35px}.lucky-wheel{position:relative;width:280px;height:280px;margin:18px auto;border-radius:50%;background:conic-gradient(#ff2d8d 0 45deg,#f59e0b 45deg 90deg,#22c55e 90deg 135deg,#64748b 135deg 180deg,#8b5cf6 180deg 225deg,#06b6d4 225deg 270deg,#ef4444 270deg 315deg,#f97316 315deg 360deg);border:8px solid rgba(255,255,255,.12);box-shadow:0 0 45px rgba(255,45,141,.45),inset 0 0 30px rgba(0,0,0,.55)}.lucky-wheel:before{content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));z-index:3}.lucky-wheel b{position:absolute;inset:95px;display:grid;place-items:center;background:#111827;border-radius:50%;border:5px solid #fff;color:#fff;font-size:38px;z-index:2}.lucky-wheel span{position:absolute;left:50%;top:50%;width:118px;transform-origin:0 0;transform:rotate(calc(var(--i)*45deg)) translate(24px,-8px);font-size:11px;font-weight:900;text-shadow:0 2px 5px #000;white-space:nowrap}.wheel-page .btn,.cashback-page .btn,.partner-login-box .btn{width:100%;margin-top:14px}.success{background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.35);color:#bbf7d0;border-radius:12px;padding:10px;margin:10px 0}.alert{background:rgba(239,68,68,.16);border:1px solid rgba(239,68,68,.35);color:#fecaca;border-radius:12px;padding:10px;margin:10px 0}.btn.small{padding:7px 10px;font-size:12px}.btn.danger{background:linear-gradient(180deg,#ef4444,#991b1b)}


/* v49: wallet top, wheel ticket settings, front history */
body.front-pink-body .member-wallet-top{margin:12px 14px 16px;padding:14px;border-radius:20px;background:linear-gradient(135deg,rgba(255,45,141,.22),rgba(22,8,18,.94));border:1px solid rgba(255,105,180,.36);box-shadow:0 16px 44px rgba(255,45,141,.16);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}
body.front-pink-body .member-phone{display:flex;align-items:center;gap:10px;min-width:0}body.front-pink-body .member-phone>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,#ff83cd,#d90073);box-shadow:0 8px 20px rgba(255,45,141,.35)}body.front-pink-body .member-phone small,body.front-pink-body .member-balance small{display:block;color:#ffc7e3;font-size:11px;font-weight:800}body.front-pink-body .member-phone b{display:block;color:#fff;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-balance{text-align:right}.member-balance b{display:inline-block;font-size:24px;line-height:1;color:#ffe55c;text-shadow:0 2px 15px rgba(255,229,92,.28)}.member-balance em{font-style:normal;color:#ffd0e8;font-size:12px;margin-left:3px}
body.front-pink-body .wheel-ticket-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.wheel-ticket-card>div{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,45,141,.08));border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;text-align:center}.wheel-ticket-card small{display:block;color:#ffb8db;font-size:11px;font-weight:800}.wheel-ticket-card b{display:block;margin-top:5px;color:#fff;font-size:17px}.history-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.history-tabs button{border:1px solid rgba(255,105,180,.24);border-radius:14px;background:rgba(255,255,255,.06);color:#ffd4e8;padding:11px;font-weight:900;cursor:pointer}.history-tabs button.active{background:linear-gradient(180deg,#ff62b8,#d80072);color:#fff;box-shadow:0 10px 25px rgba(255,45,141,.25)}.history-panel{display:none}.history-panel.active{display:block}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:900}.status-pill.approved,.status-pill.paid{background:rgba(34,197,94,.16);color:#bbf7d0}.status-pill.pending{background:rgba(245,158,11,.16);color:#fde68a}.status-pill.rejected,.status-pill.failed{background:rgba(239,68,68,.16);color:#fecaca}@media(max-width:430px){body.front-pink-body .member-wallet-top{margin:10px 10px 14px}.member-balance b{font-size:20px}.wheel-ticket-card{grid-template-columns:1fr!important}}

/* v50 partner realtime dashboard */
.partner-realtime{max-width:980px}.partner-realtime .live-dot{display:inline-flex;gap:6px;align-items:center;color:#22c55e;font-weight:800;text-shadow:0 0 12px rgba(34,197,94,.5)}
.partner-live-cards{grid-template-columns:repeat(4,1fr)}.partner-live-cards .result-card{position:relative;overflow:hidden}.partner-live-cards .result-card em{display:inline-block;margin-top:4px;font-style:normal;font-size:12px;font-weight:900;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.12)}
.partner-live-cards .result-card.profit{border-color:rgba(34,197,94,.45);box-shadow:0 0 24px rgba(34,197,94,.12) inset}.partner-live-cards .result-card.loss{border-color:rgba(239,68,68,.5);box-shadow:0 0 24px rgba(239,68,68,.13) inset}
.front-table-wrap.partner-live-table table{min-width:850px}.front-table-wrap td.profit{color:#86efac;font-weight:900}.front-table-wrap td.loss{color:#fca5a5;font-weight:900}.pill-result{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.pill-result.profit{background:rgba(34,197,94,.16);color:#bbf7d0;border:1px solid rgba(34,197,94,.35)}.pill-result.loss{background:rgba(239,68,68,.16);color:#fecaca;border:1px solid rgba(239,68,68,.35)}.partner-note{display:block;margin:8px 0 14px;color:#ffb6d7;line-height:1.5}
@media(max-width:760px){.partner-live-cards{grid-template-columns:repeat(2,1fr)}.partner-realtime{max-width:100%;margin-left:10px;margin-right:10px}}

/* v51: Premium UI + typography refresh */
:root{
  --ui-font:'Kanit','Noto Sans Thai',Inter,Arial,sans-serif;
  --pink:#ff2d8d;
  --pink2:#ff78c4;
  --purple:#7c3aed;
  --dark:#070710;
  --glass:rgba(255,255,255,.075);
  --glass2:rgba(255,255,255,.115);
  --line:rgba(255,255,255,.12);
  --shadow-pink:0 18px 55px rgba(255,45,141,.20);
}
html,body,input,select,textarea,button{font-family:var(--ui-font)!important;letter-spacing:.01em}
body.front-pink-body{background:
  radial-gradient(circle at 20% -10%,rgba(255,45,141,.34),transparent 36%),
  radial-gradient(circle at 90% 10%,rgba(124,58,237,.28),transparent 34%),
  linear-gradient(180deg,#120716 0%,#08070c 48%,#050407 100%)!important;color:#fff!important}
body.front-pink-body .pink-app-shell{background:linear-gradient(180deg,rgba(12,9,18,.72),rgba(5,5,8,.94))!important;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);box-shadow:0 0 80px rgba(255,45,141,.14);backdrop-filter:blur(16px)}
body.front-pink-body .pink-topbar{height:66px!important;background:rgba(9,7,14,.78)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 12px 34px rgba(0,0,0,.38)!important;backdrop-filter:blur(18px)}
body.front-pink-body .pink-logo img{max-height:45px;filter:drop-shadow(0 8px 18px rgba(255,45,141,.22))}
body.front-pink-body .pink-mini-btn,body.front-pink-body .btn{border-radius:999px!important;font-weight:900!important;letter-spacing:.02em;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,#ff78c4,#ff2d8d 54%,#c40067)!important;box-shadow:0 12px 30px rgba(255,45,141,.30),inset 0 1px 0 rgba(255,255,255,.25)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)!important;transition:.18s transform,.18s filter,.18s box-shadow}
body.front-pink-body .pink-mini-btn:active,body.front-pink-body .btn:active{transform:scale(.97)}
body.front-pink-body .pink-mini-btn.dark{background:linear-gradient(135deg,#24202d,#0d0b12)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important}
body.front-pink-body .pink-category-pills a,.game-filter-row .filter-chip,.history-tabs button{font-weight:900!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.16)!important;backdrop-filter:blur(14px)}
body.front-pink-body .pink-category-pills a:hover,.game-filter-row .filter-chip.active,.history-tabs button.active{background:linear-gradient(135deg,#ff78c4,#ff2d8d)!important;box-shadow:0 12px 30px rgba(255,45,141,.28)!important}
body.front-pink-body .pink-welcome,body.front-pink-body .pink-alert-strip{border-radius:20px!important;font-weight:800!important;background:linear-gradient(135deg,rgba(255,45,141,.18),rgba(124,58,237,.13))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 14px 42px rgba(0,0,0,.24)!important}
body.front-pink-body .pink-alert-strip{background:linear-gradient(135deg,#ff2d8d,#8b5cf6)!important;color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.28)!important}
body.front-pink-body .pink-section-title,.provider-page-title b,.pink-page-panel h2,.pink-page-panel h3,.register-title,.title{font-weight:1000!important;letter-spacing:.015em;background:linear-gradient(180deg,#fff,#ffd3e9 48%,#ff7ab8);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
body.front-pink-body .pink-hit-card,.old-provider-card,.img-game-card,body.front-pink-body .affiliate-card,.pink-page-panel,.form-card,.register-card{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(16px)!important}
.old-provider-card,.img-game-card{overflow:hidden!important}.old-provider-card img,.img-game-card img{border-radius:18px 18px 8px 8px!important}
body.front-pink-body .pink-hit-name,.old-provider-card b,.game-card-overlay b{font-weight:900!important;letter-spacing:.01em}.pink-hit-pct,.featured-percent{font-weight:1000!important;color:#ffe45c!important;text-shadow:0 4px 18px rgba(255,228,92,.28)!important}
body.front-pink-body .member-wallet-top{background:linear-gradient(135deg,rgba(255,45,141,.28),rgba(124,58,237,.20),rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.16)!important;border-radius:24px!important;box-shadow:0 18px 52px rgba(255,45,141,.17),inset 0 1px 0 rgba(255,255,255,.12)!important}.member-balance b{font-weight:1000!important}.member-phone b{font-weight:900!important}
body.front-pink-body input,body.front-pink-body select,body.front-pink-body textarea,body.front-pink-body .bank-current{background:rgba(5,7,12,.78)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:17px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.18)!important;color:#fff!important;font-weight:700!important}body.front-pink-body input:focus,body.front-pink-body select:focus,body.front-pink-body textarea:focus{outline:none!important;border-color:rgba(255,120,196,.75)!important;box-shadow:0 0 0 4px rgba(255,45,141,.16),0 10px 24px rgba(0,0,0,.18)!important}
body.front-pink-body label,.register-label{font-weight:900!important;color:#ffd4e9!important}.muted,small,.register-note,.partner-note{color:#ffbddc!important}
body.front-pink-body .pink-bottom{z-index:90!important}.pink-bottom-inner{height:80px!important;background:linear-gradient(180deg,rgba(26,18,34,.92),rgba(8,7,12,.94))!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:24px!important;box-shadow:0 -18px 50px rgba(0,0,0,.42),0 0 35px rgba(255,45,141,.16)!important;backdrop-filter:blur(18px)!important}.pink-navitem span{font-weight:900!important;font-size:11px!important}.pink-navitem img{filter:drop-shadow(0 6px 10px rgba(255,45,141,.20))}.pink-homebtn{background:linear-gradient(135deg,#ff78c4,#ff2d8d)!important;box-shadow:0 12px 34px rgba(255,45,141,.42)!important;border-color:rgba(255,255,255,.20)!important}
/* Auth / register premium */
.register-page{padding-top:12px!important}.register-card,.form-card{position:relative;overflow:hidden!important}.register-card:before,.form-card:before,.pink-page-panel:before{content:"";position:absolute;inset:-1px auto auto -1px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,45,141,.28),transparent 65%);pointer-events:none}.register-stepper .step-dot{font-weight:1000!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important}.register-stepper .step-dot.active{background:linear-gradient(135deg,#ff78c4,#ff2d8d)!important;box-shadow:0 0 24px rgba(255,45,141,.35)!important}.register-rule-box{border-radius:16px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#ffd7eb!important}
/* Partner dashboard premium */
.partner-realtime{max-width:1040px!important;border-radius:30px!important;padding:22px!important}.partner-topline{padding:4px 4px 14px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:16px}.partner-topline h2{font-size:30px!important;margin-bottom:2px!important}.partner-topline p{margin:0;color:#ffd2e8;font-weight:700}.partner-realtime .live-dot{background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.22);border-radius:999px;padding:6px 10px;margin-top:8px;text-shadow:none!important}.affiliate-link-card{background:linear-gradient(135deg,rgba(255,45,141,.16),rgba(124,58,237,.12))!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:22px!important;box-shadow:0 14px 38px rgba(0,0,0,.20)}.partner-live-cards>div{border-radius:22px!important;padding:18px!important;background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 13px 30px rgba(0,0,0,.22)!important}.partner-live-cards small{font-weight:800!important;color:#ffd4e9!important}.partner-live-cards b{font-size:26px!important;font-weight:1000!important}.partner-live-table{border-radius:22px!important;border-color:rgba(255,255,255,.13)!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important}.front-table-wrap th{background:linear-gradient(135deg,rgba(255,45,141,.34),rgba(124,58,237,.18))!important;font-weight:900!important}.front-table-wrap td{font-weight:700!important}.pill-result{box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
/* Admin premium polish */
body.admin-body,body.admin-body input,body.admin-body select,body.admin-body textarea,body.admin-body button{font-family:'Kanit','Noto Sans Thai',Inter,Arial,sans-serif!important}body.admin-body{background:radial-gradient(circle at 10% 0,rgba(255,45,141,.16),transparent 32%),radial-gradient(circle at 95% 10%,rgba(124,58,237,.14),transparent 34%),#070911!important}.xg-sidebar{background:linear-gradient(180deg,rgba(13,15,25,.96),rgba(6,7,12,.98))!important;border-right:1px solid rgba(255,255,255,.09)!important;box-shadow:18px 0 60px rgba(0,0,0,.32)!important}.xg-logo-panel{border-radius:24px!important;background:linear-gradient(135deg,rgba(255,45,141,.18),rgba(124,58,237,.14))!important;border:1px solid rgba(255,255,255,.11)!important}.xg-logo-panel b,.xg-breadcrumb b,h1{font-weight:1000!important}.xg-menu-group summary,.xg-submenu a{border-radius:16px!important}.xg-menu-group summary.active,.xg-submenu a.active{background:linear-gradient(135deg,rgba(255,45,141,.22),rgba(124,58,237,.16))!important;border-color:rgba(255,255,255,.12)!important}.xg-topbar{background:rgba(10,12,21,.75)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;box-shadow:0 16px 45px rgba(0,0,0,.26)!important;backdrop-filter:blur(18px)!important}.xg-content .xg-panel,.xg-content .admin-card,.xg-content .tablebox,.xg-content .stat>div{border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 16px 45px rgba(0,0,0,.24)!important}.xg-table table,body.admin-body table{border-radius:18px!important;overflow:hidden!important}body.admin-body th{background:linear-gradient(135deg,rgba(255,45,141,.22),rgba(124,58,237,.16))!important;color:#ffe5f1!important;font-weight:900!important}body.admin-body td{font-weight:600!important}.xg-chip,.xg-user,.xg-clock{border-radius:999px!important}
@media(max-width:760px){.partner-topline h2{font-size:23px!important}.partner-realtime{padding:16px!important;border-radius:24px!important}.partner-live-cards>div{padding:14px!important}.partner-live-cards b{font-size:21px!important}body.front-pink-body .pink-topbar{height:62px!important}}

/* v52: fix partner dashboard mobile overflow */
html, body.front-pink-body{
  overflow-x:hidden!important;
}
body.front-pink-body .pink-app-shell{
  width:100%!important;
  max-width:480px!important;
  overflow-x:hidden!important;
  position:relative!important;
}
body.front-pink-body .partner-realtime{
  width:calc(100% - 20px)!important;
  max-width:460px!important;
  margin:14px 10px 118px!important;
  padding:16px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
body.front-pink-body .partner-topline{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.front-pink-body .partner-topline h2{
  font-size:24px!important;
  line-height:1.15!important;
  word-break:break-word!important;
}
body.front-pink-body .partner-topline p,
body.front-pink-body .partner-topline small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
body.front-pink-body .partner-topline .pink-mini-btn{
  flex:0 0 auto!important;
  height:42px!important;
  padding:0 18px!important;
}
body.front-pink-body .affiliate-link-card{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.front-pink-body .affiliate-link-card input{
  max-width:100%!important;
  min-width:0!important;
  font-size:12px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.front-pink-body .partner-live-cards,
body.front-pink-body .front-stats.partner-live-cards,
body.front-pink-body .xg-grid-4.partner-live-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
body.front-pink-body .partner-live-cards>div{
  min-width:0!important;
  padding:13px!important;
  border-radius:18px!important;
}
body.front-pink-body .partner-live-cards small{
  display:block!important;
  font-size:12px!important;
  line-height:1.25!important;
  min-height:30px!important;
  overflow-wrap:anywhere!important;
}
body.front-pink-body .partner-live-cards b{
  display:block!important;
  font-size:20px!important;
  line-height:1.1!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body.front-pink-body .partner-live-cards em{
  margin-top:8px!important;
  font-size:11px!important;
}
body.front-pink-body .front-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
}
body.front-pink-body .front-table-wrap table{
  width:100%!important;
  max-width:none!important;
}
body.front-pink-body .front-table-wrap.partner-live-table table{
  min-width:720px!important;
}
body.front-pink-body .front-table-wrap:not(.partner-live-table) table{
  min-width:560px!important;
}
body.front-pink-body .partner-note{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
}
@media(max-width:380px){
  body.front-pink-body .partner-realtime{width:calc(100% - 12px)!important;margin-left:6px!important;margin-right:6px!important;padding:12px!important}
  body.front-pink-body .partner-live-cards{grid-template-columns:1fr!important}
  body.front-pink-body .partner-live-cards small{min-height:0!important}
  body.front-pink-body .partner-live-cards b{font-size:19px!important}
}


/* v53: NextJS-style premium UI + bottom menu fixed to viewport */
:root{
  --nx-bg:#07040c;
  --nx-panel:rgba(18,18,26,.76);
  --nx-panel-2:rgba(255,255,255,.075);
  --nx-line:rgba(255,255,255,.12);
  --nx-text:#fff7fb;
  --nx-muted:#f4b9d8;
  --nx-pink:#ff2d8d;
  --nx-purple:#7c3aed;
  --nx-red:#ef1d2d;
}
html,body{min-height:100%;overflow-x:hidden!important;scroll-behavior:smooth}
body.front-pink-body{
  font-family:"Kanit","Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(255,45,141,.36),transparent 34%),
    radial-gradient(circle at 0 18%,rgba(124,58,237,.22),transparent 32%),
    radial-gradient(circle at 100% 38%,rgba(239,29,45,.18),transparent 36%),
    linear-gradient(180deg,#09040b 0%,#170416 42%,#09040b 100%)!important;
  color:var(--nx-text)!important;
}
body.front-pink-body:before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.12));
}
body.front-pink-body:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 22%,transparent 78%,rgba(0,0,0,.58));
}
body.front-pink-body .wrap.pink-app-shell{
  width:min(100%,480px)!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
  background:
    linear-gradient(180deg,rgba(255,45,141,.12),transparent 170px),
    linear-gradient(180deg,rgba(20,8,22,.86),rgba(13,3,13,.88))!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 0 0 1px rgba(255,45,141,.08),0 30px 120px rgba(0,0,0,.62)!important;
  overflow:visible!important;
}
body.front-pink-body .pink-topbar{
  position:sticky!important;top:0!important;z-index:80!important;
  height:64px!important;padding:0 14px!important;
  background:linear-gradient(180deg,rgba(18,18,28,.92),rgba(9,7,14,.78))!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.48)!important;
  backdrop-filter:blur(20px) saturate(140%)!important;
}
body.front-pink-body .pink-topbar:before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--nx-pink),#fff,var(--nx-purple),transparent);
  opacity:.8;
}
body.front-pink-body .pink-logo img{max-height:36px!important;filter:drop-shadow(0 8px 16px rgba(255,45,141,.2))}
body.front-pink-body .pink-mini-btn,
body.front-pink-body .btn{
  border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(135deg,rgba(255,45,141,.95),rgba(239,29,45,.92))!important;
  box-shadow:0 12px 28px rgba(255,45,141,.25),inset 0 1px 0 rgba(255,255,255,.18)!important;
  font-weight:900!important;letter-spacing:.01em!important;
}
body.front-pink-body .pink-mini-btn.dark{background:rgba(17,20,31,.86)!important}
body.front-pink-body .pink-mini-btn.glow{background:linear-gradient(135deg,#ff2d8d,#ef1d2d)!important}
body.front-pink-body .bar,
body.front-pink-body .pink-welcome,
body.front-pink-body .pink-alert-strip,
body.front-pink-body .form-card,
body.front-pink-body .pink-page-panel,
body.front-pink-body .affiliate-card,
body.front-pink-body .partner-realtime,
body.front-pink-body .pink-provider-card,
body.front-pink-body .pink-hit-card,
body.front-pink-body .provider-image-card,
body.front-pink-body .game-card-pro{
  background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
}
body.front-pink-body .pink-section-title,
body.front-pink-body .title,
body.front-pink-body h1,
body.front-pink-body h2,
body.front-pink-body h3{
  letter-spacing:-.03em!important;text-wrap:balance;
  text-shadow:0 0 28px rgba(255,45,141,.25)!important;
}
body.front-pink-body input,
body.front-pink-body select,
body.front-pink-body textarea{
  background:rgba(5,7,12,.72)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  font-family:"Kanit","Noto Sans Thai",system-ui,sans-serif!important;
}
body.front-pink-body input:focus,
body.front-pink-body select:focus,
body.front-pink-body textarea:focus{
  outline:none!important;border-color:rgba(255,45,141,.8)!important;
  box-shadow:0 0 0 4px rgba(255,45,141,.16),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.front-pink-body .front-stats,
body.front-pink-body .partner-live-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.front-pink-body .front-stats>div,
body.front-pink-body .partner-live-cards>div{
  min-width:0!important;overflow:hidden!important;
  border-radius:22px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.13)!important;
}
body.front-pink-body .front-stats b,
body.front-pink-body .partner-live-cards b{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:clamp(20px,6vw,28px)!important;letter-spacing:-.04em!important;
}
body.front-pink-body .front-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.front-pink-body table{max-width:100%!important}

/* Bottom navigation: attach to viewport, never to page bottom */
#appBottomNav,
body.front-pink-body .bottom.pink-bottom{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--keyboard-offset,0px))!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(480px,calc(100vw - 18px))!important;
  max-width:480px!important;
  padding:0!important;margin:0!important;
  z-index:9999!important;
  pointer-events:none!important;
  contain:layout style!important;
}
#appBottomNav .pink-bottom-inner,
body.front-pink-body .pink-bottom-inner{
  pointer-events:auto!important;
  height:74px!important;
  width:100%!important;
  padding:0 10px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(29,23,39,.86),rgba(8,7,12,.94))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 -20px 60px rgba(0,0,0,.55),0 0 46px rgba(255,45,141,.24),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
}
body.front-pink-body .pink-navitem{min-width:0!important;flex:1 1 0!important;font-size:10px!important;line-height:1.1!important;opacity:.92!important}
body.front-pink-body .pink-navitem img{width:30px!important;height:30px!important;object-fit:contain!important;margin:0 auto 3px!important;display:block!important}
body.front-pink-body .pink-navitem span{display:block!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.front-pink-body .pink-homebtn{
  flex:0 0 66px!important;width:66px!important;height:66px!important;margin:-25px 2px 0!important;
  border-radius:999px!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 35% 25%,#ffb3dc,#ff2d8d 46%,#9f1239 100%)!important;
  border:3px solid rgba(255,255,255,.22)!important;
  box-shadow:0 16px 42px rgba(255,45,141,.46),0 0 0 7px rgba(255,45,141,.11)!important;
}
body.front-pink-body .pink-homebtn img{width:38px!important;height:38px!important;margin:0!important}
body.front-pink-body.modal-open #appBottomNav,
body.front-pink-body.modal-open .bottom.pink-bottom{filter:blur(4px) brightness(.45)!important;pointer-events:none!important}
@media(max-width:380px){
  body.front-pink-body .pink-navitem img{width:27px!important;height:27px!important}
  body.front-pink-body .pink-navitem span{font-size:9px!important}
  body.front-pink-body .pink-homebtn{flex-basis:60px!important;width:60px!important;height:60px!important}
}
@media(min-width:900px){
  body.front-pink-body .wrap.pink-app-shell{width:480px!important}
}

/* v57: Backend controlled theme system - every major color uses CSS variables */
:root{
  --brand-pink:var(--theme-primary,#ff2d8d);
  --red:var(--theme-primary,#ff2d8d);
  --red2:var(--theme-secondary,#7c3aed);
  --gold:var(--theme-gold,#ffd54a);
}
html,body{font-family:var(--theme-font,'Kanit','Noto Sans Thai',system-ui,sans-serif)!important;}
body.front-pink-body{
  color:var(--theme-text,#fff)!important;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb,var(--theme-primary,#ff2d8d) 34%, transparent), transparent 34%),
    radial-gradient(circle at 90% 12%, color-mix(in srgb,var(--theme-accent,#22d3ee) 20%, transparent), transparent 30%),
    linear-gradient(145deg,var(--theme-front-bg,#110018),var(--theme-front-bg2,#2b003f) 62%, #050008)!important;
}
body.front-pink-body .wrap,
.pink-app-shell{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-front-bg,#110018) 90%, transparent),color-mix(in srgb,var(--theme-front-bg2,#2b003f) 82%, #000))!important;
}
.pink-topbar,.top{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-header-bg,#16001f) 90%, transparent),color-mix(in srgb,var(--theme-header-bg,#16001f) 55%, transparent))!important;
  border-color:var(--theme-border,#ffffff22)!important;
  backdrop-filter:blur(18px)!important;
}
.pink-mini-btn,.btn,.theme-save-btn,button.btn,a.btn{
  color:var(--theme-button-text,#fff)!important;
  background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 60%, #fff 18%)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--theme-primary,#ff2d8d) 30%, transparent), inset 0 1px 0 rgba(255,255,255,.22)!important;
  border-radius:var(--theme-radius,22px)!important;
}
.pink-mini-btn.dark,.btn.ghost{
  background:color-mix(in srgb,var(--theme-card,#24102f) 86%, #000)!important;
  border-color:var(--theme-border,#ffffff22)!important;
}
.pink-category-pills a,.pink-tabs button,.filter-chip,.xg-chip{
  color:var(--theme-text,#fff)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-card,#24102f) 78%, transparent),color-mix(in srgb,var(--theme-card2,#341245) 72%, transparent))!important;
  border-color:var(--theme-border,#ffffff22)!important;
  border-radius:999px!important;
}
.pink-category-pills a:hover,.pink-tabs button.active,.filter-chip.active,.xg-chip.gold{
  background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary,#ff2d8d) 28%, transparent)!important;
}
.pink-welcome,.pink-alert-strip,.form-card,.wallet-card,.feature-card,.pink-hit-card,.pink-provider-card,.old-provider-card,.img-game-card,.admin-card,.tablebox,.partner-card,.partner-panel,.cashback-card,.wheel-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#24102f) 92%, transparent),color-mix(in srgb,var(--theme-card2,#341245) 84%, #000))!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  color:var(--theme-text,#fff)!important;
  border-radius:var(--theme-radius,22px)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.pink-section-title,.title,h1,h2,h3,.pink-hit-name,.pink-hit-pct,.featured-percent{
  color:var(--theme-text,#fff)!important;
}
.pink-section-title:after,.pink-hit-bar span,.progress span{
  background:linear-gradient(90deg,var(--theme-primary,#ff2d8d),var(--theme-accent,#22d3ee),var(--theme-gold,#ffd54a))!important;
}
input,textarea,select,
.admin-card input,.admin-card textarea,.admin-card select,.form-card input,.form-card textarea,.form-card select{
  background:var(--theme-input-bg,#ffffff10)!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  color:var(--theme-text,#fff)!important;
  border-radius:calc(var(--theme-radius,22px) - 8px)!important;
  font-family:var(--theme-font,'Kanit','Noto Sans Thai',system-ui,sans-serif)!important;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--theme-primary,#ff2d8d)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary,#ff2d8d) 22%, transparent)!important;
  outline:none!important;
}
label,small,.muted,.pink-hit-live-head,.game-card-overlay small,.xg-submenu small{color:var(--theme-muted,#d8c7e8)!important;}
.alert.ok,.stat.good,.profit,.success{color:var(--theme-success,#22c55e)!important;border-color:color-mix(in srgb,var(--theme-success,#22c55e) 38%, transparent)!important;}
.alert.err,.stat.bad,.loss,.danger{color:var(--theme-danger,#ef4444)!important;border-color:color-mix(in srgb,var(--theme-danger,#ef4444) 38%, transparent)!important;}
.pink-bottom-nav,.bottom-nav{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bottom-nav-bg,#170020) 78%, transparent),var(--theme-bottom-nav-bg,#170020))!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  box-shadow:0 -18px 45px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.09)!important;
  backdrop-filter:blur(22px)!important;
}
.pink-navitem span,.navitem span{color:var(--theme-muted,#d8c7e8)!important;}
.pink-navitem.active span,.navitem.active span,.pink-navitem:hover span{color:var(--theme-text,#fff)!important;}
.pink-navitem.active,.navitem.active{background:color-mix(in srgb,var(--theme-primary,#ff2d8d) 18%, transparent)!important;border-radius:18px!important;}
.pink-hit-ribbon,.hot-flame-badge{
  background:radial-gradient(circle at 50% 100%,var(--theme-gold,#ffd54a),var(--theme-primary,#ff2d8d) 46%,var(--theme-secondary,#7c3aed) 72%,transparent 73%)!important;
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--theme-primary,#ff2d8d) 65%, transparent))!important;
}

/* Admin theme */
body.admin-body,.v33-admin{
  font-family:var(--theme-font,'Kanit','Noto Sans Thai',Inter,system-ui,sans-serif)!important;
  color:var(--theme-admin-text,#f8fafc)!important;
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 24%, transparent), transparent 32%),
    radial-gradient(circle at 100% 10%, color-mix(in srgb,var(--theme-admin-accent,#22d3ee) 18%, transparent), transparent 30%),
    var(--theme-admin-bg,#08111f)!important;
}
.xg-sidebar{
  background:linear-gradient(180deg,var(--theme-admin-sidebar,#0b1220),color-mix(in srgb,var(--theme-admin-sidebar,#0b1220) 82%, #000))!important;
  border-color:var(--theme-admin-border,#ffffff1a)!important;
}
.xg-topbar{
  background:color-mix(in srgb,var(--theme-admin-topbar,#0f172a) 82%, transparent)!important;
  border-color:var(--theme-admin-border,#ffffff1a)!important;
  backdrop-filter:blur(18px)!important;
}
.xg-content,.xg-main{color:var(--theme-admin-text,#f8fafc)!important;}
.xg-logo-panel,.xg-menu-group summary,.xg-submenu a,.admin-card,.tablebox,.kpi-card,.report-card,.theme-admin-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-admin-card,#111827) 94%, transparent),color-mix(in srgb,var(--theme-admin-card,#111827) 75%, #000))!important;
  border-color:var(--theme-admin-border,#ffffff1a)!important;
  color:var(--theme-admin-text,#f8fafc)!important;
  border-radius:var(--theme-radius,22px)!important;
}
.xg-menu-group summary.active,.xg-submenu a.active,.xg-menu-group summary:hover,.xg-submenu a:hover{
  background:linear-gradient(135deg,var(--theme-admin-primary,#8b5cf6),var(--theme-admin-accent,#22d3ee))!important;
  color:#fff!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 25%, transparent)!important;
}
.xg-logo-mark,.admin-card h3,.xg-breadcrumb b{color:var(--theme-admin-accent,#22d3ee)!important;}
.xg-sidebar small,.xg-breadcrumb,.xg-clock,.admin-card label,.tablebox th{color:var(--theme-admin-muted,#94a3b8)!important;}
.admin-card input,.admin-card textarea,.admin-card select{
  background:color-mix(in srgb,var(--theme-admin-card,#111827) 72%, #fff 6%)!important;
  color:var(--theme-admin-text,#f8fafc)!important;
  border-color:var(--theme-admin-border,#ffffff1a)!important;
}
.admin-card .btn,.theme-save-btn{
  background:linear-gradient(135deg,var(--theme-admin-primary,#8b5cf6),var(--theme-admin-accent,#22d3ee))!important;
}
.tablebox table{color:var(--theme-admin-text,#f8fafc)!important;}
.tablebox td,.tablebox th{border-color:var(--theme-admin-border,#ffffff1a)!important;}

/* v57 settings UI */
.settings-tabs-note{padding:14px 16px;border:1px solid var(--theme-admin-border,#ffffff1a);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 18%, transparent),color-mix(in srgb,var(--theme-admin-accent,#22d3ee) 12%, transparent));margin-bottom:18px;color:var(--theme-admin-text,#f8fafc);font-weight:800}
.settings-grid{display:grid;gap:14px;margin:12px 0 22px}.settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid.colors{grid-template-columns:repeat(3,minmax(0,1fr))}
.color-setting-row{padding:12px;border:1px solid var(--theme-admin-border,#ffffff1a);border-radius:18px;background:color-mix(in srgb,var(--theme-admin-card,#111827) 78%, transparent)}
.color-input-pair{display:flex;gap:8px;align-items:center}.color-picker{width:52px!important;min-width:52px;height:44px!important;padding:3px!important;border-radius:14px!important}.color-text{flex:1;min-width:0;font-family:Inter,monospace!important}.theme-preset-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.theme-preset{border:1px solid var(--theme-admin-border,#ffffff1a);background:linear-gradient(135deg,var(--theme-admin-card,#111827),color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 20%, var(--theme-admin-card,#111827)));color:var(--theme-admin-text,#fff);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.theme-preset:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.25)}.theme-save-btn{width:100%;padding:15px 18px;font-weight:900;font-size:16px;margin-top:10px}
@media(max-width:820px){.settings-grid.two,.settings-grid.three,.settings-grid.colors{grid-template-columns:1fr}.color-input-pair{align-items:stretch}.color-picker{height:auto!important}}


/* v58: full backend theme coverage - override old hard-coded pink/red sections */
body.front-pink-body,
body.front-pink-body *{
  scrollbar-color: var(--theme-primary,#ff2d8d) color-mix(in srgb,var(--theme-card,#24102f) 65%, #000) !important;
}
body.front-pink-body{
  background:
    radial-gradient(circle at 12% -8%, color-mix(in srgb,var(--theme-primary,#ff2d8d) 32%, transparent), transparent 35%),
    radial-gradient(circle at 88% 6%, color-mix(in srgb,var(--theme-accent,#22d3ee) 18%, transparent), transparent 32%),
    linear-gradient(135deg,var(--theme-front-bg,#110018),var(--theme-front-bg2,#2b003f) 58%, color-mix(in srgb,var(--theme-front-bg,#110018) 72%, #000)) !important;
  color:var(--theme-text,#fff)!important;
}
body.front-pink-body .wrap.pink-app-shell,
body.front-pink-body .pink-app-shell,
body.front-pink-body .wrap{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--theme-card,#24102f) 32%, transparent),transparent 18%),
    linear-gradient(180deg,color-mix(in srgb,var(--theme-front-bg,#110018) 88%, #000),color-mix(in srgb,var(--theme-front-bg2,#2b003f) 78%, #000)) !important;
  border-left:1px solid var(--theme-border,#ffffff22)!important;
  border-right:1px solid var(--theme-border,#ffffff22)!important;
  box-shadow:0 0 80px color-mix(in srgb,var(--theme-primary,#ff2d8d) 16%, transparent)!important;
}
body.front-pink-body .top.pink-topbar,
body.front-pink-body .pink-topbar,
body.front-pink-body .top{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-header-bg,#16001fdd) 95%, #000),color-mix(in srgb,var(--theme-header-bg,#16001fdd) 66%, var(--theme-card,#24102f)))!important;
  border-bottom:1px solid var(--theme-border,#ffffff22)!important;
  box-shadow:0 12px 35px color-mix(in srgb,var(--theme-primary,#ff2d8d) 12%, transparent)!important;
}
body.front-pink-body .pink-topbar:before{background:linear-gradient(90deg,transparent,var(--theme-primary,#ff2d8d),var(--theme-accent,#22d3ee),var(--theme-secondary,#7c3aed),transparent)!important;}
body.front-pink-body .pink-logo img{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--theme-primary,#ff2d8d) 22%, transparent))!important;}
body.front-pink-body .pink-mini-btn,
body.front-pink-body .btn,
body.front-pink-body button,
body.front-pink-body a.btn{
  color:var(--theme-button-text,#fff)!important;
  background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 55%, var(--theme-border,#ffffff22))!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary,#ff2d8d) 28%, transparent), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.front-pink-body .pink-mini-btn.dark,
body.front-pink-body .btn.ghost{
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-card,#24102f) 90%, #000),color-mix(in srgb,var(--theme-card2,#341245) 74%, #000))!important;
  color:var(--theme-text,#fff)!important;
}
body.front-pink-body .bar,
body.front-pink-body .pink-welcome,
body.front-pink-body .pink-alert-strip,
body.front-pink-body .wallet,
body.front-pink-body .wallet-card,
body.front-pink-body .feature-card,
body.front-pink-body .affiliate-link-card,
body.front-pink-body .affiliate-card,
body.front-pink-body .pink-page-panel,
body.front-pink-body .partner-realtime,
body.front-pink-body .partner-panel,
body.front-pink-body .cashback-card,
body.front-pink-body .wheel-card,
body.front-pink-body .form-card,
body.front-pink-body .register-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#24102f) 88%, transparent),color-mix(in srgb,var(--theme-card2,#341245) 78%, #000))!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  color:var(--theme-text,#fff)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.front-pink-body .pink-alert-strip,
body.front-pink-body .tile,
body.front-pink-body .pink-tabs button.active,
body.front-pink-body .history-tabs button.active,
body.front-pink-body .filter-chip.active,
body.front-pink-body .game-filter-row .filter-chip.active{
  background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;
  color:var(--theme-button-text,#fff)!important;
  border-color:color-mix(in srgb,var(--theme-primary,#ff2d8d) 65%, var(--theme-border,#ffffff22))!important;
}
body.front-pink-body .pink-category-pills a,
body.front-pink-body .pink-tabs button,
body.front-pink-body .history-tabs button,
body.front-pink-body .filter-chip,
body.front-pink-body .game-filter-row .filter-chip,
body.front-pink-body .xg-chip{
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-card,#24102f) 78%, transparent),color-mix(in srgb,var(--theme-card2,#341245) 68%, transparent))!important;
  color:var(--theme-text,#fff)!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.16)!important;
}
body.front-pink-body .pink-hit-card,
body.front-pink-body .pink-provider-card,
body.front-pink-body .old-provider-card,
body.front-pink-body .img-game-card,
body.front-pink-body .game-card-pro,
body.front-pink-body .provider-image-card,
body.front-pink-body .game,
body.front-pink-body .provider,
body.front-pink-body .partner-live-cards>div,
body.front-pink-body .front-stats>div{
  background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card,#24102f) 84%, transparent),color-mix(in srgb,var(--theme-card2,#341245) 62%, #000))!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  color:var(--theme-text,#fff)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.front-pink-body .pink-section-title,
body.front-pink-body .title,
body.front-pink-body h1,
body.front-pink-body h2,
body.front-pink-body h3,
body.front-pink-body .pink-hit-name,
body.front-pink-body .game-card-overlay b,
body.front-pink-body .old-provider-card b,
body.front-pink-body .member-phone b{
  color:var(--theme-text,#fff)!important;
  text-shadow:0 0 24px color-mix(in srgb,var(--theme-primary,#ff2d8d) 18%, transparent)!important;
}
body.front-pink-body .pink-hit-pct,
body.front-pink-body .featured-percent,
body.front-pink-body .member-balance b,
body.front-pink-body .partner-live-cards b{
  color:var(--theme-gold,#ffd54a)!important;
  text-shadow:0 4px 18px color-mix(in srgb,var(--theme-gold,#ffd54a) 22%, transparent)!important;
}
body.front-pink-body .member-phone>span,
body.front-pink-body .pink-homebtn,
body.front-pink-body .homebtn{
  background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--theme-accent,#22d3ee) 45%, #fff),var(--theme-primary,#ff2d8d) 46%,var(--theme-secondary,#7c3aed) 100%)!important;
  border-color:color-mix(in srgb,var(--theme-primary,#ff2d8d) 42%, #fff)!important;
  box-shadow:0 15px 36px color-mix(in srgb,var(--theme-primary,#ff2d8d) 38%, transparent),0 0 0 7px color-mix(in srgb,var(--theme-primary,#ff2d8d) 10%, transparent)!important;
}
body.front-pink-body .pink-section-title:before,
body.front-pink-body .pink-section-title:after,
body.front-pink-body .pink-hit-bar span,
body.front-pink-body .progress span{
  background:linear-gradient(90deg,var(--theme-primary,#ff2d8d),var(--theme-accent,#22d3ee),var(--theme-gold,#ffd54a))!important;
}
body.front-pink-body input,
body.front-pink-body select,
body.front-pink-body textarea{
  background:var(--theme-input-bg,#ffffff10)!important;
  color:var(--theme-text,#fff)!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
}
body.front-pink-body input::placeholder,
body.front-pink-body textarea::placeholder{color:color-mix(in srgb,var(--theme-muted,#d8c7e8) 70%, transparent)!important;}
body.front-pink-body label,
body.front-pink-body small,
body.front-pink-body .muted,
body.front-pink-body .pink-hit-live-head,
body.front-pink-body .member-phone small,
body.front-pink-body .member-balance small,
body.front-pink-body .partner-live-cards small,
body.front-pink-body .partner-note{
  color:var(--theme-muted,#d8c7e8)!important;
}
body.front-pink-body .pink-bottom-inner,
body.front-pink-body .bottom-inner,
body.front-pink-body .pink-bottom-nav,
body.front-pink-body .bottom-nav{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bottom-nav-bg,#170020ee) 85%, transparent),color-mix(in srgb,var(--theme-bottom-nav-bg,#170020ee) 96%, #000))!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  box-shadow:0 -18px 50px rgba(0,0,0,.42),0 0 35px color-mix(in srgb,var(--theme-primary,#ff2d8d) 18%, transparent), inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.front-pink-body .pink-navitem span,
body.front-pink-body .navitem span{color:var(--theme-muted,#d8c7e8)!important;}
body.front-pink-body .pink-navitem.active span,
body.front-pink-body .navitem.active span{color:var(--theme-text,#fff)!important;}
body.front-pink-body .front-table-wrap,
body.front-pink-body .tablebox{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#24102f) 88%, transparent),color-mix(in srgb,var(--theme-card2,#341245) 80%, #000))!important;
  border-color:var(--theme-border,#ffffff22)!important;
  color:var(--theme-text,#fff)!important;
}
body.front-pink-body .front-table-wrap th,
body.front-pink-body table th{
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#ff2d8d) 38%, var(--theme-card,#24102f)),color-mix(in srgb,var(--theme-secondary,#7c3aed) 26%, var(--theme-card2,#341245)))!important;
  color:var(--theme-text,#fff)!important;
}
body.front-pink-body .front-table-wrap td,
body.front-pink-body table td{border-color:var(--theme-border,#ffffff22)!important;color:var(--theme-text,#fff)!important;}
body.front-pink-body .profit,.profit,.pill-result.profit{color:var(--theme-success,#22c55e)!important;border-color:color-mix(in srgb,var(--theme-success,#22c55e) 38%, transparent)!important;}
body.front-pink-body .loss,.loss,.pill-result.loss{color:var(--theme-danger,#ef4444)!important;border-color:color-mix(in srgb,var(--theme-danger,#ef4444) 38%, transparent)!important;}
body.front-pink-body .pink-hit-ribbon,
body.front-pink-body .hot-flame-badge{
  background:radial-gradient(circle at 50% 100%,var(--theme-gold,#ffd54a),var(--theme-primary,#ff2d8d) 46%,var(--theme-secondary,#7c3aed) 72%,transparent 73%)!important;
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--theme-primary,#ff2d8d) 65%, transparent))!important;
}

/* v59: complete mother-color presets + pro finance pages + Paynoi QR */
.theme-preset-row.mega{gap:10px 12px}.theme-preset-row.mega .theme-preset{min-width:118px;text-align:center}.theme-preset[data-preset=red]{background:linear-gradient(135deg,#ef4444,#991b1b)!important}.theme-preset[data-preset=orange]{background:linear-gradient(135deg,#f97316,#c2410c)!important}.theme-preset[data-preset=yellow]{background:linear-gradient(135deg,#eab308,#a16207)!important;color:#111!important}.theme-preset[data-preset=green]{background:linear-gradient(135deg,#22c55e,#15803d)!important}.theme-preset[data-preset=cyan]{background:linear-gradient(135deg,#06b6d4,#0891b2)!important}.theme-preset[data-preset=blue]{background:linear-gradient(135deg,#38bdf8,#2563eb)!important}.theme-preset[data-preset=purple]{background:linear-gradient(135deg,#a855f7,#6d28d9)!important}.theme-preset[data-preset=pink]{background:linear-gradient(135deg,#ff2d8d,#7c3aed)!important}.theme-preset[data-preset=gold]{background:linear-gradient(135deg,#f59e0b,#111)!important}
.finance-page{padding:22px 18px 120px;max-width:100%;position:relative}.finance-page:before{content:"";position:absolute;inset:0 0 auto 0;height:220px;background:radial-gradient(circle at 25% 0%,color-mix(in srgb,var(--theme-primary,#ff2d8d) 38%,transparent),transparent 58%),radial-gradient(circle at 85% 8%,color-mix(in srgb,var(--theme-accent,#22d3ee) 25%,transparent),transparent 45%);pointer-events:none;opacity:.9}.finance-hero,.finance-card,.paynoi-card{position:relative;z-index:1}.finance-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:18px;border:1px solid var(--theme-border,#ffffff22);border-radius:calc(var(--theme-radius,22px) + 8px);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#24102f) 92%,transparent),color-mix(in srgb,var(--theme-card2,#341245) 74%,#000));box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}.finance-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--theme-primary,#ff2d8d) 20%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 38%,transparent);color:var(--theme-accent,#22d3ee);font-size:12px;font-weight:900;letter-spacing:.08em}.finance-hero h2{margin:8px 0 2px;font-size:28px;line-height:1.1}.finance-hero p{margin:0;color:var(--theme-muted,#d8c7e8);font-size:13px}.finance-balance{min-width:118px;text-align:right;padding:12px 14px;border-radius:20px;background:color-mix(in srgb,var(--theme-input-bg,#ffffff10) 86%,transparent);border:1px solid var(--theme-border,#ffffff22)}.finance-balance small{display:block}.finance-balance b{font-size:16px;color:var(--theme-text,#fff)}.finance-alert{position:relative;z-index:2;margin:10px 0 14px;border-radius:18px}.finance-card{border:1px solid var(--theme-border,#ffffff22);border-radius:calc(var(--theme-radius,22px) + 10px);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#24102f) 90%,transparent),color-mix(in srgb,var(--theme-card2,#341245) 76%,#000));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}.finance-card.split{display:grid;grid-template-columns:1.08fr .92fr}.finance-form{padding:18px}.finance-form label{display:block;margin:12px 0 7px;font-weight:900;color:var(--theme-muted,#d8c7e8)}.amount-input{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 38%,var(--theme-border,#ffffff22));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-input-bg,#ffffff10) 88%,transparent),color-mix(in srgb,var(--theme-card,#24102f) 80%,#000));border-radius:20px;padding:8px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.amount-input span{font-size:24px;font-weight:1000;color:var(--theme-gold,#ffd54a)}.amount-input input{border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important;font-size:24px;font-weight:1000}.amount-input.danger{border-color:color-mix(in srgb,var(--theme-danger,#ef4444) 38%,var(--theme-border,#ffffff22))}.quick-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.quick-amounts button{padding:12px 8px;border-radius:16px;font-weight:900;cursor:pointer}.finance-submit{width:100%;margin-top:14px;padding:15px 18px!important;border-radius:20px!important;font-size:16px;font-weight:1000}.finance-side{padding:18px;border-left:1px solid var(--theme-border,#ffffff22);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary,#ff2d8d) 12%,transparent),transparent)}.finance-side h3{margin:0 0 12px}.bank-display{padding:14px;border-radius:18px;background:color-mix(in srgb,var(--theme-input-bg,#ffffff10) 80%,#000);border:1px solid var(--theme-border,#ffffff22);font-weight:800;color:var(--theme-success,#22c55e)}.finance-side ul{padding-left:18px;color:var(--theme-muted,#d8c7e8);font-size:13px}.bank-account-card{margin:10px 0;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--theme-input-bg,#ffffff10) 78%,#000);border:1px solid var(--theme-border,#ffffff22)}.bank-account-card small{display:block}.bank-account-card b{font-size:17px}.finance-note{font-size:13px;color:var(--theme-muted,#d8c7e8);margin:12px 0 0}.paynoi-card{padding:18px;border-radius:calc(var(--theme-radius,22px) + 10px);border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 45%,var(--theme-border,#ffffff22));background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#24102f) 92%,#000),color-mix(in srgb,var(--theme-card2,#341245) 78%,#000));box-shadow:0 28px 78px rgba(0,0,0,.38),0 0 50px color-mix(in srgb,var(--theme-primary,#ff2d8d) 18%,transparent)}.paynoi-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.paynoi-head span{color:var(--theme-accent,#22d3ee);font-weight:900}.paynoi-head h3{margin:2px 0 0;font-size:20px}.paynoi-amount{font-size:28px;color:var(--theme-gold,#ffd54a);text-shadow:0 8px 28px color-mix(in srgb,var(--theme-gold,#ffd54a) 28%,transparent)}.qr-box{display:grid;place-items:center;background:#fff;border-radius:24px;padding:16px;margin:10px auto;max-width:280px}.qr-box img{width:100%;height:auto;display:block}.paynoi-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.paynoi-info-grid>div{padding:12px;border-radius:16px;background:color-mix(in srgb,var(--theme-input-bg,#ffffff10) 82%,#000);border:1px solid var(--theme-border,#ffffff22);min-width:0}.paynoi-info-grid small{display:block}.paynoi-info-grid b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paynoi-actions{display:flex;gap:10px}.paynoi-actions .btn,.paynoi-actions form{flex:1}.paynoi-actions form .btn{width:100%}.btn.ghost{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-card,#24102f) 92%,#000),color-mix(in srgb,var(--theme-card2,#341245) 78%,#000))!important;color:var(--theme-text,#fff)!important}
@media(max-width:720px){.finance-page{padding:16px 12px 110px}.finance-hero{align-items:flex-start}.finance-card.split{grid-template-columns:1fr}.finance-side{border-left:0;border-top:1px solid var(--theme-border,#ffffff22)}.quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.paynoi-info-grid{grid-template-columns:1fr}.paynoi-actions{flex-direction:column}.finance-hero h2{font-size:24px}.amount-input input{font-size:22px}}

/* v60: language selector */
.lang-switch{position:relative;display:inline-flex;align-items:center;z-index:60}
.lang-switch .pink-flag{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;border-radius:999px;border:1px solid var(--theme-border,#ffffff22);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:0 10px 24px rgba(0,0,0,.28);padding:0 8px}
.lang-switch .pink-flag img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}
.lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:150px;padding:8px;border-radius:16px;background:linear-gradient(180deg,rgba(25,18,38,.98),rgba(8,7,18,.96));border:1px solid var(--theme-border,#ffffff22);box-shadow:0 20px 60px rgba(0,0,0,.45);display:none;backdrop-filter:blur(18px)}
.lang-menu.open{display:block}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--theme-text,#fff);font-weight:800;text-decoration:none;white-space:nowrap}
.lang-menu a:hover{background:linear-gradient(90deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed));color:#fff}
.lang-menu img{width:22px;height:22px;border-radius:50%;object-fit:cover}

/* v61: language switcher is usable before login and overlays every page */
body.front-pink-body .lang-switch{position:relative;display:inline-flex;align-items:center;z-index:9999}
body.front-pink-body .lang-switch .pink-flag{cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;height:34px;border-radius:999px;border:1px solid var(--theme-border,#ffffff22);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04));box-shadow:0 10px 28px rgba(0,0,0,.35);padding:0 7px;overflow:hidden}
body.front-pink-body .lang-switch .pink-flag img{width:25px;height:25px;border-radius:50%;object-fit:cover;display:block}
body.front-pink-body .lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:172px;padding:8px;border-radius:18px;background:linear-gradient(180deg,rgba(24,18,38,.98),rgba(8,7,18,.97));border:1px solid var(--theme-border,#ffffff22);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;display:none;backdrop-filter:blur(18px);z-index:10000}
body.front-pink-body .lang-menu.open{display:block}
body.front-pink-body .lang-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;color:var(--theme-text,#fff);font-weight:900;text-decoration:none;white-space:nowrap;font-size:13px}
body.front-pink-body .lang-menu a:hover,body.front-pink-body .lang-menu a.active{background:linear-gradient(90deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed));color:#fff}
body.front-pink-body .lang-menu img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}

/* v62: animated breathing / wavy home button ring */
body.front-pink-body .pink-homebtn,
body.front-pink-body .homebtn{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  transform:translateZ(0)!important;
}
body.front-pink-body .pink-homebtn::before,
body.front-pink-body .homebtn::before,
body.front-pink-body .pink-homebtn::after,
body.front-pink-body .homebtn::after{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:999px!important;
  pointer-events:none!important;
  z-index:-1!important;
}
body.front-pink-body .pink-homebtn::before,
body.front-pink-body .homebtn::before{
  border:2px solid color-mix(in srgb,var(--theme-accent,#22d3ee) 72%, #fff)!important;
  box-shadow:
    0 0 10px color-mix(in srgb,var(--theme-accent,#22d3ee) 62%, transparent),
    0 0 22px color-mix(in srgb,var(--theme-primary,#ff2d8d) 52%, transparent),
    inset 0 0 12px rgba(255,255,255,.20)!important;
  animation:homeRingWobble 2.25s ease-in-out infinite!important;
}
body.front-pink-body .pink-homebtn::after,
body.front-pink-body .homebtn::after{
  inset:-13px!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 58%, transparent)!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary,#ff2d8d) 20%, transparent),transparent 66%)!important;
  opacity:.55!important;
  animation:homePulseWave 1.8s ease-out infinite!important;
}
body.front-pink-body .pink-homebtn img,
body.front-pink-body .homebtn img{
  position:relative!important;
  z-index:2!important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.36)) drop-shadow(0 6px 14px color-mix(in srgb,var(--theme-primary,#ff2d8d) 36%, transparent))!important;
  animation:homeIconFloat 2.8s ease-in-out infinite!important;
}
@keyframes homeRingWobble{
  0%,100%{transform:scale(1) rotate(0deg);border-radius:48% 52% 51% 49% / 49% 52% 48% 51%;opacity:.92;}
  25%{transform:scale(1.045) rotate(2deg);border-radius:54% 46% 49% 51% / 46% 55% 45% 54%;opacity:1;}
  50%{transform:scale(.985) rotate(-1.5deg);border-radius:46% 54% 52% 48% / 54% 45% 55% 46%;opacity:.86;}
  75%{transform:scale(1.035) rotate(1deg);border-radius:51% 49% 46% 54% / 50% 49% 51% 50%;opacity:1;}
}
@keyframes homePulseWave{
  0%{transform:scale(.82);opacity:.62;filter:blur(0px);}
  70%{transform:scale(1.18);opacity:.10;filter:blur(1px);}
  100%{transform:scale(1.28);opacity:0;filter:blur(2px);}
}
@keyframes homeIconFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-2px) scale(1.035);}
}
@media (prefers-reduced-motion: reduce){
  body.front-pink-body .pink-homebtn::before,
  body.front-pink-body .homebtn::before,
  body.front-pink-body .pink-homebtn::after,
  body.front-pink-body .homebtn::after,
  body.front-pink-body .pink-homebtn img,
  body.front-pink-body .homebtn img{animation:none!important;}
}


/* v66: balanced provider game cards + old Betflix image source support */
body.front-pink-body .provider-page{
  padding:12px 10px calc(128px + env(safe-area-inset-bottom,0px))!important;
}
body.front-pink-body .provider-page-title{
  margin:18px 0 12px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
}
body.front-pink-body .provider-page-title b{
  font-size:18px!important;
  letter-spacing:.01em!important;
  text-shadow:0 4px 18px color-mix(in srgb,var(--theme-primary,#ff2d8d) 35%,transparent)!important;
}
body.front-pink-body .provider-page-title span{
  font-size:11px!important;
  opacity:.85!important;
  white-space:nowrap!important;
}
body.front-pink-body .pro-image-grid,
body.front-pink-body .game-list-grid.pro-image-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:8px 0 24px!important;
}
body.front-pink-body .game-card-pro.img-game-card{
  position:relative!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/4.72!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--theme-primary,#ff2d8d) 24%,transparent),transparent 55%),
    #09040a!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 42%,rgba(255,255,255,.12))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease!important;
}
body.front-pink-body .game-card-pro.img-game-card:active{transform:scale(.965)!important}
body.front-pink-body .game-card-pro.img-game-card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 30%,rgba(0,0,0,.04) 58%,rgba(0,0,0,.70) 100%);
}
body.front-pink-body .game-card-pro.img-game-card::after{
  content:"";position:absolute;inset:1px;border-radius:13px;z-index:4;pointer-events:none;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 -22px 36px rgba(0,0,0,.52);
}
body.front-pink-body .game-card-pro.img-game-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:0!important;
  display:block!important;
  background:#080409!important;
  transform:scale(1.01)!important;
  transition:transform .22s ease, filter .22s ease!important;
}
body.front-pink-body .game-card-pro.img-game-card:hover img{transform:scale(1.055)!important}
body.front-pink-body .game-card-overlay{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:5!important;
  min-height:48px!important;
  padding:17px 8px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.50) 20%,rgba(0,0,0,.82) 100%)!important;
}
body.front-pink-body .game-card-overlay b{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:11.5px!important;
  line-height:1.03!important;
  color:#fff!important;
  text-align:left!important;
  text-shadow:0 2px 8px #000,0 0 14px rgba(255,255,255,.12)!important;
  letter-spacing:-.02em!important;
}
body.front-pink-body .game-card-overlay small{
  margin-top:2px!important;
  display:block!important;
  color:rgba(255,255,255,.74)!important;
  font-size:9px!important;
  line-height:1!important;
  word-break:break-all!important;
  text-shadow:0 2px 8px #000!important;
}
body.front-pink-body .game-card-pro.img-game-card.provider-pg .game-card-overlay::after,
body.front-pink-body .game-card-pro.img-game-card.provider-jili .game-card-overlay::after,
body.front-pink-body .game-card-pro.img-game-card.provider-pp .game-card-overlay::after{
  content:attr(data-provider-logo);
}
@media(max-width:430px){
  body.front-pink-body .pro-image-grid,
  body.front-pink-body .game-list-grid.pro-image-grid{gap:8px!important;padding-left:0!important;padding-right:0!important}
  body.front-pink-body .game-card-overlay{padding:15px 6px 7px!important;min-height:46px!important}
  body.front-pink-body .game-card-overlay b{font-size:10.8px!important}
  body.front-pink-body .game-card-overlay small{font-size:8.4px!important}
}
@media(max-width:360px){
  body.front-pink-body .pro-image-grid,
  body.front-pink-body .game-list-grid.pro-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}



/* v67: NextJS provider entry cards + full theme cleanup */
body.front-pink-body{--ui-primary:var(--theme-primary,#ff2d8d);--ui-secondary:var(--theme-secondary,#7c3aed);--ui-accent:var(--theme-accent,#22d3ee);--ui-card:var(--theme-card,#24102f);--ui-card2:var(--theme-card2,#341245);--ui-border:var(--theme-border,rgba(255,255,255,.16));--ui-text:var(--theme-text,#fff);--ui-muted:var(--theme-muted,#d8c7e8)}
body.front-pink-body .pink-mini-btn.glow,body.front-pink-body .pink-mini-btn,body.front-pink-body .btn,body.front-pink-body button.btn,body.front-pink-body .theme-save-btn,body.front-pink-body .auth-submit,body.front-pink-body .form-card button,body.front-pink-body .register-card button{background:linear-gradient(135deg,var(--ui-primary),var(--ui-secondary))!important;color:var(--theme-button-text,#fff)!important;border-color:color-mix(in srgb,var(--ui-primary) 48%, white 10%)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--ui-primary) 34%, transparent),inset 0 1px 0 rgba(255,255,255,.22)!important}
body.front-pink-body .pink-mini-btn.dark,body.front-pink-body .pink-nav-actions .dark{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-card2) 82%, black),color-mix(in srgb,var(--ui-card) 86%, black))!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
body.front-pink-body .pink-user-pill,body.front-pink-body .wallet-strip,body.front-pink-body .member-balance,body.front-pink-body .user-balance-card,body.front-pink-body .pink-balance-pill{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-primary) 30%, var(--ui-card)),color-mix(in srgb,var(--ui-secondary) 26%, var(--ui-card2)))!important;border-color:color-mix(in srgb,var(--ui-primary) 38%, white 10%)!important}
body.front-pink-body .provider-page{padding:14px 10px calc(130px + env(safe-area-inset-bottom,0px))!important}
body.front-pink-body .provider-back{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:52px!important;padding:0 18px!important;margin:2px 0 18px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--ui-primary),color-mix(in srgb,var(--ui-secondary) 88%, black))!important;border:1px solid color-mix(in srgb,var(--ui-primary) 55%, white 20%)!important;box-shadow:0 16px 40px color-mix(in srgb,var(--ui-primary) 24%, transparent),inset 0 1px 0 rgba(255,255,255,.25)!important;color:var(--theme-button-text,#fff)!important;font-weight:1000!important;letter-spacing:.01em!important;text-decoration:none!important}
body.front-pink-body .provider-page-title--inside{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin:4px 0 12px!important;padding:0 2px!important;color:var(--ui-text)!important}
body.front-pink-body .provider-page-title--inside b{font-size:20px!important;text-shadow:0 8px 24px color-mix(in srgb,var(--ui-primary) 34%, transparent)!important}body.front-pink-body .provider-page-title--inside span{font-size:11px!important;color:var(--ui-muted)!important;font-weight:800!important;text-align:right!important}
body.front-pink-body .game-list-grid.pro-image-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:8px 0 22px!important}
body.front-pink-body .game-card-pro.img-game-card{position:relative!important;display:block!important;aspect-ratio:.66!important;min-height:0!important;height:auto!important;border-radius:18px!important;overflow:hidden!important;text-decoration:none!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ui-card2) 70%, black),color-mix(in srgb,var(--ui-card) 86%, black)) padding-box,linear-gradient(145deg,rgba(255,255,255,.45),color-mix(in srgb,var(--ui-primary) 75%, transparent),rgba(255,255,255,.08)) border-box!important;border:1px solid transparent!important;box-shadow:0 18px 42px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.045),inset 0 1px 0 rgba(255,255,255,.16)!important;transform:translateZ(0)!important}
body.front-pink-body .game-card-pro.img-game-card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,transparent 28%,transparent 58%,rgba(0,0,0,.78) 100%)!important}
body.front-pink-body .game-card-pro.img-game-card:after{content:"";position:absolute;inset:-1px;z-index:3;pointer-events:none;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.30),transparent 24%,transparent 72%,color-mix(in srgb,var(--ui-primary) 38%, transparent));opacity:.54;mix-blend-mode:screen}
body.front-pink-body .game-card-pro.img-game-card:hover,body.front-pink-body .game-card-pro.img-game-card:active{transform:translateY(-2px) scale(.992)!important;box-shadow:0 24px 52px rgba(0,0,0,.52),0 0 30px color-mix(in srgb,var(--ui-primary) 30%, transparent)!important}
body.front-pink-body .game-card-pro.img-game-card img{width:100%!important;height:100%!important;min-height:0!important;display:block!important;object-fit:cover!important;object-position:center top!important;border-radius:0!important;padding:0!important;background:transparent!important;filter:saturate(1.08) contrast(1.03)!important;transition:transform .28s ease,filter .28s ease!important}
body.front-pink-body .game-card-pro.img-game-card:hover img{transform:scale(1.04)!important;filter:saturate(1.16) contrast(1.05)!important}
body.front-pink-body .game-card-overlay{position:absolute!important;left:7px!important;right:7px!important;bottom:7px!important;z-index:4!important;padding:8px 8px 7px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78))!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(8px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
body.front-pink-body .game-card-overlay b{display:block!important;color:#fff!important;font-size:11.5px!important;line-height:1.04!important;font-weight:1000!important;letter-spacing:-.02em!important;text-shadow:0 2px 8px #000,0 0 14px rgba(0,0,0,.8)!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
body.front-pink-body .game-card-overlay small{display:block!important;margin-top:3px!important;color:rgba(255,255,255,.72)!important;font-size:9px!important;line-height:1!important;font-weight:800!important}
@media(min-width:520px){body.front-pink-body .game-list-grid.pro-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}body.front-pink-body .game-card-overlay b{font-size:10.5px!important}}
@media(max-width:370px){body.front-pink-body .game-list-grid.pro-image-grid{gap:9px!important}body.front-pink-body .game-card-overlay{left:5px!important;right:5px!important;bottom:5px!important;padding:6px!important}body.front-pink-body .game-card-overlay b{font-size:10px!important}}


/* v68: Provider game entrance cards premium NextJS + theme cleanup */
body.front-pink-body .game-list-grid.pro-image-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  padding:10px 2px 28px!important;
}
body.front-pink-body .game-card-pro.img-game-card{
  position:relative!important;
  display:block!important;
  aspect-ratio:0.68!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:20px!important;
  text-decoration:none!important;
  isolation:isolate!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--theme-card,#151827) 86%, black),color-mix(in srgb,var(--theme-bg,#060714) 92%, black)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.52),color-mix(in srgb,var(--theme-primary,#22c55e) 72%, transparent),rgba(255,255,255,.10)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.045),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
body.front-pink-body .game-card-pro.img-game-card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.02) 26%,transparent 52%,rgba(0,0,0,.78) 100%),
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--theme-primary,#22c55e) 22%, transparent),transparent 46%)!important;
}
body.front-pink-body .game-card-pro.img-game-card::after{
  content:"";position:absolute;inset:1px;z-index:4;pointer-events:none;border-radius:19px!important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),inset 0 -30px 46px rgba(0,0,0,.46)!important;
}
body.front-pink-body .game-card-pro.img-game-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.56),0 0 34px color-mix(in srgb,var(--theme-primary,#22c55e) 28%, transparent)!important;
}
body.front-pink-body .game-card-pro.img-game-card:active{transform:scale(.975)!important}
body.front-pink-body .game-card-pro.img-game-card img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center top!important;
  padding:0!important;margin:0!important;border-radius:0!important;background:transparent!important;
  filter:saturate(1.06) contrast(1.04)!important;
  transform:scale(1.01)!important;
  transition:transform .24s ease, filter .24s ease!important;
}
body.front-pink-body .game-card-pro.img-game-card:hover img{transform:scale(1.055)!important;filter:saturate(1.14) contrast(1.06)!important}
body.front-pink-body .game-card-overlay{
  position:absolute!important;left:7px!important;right:7px!important;bottom:7px!important;z-index:6!important;
  min-height:50px!important;padding:9px 9px 7px!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(10,10,18,.22),rgba(0,0,0,.80))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(10px) saturate(145%)!important;
}
body.front-pink-body .game-card-overlay b{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
  font-size:11.2px!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.025em!important;
  color:#fff!important;text-align:left!important;text-shadow:0 2px 8px #000,0 0 16px rgba(0,0,0,.85)!important;
}
body.front-pink-body .game-card-overlay small{
  display:block!important;margin-top:3px!important;font-size:8.8px!important;line-height:1!important;font-weight:800!important;
  color:rgba(255,255,255,.72)!important;text-shadow:0 2px 8px #000!important;word-break:break-all!important;
}
body.front-pink-body .provider-back,
body.front-pink-body .auth-submit,
body.front-pink-body .login-btn,
body.front-pink-body .pink-mini-btn.glow,
body.front-pink-body .pink-mini-btn:not(.dark),
body.front-pink-body .btn-primary,
body.front-pink-body button[type="submit"]{
  background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#0ea5e9))!important;
  color:var(--theme-button-text,#fff)!important;
  border-color:color-mix(in srgb,var(--theme-primary,#22c55e) 48%, white 12%)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--theme-primary,#22c55e) 30%, transparent),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
body.front-pink-body .pink-user-pill,
body.front-pink-body .wallet-strip,
body.front-pink-body .member-balance,
body.front-pink-body .pink-balance-pill,
body.front-pink-body .welcome-user,
body.front-pink-body .auth-card::before,
body.front-pink-body .form-card::before{
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#22c55e) 28%, var(--theme-card,#111827)),color-mix(in srgb,var(--theme-secondary,#0ea5e9) 24%, var(--theme-card,#111827)))!important;
  border-color:color-mix(in srgb,var(--theme-primary,#22c55e) 36%, rgba(255,255,255,.12))!important;
}
@media(min-width:520px){body.front-pink-body .game-list-grid.pro-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:380px){body.front-pink-body .game-list-grid.pro-image-grid{gap:9px!important}.game-card-overlay{left:5px!important;right:5px!important;bottom:5px!important;padding:7px!important}.game-card-overlay b{font-size:10px!important}}


/* v69: NextJS game entry cards + theme color cleanup + Checkbet table */
body.front-pink-body .game-list-grid.pro-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:10px 10px 130px!important;}
body.front-pink-body .game-card-pro.img-game-card{position:relative!important;height:170px!important;min-height:170px!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 45%,rgba(255,255,255,.22))!important;box-shadow:0 14px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.18)!important;transform:translateZ(0);}
body.front-pink-body .game-card-pro.img-game-card:before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.78),color-mix(in srgb,var(--theme-primary,#22c55e) 80%,#fff 0%),transparent 62%,rgba(255,255,255,.20));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:4;pointer-events:none;opacity:.72;}
body.front-pink-body .game-card-pro.img-game-card:after{content:"";position:absolute;inset:auto -20% -8% -20%;height:54%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.86));z-index:2;pointer-events:none;}
body.front-pink-body .game-card-pro.img-game-card img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:18px!important;display:block!important;filter:saturate(1.08) contrast(1.04)!important;transition:transform .28s ease,filter .28s ease!important;}
body.front-pink-body .game-card-pro.img-game-card:hover img{transform:scale(1.055)!important;filter:saturate(1.18) contrast(1.08) brightness(1.04)!important;}
body.front-pink-body .game-card-overlay{position:absolute!important;left:7px!important;right:7px!important;bottom:7px!important;z-index:5!important;display:flex!important;flex-direction:column!important;gap:1px!important;padding:8px 8px 7px!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(6,8,14,.48),rgba(0,0,0,.78))!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(8px)!important;box-shadow:0 10px 22px rgba(0,0,0,.32)!important;}
body.front-pink-body .game-card-overlay b{font-size:11px!important;line-height:1.04!important;color:#fff!important;text-shadow:0 2px 8px #000!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
body.front-pink-body .game-card-overlay small{font-size:9px!important;line-height:1!important;color:color-mix(in srgb,var(--theme-gold,#ffd54a) 72%,#fff 28%)!important;opacity:.92!important;}
body.front-pink-body .pink-mini-btn.glow,body.front-pink-body .pink-mini-btn:not(.dark),body.front-pink-body .btn{background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#16a34a))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary,#22c55e) 34%,transparent),inset 0 1px 0 rgba(255,255,255,.20)!important;}
body.front-pink-body .pink-mini-btn.dark{background:color-mix(in srgb,var(--theme-card,#071a11) 82%,#000 18%)!important;border-color:color-mix(in srgb,var(--theme-primary,#22c55e) 28%,rgba(255,255,255,.14))!important;}
body.front-pink-body .pink-topbar:before{background:linear-gradient(90deg,transparent,var(--theme-primary,#22c55e),var(--theme-accent,#86efac),var(--theme-secondary,#16a34a),transparent)!important;}
@media(max-width:430px){body.front-pink-body .game-list-grid.pro-image-grid{gap:8px!important;padding-left:8px!important;padding-right:8px!important}.game-card-pro.img-game-card{height:158px!important;min-height:158px!important;border-radius:16px!important}.game-card-overlay{left:6px!important;right:6px!important;bottom:6px!important;padding:7px!important}}
.checkbet-panel-next .xg-search-row select{width:100%;height:48px;border-radius:14px;background:rgba(8,12,20,.82);border:1px solid rgba(255,255,255,.12);color:var(--admin-text,#fff);padding:0 14px;font-weight:900}.checkbet-table td small,.checkbet-table td em{display:block;color:var(--admin-muted,#94a3b8);font-style:normal;font-size:12px;margin-top:4px}.checkbet-table .win-text{color:#6dffb1}.checkbet-table .lose-text{color:#ff8aa2}.checkbet-table th{background:linear-gradient(90deg,color-mix(in srgb,var(--admin-primary,#8b5cf6) 34%,#111827),color-mix(in srgb,var(--admin-accent,#22d3ee) 18%,#111827))!important;color:var(--admin-gold,#ffd54a)!important}.checkbet-table td{vertical-align:middle!important}


/* v70: dashboard agent wallet cards + stronger NextJS game entrance polish */
.wallet-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.wallet-kpi-card{position:relative;overflow:hidden;border-radius:26px;padding:22px 24px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid color-mix(in srgb,var(--admin-border,rgba(255,255,255,.16)) 70%, transparent);box-shadow:0 22px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px)}
.wallet-kpi-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--admin-primary,#ff4b5f) 48%,transparent),transparent 42%),linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);opacity:.8;pointer-events:none}
.wallet-kpi-card span,.wallet-kpi-card strong,.wallet-kpi-card small{position:relative;z-index:1;display:block}.wallet-kpi-card span{font-size:13px;font-weight:900;color:var(--admin-muted,#ddd);text-transform:uppercase;letter-spacing:.05em}.wallet-kpi-card strong{margin-top:10px;font-size:34px;line-height:1;color:var(--admin-text,#fff)}.wallet-kpi-card small{margin-top:10px;color:var(--admin-accent,#ffd34d);font-weight:800}.wallet-kpi-card.monster:before{background:radial-gradient(circle at 18% 10%,rgba(34,197,94,.34),transparent 42%),linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent)}
@media(max-width:800px){.wallet-kpi-grid{grid-template-columns:1fr}.wallet-kpi-card strong{font-size:28px}}
body.front-pink-body .game-list-grid.pro-image-grid{gap:12px!important;padding:10px 10px 130px!important}
body.front-pink-body .img-game-card{height:174px!important;min-height:174px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;border:1px solid color-mix(in srgb,var(--theme-border,rgba(255,255,255,.18)) 80%, transparent)!important;box-shadow:0 16px 38px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.16)!important;overflow:hidden!important;isolation:isolate!important;transform:translateZ(0)}
body.front-pink-body .img-game-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#ff2d8d) 80%,#fff 10%),rgba(255,255,255,.22),color-mix(in srgb,var(--theme-secondary,#7c3aed) 70%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:4;pointer-events:none;opacity:.82}
body.front-pink-body .img-game-card:after{content:"";position:absolute;left:-35%;top:-40%;width:80%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg);opacity:0;z-index:5;pointer-events:none;transition:.45s}
body.front-pink-body .img-game-card:hover:after{left:70%;opacity:1}body.front-pink-body .img-game-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(0,0,0,.48),0 0 0 1px color-mix(in srgb,var(--theme-primary,#ff2d8d) 50%,transparent)!important}
body.front-pink-body .img-game-card img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;filter:saturate(1.08) contrast(1.05)!important;transform:scale(1.015)}
body.front-pink-body .game-card-overlay{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;padding:10px 9px 8px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(6,8,18,.18),rgba(0,0,0,.76) 42%,rgba(0,0,0,.88))!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 12px 28px rgba(0,0,0,.34)!important;backdrop-filter:blur(8px)!important;z-index:6!important}
body.front-pink-body .game-card-overlay b{font-size:11px!important;line-height:1.05!important;text-shadow:0 2px 5px #000!important;display:block!important;max-height:24px!important;overflow:hidden!important}body.front-pink-body .game-card-overlay small{font-size:9px!important;color:color-mix(in srgb,var(--theme-accent,#ffd34d) 82%,#fff)!important;font-weight:900!important;opacity:.95!important}

/* v71: Checkbet accuracy + hidden admin sidebar scrollbar + mobile drawer */
body.admin-body.v33-admin .xg-sidebar,
body.admin-body .xg-sidebar{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
body.admin-body.v33-admin .xg-sidebar::-webkit-scrollbar,
body.admin-body .xg-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.xg-menu-toggle{display:none;appearance:none;border:1px solid var(--theme-admin-border,rgba(255,255,255,.14));background:linear-gradient(135deg,var(--theme-admin-primary,#ef4444),color-mix(in srgb,var(--theme-admin-primary,#ef4444) 70%,#000));color:#fff;border-radius:14px;width:44px;height:42px;font-size:22px;font-weight:900;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.xg-mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(4px);z-index:38;opacity:0;transition:.18s ease;}
.checkbet-panel-next .xg-note{margin:14px 0!important;border-radius:16px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-admin-primary,#ef4444) 20%,transparent),rgba(255,255,255,.035))!important;border:1px solid color-mix(in srgb,var(--theme-admin-primary,#ef4444) 25%,rgba(255,255,255,.1))!important;color:var(--theme-admin-text,#fff)!important;font-weight:900!important}
.checkbet-table .win-text{color:#5cffb0!important;text-shadow:0 0 18px rgba(92,255,176,.18)!important}.checkbet-table .lose-text{color:#ff8aa2!important;text-shadow:0 0 18px rgba(255,138,162,.16)!important}.checkbet-table td small{color:var(--theme-admin-text,#fff)!important;font-weight:900!important}.checkbet-table td em{color:var(--theme-admin-muted,#94a3b8)!important}
.xg-info.big.danger b{color:#ff8aa2!important;}
@media(max-width:1000px){
  body.admin-body.v33-admin .xg-sidebar,body.admin-body .xg-sidebar{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(82vw,310px)!important;height:100dvh!important;z-index:45!important;transform:translateX(-106%)!important;transition:transform .22s ease!important;box-shadow:24px 0 70px rgba(0,0,0,.55)!important;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;
  }
  body.xg-sidebar-open .xg-sidebar{transform:translateX(0)!important;}
  body.xg-sidebar-open .xg-mobile-backdrop{display:block!important;opacity:1!important;}
  .xg-mobile-backdrop{display:block!important;pointer-events:none;}
  body.xg-sidebar-open .xg-mobile-backdrop{pointer-events:auto;}
  .xg-menu-toggle{display:inline-flex!important;flex:0 0 auto!important;}
  .xg-main{margin-left:0!important;width:100%!important;}
  .xg-topbar{position:sticky!important;top:8px!important;z-index:35!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:10px!important;height:auto!important;}
  .xg-breadcrumb{min-width:0!important;flex:1 1 auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .xg-top-right{width:100%!important;display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:2px!important;}
  .xg-top-right::-webkit-scrollbar{display:none!important;}
  .xg-content{padding:12px!important;}
  .xg-search-row{grid-template-columns:1fr!important;}
  .xg-page-head{padding:18px!important;}
  .xg-page-head h1{font-size:24px!important;}
}
@media(max-width:520px){
  body.admin-body .xg-grid-4{grid-template-columns:1fr!important;}
  body.admin-body .table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  .checkbet-table{min-width:850px!important;}
}


/* v72: API fallback fixes + stronger hidden admin sidebar scrollbar */
body.admin-body.v33-admin .xg-sidebar,
body.admin-body .xg-sidebar{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.admin-body.v33-admin .xg-sidebar::-webkit-scrollbar,
body.admin-body .xg-sidebar::-webkit-scrollbar,
body.admin-body.v33-admin .xg-menu::-webkit-scrollbar,
body.admin-body .xg-menu::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important;display:none!important;}
body.admin-body .xg-menu{scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-x:hidden!important;}
@media(max-width:1000px){
  body.admin-body.v33-admin .xg-sidebar,
  body.admin-body .xg-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(84vw,320px)!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;transform:translateX(-110%)!important;transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;z-index:999!important;}
  body.xg-sidebar-open .xg-sidebar{transform:translateX(0)!important;}
  .xg-mobile-backdrop{z-index:998!important;}
  body.xg-sidebar-open{overflow:hidden!important;}
}


/* v73: correct Betflix checkbet endpoint + reliable mobile admin drawer */
@media(max-width:1100px){
  body.admin-body.v33-admin .xg-sidebar,
  body.admin-body .xg-sidebar{
    position:fixed!important;
    left:0!important;top:0!important;bottom:0!important;
    width:min(86vw,330px)!important;
    height:100dvh!important;max-height:100dvh!important;
    transform:translate3d(-112%,0,0)!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;
    z-index:10010!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    scrollbar-width:none!important;-ms-overflow-style:none!important;
    overscroll-behavior:contain!important;
  }
  body.admin-body.v33-admin .xg-sidebar::-webkit-scrollbar,
  body.admin-body .xg-sidebar::-webkit-scrollbar,
  body.admin-body .xg-menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  html.xg-sidebar-open body.admin-body .xg-sidebar,
  body.xg-sidebar-open .xg-sidebar{transform:translate3d(0,0,0)!important;}
  .xg-mobile-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(5px)!important;z-index:10000!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease!important;}
  html.xg-sidebar-open .xg-mobile-backdrop,
  body.xg-sidebar-open .xg-mobile-backdrop{opacity:1!important;pointer-events:auto!important;}
  .xg-menu-toggle{display:inline-flex!important;position:relative!important;z-index:10020!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;}
  body.admin-body.v33-admin .xg-main,body.admin-body .xg-main{margin-left:0!important;width:100%!important;}
}
@media(min-width:1101px){.xg-mobile-backdrop{display:none!important}.xg-menu-toggle{display:none!important}}

/* v76: fix native select dropdown option text invisible on light OS dropdown */
select option,
select optgroup,
body.admin-body select option,
body.admin-body select optgroup,
body.front-pink-body select option,
body.front-pink-body select optgroup,
.admin-card select option,
.form-card select option,
.xg-content select option,
.xg-search-row select option,
.checkbet-panel-next select option{
  color:#111827!important;
  background:#ffffff!important;
  font-weight:800!important;
}
select option:checked,
body.admin-body select option:checked,
body.front-pink-body select option:checked,
.admin-card select option:checked,
.form-card select option:checked,
.xg-content select option:checked,
.xg-search-row select option:checked,
.checkbet-panel-next select option:checked{
  color:#ffffff!important;
  background:linear-gradient(135deg,var(--admin-primary,#2563eb),var(--admin-accent,#0ea5e9))!important;
}
body.admin-body select,
body.front-pink-body select,
.admin-card select,
.form-card select,
.xg-content select,
.xg-search-row select,
.checkbet-panel-next select{
  color:#ffffff!important;
  color-scheme:dark!important;
}


/* v77: larger frontend logo + theme-aware balance shimmer (lightweight) */
body.front-pink-body .pink-topbar{
  min-height:64px!important;
  height:64px!important;
}
body.front-pink-body .pink-logo{
  min-width:150px!important;
  max-width:220px!important;
  height:58px!important;
  overflow:visible!important;
}
body.front-pink-body .pink-logo img{
  height:46px!important;
  max-height:46px!important;
  max-width:210px!important;
  object-fit:contain!important;
  transform:translateZ(0)!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.42)) drop-shadow(0 0 12px color-mix(in srgb,var(--theme-primary,#ff2d8d) 28%, transparent))!important;
}
body.front-pink-body .pink-logo strong{
  font-size:34px!important;
  line-height:1!important;
}
body.front-pink-body .member-wallet-top{
  border-color:color-mix(in srgb,var(--theme-primary,#ff2d8d) 36%, rgba(255,255,255,.16))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 34px color-mix(in srgb,var(--theme-primary,#ff2d8d) 13%, transparent),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.front-pink-body .member-balance{
  position:relative!important;
  overflow:hidden!important;
  border-left:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 34%, rgba(255,255,255,.10))!important;
}
body.front-pink-body .member-balance b{
  position:relative!important;
  display:inline-block!important;
  color:transparent!important;
  background:linear-gradient(110deg,
    color-mix(in srgb,var(--theme-gold,#ffd54a) 88%, #fff 12%) 0%,
    var(--theme-primary,#ff2d8d) 34%,
    var(--theme-accent,#22d3ee) 58%,
    color-mix(in srgb,var(--theme-gold,#ffd54a) 92%, #fff 8%) 100%)!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--theme-primary,#ff2d8d) 22%, transparent))!important;
  animation:balanceTextShineV77 4.8s linear infinite!important;
}
body.front-pink-body .member-balance:after{
  content:"";
  position:absolute;
  inset:-60% -35%;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.22) 48%,transparent 58%);
  transform:translateX(-95%) rotate(8deg);
  animation:balanceSweepV77 5.8s ease-in-out infinite;
  opacity:.72;
  will-change:transform;
}
@keyframes balanceTextShineV77{
  0%{background-position:0% 50%}
  100%{background-position:220% 50%}
}
@keyframes balanceSweepV77{
  0%,62%{transform:translateX(-95%) rotate(8deg);opacity:0}
  72%{opacity:.7}
  88%,100%{transform:translateX(95%) rotate(8deg);opacity:0}
}
@media(max-width:430px){
  body.front-pink-body .pink-topbar{height:62px!important;min-height:62px!important;padding-left:12px!important;padding-right:10px!important}
  body.front-pink-body .pink-logo{min-width:120px!important;max-width:160px!important;height:56px!important}
  body.front-pink-body .pink-logo img{height:42px!important;max-height:42px!important;max-width:156px!important}
  body.front-pink-body .pink-logo strong{font-size:28px!important}
  body.front-pink-body .pink-nav-actions{gap:6px!important}
  body.front-pink-body .pink-mini-btn{height:34px!important;padding:0 11px!important;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
  body.front-pink-body .member-balance b,
  body.front-pink-body .member-balance:after{animation:none!important}
}


/* v78: roomier mobile quick tiles + uploadable lobby icons + hide game code under title */
body.front-pink-body .lobby-action-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  padding:10px 14px 8px!important;
  margin:0!important;
}
body.front-pink-body .lobby-action-tile{
  min-width:0!important;
  height:78px!important;
  padding:8px 5px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:12px!important;
  text-align:center!important;
  line-height:1.05!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 55%,rgba(255,255,255,.28))!important;
  box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.front-pink-body .lobby-action-tile .ico{
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:26px!important;
  line-height:1!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.26));
}
body.front-pink-body .lobby-action-tile .tile-custom-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
body.front-pink-body .lobby-action-tile span:last-child{
  display:block!important;
  font-size:12px!important;
  font-weight:1000!important;
  color:var(--theme-button-text,#fff)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.32)!important;
  white-space:normal!important;
  word-break:keep-all!important;
}
@media(max-width:430px){
  body.front-pink-body .lobby-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    padding:10px 14px 8px!important;
  }
  body.front-pink-body .lobby-action-tile{height:74px!important;border-radius:12px!important;padding:7px 5px!important}
  body.front-pink-body .lobby-action-tile .ico{width:28px!important;height:28px!important;font-size:24px!important}
  body.front-pink-body .lobby-action-tile span:last-child{font-size:12px!important}
}
@media(max-width:350px){
  body.front-pink-body .lobby-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
body.front-pink-body .game-card-overlay small{display:none!important}
body.front-pink-body .game-card-overlay{padding:10px 9px 9px!important}
body.front-pink-body .game-card-overlay b{max-height:34px!important;-webkit-line-clamp:2!important}
.lobby-icon-admin-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.lobby-icon-admin-item{border:1px solid var(--admin-border,rgba(255,255,255,.12));border-radius:18px;padding:14px;background:rgba(255,255,255,.035)}
.lobby-icon-preview{width:54px;height:54px;object-fit:contain;display:block;margin:8px 0 10px;border-radius:14px;background:rgba(0,0,0,.22);padding:6px;border:1px solid rgba(255,255,255,.10)}
.inline-check{display:flex!important;align-items:center!important;gap:8px!important;margin-top:8px!important;font-size:12px!important;color:var(--admin-muted,#b8c0d0)!important}.inline-check input{width:auto!important}
@media(max-width:900px){.lobby-icon-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.lobby-icon-admin-grid{grid-template-columns:1fr!important}}

/* =========================================================
   v80 REAL MOBILE FIX - less crowded game page + login block fix
   ========================================================= */
body.front-pink-body{overflow-x:hidden!important;}
body.front-pink-body .wrap.pink-app-shell,
body.front-pink-body .wrap{
  width:100%!important;
  max-width:480px!important;
  margin:0 auto!important;
  overflow-x:hidden!important;
  padding-bottom:118px!important;
}

/* ลบกล่อง/ของตกแต่งที่เคยบังหน้า Login แบบบังคับ */
body.front-pink-body .form-card::before,
body.front-pink-body .form-card::after,
body.front-pink-body .register-card::before,
body.front-pink-body .register-card::after,
body.front-pink-body .login-card::before,
body.front-pink-body .login-card::after,
body.front-pink-body .login-left-panel,
body.front-pink-body .login-banner,
body.front-pink-body .login-decoration,
body.front-pink-body .auth-decoration{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* auth/login ให้อ่านง่าย ไม่อัดแน่น */
body.front-pink-body .form-card,
body.front-pink-body .register-card{
  margin:18px 14px!important;
  padding:20px 18px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
body.front-pink-body .form-card .title,
body.front-pink-body .register-card .title{
  font-size:26px!important;
  margin:4px 0 18px!important;
}
body.front-pink-body .form-card input,
body.front-pink-body .register-card input,
body.front-pink-body .form-card select,
body.front-pink-body .register-card select{
  min-height:50px!important;
  border-radius:16px!important;
  margin:8px 0 14px!important;
  padding:13px 15px!important;
  font-size:16px!important;
}
body.front-pink-body .form-card .btn,
body.front-pink-body .register-card .btn{
  min-height:52px!important;
  border-radius:999px!important;
  font-size:16px!important;
}

/* หน้าเลือกเกม: ไม่ให้แน่นบนมือถือ */
body.front-pink-body .provider-page{
  padding:14px 14px 26px!important;
}
body.front-pink-body .provider-back{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  padding:12px 18px!important;
  margin:2px 0 18px!important;
  border-radius:999px!important;
  font-size:16px!important;
}
body.front-pink-body .provider-page-title{
  margin:16px 0 12px!important;
  gap:10px!important;
}
body.front-pink-body .provider-page-title h3,
body.front-pink-body .provider-page-title .title{
  font-size:20px!important;
  margin:0!important;
}
body.front-pink-body .provider-page-title span{
  font-size:12px!important;
  line-height:1.35!important;
  text-align:right!important;
}
body.front-pink-body .game-filter-row{
  gap:10px!important;
  margin:12px -14px 18px!important;
  padding:0 14px 2px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
body.front-pink-body .game-filter-row::-webkit-scrollbar{display:none!important;}
body.front-pink-body .filter-chip{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  font-size:13px!important;
}
body.front-pink-body .game-list-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0 0 16px!important;
}
body.front-pink-body .game-card-pro{
  height:auto!important;
  aspect-ratio:0.78/1!important;
  min-height:156px!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.front-pink-body .game-card-pro img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.front-pink-body .game-card-overlay{
  padding:24px 9px 9px!important;
  border-radius:0 0 18px 18px!important;
}
body.front-pink-body .game-card-overlay b{
  font-size:11px!important;
  line-height:1.18!important;
  display:block!important;
}

/* หน้า Home: เมนูไม่บีบกัน */
body.front-pink-body .pink-home{padding:12px 14px 0!important;}
body.front-pink-body .pink-category-pills{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:4px 0 18px!important;
}
body.front-pink-body .pink-category-pills a{
  min-width:0!important;
  transform:none!important;
  border-radius:16px!important;
  padding:11px 6px!important;
  font-size:13px!important;
  line-height:1.15!important;
}
body.front-pink-body .pink-hit-scroll{
  margin:0 -14px!important;
  padding:0 14px 8px!important;
  gap:12px!important;
  scroll-snap-type:x proximity!important;
}
body.front-pink-body .pink-hit-card{
  flex-basis:142px!important;
  border-radius:18px!important;
  scroll-snap-align:start!important;
}
body.front-pink-body .pink-hit-img{
  height:136px!important;
  border-radius:14px!important;
}
body.front-pink-body .pink-provider-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding-bottom:34px!important;
}
body.front-pink-body .pink-provider-card{
  height:72px!important;
  border-radius:14px!important;
  padding:8px!important;
}

/* bottom nav พอดีจอ ไม่กินพื้นที่เกิน */
body.front-pink-body .pink-bottom,
body.front-pink-body .bottom{
  width:min(456px,calc(100% - 18px))!important;
  padding:0!important;
  bottom:9px!important;
  z-index:80!important;
}
body.front-pink-body .pink-bottom-inner,
body.front-pink-body .bottom-inner{
  height:70px!important;
  border-radius:24px!important;
  padding:6px 8px!important;
}
body.front-pink-body .pink-navitem,
body.front-pink-body .navitem{
  min-width:0!important;
  font-size:10px!important;
  gap:2px!important;
}
body.front-pink-body .pink-navitem img,
body.front-pink-body .navitem img{
  width:25px!important;
  height:25px!important;
}
body.front-pink-body .pink-navitem span,
body.front-pink-body .navitem span{
  font-size:10px!important;
  line-height:1.1!important;
}
body.front-pink-body .pink-homebtn,
body.front-pink-body .homebtn{
  width:62px!important;
  height:62px!important;
  margin-top:-24px!important;
}
body.front-pink-body .pink-homebtn img,
body.front-pink-body .homebtn img{
  width:36px!important;
  height:36px!important;
}

/* DevTools responsive 494px ก็ถือเป็นมือถือ */
@media(max-width:520px){
  body.front-pink-body .top.pink-topbar,
  body.front-pink-body .top{
    height:58px!important;
    padding:0 12px!important;
  }
  body.front-pink-body .pink-logo{min-width:118px!important;max-width:168px!important;}
  body.front-pink-body .pink-logo img{height:32px!important;max-width:160px!important;}
  body.front-pink-body .pink-nav-actions{gap:6px!important;}
  body.front-pink-body .pink-mini-btn{height:34px!important;padding:0 12px!important;font-size:12px!important;}
  body.front-pink-body .pink-flag{width:34px!important;height:34px!important;}
}

@media(max-width:390px){
  body.front-pink-body .provider-page{padding-left:12px!important;padding-right:12px!important;}
  body.front-pink-body .game-list-grid{gap:11px!important;}
  body.front-pink-body .game-card-pro{min-height:148px!important;border-radius:16px!important;}
  body.front-pink-body .game-card-overlay b{font-size:10px!important;}
  body.front-pink-body .pink-category-pills{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.front-pink-body .pink-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:340px){
  body.front-pink-body .game-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.front-pink-body .game-card-pro{min-height:170px!important;}
}

/* =========================================================
   V81 REAL MOBILE GAME FIX
   แก้จริง: หน้าเกมในจอมือถือ/DevTools 494px ไม่ให้บีบ 4 คอลัมน์
   ปัญหาเดิม: ด้านล่างไฟล์มี rule .pro-image-grid repeat(4) !important ทับอยู่
   ========================================================= */
@media (max-width: 560px){
  .provider-page{
    padding: 12px 12px 118px !important;
  }
  .provider-page-title{
    padding: 14px 2px 10px !important;
  }
  .provider-page-title b{
    font-size: 20px !important;
  }
  .provider-page-title span{
    font-size: 11px !important;
    max-width: 170px !important;
  }
  .provider-back{
    margin: 4px 0 16px !important;
    padding: 14px 18px !important;
    border-radius: 999px !important;
  }

  /* ตัวสำคัญ: บังคับ 3 คอลัมน์ แทน 4 */
  .pro-image-grid,
  .game-list-grid.cards.pro-image-grid,
  .provider-page .pro-image-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 2px 18px !important;
  }

  .img-game-card,
  .provider-page .img-game-card{
    height: 158px !important;
    min-height: 158px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.34) !important;
  }

  .img-game-card img,
  .provider-page .img-game-card img,
  .fallback-art{
    height: 158px !important;
    min-height: 158px !important;
    object-fit: cover !important;
  }

  .game-card-overlay,
  .provider-page .game-card-overlay{
    padding: 42px 8px 9px !important;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.58) 48%, rgba(0,0,0,.92) 100%) !important;
  }
  .game-card-overlay b{
    font-size: 11px !important;
    line-height: 1.15 !important;
    max-height: 38px !important;
  }
  .game-card-overlay small{
    font-size: 8px !important;
    display: none !important;
  }

  .bottom{
    width: 100% !important;
    max-width: 480px !important;
    padding: 0 12px !important;
    bottom: 8px !important;
  }
  .bottom-inner{
    height: 70px !important;
    border-radius: 22px !important;
  }
  .homebtn{
    width: 64px !important;
    height: 64px !important;
    margin-top: -28px !important;
  }
}

/* จอเล็กมาก ให้เหลือ 2 คอลัมน์ อ่านง่าย ไม่อัด */
@media (max-width: 380px){
  .pro-image-grid,
  .game-list-grid.cards.pro-image-grid,
  .provider-page .pro-image-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .img-game-card,
  .provider-page .img-game-card,
  .img-game-card img,
  .provider-page .img-game-card img,
  .fallback-art{
    height: 176px !important;
    min-height: 176px !important;
  }
}

/* =========================================================
   V82 GAME CARD STYLE - แบบรูปตัวอย่างที่ 2
   กรอบเกมใหม่: แถบชื่อด้านบน + รูปเกม + ปุ่มเล่นสีทองด้านล่าง
   ========================================================= */
.provider-page .game-list-grid.pro-image-grid,
body.front-pink-body .provider-page .game-list-grid.pro-image-grid,
body.front-pink-body .game-list-grid.pro-image-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding:8px 4px 130px!important;
  align-items:start!important;
}

.provider-page .v82-play-card,
body.front-pink-body .provider-page .v82-play-card,
body.front-pink-body .v82-play-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:164px!important;
  min-height:164px!important;
  aspect-ratio:auto!important;
  border-radius:12px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  background:#111!important;
  border:2px solid rgba(255,255,255,.45)!important;
  box-shadow:0 3px 0 rgba(0,0,0,.70), 0 8px 16px rgba(0,0,0,.42)!important;
  isolation:isolate!important;
  transform:none!important;
  padding:0!important;
}

.provider-page .v82-play-card::before,
.provider-page .v82-play-card::after,
body.front-pink-body .provider-page .v82-play-card::before,
body.front-pink-body .provider-page .v82-play-card::after,
body.front-pink-body .v82-play-card::before,
body.front-pink-body .v82-play-card::after{
  display:none!important;
  content:none!important;
}

.provider-page .v82-game-title,
body.front-pink-body .provider-page .v82-game-title,
body.front-pink-body .v82-game-title{
  flex:0 0 28px!important;
  height:28px!important;
  line-height:28px!important;
  padding:0 6px!important;
  display:block!important;
  background:linear-gradient(180deg,#3b342d,#191818)!important;
  color:#fff7db!important;
  font-size:12px!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 2px rgba(0,0,0,.85)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  z-index:3!important;
}

.provider-page .v82-game-image,
body.front-pink-body .provider-page .v82-game-image,
body.front-pink-body .v82-game-image{
  position:relative!important;
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#06140c!important;
}

.provider-page .v82-play-card .v82-game-image img,
body.front-pink-body .provider-page .v82-play-card .v82-game-image img,
body.front-pink-body .v82-play-card .v82-game-image img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  filter:saturate(1.08) contrast(1.04)!important;
  transform:none!important;
}

.provider-page .v82-play-bar,
body.front-pink-body .provider-page .v82-play-bar,
body.front-pink-body .v82-play-bar{
  flex:0 0 34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  background:linear-gradient(180deg,#ffd44c 0%,#f5a900 100%)!important;
  color:#101010!important;
  font-size:17px!important;
  font-weight:1000!important;
  line-height:1!important;
  border-top:1px solid rgba(255,255,255,.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
  z-index:3!important;
}

.provider-page .v82-play-bar b,
body.front-pink-body .provider-page .v82-play-bar b,
body.front-pink-body .v82-play-bar b{
  color:#101010!important;
  font-size:17px!important;
  font-weight:1000!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
}

.provider-page .v82-gamepad,
body.front-pink-body .provider-page .v82-gamepad,
body.front-pink-body .v82-gamepad{
  font-size:15px!important;
  line-height:1!important;
  filter:grayscale(1) contrast(1.4)!important;
}

.provider-page .game-card-overlay,
body.front-pink-body .provider-page .game-card-overlay,
body.front-pink-body .v82-play-card .game-card-overlay{
  display:none!important;
}

.provider-page .v82-play-card:hover,
body.front-pink-body .provider-page .v82-play-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 4px 0 rgba(0,0,0,.70), 0 12px 22px rgba(0,0,0,.48)!important;
}

.provider-page .v82-play-card:active,
body.front-pink-body .provider-page .v82-play-card:active{
  transform:scale(.98)!important;
}

@media(max-width:560px){
  .provider-page .game-list-grid.pro-image-grid,
  body.front-pink-body .provider-page .game-list-grid.pro-image-grid,
  body.front-pink-body .game-list-grid.pro-image-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  .provider-page .v82-play-card,
  body.front-pink-body .provider-page .v82-play-card,
  body.front-pink-body .v82-play-card{
    height:164px!important;
    min-height:164px!important;
    border-radius:12px!important;
  }
}

@media(max-width:390px){
  .provider-page .game-list-grid.pro-image-grid,
  body.front-pink-body .provider-page .game-list-grid.pro-image-grid,
  body.front-pink-body .game-list-grid.pro-image-grid{
    gap:10px!important;
  }
  .provider-page .v82-play-card,
  body.front-pink-body .provider-page .v82-play-card,
  body.front-pink-body .v82-play-card{
    height:156px!important;
    min-height:156px!important;
  }
  .provider-page .v82-game-title,
  body.front-pink-body .provider-page .v82-game-title,
  body.front-pink-body .v82-game-title{
    height:26px!important;
    line-height:26px!important;
    font-size:11px!important;
  }
  .provider-page .v82-play-bar,
  body.front-pink-body .provider-page .v82-play-bar,
  body.front-pink-body .v82-play-bar{
    height:32px!important;
    flex-basis:32px!important;
    font-size:16px!important;
  }
}

@media(max-width:330px){
  .provider-page .game-list-grid.pro-image-grid,
  body.front-pink-body .provider-page .game-list-grid.pro-image-grid,
  body.front-pink-body .game-list-grid.pro-image-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .provider-page .v82-play-card,
  body.front-pink-body .provider-page .v82-play-card,
  body.front-pink-body .v82-play-card{
    height:172px!important;
    min-height:172px!important;
  }
}

/* V84: แถบเกมแนะนำใช้สีธีมจากหลังบ้าน ไม่ใส่พื้นหลังฟ้า/รูปพื้นหลัง */
body.front-pink-body .v83-provider-page{
  padding-top:10px!important;
  background:transparent!important;
}
body.front-pink-body .v83-recommend-box{
  position:relative!important;
  margin:2px -6px 18px!important;
  padding:14px 10px 12px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-card2) 88%, #fff 12%), var(--theme-card))!important;
  border:1px solid var(--theme-border)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.front-pink-body .v83-recommend-box::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 22% 0%, color-mix(in srgb, var(--theme-primary) 34%, transparent), transparent 35%),
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--theme-secondary) 30%, transparent), transparent 34%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.front-pink-body .v83-recommend-box::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;height:46px!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.front-pink-body .v83-rec-head{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  margin:0 0 10px!important;
}
body.front-pink-body .v83-rec-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-shadow:0 2px 0 rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.45)!important;
}
body.front-pink-body .v83-rec-head a{
  position:absolute!important;
  right:0!important;
  top:0!important;
  height:31px!important;
  min-width:94px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  background:linear-gradient(180deg, color-mix(in srgb, var(--theme-primary) 88%, #fff 12%), var(--theme-secondary))!important;
  border:1px solid color-mix(in srgb, var(--theme-border) 70%, #fff 30%)!important;
  box-shadow:0 5px 10px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.25)!important;
}
body.front-pink-body .v83-rec-scroll{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 4px 4px!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
body.front-pink-body .v83-rec-scroll::-webkit-scrollbar{display:none!important}
body.front-pink-body .v83-rec-card{
  flex:0 0 102px!important;
  height:126px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:12px!important;
  text-decoration:none!important;
  background:var(--theme-card)!important;
  border:2px solid var(--theme-gold)!important;
  box-shadow:0 5px 0 color-mix(in srgb, var(--theme-gold) 42%, #000 58%),0 9px 14px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.18)!important;
  scroll-snap-align:start!important;
}
body.front-pink-body .v83-rec-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:9px!important;
  filter:saturate(1.08) contrast(1.02)!important;
}
body.front-pink-body .v83-rec-card:active{transform:scale(.98)!important}

@media(max-width:560px){
  body.front-pink-body .v83-recommend-box{margin-left:-8px!important;margin-right:-8px!important;padding-left:10px!important;padding-right:10px!important}
  body.front-pink-body .v83-rec-card{flex-basis:108px!important;height:132px!important}
}
@media(max-width:390px){
  body.front-pink-body .v83-rec-head h2{font-size:19px!important}
  body.front-pink-body .v83-rec-head a{min-width:84px;font-size:12px!important;height:29px!important}
  body.front-pink-body .v83-rec-scroll{gap:10px!important}
  body.front-pink-body .v83-rec-card{flex-basis:96px!important;height:122px!important}
}


/* ===== V85: remove hard-coded pink glow from lucky wheel page, use admin theme colors ===== */
body.front-pink-body .wheel-page{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-card) 90%,#000 10%),color-mix(in srgb,var(--theme-front-bg) 92%,#000 8%))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary) 45%,transparent)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.38)!important;
}
body.front-pink-body .wheel-page h2,
body.front-pink-body .wheel-page h3{
  color:var(--theme-text)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}
body.front-pink-body .wheel-page p,
body.front-pink-body .wheel-page b{
  color:var(--theme-text)!important;
}
body.front-pink-body .wheel-ticket-card>div{
  background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card2) 68%,transparent),color-mix(in srgb,var(--theme-card) 78%,transparent))!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 85%,transparent)!important;
  box-shadow:none!important;
}
body.front-pink-body .wheel-ticket-card small{
  color:var(--theme-muted)!important;
}
body.front-pink-body .lucky-wheel{
  border:8px solid color-mix(in srgb,var(--theme-primary) 38%,rgba(255,255,255,.10))!important;
  box-shadow:0 16px 34px rgba(0,0,0,.35),inset 0 0 28px rgba(0,0,0,.52)!important;
  background:conic-gradient(
    var(--theme-primary) 0 45deg,
    var(--theme-warning) 45deg 90deg,
    var(--theme-success) 90deg 135deg,
    #64748b 135deg 180deg,
    var(--theme-secondary) 180deg 225deg,
    var(--theme-accent) 225deg 270deg,
    var(--theme-danger) 270deg 315deg,
    var(--theme-gold) 315deg 360deg
  )!important;
}
body.front-pink-body .lucky-wheel b{
  background:color-mix(in srgb,var(--theme-card) 92%,#000 8%)!important;
  border-color:var(--theme-text)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 40%,transparent)!important;
}
body.front-pink-body .wheel-page .btn{
  background:linear-gradient(180deg,var(--theme-primary),var(--theme-secondary))!important;
  color:var(--theme-button-text)!important;
  border:1px solid color-mix(in srgb,var(--theme-primary) 65%,#fff 10%)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
body.front-pink-body .wheel-page .front-table-wrap{
  border:1px solid color-mix(in srgb,var(--theme-primary) 32%,transparent)!important;
  background:color-mix(in srgb,var(--theme-card) 86%,transparent)!important;
}
body.front-pink-body .wheel-page .front-table-wrap th{
  background:color-mix(in srgb,var(--theme-primary) 55%,#000 25%)!important;
  color:var(--theme-text)!important;
}
body.front-pink-body .wheel-page .front-table-wrap td{
  color:var(--theme-text)!important;
  border-bottom:1px solid color-mix(in srgb,var(--theme-border) 70%,transparent)!important;
}
/* กันวง glow สีชมพูเก่าที่ติดจากธีม */
body.front-pink-body .wheel-page *,
body.front-pink-body .wheel-page *::before,
body.front-pink-body .wheel-page *::after{
  --brand-pink:var(--theme-primary)!important;
}


/* V85 FIX: Lucky wheel theme + readable prize labels */
body.front-pink-body .wheel-page{
  overflow:hidden!important;
}
body.front-pink-body .wheel-page::before,
body.front-pink-body .wheel-page::after{
  display:none!important;
  content:none!important;
}
body.front-pink-body .wheel-ticket-card{
  position:relative!important;
  z-index:2!important;
}
body.front-pink-body .wheel-ticket-card>div{
  background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card,#0b2b18) 88%, transparent),color-mix(in srgb,var(--theme-card2,#103b22) 82%, #000))!important;
  border:1px solid color-mix(in srgb,var(--theme-border,#ffffff22) 80%, transparent)!important;
  box-shadow:none!important;
}
body.front-pink-body .wheel-ticket-card small{color:var(--theme-muted,#d8c7e8)!important}
body.front-pink-body .wheel-used-text{
  margin:10px 0 8px!important;
  font-weight:900!important;
  color:var(--theme-text,#fff)!important;
}
body.front-pink-body .lucky-wheel{
  position:relative!important;
  width:min(292px,78vw)!important;
  height:min(292px,78vw)!important;
  margin:18px auto 20px!important;
  border-radius:50%!important;
  background:var(--wheel-bg)!important;
  border:7px solid color-mix(in srgb,var(--theme-border,#ffffff22) 70%, var(--theme-text,#fff) 10%)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.40), inset 0 0 28px rgba(0,0,0,.50)!important;
  filter:none!important;
}
body.front-pink-body .lucky-wheel::before{
  content:""!important;
  position:absolute!important;
  top:-12px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-left:14px solid transparent!important;
  border-right:14px solid transparent!important;
  border-top:27px solid var(--theme-text,#fff)!important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.55))!important;
  z-index:5!important;
}
body.front-pink-body .lucky-wheel::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%, transparent 0 23%, rgba(255,255,255,.12) 24%, transparent 25%, transparent 70%, rgba(255,255,255,.18) 100%)!important;
  pointer-events:none!important;
  z-index:1!important;
}
body.front-pink-body .lucky-wheel b{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:74px!important;
  height:74px!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#0b2b18) 94%,#000),color-mix(in srgb,var(--theme-card2,#103b22) 84%,#000))!important;
  border:5px solid var(--theme-text,#fff)!important;
  border-radius:50%!important;
  color:var(--theme-text,#fff)!important;
  font-size:34px!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--theme-primary,#22c55e) 28%, transparent),0 10px 20px rgba(0,0,0,.45)!important;
  z-index:4!important;
}
body.front-pink-body .lucky-wheel .wheel-label,
body.front-pink-body .lucky-wheel span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:82px!important;
  min-height:24px!important;
  max-height:34px!important;
  padding:3px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.34)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 4px rgba(0,0,0,.85)!important;
  transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(min(292px,78vw) * -0.31)) rotate(var(--neg-angle))!important;
  transform-origin:center!important;
  z-index:3!important;
  box-shadow:0 4px 10px rgba(0,0,0,.24)!important;
}
body.front-pink-body .wheel-page .btn{
  background:linear-gradient(180deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;
  color:var(--theme-button-text,#fff)!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 60%, #fff 12%)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30)!important;
}
body.front-pink-body .wheel-page .front-table-wrap{
  max-height:190px!important;
  overflow:auto!important;
  border:1px solid color-mix(in srgb,var(--theme-border,#ffffff22) 82%, transparent)!important;
  background:color-mix(in srgb,var(--theme-card,#0b2b18) 88%, transparent)!important;
}
body.front-pink-body .wheel-page .front-table-wrap table{
  min-width:420px!important;
}
body.front-pink-body .wheel-page .front-table-wrap th{
  background:color-mix(in srgb,var(--theme-primary,#22c55e) 55%, #000 25%)!important;
  color:var(--theme-text,#fff)!important;
}
@media(max-width:380px){
  body.front-pink-body .lucky-wheel{width:268px!important;height:268px!important}
  body.front-pink-body .lucky-wheel .wheel-label,
  body.front-pink-body .lucky-wheel span{width:74px!important;font-size:9px!important;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-78px) rotate(var(--neg-angle))!important}
  body.front-pink-body .lucky-wheel b{width:66px!important;height:66px!important;font-size:30px!important}
}


/* v86: remove fire badge from hot game cards */
body.front-pink-body .pink-hit-scroll{
  padding-top: 8px !important;
  margin-top: 0 !important;
  overflow-y: hidden !important;
}
body.front-pink-body .pink-hit-card{
  overflow: hidden !important;
}
body.front-pink-body .pink-hit-ribbon,
body.front-pink-body .pink-hit-ribbon::before,
body.front-pink-body .pink-hit-ribbon::after,
body.front-pink-body .hot-flame-badge,
body.front-pink-body .hot-flame-badge::before,
body.front-pink-body .hot-flame-badge::after{
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}


/* ===== V87 deposit page balance + Paynoi on/off behavior ===== */
.deposit-v87{padding:18px 16px 120px!important;max-width:480px;margin:0 auto}.deposit-v87:before{height:160px;opacity:.45}.deposit-hero-v87{padding:18px 18px!important;margin-bottom:16px!important;border-radius:24px!important}.deposit-hero-v87 h2{font-size:30px!important;margin:8px 0 4px!important}.deposit-hero-v87 p{font-size:14px!important;line-height:1.45}.deposit-hero-v87 .finance-balance{min-width:118px;border-radius:18px;text-align:center}.deposit-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}.deposit-section-title span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--theme-primary,#22c55e) 18%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 36%,transparent);color:var(--theme-primary,#22c55e);font-weight:1000;font-size:12px;letter-spacing:.04em}.deposit-section-title b{font-size:14px;color:var(--theme-muted,#d8c7e8)}
.deposit-auto-card-v87{max-width:420px;margin:0 auto!important;border-radius:28px!important;overflow:visible!important}.deposit-auto-card-v87 .deposit-form-v87{padding:22px 18px 20px!important}.deposit-form-v87 label{margin:0 0 9px!important;font-size:14px}.deposit-form-v87 .amount-input{height:72px;border-radius:22px!important;padding:10px 14px!important}.deposit-form-v87 .amount-input span{font-size:28px!important}.deposit-form-v87 .amount-input input{font-size:26px!important;min-width:0}.deposit-quick-v87{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 4px!important}.deposit-quick-v87 button{min-height:44px;border-radius:16px!important;background:color-mix(in srgb,var(--theme-card2,#123b20) 80%,#000)!important;border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 30%,transparent)!important;color:var(--theme-text,#fff)!important}.deposit-form-v87 input[type=file]{width:100%;min-height:52px;border-radius:16px;padding:12px;background:var(--theme-input-bg,#071326);border:1px solid var(--theme-border,#ffffff22);color:var(--theme-text,#fff)}.deposit-form-v87 .finance-submit{height:56px;margin-top:16px!important;border-radius:22px!important;font-size:17px!important}
.deposit-manual-layout-v87{display:grid;grid-template-columns:1fr;gap:14px}.deposit-bank-card-v87,.deposit-manual-card-v87{border:1px solid var(--theme-border,#ffffff22);border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#062912) 92%,#000),color-mix(in srgb,var(--theme-card2,#0b3a1a) 78%,#000));box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)}.deposit-bank-card-v87{padding:18px}.deposit-bank-display-v87{font-size:18px!important;line-height:1.6!important;border-radius:20px!important;padding:16px!important;text-align:center;color:var(--theme-success,#22c55e)!important}.deposit-bank-card-v87 .finance-note{font-size:13px;line-height:1.45;text-align:center}.deposit-manual-card-v87{overflow:visible!important}.deposit-manual-card-v87 .deposit-form-v87{padding:18px!important}.deposit-pending-v87{max-width:430px;margin:0 auto}.deposit-pending-v87 .paynoi-info-grid{grid-template-columns:1fr!important}
@media(max-width:720px){.deposit-v87{padding:14px 14px 112px!important}.deposit-hero-v87{display:block!important}.deposit-hero-v87 .finance-balance{margin-top:12px;text-align:left;width:100%;min-width:0}.deposit-hero-v87 h2{font-size:28px!important}.deposit-quick-v87{grid-template-columns:repeat(3,minmax(0,1fr))!important}.deposit-quick-v87 button{font-size:13px;padding:10px 4px!important}.deposit-form-v87 .amount-input{height:68px}.deposit-form-v87 .amount-input input{font-size:24px!important}.deposit-bank-display-v87{font-size:17px!important}}
@media(max-width:380px){.deposit-v87{padding-left:12px!important;padding-right:12px!important}.deposit-quick-v87{grid-template-columns:repeat(2,minmax(0,1fr))!important}.deposit-hero-v87 h2{font-size:25px!important}.deposit-form-v87 .amount-input input{font-size:22px!important}.deposit-bank-display-v87{font-size:15px!important}}

/* V88: balanced withdraw page + security polish */
.withdraw-v88{padding:18px 14px 118px!important;}
.withdraw-v88:before{opacity:.55!important;height:180px!important;background:radial-gradient(circle at 28% 0%,color-mix(in srgb,var(--theme-primary,#22c55e) 26%,transparent),transparent 58%)!important;}
.withdraw-hero-v88{padding:18px 16px!important;margin-bottom:14px!important;border-radius:28px!important;}
.withdraw-hero-v88 h2{font-size:27px!important;letter-spacing:-.02em;}
.withdraw-bank-panel-v88{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:14px;border-radius:26px;border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 30%,var(--theme-border,#ffffff22));background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#092514) 96%,#000),color-mix(in srgb,var(--theme-card2,#123b20) 80%,#000));box-shadow:0 20px 52px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);}
.withdraw-bank-logo-wrap-v88{width:118px;min-width:118px;height:68px;border-radius:19px;background:rgba(255,255,255,.06);display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);overflow:hidden;}
.withdraw-bank-logo-v88{width:100%;height:100%;object-fit:contain;display:block;}
.withdraw-bank-info-v88{min-width:0;display:flex;flex-direction:column;gap:3px;}
.withdraw-bank-info-v88 small{font-size:12px;font-weight:900;color:var(--theme-muted,#bbf7d0);}
.withdraw-bank-info-v88 b{font-size:22px;line-height:1.05;color:var(--theme-text,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.withdraw-bank-info-v88 span{font-size:14px;font-weight:800;color:var(--theme-muted,#bbf7d0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.withdraw-card-v88{border-radius:28px!important;overflow:visible!important;}
.withdraw-form-v88{padding:18px 16px 16px!important;}
.withdraw-form-v88 label{margin-top:0!important;margin-bottom:9px!important;font-size:14px!important;}
.withdraw-amount-v88{height:70px!important;border-radius:22px!important;padding:10px 14px!important;}
.withdraw-amount-v88 span{font-size:28px!important;}
.withdraw-amount-v88 input{font-size:25px!important;min-width:0;}
.withdraw-form-v88 .finance-submit{height:56px!important;margin-top:16px!important;border-radius:22px!important;font-size:17px!important;}
.withdraw-safe-note-v88{margin:0 16px 16px;padding:13px 14px;border-radius:18px;background:color-mix(in srgb,var(--theme-primary,#22c55e) 12%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 28%,transparent);display:flex;flex-direction:column;gap:4px;}
.withdraw-safe-note-v88 b{font-size:13px;color:var(--theme-text,#fff);}
.withdraw-safe-note-v88 span{font-size:12px;line-height:1.45;color:var(--theme-muted,#bbf7d0);}
@media(max-width:420px){.withdraw-bank-panel-v88{gap:11px;padding:12px}.withdraw-bank-logo-wrap-v88{width:98px;min-width:98px;height:60px}.withdraw-bank-info-v88 b{font-size:19px}.withdraw-v88{padding-left:12px!important;padding-right:12px!important}}


/* ===== V89: smoother home + trapezoid top buttons ===== */
body.front-pink-body .pink-home{
  padding:12px 14px 0!important;
}
body.front-pink-body .pink-category-pills{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:8px 0 18px!important;
}
body.front-pink-body .pink-category-pills a{
  position:relative!important;
  min-width:0!important;
  min-height:52px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:900!important;
  color:var(--theme-button-text,#fff)!important;
  text-decoration:none!important;
  border-radius:0!important;
  clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)!important;
  background:linear-gradient(180deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  transform:none!important;
  transition:transform .18s ease, filter .18s ease!important;
  will-change:transform;
}
body.front-pink-body .pink-category-pills a span,
body.front-pink-body .pink-category-pills a b{
  transform:none!important;
}
body.front-pink-body .pink-category-pills a:hover,
body.front-pink-body .pink-category-pills a:active{
  filter:brightness(1.03)!important;
  transform:translateY(-1px)!important;
}
body.front-pink-body .pink-category-pills a:nth-child(5){
  grid-column:2 / span 2!important;
}
body.front-pink-body .pink-topbar,
body.front-pink-body .pink-bottom-inner,
body.front-pink-body .pink-hit-card,
body.front-pink-body .pink-provider-card,
body.front-pink-body .pink-welcome,
body.front-pink-body .pink-alert-strip,
body.front-pink-body .pink-mini-btn,
body.front-pink-body .pink-tabs button{
  backdrop-filter:none!important;
}
body.front-pink-body .pink-topbar{
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
body.front-pink-body .pink-mini-btn{
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
body.front-pink-body .pink-welcome,
body.front-pink-body .pink-alert-strip,
body.front-pink-body .pink-hit-card,
body.front-pink-body .pink-provider-card,
body.front-pink-body .pink-bottom-inner{
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
body.front-pink-body .pink-hit-scroll,
body.front-pink-body .pink-provider-grid,
body.front-pink-body .pink-tabs,
body.front-pink-body .pink-category-pills{
  content-visibility:auto;
  contain-intrinsic-size:1px 500px;
}
body.front-pink-body .pink-hit-scroll{
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
body.front-pink-body .pink-hit-card{
  scroll-snap-align:start;
}
body.front-pink-body .pink-hit-img img,
body.front-pink-body .pink-provider-card img,
body.front-pink-body .pink-logo img,
body.front-pink-body .pink-navitem img{
  will-change:auto!important;
}
@media(max-width:430px){
  body.front-pink-body .pink-category-pills{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.front-pink-body .pink-category-pills a{
    min-height:50px!important;
    font-size:12px!important;
    padding:0 6px!important;
  }
}

/* ===== V90: Lobby Theme 2 category-first screen ===== */
body.front-pink-body .lobby-theme2{
  padding:10px 14px 118px!important;
}
body.front-pink-body .lobby2-top-panel{
  border-radius:0 0 18px 18px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,var(--theme-card,#0b2a17),var(--theme-card2,#103b20))!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
}
body.front-pink-body .lobby2-title-row{
  min-height:58px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;
}
body.front-pink-body .lobby2-title-row b{
  font-size:22px!important;
  font-weight:1000!important;
  color:var(--theme-button-text,#fff)!important;
}
body.front-pink-body .lobby2-search{
  flex:1!important;
  max-width:220px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
}
body.front-pink-body .lobby2-search input{
  height:38px!important;
  margin:0!important;
  border-radius:8px 0 0 8px!important;
  background:#fff!important;
  color:#111!important;
  border:0!important;
  font-size:14px!important;
  padding:0 12px!important;
  box-shadow:none!important;
}
body.front-pink-body .lobby2-search button{
  width:42px!important;
  height:38px!important;
  border:0!important;
  border-left:1px solid #ddd!important;
  border-radius:0 8px 8px 0!important;
  background:#f5f5f5!important;
  color:#a0a0a0!important;
  font-size:21px!important;
}
body.front-pink-body .lobby2-recent-title{
  padding:12px 14px 5px!important;
  font-size:15px!important;
  font-weight:900!important;
  color:var(--theme-text,#fff)!important;
}
body.front-pink-body .lobby2-recent-scroll{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:0 14px 12px!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
body.front-pink-body .lobby2-recent-scroll::-webkit-scrollbar{display:none!important;}
body.front-pink-body .lobby2-recent-scroll a{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  border:2px solid var(--theme-gold,#ffd54a)!important;
  background:#090909!important;
  display:block!important;
}
body.front-pink-body .lobby2-recent-scroll img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body.front-pink-body .lobby2-category-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 16px!important;
  padding:26px 8px 0!important;
}
body.front-pink-body .lobby2-category-card{
  position:relative!important;
  min-height:116px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  text-decoration:none!important;
  color:#fff!important;
  padding:12px!important;
  border:2px solid var(--theme-gold,#ffd54a)!important;
  background:linear-gradient(145deg,var(--theme-card,#081a10),var(--theme-card2,#103b20))!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  transform:translateZ(0)!important;
}
body.front-pink-body .lobby2-category-card img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.82!important;
}
body.front-pink-body .lobby2-category-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.42) 62%,rgba(0,0,0,.74))!important;
  z-index:1!important;
}
body.front-pink-body .lobby2-card-shine{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.25),transparent 25%)!important;
  pointer-events:none!important;
}
body.front-pink-body .lobby2-category-card b{
  position:relative!important;
  z-index:3!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#fff!important;
  text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 8px var(--theme-primary,#22c55e)!important;
  -webkit-text-stroke:1px rgba(0,0,0,.35)!important;
}
body.front-pink-body .lobby2-category-card small{
  position:relative!important;
  z-index:3!important;
  margin-top:5px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:rgba(255,255,255,.92)!important;
  text-shadow:0 2px 5px #000!important;
}
body.front-pink-body .lobby2-category-card:nth-child(7){
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:54%!important;
  min-width:170px!important;
}
body.front-pink-body .provider-select-v2{
  padding:12px 14px 118px!important;
}
body.front-pink-body .lobby2-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  color:var(--theme-button-text,#fff)!important;
  text-decoration:none!important;
  font-weight:900!important;
  background:linear-gradient(180deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
  margin-bottom:12px!important;
}
body.front-pink-body .provider-select-v2 .provider-page-title{
  margin:2px 0 12px!important;
}
body.front-pink-body .provider-select-v2 .game-filter-row{
  margin-bottom:16px!important;
}
body.front-pink-body .provider-grid-v2{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding-bottom:20px!important;
}
body.front-pink-body .lobby2-empty{
  margin:20px 0!important;
  padding:22px!important;
  border-radius:18px!important;
  text-align:center!important;
  color:var(--theme-muted,#bbf7d0)!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid var(--theme-border,#ffffff22)!important;
  font-weight:800!important;
}
@media(max-width:430px){
  body.front-pink-body .lobby-theme2{padding-left:10px!important;padding-right:10px!important;}
  body.front-pink-body .lobby2-category-grid{gap:14px 12px!important;padding-left:4px!important;padding-right:4px!important;}
  body.front-pink-body .lobby2-category-card{min-height:104px!important;border-radius:16px!important;}
  body.front-pink-body .lobby2-category-card b{font-size:25px!important;}
  body.front-pink-body .lobby2-title-row{padding:10px 12px!important;}
  body.front-pink-body .lobby2-search{max-width:170px!important;}
}


/* ===== V91 Admin Google Authenticator / 2FA ===== */
.twofa-card-v91{max-width:430px!important}
.twofa-input-v91{font-size:26px!important;text-align:center!important;letter-spacing:.18em!important;font-weight:900!important}
.security-v91{padding:22px!important}
.sec-head-v91{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.sec-head-v91 h2{margin:0 0 6px;font-size:28px;font-weight:1000;color:#fff}.sec-head-v91 p{margin:0;color:var(--theme-admin-muted,#94a3b8);font-weight:700}
.sec-status-v91{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 14px;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.12)}.sec-status-v91.on{background:rgba(34,197,94,.16);color:#86efac}.sec-status-v91.off{background:rgba(245,158,11,.16);color:#fde68a}
.sec-grid-v91{display:grid;grid-template-columns:1fr 1.25fr;gap:18px}.sec-panel-v91{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:18px;box-shadow:0 16px 42px rgba(0,0,0,.22)}.sec-panel-v91 h3{margin:0 0 14px;font-size:20px}.sec-info-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.sec-info-row span{color:var(--theme-admin-muted,#94a3b8);font-weight:800}.sec-info-row b{color:#fff;overflow-wrap:anywhere}.sec-note-v91{margin-top:16px;padding:13px;border-radius:16px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.14);color:#bae6fd;font-weight:700;line-height:1.55}.sec-steps-v91{margin:0 0 14px;padding-left:18px;color:#dbeafe;font-weight:700;line-height:1.75}.qr-wrap-v91{display:grid;place-items:center;margin:12px 0 16px;padding:14px;border-radius:18px;background:#fff}.qr-wrap-v91 img{width:220px;height:220px;display:block}.qr-fallback-v91{color:#111;text-align:center;font-weight:800}.mono-v91{font-family:ui-monospace,Consolas,monospace!important;letter-spacing:.08em!important}.recovery-box-v91{padding:14px;border-radius:18px;background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.20);margin-bottom:16px}.recovery-box-v91 p{margin:4px 0 12px;color:#fde68a;font-weight:700}.recovery-grid-v91{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recovery-grid-v91 code{display:block;padding:10px;border-radius:12px;background:#020617;color:#fff;font-weight:900;text-align:center;letter-spacing:.08em}.sec-form-v91{margin-top:12px}.sec-hr-v91{border:0;border-top:1px solid rgba(255,255,255,.10);margin:18px 0}
@media(max-width:900px){.sec-grid-v91{grid-template-columns:1fr}.sec-head-v91{display:block}.sec-status-v91{margin-top:12px}.recovery-grid-v91{grid-template-columns:1fr}}


/* ===== V94: Theme 2 editable frame + latest games open direct play ===== */
body.front-pink-body .lobby-theme2 .lobby2-recent-scroll a,
body.front-pink-body .lobby-theme2 .lobby2-category-card{
  border-color:var(--lobby2-frame-color,var(--theme-gold,#facc15))!important;
  border-width:var(--lobby2-frame-width,2px)!important;
}
body.front-pink-body .lobby-theme2 .lobby2-category-card{
  box-shadow:0 8px 18px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
body.front-pink-body .lobby2-recent-game{cursor:pointer!important;}
body.front-pink-body .lobby2-recent-game:active{transform:scale(.96)!important;}
.upload-tile-admin{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:14px;padding:12px;}
.upload-tile-admin .inline-check{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:6px;}
.upload-tile-admin .inline-check input{width:auto;margin:0;}


/* ===== V95: fix recent-game images + speed theme2 ===== */
body.front-pink-body .lobby2-recent-scroll{
  contain:layout paint!important;
  content-visibility:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
}
body.front-pink-body .lobby2-recent-scroll a,
body.front-pink-body .lobby2-recent-game{
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.28))!important;
  overflow:hidden!important;
  flex:0 0 54px!important;
  height:54px!important;
}
body.front-pink-body .lobby2-recent-scroll img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  transform:translateZ(0)!important;
}
body.front-pink-body .lobby2-category-grid,
body.front-pink-body .provider-grid-v2,
body.front-pink-body .provider-image-grid{
  content-visibility:auto!important;
  contain-intrinsic-size:1px 720px!important;
}
body.front-pink-body .lobby2-category-card,
body.front-pink-body .old-provider-card,
body.front-pink-body .img-game-card{
  box-shadow:0 5px 12px rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
}
body.front-pink-body .lobby2-category-card img,
body.front-pink-body .provider-image-card img,
body.front-pink-body .img-game-card img{
  transform:none!important;
  will-change:auto!important;
}


/* ===== V96: Theme 2 full custom category images + PNG frame overlay ===== */
body.front-pink-body .lobby2-category-grid{
  gap:14px 12px!important;
  padding:20px 8px 0!important;
}
body.front-pink-body .lobby2-category-card{
  min-height:128px!important;
  border-radius:18px!important;
  border-color:var(--lobby2-frame-color,var(--theme-gold,#facc15))!important;
  border-width:var(--lobby2-frame-width,2px)!important;
  padding:12px!important;
  background:#050907!important;
  box-shadow:0 6px 14px rgba(0,0,0,.22)!important;
}
body.front-pink-body .lobby2-category-card .lobby2-cat-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  z-index:0!important;
  transform:none!important;
}
body.front-pink-body .lobby2-category-card:before{
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18) 50%,rgba(0,0,0,.55))!important;
  z-index:1!important;
}
body.front-pink-body .lobby2-card-frame{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  z-index:4!important;
  pointer-events:none!important;
  opacity:1!important;
}
body.front-pink-body .lobby2-category-card b,
body.front-pink-body .lobby2-category-card small{
  z-index:5!important;
}
body.front-pink-body .lobby2-category-card b{
  font-size:27px!important;
  text-shadow:0 3px 0 rgba(0,0,0,.68),0 0 6px rgba(255,255,255,.22)!important;
  -webkit-text-stroke:1px rgba(0,0,0,.42)!important;
}
body.front-pink-body .lobby2-category-card small{
  font-size:11px!important;
  line-height:1.2!important;
}
body.front-pink-body .lobby-theme2.lobby2-hide-text .lobby2-category-card:before,
body.front-pink-body .lobby-theme2.lobby2-hide-text .lobby2-card-shine,
body.front-pink-body .lobby-theme2.lobby2-hide-text .lobby2-category-card b,
body.front-pink-body .lobby-theme2.lobby2-hide-text .lobby2-category-card small{
  display:none!important;
}
body.front-pink-body .lobby-theme2.lobby2-hide-text .lobby2-category-card{
  padding:0!important;
}
.lobby2-upload-card-admin input[type="text"],
.lobby2-upload-card-admin input:not([type]){
  margin-bottom:8px!important;
}
@media(max-width:430px){
  body.front-pink-body .lobby2-category-card{min-height:122px!important;}
  body.front-pink-body .lobby2-category-card b{font-size:25px!important;}
}


/* ===== V98: real recent image fallback + Theme 2 wallet bottom ===== */
body.front-pink-body .lobby2-recent-scroll img[src=""],
body.front-pink-body .lobby2-recent-scroll img:not([src]){opacity:.25!important;}
body.front-pink-body .theme2-wallet-bottom{
  padding:0 10px 0!important;
  bottom:8px!important;
}
body.front-pink-body .theme2-wallet-bottom .theme2-wallet-strip{
  height:58px!important;
  margin:0 6px -9px!important;
  padding:8px 12px 12px!important;
  border-radius:22px 22px 10px 10px!important;
  display:grid!important;
  grid-template-columns:1fr 1.1fr!important;
  gap:10px!important;
  align-items:center!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(19,28,42,.92),rgba(3,8,13,.86))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(8px)!important;
}
body.front-pink-body .theme2-wallet-left{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;}
body.front-pink-body .theme2-coin{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;flex:0 0 38px!important;background:linear-gradient(180deg,#ffd84d,#f59e0b)!important;color:#fff!important;font-weight:1000!important;font-size:23px!important;box-shadow:0 0 16px rgba(245,158,11,.35)!important;border:2px solid rgba(255,255,255,.58)!important;}
body.front-pink-body .theme2-wallet-left small,
body.front-pink-body .theme2-wallet-right span{display:block!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;font-weight:800!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.front-pink-body .theme2-wallet-left b{display:block!important;font-size:21px!important;line-height:1.05!important;font-weight:1000!important;color:#fff!important;}
body.front-pink-body .theme2-wallet-right{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;}
body.front-pink-body .theme2-wallet-right div{height:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;}
body.front-pink-body .theme2-wallet-right b{font-size:13px!important;color:#fff!important;font-weight:900!important;white-space:nowrap!important;}
body.front-pink-body .theme2-wallet-bottom .pink-bottom-inner{height:72px!important;border-radius:22px!important;padding-top:8px!important;background:linear-gradient(180deg,rgba(5,7,14,.94),rgba(0,0,0,.96))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 -14px 36px rgba(0,0,0,.42),0 0 28px color-mix(in srgb,var(--theme-primary,#22c55e) 26%,transparent)!important;}
body.front-pink-body .theme2-wallet-bottom .pink-homebtn{width:64px!important;height:64px!important;margin-top:-34px!important;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),transparent 28%),linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#3b82f6))!important;border:3px solid rgba(255,255,255,.28)!important;box-shadow:0 0 0 6px rgba(0,0,0,.36),0 0 32px color-mix(in srgb,var(--theme-primary,#22c55e) 64%,transparent)!important;}
body.front-pink-body .theme2-wallet-bottom .pink-navitem img{width:26px!important;height:26px!important;}
body.front-pink-body .theme2-wallet-bottom .pink-navitem span{font-size:11px!important;}
body.front-pink-body:has(.theme2-wallet-bottom) .pink-app-shell{padding-bottom:132px!important;}
@media(max-width:390px){
  body.front-pink-body .theme2-wallet-bottom .theme2-wallet-strip{grid-template-columns:1fr 1fr!important;padding-left:9px!important;padding-right:9px!important;}
  body.front-pink-body .theme2-wallet-left b{font-size:18px!important;}
  body.front-pink-body .theme2-wallet-left small,body.front-pink-body .theme2-wallet-right span{font-size:11px!important;}
  body.front-pink-body .theme2-wallet-right div{padding:0 7px!important;}
}


/* ===== V99: Theme 2 bottom wallet - no overlap with home button ===== */
body.front-pink-body .theme2-wallet-bottom{
  padding:0 10px!important;
  bottom:8px!important;
  display:block!important;
  pointer-events:none!important;
}
body.front-pink-body .theme2-wallet-bottom .theme2-wallet-strip{
  position:relative!important;
  z-index:1!important;
  height:58px!important;
  margin:0 6px -6px!important;
  padding:8px 12px 11px!important;
  border-radius:22px 22px 12px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  pointer-events:auto!important;
  background:linear-gradient(180deg,rgba(24,32,45,.88),rgba(4,8,13,.78))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 -8px 22px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
}
body.front-pink-body .theme2-wallet-left{
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.front-pink-body .theme2-wallet-right{
  grid-column:3!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  overflow:hidden!important;
}
body.front-pink-body .theme2-coin{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
}
body.front-pink-body .theme2-wallet-left small,
body.front-pink-body .theme2-wallet-right span{
  font-size:12px!important;
  line-height:1.05!important;
}
body.front-pink-body .theme2-wallet-left b{
  font-size:20px!important;
  line-height:1.05!important;
}
body.front-pink-body .theme2-wallet-right div{
  height:20px!important;
  min-width:0!important;
  padding:0 9px!important;
}
body.front-pink-body .theme2-wallet-right b{
  font-size:13px!important;
  min-width:38px!important;
  text-align:right!important;
}
body.front-pink-body .theme2-wallet-bottom .pink-bottom-inner{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
  height:72px!important;
  border-radius:22px!important;
  margin:0!important;
  padding:8px 12px 7px!important;
  background:linear-gradient(180deg,rgba(5,7,14,.96),rgba(0,0,0,.98))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.34),0 0 24px color-mix(in srgb,var(--theme-primary,#22c55e) 22%,transparent)!important;
}
body.front-pink-body .theme2-wallet-bottom .pink-homebtn{
  position:relative!important;
  z-index:5!important;
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
  margin-top:-36px!important;
}
body.front-pink-body .theme2-wallet-bottom .pink-navitem{
  position:relative!important;
  z-index:4!important;
}
body.front-pink-body:has(.theme2-wallet-bottom) .pink-app-shell{
  padding-bottom:150px!important;
}
@media(max-width:390px){
  body.front-pink-body .theme2-wallet-bottom .theme2-wallet-strip{
    grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  body.front-pink-body .theme2-coin{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:20px!important;}
  body.front-pink-body .theme2-wallet-left b{font-size:18px!important;}
  body.front-pink-body .theme2-wallet-left small,body.front-pink-body .theme2-wallet-right span{font-size:11px!important;}
  body.front-pink-body .theme2-wallet-right div{padding:0 7px!important;}
  body.front-pink-body .theme2-wallet-bottom .pink-homebtn{width:62px!important;height:62px!important;flex-basis:62px!important;}
}


/* ===== V100: Lobby hero banner / slide manager ===== */
body.front-pink-body .lobby2-hero-slider{
  position:relative!important;
  width:calc(100% - 20px)!important;
  margin:10px auto 12px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:2px solid var(--theme-primary,#22c55e)!important;
  background:linear-gradient(135deg,var(--theme-card,#061c10),var(--theme-card2,#092b18))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26)!important;
  aspect-ratio:16/7!important;
}
body.front-pink-body .lobby2-hero-track,
body.front-pink-body .lobby2-hero-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body.front-pink-body .lobby2-hero-slide{
  display:block!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .35s ease!important;
}
body.front-pink-body .lobby2-hero-slide.active{
  opacity:1!important;
  pointer-events:auto!important;
}
body.front-pink-body .lobby2-hero-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body.front-pink-body .lobby2-hero-dots{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:8px!important;
  display:flex!important;
  justify-content:center!important;
  gap:6px!important;
  z-index:3!important;
  pointer-events:auto!important;
}
body.front-pink-body .lobby2-hero-dots button{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  border:0!important;
  padding:0!important;
  background:rgba(255,255,255,.55)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
}
body.front-pink-body .lobby2-hero-dots button.active{
  width:18px!important;
  background:var(--theme-primary,#22c55e)!important;
}
.slide-admin-grid .slide-upload-admin input[type=file]{padding:10px!important;}
.slide-upload-admin{border:1px solid var(--theme-admin-border,#ffffff1a)!important;border-radius:18px!important;padding:14px!important;background:rgba(255,255,255,.035)!important;}
@media(max-width:430px){
  body.front-pink-body .lobby2-hero-slider{width:calc(100% - 16px)!important;margin-top:8px!important;border-radius:15px!important;aspect-ratio:16/7.4!important;}
}


/* ===== V101: Theme 2 original quick menu under banner ===== */
body.front-pink-body .theme2-original-menu{
  width:calc(100% - 20px)!important;
  margin:0 auto 12px!important;
}
body.front-pink-body .theme2-newsbar{
  min-height:34px!important;
  border-radius:10px!important;
  margin:0 0 6px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#ff341f,#e81100)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  overflow:hidden!important;
}
body.front-pink-body .theme2-newsbar span{
  width:26px!important;height:26px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.12)!important;
  flex:0 0 26px!important;
}
body.front-pink-body .theme2-newsbar b{
  flex:1!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  font-weight:1000!important;
  text-shadow:0 2px 5px rgba(0,0,0,.35)!important;
}
body.front-pink-body .theme2-member-panel{
  border-radius:10px!important;
  overflow:hidden!important;
  padding:8px 9px 10px!important;
  background:linear-gradient(180deg,var(--t2-menu-panel,#303030dd),rgba(20,20,20,.92))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.front-pink-body .theme2-member-row{
  min-height:38px!important;
  padding:6px 8px!important;
  margin:0 0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:#fff!important;
  background:linear-gradient(180deg,var(--t2-member-bg,#5a5a5add),rgba(32,32,32,.84))!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.front-pink-body .theme2-member-left{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
body.front-pink-body .theme2-member-avatar{
  width:25px!important;height:25px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#fff!important;color:#555!important;
  font-size:15px!important;flex:0 0 25px!important;
}
body.front-pink-body .theme2-member-left b{
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:150px!important;
}
body.front-pink-body .theme2-member-time{
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  opacity:.94!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:right!important;
}
body.front-pink-body .theme2-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
body.front-pink-body .theme2-quick-btn{
  min-width:0!important;
  min-height:72px!important;
  border-radius:8px!important;
  padding:8px 4px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  color:#fff!important;
  text-decoration:none!important;
  text-align:center!important;
  background:linear-gradient(180deg,var(--t2-menu-btn1,#0c4f9c),var(--t2-menu-btn2,#42aaf5))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 5px 12px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12)!important;
  transition:transform .15s ease, filter .15s ease!important;
}
body.front-pink-body .theme2-quick-btn:active{transform:scale(.96)!important;filter:brightness(1.08)!important;}
body.front-pink-body .theme2-quick-icon{
  width:33px!important;height:33px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(180deg,#073d68,#0a1522)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 3px 7px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}
body.front-pink-body .theme2-quick-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body.front-pink-body .theme2-quick-icon em{
  font-style:normal!important;
  font-size:19px!important;
  line-height:1!important;
}
body.front-pink-body .theme2-quick-btn small{
  color:#fff!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:800!important;
  text-shadow:0 1px 4px rgba(0,0,0,.35)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
@media(max-width:430px){
  body.front-pink-body .theme2-original-menu{width:calc(100% - 16px)!important;margin-bottom:10px!important;}
  body.front-pink-body .theme2-member-panel{padding:7px 8px 9px!important;}
  body.front-pink-body .theme2-quick-grid{gap:7px!important;}
  body.front-pink-body .theme2-quick-btn{min-height:68px!important;padding:7px 3px 6px!important;}
  body.front-pink-body .theme2-quick-icon{width:30px!important;height:30px!important;}
  body.front-pink-body .theme2-quick-btn small{font-size:10px!important;}
  body.front-pink-body .theme2-member-time{font-size:10px!important;}
  body.front-pink-body .theme2-member-left b{max-width:116px!important;}
}
@media(max-width:360px){
  body.front-pink-body .theme2-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.front-pink-body .theme2-quick-btn{min-height:70px!important;}
}

/* ===== V102: Lotto system ===== */
.lotto-page{padding:14px 14px 118px;color:var(--theme-text,#fff)}
.lotto-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px;border-radius:24px;background:linear-gradient(135deg,var(--theme-card,#072817),var(--theme-card2,#123b20));border:1px solid var(--theme-border,#ffffff22);box-shadow:0 18px 45px rgba(0,0,0,.28);margin-bottom:14px}.lotto-badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--theme-primary,#22c55e) 22%,transparent);font-weight:900;font-size:11px}.lotto-hero h1{margin:8px 0 4px;font-size:28px;line-height:1}.lotto-hero p{margin:0;color:var(--theme-muted,#bbf7d0);font-weight:700}.lotto-wallet{min-width:110px;padding:12px;border-radius:18px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);text-align:right}.lotto-wallet small,.lotto-wallet span{display:block;color:var(--theme-muted,#bbf7d0);font-weight:800;font-size:12px}.lotto-wallet b{font-size:25px;color:var(--theme-gold,#ffd54a)}.lotto-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--theme-border,#ffffff22);border-radius:22px;padding:16px;margin-bottom:14px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.round-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-card h2,.lotto-card h2{margin:0 0 6px}.round-card p{margin:0;color:var(--theme-muted,#bbf7d0);font-size:13px}.lotto-back{color:#fff;text-decoration:none;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.08);font-weight:800;white-space:nowrap}.lotto-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 14px}.lotto-type input{display:none}.lotto-type span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;border-radius:16px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.10);font-weight:900}.lotto-type input:checked+span{border-color:var(--theme-primary,#22c55e);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary,#22c55e) 18%,transparent)}.lotto-type small{color:var(--theme-gold,#ffd54a)}.lotto-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lotto-form label{font-weight:900;color:var(--theme-muted,#bbf7d0)}.lotto-submit{width:100%;height:54px;margin-top:12px;border:0;border-radius:18px;background:linear-gradient(180deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d));color:#fff;font-weight:1000;font-size:17px}.lotto-note{margin:10px 0 0;color:var(--theme-muted,#bbf7d0);font-size:12px}.lotto-alert{padding:12px 14px;border-radius:16px;margin-bottom:12px;font-weight:800}.lotto-alert.err{background:#4b1111;color:#fecaca}.lotto-alert.ok{background:#063b1e;color:#bbf7d0}.lotto-table-wrap{overflow:auto}.lotto-table{width:100%;min-width:620px;border-collapse:collapse}.lotto-table th,.lotto-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left}.lotto-table th{color:var(--theme-muted,#bbf7d0);font-size:12px}.lotto-status{display:inline-flex;border-radius:999px;padding:4px 8px;background:#334155;font-size:12px}.lotto-status.win,.pos{color:#86efac}.lotto-status.lose,.neg{color:#fca5a5}.lotto-status.pending{color:#fde68a}@media(max-width:430px){.lotto-hero{align-items:flex-start}.lotto-wallet{min-width:94px}.lotto-hero h1{font-size:24px}.lotto-form-grid{grid-template-columns:1fr}.round-card{display:block}.lotto-back{display:inline-flex;margin-top:12px}.lotto-type-grid{grid-template-columns:1fr}}
.lotto-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.lotto-admin-stats{display:flex;gap:10px;flex-wrap:wrap}.lotto-admin-stats span{display:block;border-radius:16px;background:rgba(255,255,255,.06);padding:10px 12px}.lotto-admin-stats b{display:block;color:var(--theme-gold,#ffd54a);font-size:20px}.lotto-result-form{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:8px;min-width:420px}.lotto-result-form input{margin:0}.lotto-result-form button{grid-column:1/-1}.stat.two{grid-template-columns:repeat(2,1fr)!important}@media(max-width:900px){.lotto-admin-head{display:block}.lotto-result-form{grid-template-columns:1fr;min-width:260px}.stat.two{grid-template-columns:1fr!important}}


/* ===== V103: theme2 profile/deposit page + original menu click fix ===== */
body.front-pink-body .profile-deposit-v103{padding-top:12px!important;}
body.front-pink-body .member-profile-v103{
  margin:0 10px 14px!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#46a9ef,#2d83ca)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
body.front-pink-body .profile-bank-head-v103{
  padding:16px 16px 12px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}
body.front-pink-body .profile-user-v103{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
body.front-pink-body .profile-avatar-v103{
  width:42px!important;height:42px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.14)!important;border:2px solid rgba(255,255,255,.75)!important;
  font-size:21px!important;flex:0 0 42px!important;
}
body.front-pink-body .profile-user-v103 b{display:block!important;font-size:15px!important;color:#fff!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.front-pink-body .profile-user-v103 small{display:block!important;font-size:12px!important;color:#dff3ff!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.front-pink-body .profile-bank-logo-v103{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;}
body.front-pink-body .profile-bank-logo-v103 span{font-size:12px!important;font-weight:900!important;color:#fff!important;max-width:80px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.front-pink-body .profile-bank-logo-v103 img{width:44px!important;height:44px!important;object-fit:contain!important;border-radius:9px!important;background:rgba(255,255,255,.22)!important;padding:3px!important;}
body.front-pink-body .profile-bank-detail-v103{padding:12px 16px 16px!important;}
body.front-pink-body .profile-bank-detail-v103>span{display:block!important;font-size:13px!important;font-weight:800!important;color:#eaf7ff!important;margin-bottom:16px!important;}
body.front-pink-body .profile-bank-grid-v103{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:8px 10px!important;align-items:center!important;}
body.front-pink-body .profile-bank-grid-v103 small{font-size:14px!important;color:#e8f7ff!important;font-weight:700!important;}
body.front-pink-body .profile-bank-grid-v103 b{font-size:17px!important;color:#fff!important;font-weight:900!important;letter-spacing:.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.front-pink-body .pin-panel-v103{
  margin:0 10px 14px!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1b1c23,#111217)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.26)!important;
}
body.front-pink-body .pin-title-v103{
  height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(180deg,#43aae9,#0865b1)!important;color:#fff!important;font-size:18px!important;font-weight:900!important;
}
body.front-pink-body .pin-form-v103{padding:16px 18px 18px!important;}
body.front-pink-body .pin-form-v103 p{text-align:center!important;color:#fff6a5!important;font-size:13px!important;margin:2px 0 12px!important;}
body.front-pink-body .pin-input-v103{display:flex!important;align-items:center!important;margin:10px auto!important;max-width:310px!important;height:44px!important;border-radius:999px!important;background:linear-gradient(180deg,#d9d9d9,#8d8d8d)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.24)!important;overflow:hidden!important;}
body.front-pink-body .pin-input-v103 span{width:42px!important;height:42px!important;border-radius:999px!important;background:#f5f7fb!important;display:grid!important;place-items:center!important;color:#111!important;font-size:19px!important;flex:0 0 42px!important;}
body.front-pink-body .pin-input-v103 input{height:42px!important;flex:1!important;margin:0!important;border:0!important;background:transparent!important;color:#111!important;font-size:18px!important;font-weight:600!important;box-shadow:none!important;border-radius:0!important;padding:0 12px!important;}
body.front-pink-body .pin-input-v103 input::placeholder{color:#333!important;opacity:.82!important;}
body.front-pink-body .pin-submit-v103{display:flex!important;margin:14px auto 0!important;max-width:310px!important;width:100%!important;height:44px!important;border-radius:5px!important;background:linear-gradient(180deg,#47aef0,#0865b1)!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important;}
body.front-pink-body .deposit-hero-compact-v103{margin-top:8px!important;}
body.front-pink-body .theme2-quick-btn{position:relative!important;z-index:5!important;pointer-events:auto!important;}
@media(max-width:420px){
  body.front-pink-body .profile-bank-head-v103{padding:14px 12px 10px!important;}
  body.front-pink-body .profile-user-v103 b{font-size:14px!important;}
  body.front-pink-body .profile-user-v103 small{font-size:11px!important;}
  body.front-pink-body .profile-bank-grid-v103{grid-template-columns:78px minmax(0,1fr)!important;}
  body.front-pink-body .profile-bank-grid-v103 b{font-size:15px!important;}
  body.front-pink-body .pin-form-v103{padding:14px 12px 16px!important;}
}


/* V104: split profile and deposit pages */
.profile-page-v104{padding:14px 14px 130px!important;}
.profile-page-v104 .member-profile-v103{margin-bottom:14px!important;}
.profile-page-v104 .pin-panel-v103{margin-bottom:16px!important;}
.deposit-only-v104{padding-top:14px!important;}
.deposit-only-v104 .deposit-hero-v87{margin-top:0!important;}
body.front-pink-body .deposit-only-v104 .finance-hero{margin-bottom:14px!important;}


/* ===== V106: 100 theme presets + profile follows backend theme ===== */
.theme-preset-title-v106{margin:16px 0 10px!important;color:var(--theme-admin-accent,#22d3ee)!important;font-weight:1000!important;}
.theme-preset-row-v106{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(116px,1fr))!important;gap:9px!important;max-height:360px!important;overflow:auto!important;padding:12px!important;border-radius:18px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;}
.theme-preset-auto{height:42px!important;border:0!important;border-radius:14px!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;background:linear-gradient(135deg,hsl(calc(var(--i,0)*37) 80% 52%),hsl(calc(var(--i,0)*37 + 35) 75% 38%))!important;box-shadow:0 8px 18px rgba(0,0,0,.20)!important;}
.theme-preset-auto:nth-child(20n+1){background:linear-gradient(135deg,#ef4444,#7f1d1d)!important}.theme-preset-auto:nth-child(20n+2){background:linear-gradient(135deg,#f97316,#9a3412)!important}.theme-preset-auto:nth-child(20n+3){background:linear-gradient(135deg,#f59e0b,#92400e)!important}.theme-preset-auto:nth-child(20n+4){background:linear-gradient(135deg,#eab308,#713f12)!important}.theme-preset-auto:nth-child(20n+5){background:linear-gradient(135deg,#84cc16,#365314)!important}.theme-preset-auto:nth-child(20n+6){background:linear-gradient(135deg,#22c55e,#14532d)!important}.theme-preset-auto:nth-child(20n+7){background:linear-gradient(135deg,#14b8a6,#134e4a)!important}.theme-preset-auto:nth-child(20n+8){background:linear-gradient(135deg,#06b6d4,#155e75)!important}.theme-preset-auto:nth-child(20n+9){background:linear-gradient(135deg,#0ea5e9,#075985)!important}.theme-preset-auto:nth-child(20n+10){background:linear-gradient(135deg,#3b82f6,#1e3a8a)!important}.theme-preset-auto:nth-child(20n+11){background:linear-gradient(135deg,#2563eb,#172554)!important}.theme-preset-auto:nth-child(20n+12){background:linear-gradient(135deg,#4f46e5,#312e81)!important}.theme-preset-auto:nth-child(20n+13){background:linear-gradient(135deg,#7c3aed,#3b0764)!important}.theme-preset-auto:nth-child(20n+14){background:linear-gradient(135deg,#a855f7,#581c87)!important}.theme-preset-auto:nth-child(20n+15){background:linear-gradient(135deg,#d946ef,#701a75)!important}.theme-preset-auto:nth-child(20n+16){background:linear-gradient(135deg,#ec4899,#831843)!important}.theme-preset-auto:nth-child(20n+17){background:linear-gradient(135deg,#f43f5e,#881337)!important}.theme-preset-auto:nth-child(20n+18){background:linear-gradient(135deg,#dc2626,#451a03)!important}.theme-preset-auto:nth-child(20n+19){background:linear-gradient(135deg,#b45309,#422006)!important}.theme-preset-auto:nth-child(20n){background:linear-gradient(135deg,#facc15,#0a0a0a)!important;color:#111!important;}
body.front-pink-body .profile-page-v104,
body.front-pink-body .profile-deposit-v103{color:var(--theme-text,#fff)!important;}
body.front-pink-body .member-profile-v103,
body.front-pink-body .profile-only-v104{
  background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 52%,white 25%)!important;
  border-radius:var(--theme-radius,22px)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 32px color-mix(in srgb,var(--theme-primary,#22c55e) 18%,transparent)!important;
}
body.front-pink-body .profile-bank-head-v103{border-bottom:1px solid color-mix(in srgb,var(--theme-text,#fff) 20%,transparent)!important;}
body.front-pink-body .profile-avatar-v103{background:color-mix(in srgb,var(--theme-card,#111827) 42%,white 12%)!important;border-color:color-mix(in srgb,var(--theme-accent,#22d3ee) 70%,white 20%)!important;box-shadow:0 0 18px color-mix(in srgb,var(--theme-accent,#22d3ee) 38%,transparent)!important;}
body.front-pink-body .profile-user-v103 b,
body.front-pink-body .profile-bank-logo-v103 span,
body.front-pink-body .profile-bank-grid-v103 b{color:var(--theme-text,#fff)!important;}
body.front-pink-body .profile-user-v103 small,
body.front-pink-body .profile-bank-detail-v103>span,
body.front-pink-body .profile-bank-grid-v103 small{color:var(--theme-muted,#d8c7e8)!important;}
body.front-pink-body .profile-bank-logo-v103 img{background:color-mix(in srgb,var(--theme-card,#111827) 30%,white 16%)!important;border:1px solid color-mix(in srgb,var(--theme-text,#fff) 18%,transparent)!important;}
body.front-pink-body .pin-panel-v103,
body.front-pink-body .profile-pin-only-v104{background:linear-gradient(180deg,var(--theme-card,#24102f),var(--theme-card2,#341245))!important;border:1px solid var(--theme-border,#ffffff22)!important;border-radius:var(--theme-radius,22px)!important;box-shadow:0 16px 40px rgba(0,0,0,.28)!important;}
body.front-pink-body .pin-title-v103{background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;color:var(--theme-button-text,#fff)!important;}
body.front-pink-body .pin-form-v103 p{color:var(--theme-gold,#ffd54a)!important;}
body.front-pink-body .pin-submit-v103{background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;color:var(--theme-button-text,#fff)!important;border-radius:calc(var(--theme-radius,22px) - 8px)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary,#22c55e) 30%,transparent)!important;}
body.front-pink-body .pin-input-v103{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-input-bg,#06111f) 30%,white 78%),color-mix(in srgb,var(--theme-input-bg,#06111f) 20%,white 52%))!important;border:1px solid color-mix(in srgb,var(--theme-primary,#22c55e) 24%,transparent)!important;}
body.front-pink-body .pin-input-v103 span{background:color-mix(in srgb,var(--theme-accent,#22d3ee) 12%,white 88%)!important;color:var(--theme-secondary,#15803d)!important;}
@media(max-width:760px){.theme-preset-row-v106{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:420px!important;}}

/* ===== V107: real unique theme presets + frontend background image ===== */
.theme-preset-title-v107{margin:16px 0 10px!important;color:var(--theme-admin-accent,#22d3ee)!important;font-weight:1000!important;}
.theme-preset-row-v107{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(126px,1fr))!important;gap:10px!important;max-height:380px!important;overflow:auto!important;padding:12px!important;border-radius:18px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;}
.theme-preset-v107{height:44px!important;border:0!important;border-radius:14px!important;font-weight:1000!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.14)!important;transition:transform .15s ease, filter .15s ease!important;}
.theme-preset-v107:hover,.theme-preset-v107.active{transform:translateY(-1px)!important;filter:brightness(1.08)!important;outline:2px solid rgba(255,255,255,.45)!important;}
body.front-pink-body{
  background-image:
    linear-gradient(rgba(0,0,0,calc(var(--theme-body-bg-overlay,25) / 100)),rgba(0,0,0,calc(var(--theme-body-bg-overlay,25) / 100))),
    var(--theme-body-bg-image),
    radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--theme-primary,#ff2d8d) 35%,transparent),transparent 34%),
    linear-gradient(90deg,var(--theme-front-bg,#110018),var(--theme-front-bg2,#2b003f))!important;
  background-size:cover,var(--theme-body-bg-size,cover),cover,cover!important;
  background-position:center,var(--theme-body-bg-position,center center),center,center!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-attachment:fixed,fixed,fixed,fixed!important;
}
body.front-pink-body .wrap.pink-app-shell{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-front-bg,#110018) 82%,transparent),color-mix(in srgb,var(--theme-front-bg2,#2b003f) 90%,#000 10%))!important;
  border-left:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 30%,transparent)!important;
  border-right:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 30%,transparent)!important;
  box-shadow:0 0 80px color-mix(in srgb,var(--theme-primary,#ff2d8d) 20%,transparent)!important;
}
body.front-pink-body .profile-page-v104 .member-profile-v103,
body.front-pink-body .profile-page-v104 .profile-only-v104{
  background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;
  border-color:color-mix(in srgb,var(--theme-primary,#22c55e) 55%,#ffffff 20%)!important;
}
body.front-pink-body .profile-page-v104 .pin-title-v103,
body.front-pink-body .profile-page-v104 .pin-submit-v103{
  background:linear-gradient(135deg,var(--theme-primary,#22c55e),var(--theme-secondary,#15803d))!important;
  color:var(--theme-button-text,#fff)!important;
}
body.front-pink-body .profile-page-v104 .pin-panel-v103,
body.front-pink-body .profile-page-v104 .profile-pin-only-v104{
  background:linear-gradient(180deg,var(--theme-card,#24102f),var(--theme-card2,#341245))!important;
  border-color:var(--theme-border,#ffffff22)!important;
}
@media(max-width:760px){.theme-preset-row-v107{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:440px!important;}}


/* ===== V108: make center shell translucent so uploaded background is visible ===== */
body.front-pink-body .wrap.pink-app-shell{
  background:
    linear-gradient(180deg,
      rgba(var(--theme-front-bg-rgb,17,0,24), var(--theme-shell-opacity,.72)),
      rgba(var(--theme-front-bg2-rgb,43,0,63), calc(var(--theme-shell-opacity,.72) + .06))
    )!important;
  backdrop-filter: blur(1.5px)!important;
  -webkit-backdrop-filter: blur(1.5px)!important;
}
body.front-pink-body .pink-home,
body.front-pink-body .theme2-lobby,
body.front-pink-body .profile-page-v104,
body.front-pink-body .deposit-only-v104,
body.front-pink-body .lotto-page{
  background:transparent!important;
}
body.front-pink-body .theme2-game-grid,
body.front-pink-body .theme2-category-grid,
body.front-pink-body .pink-provider-grid{
  background:transparent!important;
}
body.front-pink-body .theme2-category-card,
body.front-pink-body .lobby2-category-card,
body.front-pink-body .pink-hit-card,
body.front-pink-body .game-card-pro{
  backdrop-filter:none!important;
}
@media(max-width:520px){
  body.front-pink-body .wrap.pink-app-shell{
    background:
      linear-gradient(180deg,
        rgba(var(--theme-front-bg-rgb,17,0,24), calc(var(--theme-shell-opacity,.72) + .08)),
        rgba(var(--theme-front-bg2-rgb,43,0,63), calc(var(--theme-shell-opacity,.72) + .12))
      )!important;
  }
}

/* ===== V109: settings organization + correct theme presets + lotto auto UI ===== */
.settings-section-nav-v109{position:sticky;top:76px;z-index:20;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px;padding:10px;border-radius:18px;background:rgba(5,8,16,.72);border:1px solid var(--theme-admin-border,#ffffff1a);backdrop-filter:blur(12px)}
.settings-section-nav-v109 a{padding:9px 12px;border-radius:999px;color:var(--theme-admin-text,#fff);text-decoration:none;font-weight:900;font-size:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 22%,transparent),rgba(255,255,255,.045));border:1px solid color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 28%,transparent)}
.theme-preset-v107,.theme-preset-auto{min-height:52px!important;border-radius:16px!important;font-size:13px!important;font-weight:1000!important;box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.13)!important;transition:transform .14s ease,filter .14s ease!important;white-space:normal!important;line-height:1.15!important}
.theme-preset-v107:hover,.theme-preset-auto:hover{transform:translateY(-1px);filter:brightness(1.08)}
.lotto-auto-panel-v109{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 18%,transparent),rgba(255,255,255,.04))!important}
.lotto-actions-v109{display:flex!important;gap:8px;align-items:center;flex-wrap:wrap}.lotto-actions-v109 form{margin:0}.lotto-actions-v109 .btn{white-space:nowrap}.lotto-actions-v109 .btn.ghost{background:rgba(255,255,255,.08)!important;border:1px solid var(--theme-admin-border,#ffffff22)!important}
/* force profile / deposit to follow theme colors */
body.front-pink-body .profile-page-v104 .member-profile-v103,
body.front-pink-body .profile-page-v104 .pin-panel-v103,
body.front-pink-body .finance-card,
body.front-pink-body .deposit-card-v87,
body.front-pink-body .deposit-profile-card-v103{
  background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card2,#341245) 74%,transparent),color-mix(in srgb,var(--theme-card,#24102f) 82%,#000))!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 42%,var(--theme-border,#ffffff22))!important;
  color:var(--theme-text,#fff)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.32),0 0 28px color-mix(in srgb,var(--theme-primary,#ff2d8d) 14%,transparent)!important;
}
body.front-pink-body .profile-page-v104 .profile-bank-head-v103,
body.front-pink-body .profile-page-v104 .pin-title-v103{
  background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;
  color:var(--theme-button-text,#fff)!important;
}
body.front-pink-body .profile-page-v104 .pin-submit-v103,
body.front-pink-body .finance-submit,
body.front-pink-body .deposit-submit-v87{
  background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;
  color:var(--theme-button-text,#fff)!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 55%,#fff)!important;
}
body.front-pink-body .profile-page-v104 .pin-input-v103,
body.front-pink-body .profile-page-v104 input,
body.front-pink-body .finance-page input,
body.front-pink-body .finance-page textarea,
body.front-pink-body .finance-page select{
  background:var(--theme-input-bg,#ffffff10)!important;
  border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 30%,var(--theme-border,#ffffff22))!important;
  color:var(--theme-text,#fff)!important;
}
body.front-pink-body .profile-page-v104 small,
body.front-pink-body .profile-page-v104 p,
body.front-pink-body .profile-page-v104 .profile-bank-detail-v103 span{color:var(--theme-muted,#d8c7e8)!important}
@media(max-width:780px){.settings-section-nav-v109{position:static}.lotto-auto-panel-v109{display:block}.lotto-auto-panel-v109 form{margin-top:14px}}

/* ===== V111: GLO API lotto history + stronger theme application ===== */
.lotto-history-panel-v111{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-admin-card,#111827) 86%,transparent),rgba(255,255,255,.035))!important;border:1px solid var(--theme-admin-border,#ffffff1a)!important;border-radius:22px!important;box-shadow:0 16px 36px rgba(0,0,0,.24)!important}.lotto-history-panel-v111 h2{margin-top:0!important}.lotto-result-history-v111{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card,#24102f) 82%,transparent),color-mix(in srgb,var(--theme-card2,#341245) 78%,transparent))!important;border-color:color-mix(in srgb,var(--theme-primary,#ff2d8d) 35%,var(--theme-border,#ffffff22))!important}.lotto-result-history-v111 h2{color:var(--theme-text,#fff)!important}.lotto-page .lotto-card,.lotto-page .lotto-hero{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card,#24102f) 78%,transparent),color-mix(in srgb,var(--theme-card2,#341245) 82%,#000))!important;border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 36%,var(--theme-border,#ffffff22))!important;color:var(--theme-text,#fff)!important;box-shadow:0 16px 38px rgba(0,0,0,.28),0 0 24px color-mix(in srgb,var(--theme-primary,#ff2d8d) 13%,transparent)!important}.lotto-page .lotto-badge,.lotto-page .lotto-submit,.lotto-page .lotto-back{background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;color:var(--theme-button-text,#fff)!important}.lotto-page input,.lotto-page textarea,.lotto-page select{background:var(--theme-input-bg,#ffffff10)!important;border:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 32%,var(--theme-border,#ffffff22))!important;color:var(--theme-text,#fff)!important}.lotto-page small,.lotto-page p,.lotto-page .muted{color:var(--theme-muted,#d8c7e8)!important}
.theme-admin-card .theme-preset-auto{position:relative;overflow:hidden!important}.theme-admin-card .theme-preset-auto.active:after{content:'ใช้อยู่';position:absolute;right:7px;top:5px;font-size:9px;background:rgba(255,255,255,.88);color:#111;border-radius:999px;padding:2px 6px}.theme-admin-card .settings-grid input[id^="theme_"],.theme-admin-card .settings-grid select[name^="theme_"]{border-color:color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 30%,var(--theme-admin-border,#ffffff1a))!important}
body.front-pink-body .profile-page-v104 .member-profile-v103,
body.front-pink-body .profile-page-v104 .pin-panel-v103,
body.front-pink-body .deposit-only-v104 .finance-card,
body.front-pink-body .deposit-only-v104 .deposit-card-v87,
body.front-pink-body .finance-page .finance-card{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card,#24102f) 72%,transparent),color-mix(in srgb,var(--theme-card2,#341245) 85%,#000))!important;border-color:color-mix(in srgb,var(--theme-primary,#ff2d8d) 42%,var(--theme-border,#ffffff22))!important;color:var(--theme-text,#fff)!important}.theme2-menu-panel,.theme2-member-bar,.theme2-wallet-bar{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card,#24102f) 70%,transparent),color-mix(in srgb,var(--theme-card2,#341245) 80%,#000))!important;border-color:color-mix(in srgb,var(--theme-primary,#ff2d8d) 35%,var(--theme-border,#ffffff22))!important}.theme2-quick-btn,.theme2-menu-btn{background:linear-gradient(135deg,var(--theme-primary,#ff2d8d),var(--theme-secondary,#7c3aed))!important;color:var(--theme-button-text,#fff)!important}


/* ===== V113: TGACAT-like top menu + faster game image UX ===== */
body.front-pink-body .pink-topbar.v113-topbar{
  height:58px!important;
  min-height:58px!important;
  padding:0 12px!important;
  display:grid!important;
  grid-template-columns:64px 1fr 120px!important;
  align-items:center!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary,#1689d8) 82%,#fff 10%),color-mix(in srgb,var(--theme-secondary,#0b4e8a) 78%,#000 12%))!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.24)!important;
  position:sticky!important;top:0!important;z-index:1000!important;
}
.v113-menu-btn{width:42px;height:42px;border:0;border-radius:7px;background:rgba(0,0,0,.28);display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 4px 12px rgba(0,0,0,.18);cursor:pointer;padding:0}
.v113-menu-btn span{width:24px;height:3px;border-radius:99px;background:#fff;display:block;box-shadow:0 1px 0 rgba(0,0,0,.25)}
body.front-pink-body .v113-center-logo{justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:190px!important}
body.front-pink-body .v113-center-logo img{max-height:43px!important;width:auto!important;max-width:180px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.3))}
body.front-pink-body .v113-top-actions{justify-self:end!important;gap:7px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
body.front-pink-body .v113-logout{height:32px!important;min-width:54px!important;padding:0 14px!important;border-radius:999px!important;background:rgba(0,0,0,.45)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;font-size:13px!important}
body.front-pink-body .v113-top-actions .pink-flag{width:42px!important;height:42px!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
body.front-pink-body .v113-top-actions .pink-flag img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 3px 9px rgba(0,0,0,.24),0 0 0 2px rgba(255,255,255,.15)}
.v113-guest-actions{display:flex;flex-direction:column;gap:5px;align-items:stretch;min-width:112px}
.v113-auth-btn{height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff!important;font-weight:900;font-size:12px;line-height:1;box-shadow:0 3px 8px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.14)}
.v113-auth-btn.register{background:linear-gradient(180deg,#25d15a,#0f9d3e)}
.v113-auth-btn.login{background:linear-gradient(180deg,#ef4444,#b91c1c)}
.v113-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:.2s ease;z-index:2000}.v113-drawer-backdrop.open{opacity:1;pointer-events:auto}
.v113-side-drawer{position:fixed;left:0;top:0;bottom:0;width:min(330px,86vw);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-card,#17071f) 92%,#000),color-mix(in srgb,var(--theme-front-bg,#110018) 92%,#000));transform:translateX(-105%);transition:transform .23s ease;z-index:2001;box-shadow:28px 0 80px rgba(0,0,0,.55);overflow:auto;color:var(--theme-text,#fff);border-right:1px solid color-mix(in srgb,var(--theme-primary,#ff2d8d) 35%,transparent)}
.v113-side-drawer.open{transform:translateX(0)}body.v113-drawer-open{overflow:hidden}.v113-drawer-head{height:64px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary,#1689d8) 82%,#fff 10%),color-mix(in srgb,var(--theme-secondary,#0b4e8a) 78%,#000 12%));box-shadow:0 3px 12px rgba(0,0,0,.24)}.v113-drawer-logo img{height:46px;max-width:180px;object-fit:contain}.v113-drawer-close{position:absolute;right:10px;top:11px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.28);color:#fff;font-size:28px;line-height:1}.v113-drawer-flags{display:flex;justify-content:center;gap:0;margin:18px 0 12px}.v113-drawer-flags a{width:34px;height:34px;border-radius:50%;overflow:hidden;margin-left:-7px;border:2px solid rgba(255,255,255,.18);background:#111;box-shadow:0 4px 12px rgba(0,0,0,.22)}.v113-drawer-flags a:first-child{margin-left:0}.v113-drawer-flags a.active{border-color:var(--theme-primary,#ff2d8d);z-index:2}.v113-drawer-flags img{width:100%;height:100%;object-fit:cover}.v113-drawer-auth{display:flex;gap:10px;padding:0 18px 12px}.v113-drawer-auth a{flex:1;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:900}.v113-drawer-auth .register{background:linear-gradient(180deg,#22c55e,#15803d)}.v113-drawer-auth .login{background:linear-gradient(180deg,#ef4444,#b91c1c)}.v113-drawer-menu{padding:2px 0 26px}.v113-drawer-menu h4{margin:14px 20px 8px;color:var(--theme-gold,#facc15);font-size:15px;font-weight:900}.v113-drawer-menu a{height:48px;padding:0 22px;display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--theme-text,#fff);font-size:17px;font-weight:700;border-top:1px solid rgba(255,255,255,.08)}.v113-drawer-menu a:hover{background:rgba(255,255,255,.06)}.v113-drawer-menu span{width:34px;text-align:center;font-size:25px;filter:grayscale(.15)}.v113-drawer-logout{width:68%;margin:22px auto 0!important;border:0!important;height:42px!important;border-radius:999px!important;justify-content:center!important;background:rgba(255,255,255,.13)!important;color:#ffc7c7!important}
body.front-pink-body .img-game-card img[data-lazy-alts],body.front-pink-body .v83-rec-card img[data-lazy-alts]{opacity:.92;transition:opacity .18s ease,filter .18s ease;background:linear-gradient(135deg,var(--theme-card,#111),var(--theme-card2,#222));}
body.front-pink-body .img-game-card img.v113-img-loaded,body.front-pink-body .v83-rec-card img.v113-img-loaded{opacity:1;filter:none;}
body.front-pink-body .img-game-card img.v113-img-fallback{opacity:1;filter:saturate(1.1);}
body.front-pink-body .v82-game-image{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card,#111) 84%,#000),color-mix(in srgb,var(--theme-card2,#222) 70%,#000))!important;}
body.front-pink-body .provider-page{content-visibility:auto;contain-intrinsic-size:1px 1200px;}
@media(max-width:420px){body.front-pink-body .pink-topbar.v113-topbar{grid-template-columns:58px 1fr 112px!important;padding:0 9px!important}.v113-guest-actions{min-width:104px}.v113-auth-btn{font-size:11px}.v113-center-logo img{max-width:152px!important}.v113-side-drawer{width:86vw}}


/* ===== V114: per-user recent games ===== */
body.front-pink-body .lobby2-recent-empty{
  min-width:170px;
  height:52px;
  padding:0 14px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--theme-muted,#d8c7e8);
  font-weight:900;
  font-size:12px;
  background:rgba(255,255,255,.06);
  border:1px dashed color-mix(in srgb,var(--theme-primary,#ff2d8d) 42%,transparent);
}

/* ===== V115: centered empty state + real search + professional admin logo ===== */
body.front-pink-body .lobby2-recent-scroll:has(.lobby2-recent-empty){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:68px!important;
  overflow:hidden!important;
}
body.front-pink-body .lobby2-recent-empty{
  width:min(260px,78%)!important;
  min-width:0!important;
  height:56px!important;
  margin:0 auto!important;
  text-align:center!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card,#24102f) 72%,transparent),color-mix(in srgb,var(--theme-card2,#341245) 86%,#000))!important;
  border:1px dashed color-mix(in srgb,var(--theme-primary,#ff2d8d) 55%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18)!important;
  color:var(--theme-muted,#d8c7e8)!important;
  letter-spacing:.01em!important;
}
.provider-search-v115{
  margin:10px 12px 12px!important;
  height:42px!important;
  display:flex!important;
  gap:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
}
.provider-search-v115 input{
  flex:1!important;
  border:0!important;
  outline:0!important;
  padding:0 14px!important;
  color:#111827!important;
  background:#fff!important;
  font-weight:800!important;
}
.provider-search-v115 button{
  width:50px!important;
  border:0!important;
  background:#f3f4f6!important;
  color:#64748b!important;
  font-size:22px!important;
  font-weight:900!important;
}
body.front-pink-body .img-game-card img[data-lazy-alts],
body.front-pink-body .v83-rec-card img[data-lazy-alts]{
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-card,#111827) 88%,#000),color-mix(in srgb,var(--theme-primary,#ff2d8d) 28%,#111827))!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
body.front-pink-body .img-game-card img.v113-img-fallback,
body.front-pink-body .img-game-card img.v115-img-kept-placeholder{
  opacity:1!important;
  filter:saturate(1.12) contrast(1.05)!important;
}
.xg-logo-panel-v115{
  height:auto!important;
  min-height:82px!important;
  padding:14px!important;
  gap:12px!important;
  align-items:center!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-admin-card,#111827) 86%,#000),color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 18%,#000))!important;
  border:1px solid color-mix(in srgb,var(--theme-admin-primary,#8b5cf6) 35%,var(--theme-admin-border,#ffffff1a))!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
.xg-logo-brand-v115{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
.xg-logo-brand-v115 img{
  width:88%!important;
  height:88%!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))!important;
}
.xg-logo-fallback-v115{
  width:100%!important;height:100%!important;place-items:center!important;
  font-size:24px!important;font-weight:1000!important;color:#fff!important;
  background:linear-gradient(135deg,var(--theme-admin-primary,#8b5cf6),var(--theme-admin-accent,#22d3ee))!important;
}
.xg-logo-copy-v115{min-width:0!important;line-height:1.08!important;}
.xg-logo-copy-v115 b{display:block!important;font-size:18px!important;font-weight:1000!important;color:var(--theme-admin-text,#fff)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.xg-logo-copy-v115 small{display:block!important;margin-top:4px!important;font-size:11px!important;font-weight:800!important;color:var(--theme-admin-muted,#94a3b8)!important;letter-spacing:.01em!important;}
@media(max-width:760px){.provider-search-v115{margin:8px 10px 10px!important;height:40px!important}.provider-search-v115 button{width:46px!important}}
body.admin-body .kpi-card .kpi-glyph{position:absolute;right:21px;bottom:17px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;z-index:2;color:rgba(255,255,255,.92);font:900 18px/1 "Segoe UI Emoji","Segoe UI Symbol",Inter,sans-serif;text-shadow:0 2px 12px rgba(0,0,0,.25);opacity:.95;pointer-events:none}
body.admin-body .kpi-card.dark .kpi-glyph,body.admin-body .kpi-card.slate .kpi-glyph{font-size:17px}

/* ===== V117: mobile smooth mode + no blocking game images ===== */
img.js-fast-game-img{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(0,0,0,.34));transition:opacity .18s ease,filter .18s ease;filter:saturate(.95)}
img.js-fast-game-img.real-loaded{filter:none}
body.front-pink-body .provider-page,
body.front-pink-body .pink-home,
body.front-pink-body .game-list-grid,
body.front-pink-body .theme2-category-grid{contain:layout paint style;}
@media(max-width:768px){
  body.front-pink-body *{scroll-behavior:auto!important;}
  body.front-pink-body .pink-app-shell,
  body.front-pink-body .pink-topbar,
  body.front-pink-body .pink-bottom-inner,
  body.front-pink-body .theme2-wallet-strip,
  body.front-pink-body .theme2-original-menu,
  body.front-pink-body .v83-recommend-box,
  body.front-pink-body .provider-page,
  body.front-pink-body .pink-home,
  body.front-pink-body .game-card-pro,
  body.front-pink-body .v82-play-card,
  body.front-pink-body .finance-card,
  body.front-pink-body .theme2-profile-card,
  body.front-pink-body .theme2-pin-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  body.front-pink-body .pink-bottom-inner,
  body.front-pink-body .theme2-wallet-strip,
  body.front-pink-body .game-card-pro,
  body.front-pink-body .v82-play-card,
  body.front-pink-body .theme2-category-card,
  body.front-pink-body .theme2-original-menu{box-shadow:0 8px 20px rgba(0,0,0,.26)!important;}
  body.front-pink-body .pink-app-shell::before,
  body.front-pink-body .pink-app-shell::after{filter:none!important;opacity:.22!important;}
  body.front-pink-body .game-list-grid{content-visibility:auto;contain-intrinsic-size:900px 1800px;}
  body.front-pink-body .v82-game-image{background:#06120b!important;}
  body.front-pink-body .v82-game-image img{transform:translateZ(0);}
  body.front-pink-body .pink-hit-scroll,
  body.front-pink-body .v83-rec-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* V118 Theme 3 TGACAT Smooth Original */
body.theme3-body{
  --t3-blue:#2f91d4;--t3-blue2:#0c4b83;--t3-red:#e31f2b;--t3-green:#10bd59;--t3-panel:#171821;--t3-dark:#050505;
  background:#e8eef7 var(--theme-body-bg-image) center/cover fixed no-repeat!important;
  color:#fff;
}
body.theme3-body:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.08);pointer-events:none;z-index:-1}
body.theme3-body .pink-app-shell{max-width:920px;background:rgba(46,160,230,.18)!important;border-left:0;border-right:0;box-shadow:none;min-height:100vh;padding-bottom:112px}
@media(min-width:1000px){body.theme3-body .pink-app-shell{max-width:980px;background:rgba(255,255,255,.02)!important}body.theme3-body .wrap{margin:0 auto}}
body.theme3-body .v113-topbar{height:58px;background:linear-gradient(#2e93d4,#13558b)!important;border-bottom:2px solid rgba(0,0,0,.32);box-shadow:0 2px 8px rgba(0,0,0,.28);position:sticky;top:0;z-index:50}
body.theme3-body .v113-center-logo img{max-height:54px;filter:drop-shadow(0 2px 5px rgba(255,255,255,.22))}
body.theme3-body .v113-menu-btn{background:#0d4b82!important;border-radius:5px;box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 3px 5px rgba(0,0,0,.35);width:44px;height:44px}
body.theme3-body .v113-menu-btn span{background:#e51f2d!important;height:4px;border-radius:8px}
body.theme3-body .v113-auth-btn{height:31px;min-width:126px;border-radius:999px;padding:5px 18px;font-weight:900;box-shadow:0 3px 5px rgba(0,0,0,.42);border:0;color:#fff!important;text-align:center}
body.theme3-body .v113-auth-btn.register{background:linear-gradient(#16d35c,#07913a)!important}
body.theme3-body .v113-auth-btn.login,body.theme3-body .v113-logout{background:linear-gradient(#ef2932,#ba121d)!important;color:#fff!important;border:0!important;border-radius:999px;box-shadow:0 3px 5px rgba(0,0,0,.42)}
body.theme3-body .pink-flag{width:45px;height:45px;border:0;background:transparent!important;box-shadow:none!important}
body.theme3-body .pink-flag img{width:42px;height:42px;border-radius:50%}
body.theme3-body .v113-side-drawer{background:#120721!important;border-right:0;box-shadow:18px 0 40px rgba(0,0,0,.45)}
body.theme3-body .v113-drawer-menu a{border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent!important;font-size:17px}
body.theme3-body .v113-drawer-menu h4{color:#ffbf24;margin:17px 17px 8px}.v113-drawer-logout{background:#333!important;border-radius:999px!important;margin:18px 45px!important;justify-content:center;color:#ffcccc!important}

body.theme3-body .theme3-page{padding:12px 14px 0;background:rgba(45,160,230,.88);background-image:linear-gradient(rgba(80,180,240,.80),rgba(60,166,230,.86));border-radius:0 0 14px 14px}
body.theme3-body .theme3-hero-slider{position:relative;overflow:hidden;border-radius:0;margin:0 -14px 10px;background:#111;aspect-ratio:760/310;box-shadow:0 2px 9px rgba(0,0,0,.35)}
body.theme3-body .theme3-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .22s linear;display:block}.theme3-hero-slide.active{opacity:1}.theme3-hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.theme3-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:5px}.theme3-dots button{width:11px;height:4px;border-radius:4px;border:0;background:#fff;opacity:.85}.theme3-dots button.active{width:28px;background:#e51f2d}
body.theme3-body .theme3-member-box{background:#303030;border-radius:0 0 8px 8px;margin:0 0 8px;box-shadow:0 4px 12px rgba(0,0,0,.25);overflow:hidden}
body.theme3-body .theme3-news{height:28px;background:#e51f00;border-radius:999px;margin:0 0 7px;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:14px;color:#fff}.theme3-news span{font-size:18px}.theme3-member-line{height:36px;display:flex;align-items:center;gap:8px;padding:0 9px;background:linear-gradient(#666,#333);font-size:15px}.theme3-member-line small{margin-left:auto;font-size:12px;color:#eee}.theme3-avatar{width:26px;height:26px;border-radius:50%;background:#fff;color:#666;display:flex;align-items:center;justify-content:center}.theme3-quick-menu{display:flex;justify-content:center;gap:9px;padding:13px 10px 14px;overflow-x:auto}.theme3-quick-btn{width:78px;min-width:78px;height:70px;border-radius:8px;background:linear-gradient(#0a5aa8,#42aaf5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;box-shadow:0 4px 9px rgba(0,0,0,.35);font-weight:800;font-size:12px}.theme3-quick-btn span{width:36px;height:36px;border-radius:50%;background:#0b3e6f;display:flex;align-items:center;justify-content:center}.theme3-quick-btn img{width:100%;height:100%;object-fit:contain}.theme3-quick-btn em{font-style:normal;font-size:22px}.theme3-quick-btn b{font-size:12px;margin-top:4px;line-height:1.1;text-align:center}
body.theme3-body .theme3-game-head{background:#0b0b0f;margin:8px -14px 0;padding:12px 16px 10px}.theme3-game-head h2{display:inline-block;margin:0;font-size:21px}.theme3-search{float:right;display:flex;width:190px;height:34px}.theme3-search input{flex:1;border:0;border-radius:3px 0 0 3px;padding:0 10px;font-family:inherit}.theme3-search button{width:38px;border:0;border-left:1px solid #ddd;border-radius:0 3px 3px 0;background:#fff;color:#ddd;font-size:20px}.theme3-recent{clear:both;padding-top:13px}.theme3-recent>b{display:block;margin-bottom:8px}.theme3-recent-row{display:flex;gap:6px;overflow-x:auto;min-height:53px}.theme3-recent-row a,.theme3-no-recent{min-width:54px;height:54px;border:2px solid #ffd51c;border-radius:8px;background:#122;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme3-recent-row img{width:100%;height:100%;object-fit:cover}.theme3-no-recent{width:auto;padding:0 15px;color:#ddd;border-style:dashed;font-size:13px}
body.theme3-body .theme3-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 18px;padding:18px 8px 24px}.theme3-cat-card{position:relative;border-radius:12px;overflow:hidden;border:2px solid #dff8ff;min-height:112px;background:#000;display:block;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.35)}.theme3-cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.theme3-cat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.18))}.theme3-cat-card div{position:absolute;inset:auto 0 4px;text-align:center;text-shadow:0 2px 5px #003;z-index:1}.theme3-cat-card strong{font-size:31px;line-height:1;color:#fff;-webkit-text-stroke:1.5px #0a78b8;text-shadow:0 3px 0 #0a78b8,0 0 6px #fff}.theme3-cat-card small{display:block;font-size:11px;color:#fff}
@media(max-width:520px){body.theme3-body .pink-app-shell{max-width:494px}body.theme3-body .theme3-category-grid{gap:12px 12px;padding:16px 10px 22px}.theme3-cat-card{min-height:101px}.theme3-cat-card strong{font-size:25px}.theme3-member-line small{font-size:11px}.theme3-search{width:180px}.theme3-quick-btn{width:68px;min-width:68px;height:67px}}

body.theme3-body .theme3-provider-select{padding:10px 14px 125px;background:transparent}.theme3-provider-select .lobby2-back{background:rgba(105,105,105,.85);border:0;border-radius:999px;margin-left:auto;width:max-content;color:#fff;padding:7px 28px;font-weight:900}.theme3-provider-select .provider-page-title{display:block;text-align:center;background:transparent;border:0;box-shadow:none;color:#fff;padding:4px 0 10px}.theme3-provider-select .provider-page-title b{font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.35)}.theme3-provider-select .provider-page-title span{display:none}.theme3-provider-select .game-filter-row{display:none}.theme3-provider-select .provider-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:0 auto}.theme3-provider-select .old-provider-card{aspect-ratio:1/1.15;border-radius:10px;background:#050505;border:2px solid #777;padding:0;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.35)}.theme3-provider-select .old-provider-card img{width:100%;height:calc(100% - 32px);object-fit:contain;background:#050505;padding:8px}.theme3-provider-select .old-provider-card b{position:absolute;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;background:#26231e;color:#f3e0b5;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme3-provider-select .provider-badge,.theme3-provider-select .provider-play-label{display:none!important}
@media(min-width:800px){.theme3-provider-select .provider-grid-v2{grid-template-columns:repeat(6,1fr);gap:12px}.theme3-provider-select .old-provider-card{min-height:162px}}

body.theme3-body .provider-page.v83-provider-page{padding:10px 14px 125px;max-width:920px;margin:0 auto;background:transparent}.theme3-body .provider-back{display:block;text-align:center;color:#fff;background:transparent;border:0;font-size:28px;font-weight:900;text-decoration:none;margin:2px 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.4)}.theme3-body .v83-recommend-box{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 12px}.theme3-body .v83-rec-head{display:flex;justify-content:center;align-items:center;position:relative}.theme3-body .v83-rec-head h2{font-size:28px;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.4)}.theme3-body .v83-rec-head a{position:absolute;right:0;top:2px;background:#777;color:#fff;border-radius:999px;padding:7px 25px;text-decoration:none;font-weight:900}.theme3-body .v83-rec-scroll{display:flex;gap:6px;overflow-x:auto;justify-content:center}.theme3-body .v83-rec-card{width:86px;min-width:86px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #ffd51c;background:#111;display:block}.theme3-body .v83-rec-card img{width:100%;height:100%;object-fit:cover}.theme3-body .provider-page-title--inside,.theme3-body .provider-search-v115{display:none!important}.theme3-body .pro-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:820px;margin:0 auto}.theme3-body .game-card-pro.v82-play-card{border-radius:9px;border:2px solid #777;background:#111;overflow:hidden;min-height:154px;box-shadow:0 2px 6px rgba(0,0,0,.4)}.theme3-body .v82-game-title{height:27px;background:#25211e;color:#f0e0b4;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.theme3-body .v82-game-image{height:92px;display:block;background:#07210e}.theme3-body .v82-game-image img{width:100%;height:100%;object-fit:cover}.theme3-body .v82-play-bar{height:34px;background:linear-gradient(#ffc21b,#f0a90d);color:#000;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:900;font-size:16px}.theme3-body .v82-gamepad{filter:none}.theme3-body .bottom.theme2-wallet-bottom{max-width:540px;left:50%;transform:translateX(-50%);bottom:20px;background:rgba(0,0,0,.88)!important;border-radius:20px;box-shadow:0 5px 18px rgba(0,0,0,.45);backdrop-filter:none!important}.theme3-body .theme2-wallet-strip{height:50px;background:linear-gradient(90deg,rgba(20,35,45,.92),rgba(0,0,0,.55));border-radius:20px 20px 0 0}.theme3-body .bottom .home{background:linear-gradient(#57a4e8,#5d5ebc)!important;box-shadow:0 0 22px rgba(125,83,255,.8)!important}.theme3-body .bottom a{color:#fff!important}
@media(min-width:900px){.theme3-body .pro-image-grid{grid-template-columns:repeat(6,1fr)}.theme3-body .game-card-pro.v82-play-card{min-height:156px}.theme3-body .v82-game-image{height:93px}}

body.theme3-body .theme3-finance,body.theme3-body .theme3-profile,body.theme3-body .theme3-history{max-width:620px;margin:0 auto;padding:20px 14px 135px;background:transparent!important}.theme3-body .finance-hero,.theme3-body .finance-card,.theme3-body .deposit-bank-card-v87,.theme3-body .withdraw-bank-panel-v88,.theme3-body .pink-page-panel,.theme3-body .profile-card-v104,.theme3-body .pin-card-v104{background:#171821!important;border-radius:0!important;border:0!important;box-shadow:none!important;color:#fff}.theme3-body .finance-hero{background:linear-gradient(#2e93d4,#2378bc)!important;text-align:center;border-radius:0!important}.theme3-body .finance-kicker,.theme3-body .finance-balance{display:none!important}.theme3-body .finance-hero h2{font-size:24px;margin:0}.theme3-body .deposit-manual-layout-v87{display:block}.theme3-body .deposit-bank-card-v87{text-align:center;min-height:355px;padding:0 25px 25px}.theme3-body .deposit-section-title{background:#ffc20a;color:#111;margin:0 -25px 16px;padding:12px;text-align:center}.theme3-body .deposit-section-title span{display:block;color:#111}.theme3-body .bank-display{background:#202020;border-radius:0;color:#fff;padding:20px;font-size:20px}.theme3-body .finance-card{padding:22px 26px}.theme3-body .finance-form label{color:#fff;font-size:18px;text-align:center}.theme3-body .amount-input,.theme3-body .finance-form input,.theme3-body .finance-form select{background:#3d9fe4!important;border:2px solid #74c7ff!important;border-radius:8px!important;color:#fff!important}.theme3-body .amount-input input::placeholder,.theme3-body .finance-form input::placeholder{color:#fff!important}.theme3-body .btn,.theme3-body .finance-submit{background:linear-gradient(#2c9be8,#1264a3)!important;color:#fff!important;border:0!important;border-radius:5px!important;box-shadow:0 2px 5px rgba(0,0,0,.35)!important}.theme3-body .withdraw-bank-panel-v88{display:none!important}.theme3-body .withdraw-card-v88:before{content:'จำนวนเงินที่ถอนปัจจุบันคือ : 0.40 บาท';display:block;text-align:center;font-size:19px;color:#f4e9ce;margin:8px 0 16px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:12px}.theme3-body .withdraw-safe-note-v88{background:#0c0c11;color:#ff3047;text-align:center;border:0;border-radius:0}.theme3-body .profile-card-v104{background:linear-gradient(#2e93d4,#328fd0)!important;border-radius:6px!important;padding:18px}.theme3-body .pin-card-v104 h2{background:linear-gradient(#2e93d4,#1264a3);margin:-18px -18px 18px;padding:9px;text-align:center}.theme3-body .history-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0}.theme3-body .history-tabs button{border-radius:0;background:#555;color:#fff;font-size:20px;padding:10px}.theme3-body .history-tabs button.active{background:linear-gradient(#2e93d4,#1264a3)}.theme3-body .history-page h2,.theme3-body .front-stats{display:none}.theme3-body .history-panel{background:#171821;min-height:420px;padding:15px}.theme3-body .front-table-wrap table{background:transparent;color:#fff}.theme3-body .front-table-wrap th{background:#ddd;color:#222}.theme3-body .front-table-wrap td{border:0;color:#fff}
@media(max-width:560px){body.theme3-body .theme3-finance,body.theme3-body .theme3-profile,body.theme3-body .theme3-history{padding-left:13px;padding-right:13px}.theme3-body .pro-image-grid{grid-template-columns:repeat(3,1fr);gap:8px}.theme3-body .game-card-pro.v82-play-card{min-height:145px}.theme3-body .v82-game-image{height:84px}.theme3-body .v83-rec-scroll{justify-content:flex-start}.theme3-body .bottom.theme2-wallet-bottom{width:calc(100% - 28px);bottom:18px}.theme3-body .theme3-provider-select .provider-grid-v2{grid-template-columns:repeat(3,1fr)}}

body.theme3-body *{scrollbar-width:thin}body.theme3-body img{content-visibility:auto}body.theme3-body .game-card-pro,body.theme3-body .theme3-cat-card,body.theme3-body .old-provider-card{will-change:auto;transform:translateZ(0)}


/* V125 finance form polish: cleaner aligned amount field */
.finance-page .amount-input,.pro-deposit-page .amount-input,.pro-withdraw-page .amount-input{height:62px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:0;background:linear-gradient(180deg,rgba(4,15,31,.98),rgba(8,18,36,.94));border:1.5px solid rgba(29,170,255,.72);border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.28);padding:0 16px 0 0;overflow:hidden}.finance-page .amount-input>span,.pro-deposit-page .amount-input>span,.pro-withdraw-page .amount-input>span{width:54px;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18);color:#ffd447;font-size:28px;font-weight:900;border-right:1px solid rgba(255,255,255,.08);line-height:1}.finance-page .amount-input input,.pro-deposit-page .amount-input input,.pro-withdraw-page .amount-input input{width:100%;height:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:#fff;font-size:24px;font-weight:900;letter-spacing:.2px;padding:0 0 0 2px}.finance-page .amount-input input::placeholder,.pro-deposit-page .amount-input input::placeholder,.pro-withdraw-page .amount-input input::placeholder{color:rgba(255,255,255,.55);font-weight:800}.finance-card,.withdraw-card-v88,.deposit-auto-card-v87,.deposit-manual-card-v87{max-width:100%;box-sizing:border-box}.finance-form label{display:block;margin:0 0 10px 2px;color:rgba(255,255,255,.8);font-weight:900}.finance-submit{height:58px;border-radius:999px;margin-top:22px;letter-spacing:.2px}.withdraw-bank-panel-v88{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:18px}.withdraw-bank-logo-wrap-v88{height:74px;border-radius:18px;display:flex;align-items:center;justify-content:center}.withdraw-bank-info-v88 b{display:block;font-size:21px;line-height:1.15}.withdraw-bank-info-v88 span{display:block;margin-top:5px;line-height:1.25;color:rgba(255,255,255,.82)}@media(max-width:560px){.finance-page .amount-input,.pro-deposit-page .amount-input,.pro-withdraw-page .amount-input{height:58px;grid-template-columns:50px 1fr;border-radius:18px;padding-right:12px}.finance-page .amount-input>span,.pro-deposit-page .amount-input>span,.pro-withdraw-page .amount-input>span{width:50px;font-size:25px}.finance-page .amount-input input,.pro-deposit-page .amount-input input,.pro-withdraw-page .amount-input input{font-size:22px}.withdraw-bank-panel-v88{grid-template-columns:98px 1fr;gap:14px}.withdraw-bank-info-v88 b{font-size:19px}}

/* ===== V126: professional balanced deposit UI + blinking auto status ===== */
.deposit-pro-v126{--dp-bg:#080b18;--dp-panel:rgba(16,20,43,.92);--dp-panel2:rgba(32,20,55,.86);--dp-line:rgba(82,174,255,.34);--dp-cyan:#16d9ff;--dp-purple:#9d35ff;--dp-blue:#3167ff;--dp-text:#fff;--dp-muted:rgba(235,239,255,.72);padding:16px 14px 132px!important;max-width:480px!important;margin:0 auto!important;position:relative!important;}
.deposit-pro-v126:before{content:"";position:absolute;left:24px;right:24px;top:88px;height:330px;border-radius:999px;background:radial-gradient(circle at 50% 5%,rgba(16,217,255,.22),transparent 48%),linear-gradient(180deg,rgba(49,103,255,.10),transparent);filter:blur(8px);pointer-events:none;z-index:0}.deposit-pro-v126>*{position:relative;z-index:1}
.deposit-hero-pro-v126{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:14px!important;padding:18px 18px 17px!important;margin:0 0 14px!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(25,27,57,.96),rgba(55,24,71,.92))!important;border:1px solid rgba(70,189,255,.28)!important;box-shadow:0 20px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:hidden!important;text-align:left!important}.deposit-hero-pro-v126:after{content:"";position:absolute;right:-62px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(22,217,255,.32),transparent 64%);pointer-events:none}.deposit-hero-copy-v126{min-width:0}.deposit-hero-pro-v126 .finance-kicker{display:inline-flex!important;height:26px!important;align-items:center!important;padding:0 11px!important;border-radius:999px!important;background:rgba(255,213,28,.13)!important;border:1px solid rgba(255,213,28,.20)!important;color:#ffe35a!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.04em!important}.deposit-hero-pro-v126 h2{font-size:27px!important;line-height:1.08!important;margin:9px 0 6px!important;color:#fff!important;text-align:left!important}.deposit-hero-pro-v126 p{margin:0!important;font-size:13px!important;line-height:1.45!important;color:var(--dp-muted)!important;max-width:270px!important}.deposit-member-pill-v126{min-width:116px!important;border-radius:18px!important;padding:12px 12px!important;background:rgba(5,10,27,.86)!important;border:1px solid rgba(70,189,255,.23)!important;text-align:center!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 12px 24px rgba(0,0,0,.18)!important}.deposit-member-pill-v126 small{display:block!important;color:rgba(235,239,255,.62)!important;font-size:12px!important;font-weight:900!important}.deposit-member-pill-v126 b{display:block!important;margin-top:4px!important;color:#fff!important;font-size:16px!important;font-weight:1000!important;letter-spacing:.2px!important}
.deposit-auto-pro-v126{max-width:none!important;margin:0!important;border-radius:26px!important;background:linear-gradient(155deg,rgba(14,19,47,.96),rgba(39,25,70,.88))!important;border:1px solid rgba(74,176,255,.32)!important;box-shadow:0 24px 64px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:hidden!important}.deposit-auto-pro-v126:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 38%,rgba(19,212,255,.14) 39%,rgba(157,53,255,.10) 56%,transparent 57%);pointer-events:none}.deposit-form-pro-v126{padding:18px 17px 19px!important;position:relative!important;z-index:1!important}.deposit-auto-head-v126{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0 0 17px!important}.deposit-chip-v126{display:inline-flex!important;height:30px!important;align-items:center!important;padding:0 12px!important;border-radius:999px!important;background:rgba(49,103,255,.16)!important;border:1px solid rgba(61,139,255,.24)!important;color:#72a7ff!important;font-size:12px!important;font-weight:1000!important}.deposit-auto-head-v126 h3{margin:9px 0 4px!important;color:#fff!important;font-size:18px!important;line-height:1.18!important;font-weight:1000!important}.deposit-auto-head-v126 p{margin:0!important;color:rgba(235,239,255,.64)!important;font-size:12.5px!important;line-height:1.35!important}.deposit-status-v126{flex:0 0 auto;display:inline-flex!important;align-items:center!important;gap:8px!important;height:34px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(8,13,30,.76)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important}.deposit-status-v126 i{width:10px;height:10px;border-radius:50%;display:block}.deposit-status-v126 b{font-size:12px!important;font-weight:1000!important;line-height:1!important}.deposit-status-v126.online{color:#75ff9a!important;border-color:rgba(41,255,118,.24)!important}.deposit-status-v126.online i{background:#22ff68;box-shadow:0 0 0 0 rgba(34,255,104,.70);animation:depositPulseGreen 1.15s infinite}.deposit-status-v126.offline{color:#ff6070!important;border-color:rgba(255,65,86,.28)!important}.deposit-status-v126.offline i{background:#ff3047;box-shadow:0 0 0 0 rgba(255,48,71,.70);animation:depositPulseRed 1.15s infinite}@keyframes depositPulseGreen{0%{box-shadow:0 0 0 0 rgba(34,255,104,.72),0 0 12px rgba(34,255,104,.72)}70%{box-shadow:0 0 0 8px rgba(34,255,104,0),0 0 18px rgba(34,255,104,.45)}100%{box-shadow:0 0 0 0 rgba(34,255,104,0),0 0 12px rgba(34,255,104,.60)}}@keyframes depositPulseRed{0%{box-shadow:0 0 0 0 rgba(255,48,71,.72),0 0 12px rgba(255,48,71,.72)}70%{box-shadow:0 0 0 8px rgba(255,48,71,0),0 0 18px rgba(255,48,71,.45)}100%{box-shadow:0 0 0 0 rgba(255,48,71,0),0 0 12px rgba(255,48,71,.60)}}
.deposit-label-v126{margin:0 0 9px 2px!important;color:rgba(235,239,255,.82)!important;font-size:13px!important;font-weight:1000!important}.amount-input-pro-v126{height:58px!important;border-radius:18px!important;background:rgba(6,12,29,.88)!important;border:1.5px solid rgba(20,190,255,.72)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.26)!important;padding-right:12px!important}.amount-input-pro-v126>span{font-size:25px!important;background:rgba(0,0,0,.16)!important;color:#ffd64f!important}.amount-input-pro-v126 input{font-size:23px!important;font-weight:1000!important}.deposit-quick-pro-v126{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:13px 0 0!important}.deposit-quick-pro-v126 button{min-height:40px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(31,45,93,.92),rgba(18,23,54,.92))!important;border:1px solid rgba(70,189,255,.22)!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;box-shadow:0 8px 16px rgba(0,0,0,.16)!important}.deposit-quick-pro-v126 button:hover,.deposit-quick-pro-v126 button:focus{transform:translateY(-1px);border-color:rgba(22,217,255,.58)!important;box-shadow:0 10px 24px rgba(22,217,255,.12)!important}.deposit-safe-note-v126{display:flex!important;align-items:center!important;gap:8px!important;margin:14px 2px 0!important;color:rgba(235,239,255,.64)!important;font-size:12px!important;line-height:1.35!important}.deposit-safe-note-v126 span{width:20px;height:20px;border-radius:50%;background:rgba(34,255,104,.12);border:1px solid rgba(34,255,104,.25);color:#75ff9a;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;flex:0 0 20px}.deposit-submit-pro-v126{width:100%!important;height:56px!important;margin-top:17px!important;border-radius:18px!important;background:linear-gradient(95deg,#2f5bff,#a51dd4)!important;color:#fff!important;border:0!important;font-size:16px!important;font-weight:1000!important;box-shadow:0 16px 34px rgba(89,55,255,.34),inset 0 1px 0 rgba(255,255,255,.22)!important}.deposit-submit-pro-v126:active{transform:translateY(1px)!important}
body.theme3-body .deposit-pro-v126,body.front-pink-body .deposit-pro-v126{max-width:480px!important;background:transparent!important}.theme3-body .deposit-pro-v126 .finance-hero,.theme3-body .deposit-pro-v126 .finance-card{border-radius:26px!important}.theme3-body .deposit-pro-v126 .finance-kicker,.theme3-body .deposit-pro-v126 .deposit-member-pill-v126{display:block!important}.theme3-body .deposit-pro-v126 .deposit-auto-head-v126{text-align:left!important}.theme3-body .deposit-pro-v126 .deposit-auto-head-v126 h3{background:transparent!important;padding:0!important}.theme3-body .deposit-pro-v126 .amount-input,.theme3-body .deposit-pro-v126 .finance-form input{border-radius:18px!important;background:rgba(6,12,29,.88)!important;border-color:rgba(20,190,255,.72)!important}.theme3-body .deposit-pro-v126 .finance-submit{border-radius:18px!important;background:linear-gradient(95deg,#2f5bff,#a51dd4)!important}.theme3-body .deposit-pro-v126 .deposit-section-title{background:transparent!important;color:#fff!important;margin:0 0 16px!important;padding:0!important;text-align:left!important}
@media(max-width:420px){.deposit-pro-v126{padding-left:12px!important;padding-right:12px!important}.deposit-hero-pro-v126{grid-template-columns:1fr!important;padding:16px!important}.deposit-hero-pro-v126 p{max-width:none!important}.deposit-member-pill-v126{text-align:left!important;min-width:0!important}.deposit-auto-head-v126{align-items:flex-start!important}.deposit-auto-head-v126 p{max-width:230px}.deposit-status-v126{padding:0 10px!important}.deposit-quick-pro-v126{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ===== V127: fix deposit amount box proportions / remove inner input frame ===== */
.deposit-pro-v126 .amount-input-pro-v126,
body.theme3-body .deposit-pro-v126 .amount-input-pro-v126,
body.front-pink-body .deposit-pro-v126 .amount-input-pro-v126{
  width:100%!important;
  box-sizing:border-box!important;
  height:60px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:0!important;
  padding:0 14px 0 0!important;
  overflow:hidden!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,rgba(5,11,27,.96),rgba(8,15,32,.94))!important;
  border:1.5px solid rgba(18,202,255,.78)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.22)!important;
}
.deposit-pro-v126 .amount-input-pro-v126 > span,
body.theme3-body .deposit-pro-v126 .amount-input-pro-v126 > span,
body.front-pink-body .deposit-pro-v126 .amount-input-pro-v126 > span{
  width:58px!important;
  height:100%!important;
  min-width:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  background:rgba(0,0,0,.20)!important;
  color:#ffd64f!important;
  font-size:25px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.deposit-pro-v126 .amount-input-pro-v126 input,
body.theme3-body .deposit-pro-v126 .amount-input-pro-v126 input,
body.front-pink-body .deposit-pro-v126 .amount-input-pro-v126 input,
.theme3-body .deposit-pro-v126 .finance-form .amount-input-pro-v126 input{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  display:block!important;
  margin:0!important;
  padding:0 0 0 14px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:60px!important;
  box-sizing:border-box!important;
  -webkit-appearance:none!important;
  appearance:textfield!important;
}
.deposit-pro-v126 .amount-input-pro-v126 input::-webkit-outer-spin-button,
.deposit-pro-v126 .amount-input-pro-v126 input::-webkit-inner-spin-button{margin:0!important;-webkit-appearance:none!important;}
.deposit-pro-v126 .amount-input-pro-v126 input::placeholder,
body.theme3-body .deposit-pro-v126 .amount-input-pro-v126 input::placeholder{
  color:rgba(238,243,255,.55)!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:60px!important;
}
.deposit-pro-v126 .deposit-label-v126{
  margin:0 0 10px 2px!important;
  text-align:left!important;
  font-size:13px!important;
  line-height:1.2!important;
}
@media(max-width:420px){
  .deposit-pro-v126 .amount-input-pro-v126,
  body.theme3-body .deposit-pro-v126 .amount-input-pro-v126{height:58px!important;grid-template-columns:54px minmax(0,1fr)!important;padding-right:12px!important;}
  .deposit-pro-v126 .amount-input-pro-v126 > span,
  body.theme3-body .deposit-pro-v126 .amount-input-pro-v126 > span{width:54px!important;min-width:54px!important;font-size:24px!important;}
  .deposit-pro-v126 .amount-input-pro-v126 input,
  body.theme3-body .deposit-pro-v126 .amount-input-pro-v126 input{padding-left:12px!important;font-size:21px!important;line-height:58px!important;}
  .deposit-pro-v126 .amount-input-pro-v126 input::placeholder,
  body.theme3-body .deposit-pro-v126 .amount-input-pro-v126 input::placeholder{font-size:19px!important;line-height:58px!important;}
}

/* ===== V128: professional withdraw page + real cashback/loss withdraw tab ===== */
.withdraw-modern-v128{
  max-width:480px!important;
  margin:0 auto!important;
  padding:18px 14px 132px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  background:transparent!important;
}
.withdraw-top-v128{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 14px!important;
  padding:17px 16px!important;
  border-radius:26px!important;
  border:1px solid rgba(34,211,238,.22)!important;
  background:linear-gradient(135deg,rgba(24,25,69,.88),rgba(54,18,64,.86))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)!important;
  position:relative!important;
  overflow:hidden!important;
}
.withdraw-top-v128:before{
  content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 8% 0%,rgba(22,211,255,.20),transparent 36%),radial-gradient(circle at 100% 100%,rgba(168,85,247,.22),transparent 38%);pointer-events:none;
}
.withdraw-top-v128>div,.withdraw-top-v128>span{position:relative;z-index:1}
.withdraw-badge-v128{
  grid-column:1/-1;
  justify-self:start;
  height:28px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;
  background:rgba(47,91,255,.16);border:1px solid rgba(77,155,255,.26);color:#ffef4d;
  font-size:12px;font-weight:1000;letter-spacing:.04em;
}
.withdraw-top-v128 h2{margin:2px 0 2px!important;font-size:27px!important;font-weight:1000!important;line-height:1.05!important;color:#fff!important;letter-spacing:-.02em!important}
.withdraw-top-v128 p{margin:0!important;font-size:12.5px!important;line-height:1.35!important;color:rgba(236,241,255,.70)!important}
.withdraw-member-v128{min-width:116px!important;text-align:center!important;border-radius:18px!important;background:rgba(5,11,27,.82)!important;border:1px solid rgba(20,190,255,.24)!important;padding:11px 12px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important}
.withdraw-member-v128 small{display:block!important;color:rgba(236,241,255,.65)!important;font-size:12px!important;font-weight:800!important}.withdraw-member-v128 b{display:block!important;color:#fff!important;font-size:15px!important;font-weight:1000!important;line-height:1.1!important}
.withdraw-alert-v128{margin:0 0 12px!important;border-radius:16px!important}
.withdraw-panel-v128{
  border-radius:0 0 10px 10px!important;
  background:linear-gradient(180deg,rgba(18,18,29,.98),rgba(13,13,21,.98))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
  min-height:430px!important;
}
.withdraw-tabs-v128{display:grid!important;grid-template-columns:1fr 1fr!important;background:#515159!important;box-shadow:0 9px 16px rgba(0,0,0,.28)!important}
.withdraw-tabs-v128 button{
  height:50px!important;border:0!important;border-radius:0!important;background:#515159!important;color:#fff!important;
  font-size:18px!important;font-weight:900!important;letter-spacing:.01em!important;cursor:pointer!important;box-shadow:none!important;
}
.withdraw-tabs-v128 button.active{background:linear-gradient(180deg,#48a8e7,#1673bb)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.28)!important}
.withdraw-tab-panel-v128{display:none!important;padding:24px 24px 22px!important}.withdraw-tab-panel-v128.active{display:block!important}
.withdraw-current-v128{text-align:center!important;color:#f2e7cf!important;font-size:17px!important;line-height:1.45!important;margin:4px auto 16px!important;padding-bottom:11px!important;border-bottom:1px solid rgba(255,255,255,.22)!important;max-width:360px!important}.withdraw-current-v128 b{font-size:20px!important;color:#fff!important;font-weight:1000!important}
.withdraw-bank-compact-v128{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important;padding:12px!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.10)!important}
.withdraw-bank-logo-box-v128{height:58px;border-radius:14px;background:rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}.withdraw-bank-logo-box-v128 img{width:100%;height:100%;object-fit:contain;display:block}.withdraw-bank-compact-v128 small{display:block;color:rgba(236,241,255,.66);font-size:12px;font-weight:800}.withdraw-bank-compact-v128 b{display:block;color:#fff;font-size:18px;line-height:1.15;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.withdraw-bank-compact-v128 span{display:block;margin-top:4px;color:rgba(236,241,255,.74);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.withdraw-form-modern-v128{max-width:360px!important;margin:0 auto!important}.withdraw-form-modern-v128 label{display:block!important;margin:0 0 8px!important;color:#fff!important;font-size:17px!important;font-weight:800!important;text-align:left!important}.withdraw-amount-box-v128{height:54px!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;border-radius:9px!important;background:#43a1e1!important;border:2px solid #78c8ff!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.20),0 10px 18px rgba(0,0,0,.22)!important;overflow:hidden!important}.withdraw-amount-box-v128>span{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-right:2px solid rgba(255,255,255,.58)!important;color:#fff!important;background:rgba(0,0,0,.06)!important;font-size:22px!important;font-weight:1000!important;line-height:1!important}.withdraw-amount-box-v128 input{width:100%!important;height:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:24px!important;font-weight:1000!important;line-height:54px!important;padding:0 14px!important;margin:0!important;border-radius:0!important;appearance:textfield!important;-webkit-appearance:none!important}.withdraw-amount-box-v128 input::placeholder{color:rgba(255,255,255,.90)!important;font-size:22px!important;font-weight:900!important}.withdraw-amount-box-v128 input::-webkit-outer-spin-button,.withdraw-amount-box-v128 input::-webkit-inner-spin-button{margin:0!important;-webkit-appearance:none!important}.withdraw-submit-v128{width:100%!important;height:50px!important;margin:10px 0 0!important;border:0!important;border-radius:7px!important;background:linear-gradient(180deg,#2d9ceb,#1268aa)!important;color:#fff!important;font-size:18px!important;font-weight:1000!important;box-shadow:0 9px 15px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;cursor:pointer!important}.withdraw-submit-v128:disabled{opacity:.55!important;cursor:not-allowed!important;filter:grayscale(.25)!important}.withdraw-loss-info-v128{max-width:360px!important;margin:0 auto 16px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.withdraw-loss-info-v128>div{border-radius:14px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;padding:11px 12px!important;text-align:center!important}.withdraw-loss-info-v128 small{display:block!important;color:rgba(236,241,255,.65)!important;font-size:12px!important;font-weight:800!important}.withdraw-loss-info-v128 b{display:block!important;margin-top:2px!important;color:#fff!important;font-size:18px!important;font-weight:1000!important}.withdraw-note-v128,.withdraw-warn-v128{max-width:360px!important;margin:16px auto 0!important;text-align:center!important;font-size:13px!important;line-height:1.45!important;color:#ff334d!important}.withdraw-warn-v128{margin:0 auto 14px!important;padding:10px 12px!important;border-radius:14px!important;background:rgba(255,48,71,.10)!important;border:1px solid rgba(255,48,71,.24)!important;color:#ff8a98!important}
body.theme3-body .withdraw-modern-v128{max-width:480px!important;background:transparent!important}.theme3-body .withdraw-panel-v128,.theme3-body .withdraw-top-v128{border-radius:0!important}.theme3-body .withdraw-form-modern-v128 input{background:transparent!important;border:0!important}.theme3-body .withdraw-submit-v128{border-radius:7px!important}.theme3-body .withdraw-bank-panel-v88,.theme3-body .withdraw-card-v88:before{display:none!important;content:none!important}
@media(max-width:420px){.withdraw-modern-v128{padding-left:12px!important;padding-right:12px!important}.withdraw-top-v128{grid-template-columns:1fr!important;padding:15px!important}.withdraw-member-v128{width:100%!important;text-align:left!important;box-sizing:border-box!important}.withdraw-tab-panel-v128{padding:22px 18px 22px!important}.withdraw-tabs-v128 button{height:48px!important;font-size:17px!important}.withdraw-bank-compact-v128{grid-template-columns:86px 1fr!important;gap:12px!important}.withdraw-bank-logo-box-v128{height:54px}.withdraw-amount-box-v128{grid-template-columns:72px minmax(0,1fr)!important}.withdraw-form-modern-v128 label{font-size:16px!important}.withdraw-note-v128,.withdraw-warn-v128{font-size:12.5px!important}}

/* V129 Telegram / 2FA / History polish */
.sec-qr-link-v129{display:block;text-align:center;margin:10px 0 14px;color:#8ee7ff;text-decoration:none;font-weight:800}.sec-qr-link-v129:hover{text-decoration:underline}.telegram-check-grid-v129{margin-top:10px}.tg-check-v129{display:flex!important;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--theme-admin-border,#ffffff1a);border-radius:14px;background:rgba(255,255,255,.04);font-weight:800}.tg-check-v129 input{width:18px;height:18px}.status-pill.success{background:linear-gradient(180deg,#22c55e,#15803d)!important;color:#fff!important}.status-pill.pending{background:linear-gradient(180deg,#f59e0b,#92400e)!important;color:#fff!important}.status-pill.rejected{background:linear-gradient(180deg,#ef4444,#7f1d1d)!important;color:#fff!important}.front-table-wrap table th,.front-table-wrap table td{white-space:nowrap}.xg-table code{white-space:pre-wrap;word-break:break-word;max-width:520px;display:block}

/* V130: compact mobile history table + per-room telegram UI */
.history-table-wrap-v130{overflow:hidden!important;border-radius:16px!important;border:1px solid rgba(59,130,246,.28)!important;background:rgba(0,0,0,.18)!important}
.history-table-wrap-v130 table.history-table-v130{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
.history-table-v130 th,.history-table-v130 td{padding:10px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important;font-size:13px!important}
.history-table-v130 .col-time,.history-table-v130 .history-date-v130{width:88px!important;max-width:88px!important;text-align:left!important}
.history-table-v130 .col-amount,.history-table-v130 .history-amount-v130{width:78px!important;max-width:78px!important;text-align:right!important;font-weight:900!important}
.history-table-v130 .col-status,.history-table-v130 .history-status-v130{width:92px!important;max-width:92px!important;text-align:center!important}
.history-table-v130 .col-account,.history-table-v130 .history-account-v130{width:auto!important;max-width:110px!important;text-align:left!important}
.history-table-v130 .status-pill{min-width:74px!important;padding:5px 8px!important;font-size:11px!important;line-height:1.05!important}
.deposit-history-table-v130 .col-time,.deposit-history-table-v130 .history-date-v130{width:100px!important;max-width:100px!important}
.deposit-history-table-v130 .col-amount,.deposit-history-table-v130 .history-amount-v130{width:95px!important;max-width:95px!important}
.deposit-history-table-v130 .col-status,.deposit-history-table-v130 .history-status-v130{width:98px!important;max-width:98px!important}
.telegram-room-grid-v130{margin-top:12px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.telegram-room-card-v130{border:1px solid var(--theme-admin-border,#ffffff1a)!important;border-radius:16px!important;padding:12px!important;background:rgba(255,255,255,.045)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.telegram-room-card-v130 label{display:flex!important;gap:8px!important;align-items:center!important;font-weight:900!important;margin:0 0 8px!important;color:var(--theme-admin-text,#f8fafc)!important}
.telegram-room-card-v130 textarea{min-height:58px!important;resize:vertical!important;font-size:12px!important;line-height:1.35!important}
.telegram-room-card-v130 small{display:block!important;margin-top:6px!important;color:var(--theme-admin-muted,#94a3b8)!important}
@media(max-width:560px){.history-table-v130 th,.history-table-v130 td{font-size:12px!important;padding:9px 6px!important}.history-table-v130 .col-time,.history-table-v130 .history-date-v130{width:76px!important;max-width:76px!important}.deposit-history-table-v130 .col-time,.deposit-history-table-v130 .history-date-v130{width:82px!important;max-width:82px!important}.deposit-history-table-v130 .col-amount,.deposit-history-table-v130 .history-amount-v130{width:74px!important;max-width:74px!important}.deposit-history-table-v130 .col-status,.deposit-history-table-v130 .history-status-v130{width:86px!important;max-width:86px!important}.history-table-v130 .status-pill{min-width:64px!important;font-size:10px!important;padding:5px 6px!important}.telegram-room-grid-v130{grid-template-columns:1fr!important}}

/* V131: history table no horizontal push + mailbox page */
body.front-pink-body .history-table-wrap-v130,
body.front-pink-body .history-table-wrap-v130.front-table-wrap{
  overflow-x:hidden!important;
  max-width:100%!important;
}
body.front-pink-body .history-table-wrap-v130 table.history-table-v130,
body.theme3-body .history-table-wrap-v130 table.history-table-v130{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
body.front-pink-body .history-table-v130 th,
body.front-pink-body .history-table-v130 td,
body.theme3-body .history-table-v130 th,
body.theme3-body .history-table-v130 td{
  box-sizing:border-box!important;
  min-width:0!important;
  padding-left:7px!important;
  padding-right:7px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.front-pink-body .deposit-history-table-v130 .col-time,
body.front-pink-body .deposit-history-table-v130 .history-date-v130,
body.theme3-body .deposit-history-table-v130 .col-time,
body.theme3-body .deposit-history-table-v130 .history-date-v130{width:36%!important;max-width:none!important;text-align:left!important;}
body.front-pink-body .deposit-history-table-v130 .col-amount,
body.front-pink-body .deposit-history-table-v130 .history-amount-v130,
body.theme3-body .deposit-history-table-v130 .col-amount,
body.theme3-body .deposit-history-table-v130 .history-amount-v130{width:28%!important;max-width:none!important;text-align:right!important;}
body.front-pink-body .deposit-history-table-v130 .col-status,
body.front-pink-body .deposit-history-table-v130 .history-status-v130,
body.theme3-body .deposit-history-table-v130 .col-status,
body.theme3-body .deposit-history-table-v130 .history-status-v130{width:36%!important;max-width:none!important;text-align:right!important;}
body.front-pink-body .withdraw-history-table-v130 .col-time,
body.front-pink-body .withdraw-history-table-v130 .history-date-v130{width:29%!important;max-width:none!important;}
body.front-pink-body .withdraw-history-table-v130 .col-amount,
body.front-pink-body .withdraw-history-table-v130 .history-amount-v130{width:23%!important;max-width:none!important;text-align:right!important;}
body.front-pink-body .withdraw-history-table-v130 .col-account,
body.front-pink-body .withdraw-history-table-v130 .history-account-v130{width:24%!important;max-width:none!important;}
body.front-pink-body .withdraw-history-table-v130 .col-status,
body.front-pink-body .withdraw-history-table-v130 .history-status-v130{width:24%!important;max-width:none!important;text-align:right!important;}
body.front-pink-body .history-table-v130 .status-pill,
body.theme3-body .history-table-v130 .status-pill{
  min-width:0!important;
  max-width:100%!important;
  padding:5px 7px!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
}
body.front-pink-body .history-table-v130 .history-date-v130{font-size:11.5px!important;letter-spacing:-.02em!important;}
@media(max-width:390px){
  body.front-pink-body .history-table-v130 th,body.front-pink-body .history-table-v130 td{font-size:11px!important;padding-left:5px!important;padding-right:5px!important;}
  body.front-pink-body .history-table-v130 .status-pill{font-size:10px!important;padding:4px 5px!important;}
  body.front-pink-body .deposit-history-table-v130 .col-time,body.front-pink-body .deposit-history-table-v130 .history-date-v130{width:35%!important;}
  body.front-pink-body .deposit-history-table-v130 .col-amount,body.front-pink-body .deposit-history-table-v130 .history-amount-v130{width:29%!important;}
  body.front-pink-body .deposit-history-table-v130 .col-status,body.front-pink-body .deposit-history-table-v130 .history-status-v130{width:36%!important;}
}

.mailbox-page-v131{max-width:520px!important;margin-bottom:120px!important;padding-bottom:28px!important;}
.mailbox-head-v131{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(59,130,246,.23),rgba(236,72,153,.14));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mailbox-kicker-v131{display:inline-flex;margin-bottom:5px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.10);color:#ffe84a;font-weight:1000;font-size:10px;letter-spacing:.05em}.mailbox-head-v131 h2{margin:0!important;text-align:left!important;color:#fff!important;font-size:24px!important}.mailbox-head-v131 p{margin:4px 0 0;color:rgba(235,239,255,.72);font-weight:700;font-size:12px;line-height:1.35}.mailbox-count-v131{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#2f5bff,#a51dd4);color:#fff;font-weight:1000;font-size:18px;box-shadow:0 0 22px rgba(112,89,255,.36)}
.mailbox-list-v131{display:grid;gap:12px}.mail-card-v131{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:13px;border-radius:20px;background:linear-gradient(145deg,rgba(18,24,45,.92),rgba(42,15,54,.88));border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.07)}.mail-card-v131.success{border-color:rgba(34,197,94,.30)}.mail-card-v131.pending{border-color:rgba(245,158,11,.32)}.mail-card-v131.rejected{border-color:rgba(239,68,68,.30)}.mail-icon-v131{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:22px}.mail-body-v131{min-width:0}.mail-title-row-v131{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-title-row-v131 h3{margin:0!important;color:#fff!important;font-size:16px!important;line-height:1.2!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-body-v131 p{margin:6px 0 9px;color:rgba(235,239,255,.72);font-size:12.5px;line-height:1.42;font-weight:700}.mail-meta-v131{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.mail-meta-v131 span{display:inline-flex;border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.07);color:#dbe6ff;font-size:11px;font-weight:900}.mail-empty-v131{padding:28px 16px;border-radius:22px;text-align:center;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.18);color:#fff}.mail-empty-v131 div{font-size:36px}.mail-empty-v131 b{display:block;margin-top:6px;font-size:18px}.mail-empty-v131 span{display:block;margin-top:6px;color:rgba(235,239,255,.7);font-weight:700;font-size:13px}
body.theme3-body .theme3-mailbox{max-width:620px;margin:0 auto;padding:20px 14px 135px;background:transparent!important}.theme3-body .mailbox-head-v131,.theme3-body .mail-card-v131,.theme3-body .mail-empty-v131{border-radius:0!important;background:#171821!important}.theme3-body .mailbox-count-v131{border-radius:8px!important;background:linear-gradient(#2e93d4,#1264a3)!important}
@media(max-width:420px){.mailbox-page-v131{padding-left:12px!important;padding-right:12px!important}.mailbox-head-v131{padding:13px;border-radius:18px}.mailbox-head-v131 h2{font-size:21px!important}.mailbox-count-v131{width:42px;height:42px;flex-basis:42px}.mail-card-v131{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:11px}.mail-icon-v131{width:40px;height:40px;border-radius:14px}.mail-title-row-v131 h3{font-size:14px!important}.mail-title-row-v131 .status-pill{font-size:10px!important;padding:4px 6px!important}.mail-body-v131 p{font-size:11.7px}.mail-meta-v131 span{font-size:10.5px;padding:4px 6px}}

/* ===== V132: cashback/loss withdraw wallet button + admin settings ===== */
.withdraw-loss-info-v128.loss-v132{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:14px!important}
.withdraw-loss-wallet-btn-v132{background:linear-gradient(135deg,#ff2d8d,#8b5cf6)!important;border-radius:999px!important;min-height:54px!important;font-size:16px!important;line-height:1.15!important;white-space:normal!important;padding:0 14px!important;box-shadow:0 16px 34px rgba(255,45,141,.30), inset 0 1px 0 rgba(255,255,255,.20)!important}
.withdraw-loss-wallet-btn-v132:disabled{background:linear-gradient(135deg,#4b5563,#1f2937)!important;box-shadow:none!important;opacity:.75!important}
.withdraw-loss-claim-v132{margin-top:8px!important}
.loss-note-v132{color:#ffd1e8!important;background:rgba(255,45,141,.08)!important;border:1px solid rgba(255,45,141,.18)!important;border-radius:14px!important;padding:9px 12px!important}
.loss-note-v132.ok{color:#bdfbd7!important;background:rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.22)!important}
.loss-note-v132.muted{color:rgba(236,241,255,.62)!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.08)!important;font-size:11.5px!important}
.cashback-v132 .cashback-small-v132{font-size:12px;color:rgba(255,255,255,.62);line-height:1.45;margin-top:-4px}
.cashback-v132 .cashback-reason-v132{margin-top:12px;text-align:center}
body.admin-body .checkline{display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;padding:10px 12px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;font-weight:900!important}
body.admin-body .checkline input{width:auto!important;min-width:18px!important;height:18px!important;margin:0!important;accent-color:#ff2d8d!important}
@media(max-width:420px){.withdraw-loss-info-v128.loss-v132{gap:8px!important}.withdraw-loss-info-v128.loss-v132 b{font-size:16px!important}.withdraw-loss-wallet-btn-v132{font-size:15px!important}}

/* V133 member check / manual deposit / menu metrics */
.xg-mode-shortcuts-v133{margin:10px 10px 12px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(255,45,141,.16),rgba(34,211,238,.08));display:grid;gap:7px}
.xg-mode-shortcuts-v133 b{font-size:12px;color:var(--theme-gold,#ffd54a);letter-spacing:.03em}
.xg-mode-shortcuts-v133 a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:13px;font-weight:800}
.xg-mode-shortcuts-v133 a:hover{border-color:var(--theme-admin-accent,#22d3ee);box-shadow:0 0 18px rgba(34,211,238,.18)}
.member-search-grid-v133,.manual-credit-grid-v133{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr auto;gap:14px;align-items:end}
.member-search-grid-v133 label,.manual-credit-grid-v133 label{display:grid;gap:8px;color:var(--theme-gold,#ffd54a);font-weight:800;font-size:13px}
.member-search-grid-v133 input,.member-search-grid-v133 select,.manual-credit-grid-v133 input,.manual-credit-grid-v133 select{width:100%;min-height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(7,12,22,.64);color:#fff;padding:0 16px;font-weight:800}
.member-date-inline-v133{display:grid;grid-template-columns:1fr 1fr;gap:8px}.member-search-button-v133 button,.manual-credit-submit-v133{min-height:52px;white-space:nowrap}.member-table-scroll-v133{overflow:auto;border-radius:18px}.member-check-table-v133,.manual-member-table-v133{min-width:1320px}.member-check-table-v133 th,.manual-member-table-v133 th{white-space:nowrap}.member-check-table-v133 td,.manual-member-table-v133 td{vertical-align:middle;white-space:nowrap}.member-check-table-v133 small,.manual-member-table-v133 small{display:block;color:#bac5db;margin-top:3px}.member-bank-logo-v133{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fff;padding:4px}.member-actions-v133{display:flex;gap:8px;min-width:560px}.member-actions-v133 a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:14px;color:#fff;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-weight:900}.member-actions-v133 a:hover{background:rgba(255,45,141,.18);border-color:var(--theme-primary,#ff2d8d)}.round-action-v133{width:36px;height:48px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;color:#08111f!important;text-decoration:none;font-weight:1000;box-shadow:inset 0 -8px 14px rgba(0,0,0,.15)}.round-action-v133.green{background:#5ee7b7}.round-action-v133.pink{background:#fb7185}.round-action-v133.gold{background:#facc57}.round-action-v133.blue{background:#60a5fa}.round-action-v133.dark{background:#334155;color:#fff!important}.money-gold-v133{color:var(--theme-gold,#ffd54a)!important;font-weight:1000}.theme2-wallet-right b{min-width:52px;text-align:right;display:inline-block}.withdraw-current-v128 b{font-size:1.12em}.loss-note-v132{line-height:1.5}
@media(max-width:1200px){.member-search-grid-v133,.manual-credit-grid-v133{grid-template-columns:1fr 1fr}.member-search-button-v133,.manual-credit-submit-v133{grid-column:1/-1}}@media(max-width:700px){.member-search-grid-v133,.manual-credit-grid-v133{grid-template-columns:1fr}.member-date-inline-v133{grid-template-columns:1fr}.xg-mode-shortcuts-v133{grid-template-columns:1fr 1fr}.xg-mode-shortcuts-v133 b{grid-column:1/-1}}


/* V135 speed tuning */
.lobby2-category-card,.provider-image-card,.game-card-pro{content-visibility:auto;contain-intrinsic-size:180px 130px;}
.lobby2-cat-bg,.provider-image-card img,.game-card-pro img{transform:translateZ(0);backface-visibility:hidden;}
body.mio-page-loading:before{display:none!important;content:none!important}
body.mio-page-loading .pink-app-shell{filter:none!important;}
.v135-img-loaded{animation:v135Fade .18s ease-out both}@keyframes v135Fade{from{opacity:.45}to{opacity:1}}


/* V143: no black loading mask while changing pages */
body.mio-page-loading:before,body.mio-page-loading:after{display:none!important;content:none!important;background:transparent!important;box-shadow:none!important;}
body.mio-page-loading .pink-app-shell,body.mio-page-loading .wrap,body.mio-page-loading .provider-page{filter:none!important;opacity:1!important;}

/* === V149 Lottery modern layout === */
.lotto-modern-page{max-width:1280px;margin:0 auto;padding:18px 14px 80px;color:#1d1d1f}
.lotto-modern-page .lotto-alert{margin:12px 0;padding:12px 14px;border-radius:12px;font-weight:700}
.lotto-modern-page .lotto-alert.err{background:#fff1f0;color:#b42318;border:1px solid #f5c2c0}
.lotto-modern-page .lotto-alert.ok{background:#edfdf3;color:#027a48;border:1px solid #abefc6}
.lotto-modern-header{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f7f7fb;border:1px solid #e9e9ef;border-radius:18px;padding:16px 18px;box-shadow:0 12px 30px rgba(17,24,39,.07)}
.lotto-modern-header-left{display:flex;gap:14px;align-items:center;min-width:0}
.lotto-modern-back{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:#1f1f22;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
.lotto-modern-header h1{font-size:34px;line-height:1.1;margin:0;color:#6f5200}
.lotto-modern-subline{margin-top:6px;color:#5a6372;font-weight:600}
.lotto-modern-header-right{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.lotto-modern-countdown-card,.lotto-modern-wallet-card{min-width:170px;background:linear-gradient(135deg,#fff6d9,#f2d784);border:1px solid #d8b35b;border-radius:16px;padding:10px 14px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.lotto-modern-wallet-card{background:linear-gradient(135deg,#eef8ff,#d6edff);border-color:#90c6ef}
.lotto-modern-countdown-card small,.lotto-modern-wallet-card small{display:block;color:#545b67;margin-bottom:4px;font-weight:700}
.lotto-modern-countdown-card strong,.lotto-modern-wallet-card strong{font-size:26px;color:#222;font-weight:900}
.lotto-result-showcase{margin-top:18px}
.lotto-result-title{background:#0b9445;color:#fff;font-weight:900;font-size:30px;text-align:center;padding:16px;border-radius:10px 10px 0 0}
.lotto-result-card-modern{background:#fff;border:1px solid #d8dbe3;border-radius:0 0 16px 16px;padding:18px;box-shadow:0 10px 30px rgba(17,24,39,.08)}
.lotto-result-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.lotto-flag-title{font-size:18px;font-weight:900;color:#30343b;display:flex;align-items:center;gap:8px}
.lotto-flag-title .flag{font-size:24px}
.lotto-result-date{background:#0db14b;color:#fff;padding:8px 16px;border-radius:999px;font-size:16px;font-weight:900}
.lotto-first-prize-box{background:#eceff3;border-radius:12px;padding:14px 16px;text-align:center;margin-bottom:12px}
.lotto-first-prize-box small{display:block;color:#505865;font-weight:700;font-size:16px}
.lotto-first-prize-box strong{display:block;font-size:42px;color:#13813c;line-height:1.15;font-weight:900}
.lotto-result-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lotto-result-grid-modern .res-box{background:#eceff3;border-radius:10px;padding:12px 10px;text-align:center}
.lotto-result-grid-modern .res-box small{display:block;color:#505865;font-weight:700;font-size:15px;margin-bottom:4px}
.lotto-result-grid-modern .res-box strong{font-size:32px;color:#343b45;font-weight:900}
.lotto-bet-shell{margin-top:20px;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start}
.lotto-bet-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:8px;background:#0f1116;padding:12px;border-radius:12px}
.lotto-side-btn{border:none;background:#f6f7f9;color:#1e293b;border-radius:8px;padding:12px 10px;font-size:18px;font-weight:800;cursor:pointer;text-align:left}
.lotto-side-btn.active,.lotto-side-btn:hover{background:linear-gradient(135deg,#7a0f1a,#cd1f37);color:#fff}
.lotto-bet-main{min-width:0}
.lotto-round-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f5f5f8;border:1px solid #e6e8f0;border-radius:14px;padding:18px 20px;margin-bottom:14px}
.lotto-round-banner h2{margin:0;font-size:28px;color:#6f5200}
.lotto-round-banner p{margin:5px 0 0;color:#6b7280;font-weight:600}
.lotto-round-badges{display:flex;gap:8px;flex-wrap:wrap}
.lotto-round-badges .badge{display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:800}
.lotto-round-badges .badge.gold{background:linear-gradient(135deg,#b97700,#f8e18c);color:#fff}
.lotto-round-badges .badge.dark{background:#30343b;color:#fff}
.lotto-panel-switches{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:12px}
.lotto-top-tab{border:1px solid #d1a62c;padding:16px;background:#f7f0c7;color:#a17300;font-size:30px;font-weight:900;cursor:pointer}
.lotto-top-tab:first-child{border-radius:14px 0 0 14px}
.lotto-top-tab:last-child{border-radius:0 14px 14px 0}
.lotto-top-tab.active{background:linear-gradient(180deg,#b66f00,#f3df93);color:#fff}
.lotto-type-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.lotto-type-chip{border:2px solid rgba(255,255,255,.9);border-radius:10px;padding:12px 10px;color:#fff;cursor:pointer;font-weight:900;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 4px 18px rgba(2,6,23,.08)}
.lotto-type-chip small{font-size:18px;line-height:1;font-weight:800;color:#fff;background:rgba(255,255,255,.16);padding:6px 8px;border-radius:8px}
.lotto-type-chip[data-type="3top"]{background:#841a22}
.lotto-type-chip[data-type="3tod"]{background:#e53b4a}
.lotto-type-chip[data-type="2top"]{background:#1976ed}
.lotto-type-chip[data-type="2bottom"]{background:#2eb24b}
.lotto-type-chip.active{outline:3px dashed #fff;outline-offset:-5px;transform:translateY(-1px)}
.lotto-work-panels .lotto-panel{display:none}
.lotto-work-panels .lotto-panel.active{display:block}
.lotto-manual-card,.lotto-board-card,.lotto-slip-card,.lotto-conditions-card{background:#fff;border:1px solid #dde2ea;border-radius:16px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.07)}
.lotto-selection-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;background:#f8fafc;border-radius:12px;padding:12px 14px;border:1px solid #e5e7eb}
.selected-type-label{font-size:14px;color:#667085;font-weight:700}
.selected-type-badge{display:inline-flex;margin-top:4px;background:#d92d20;color:#fff;border-radius:8px;padding:6px 10px;font-weight:900;font-size:18px}
.selected-rate-card{background:#f59e0b;color:#fff;font-weight:900;padding:10px 12px;border-radius:10px;white-space:nowrap}
.lotto-entry-section h3{margin:0 0 12px;font-size:36px;color:#b47900;text-align:center}
.lotto-digit-inputs{display:flex;justify-content:center;gap:12px;margin-bottom:16px}
.digit-box{width:86px;height:86px;border:2px solid #d6a32a;background:#fff;border-radius:8px;font-size:42px;font-weight:900;color:#111827;cursor:pointer}
.digit-box.filled{background:#fffef7}
.lotto-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.keypad-btn,.keypad-action{border:none;border-radius:8px;min-height:56px;font-weight:900;font-size:28px;cursor:pointer}
.keypad-btn{background:#f8fafc;border:2px solid #4a90ff;color:#1674ff}
.keypad-action{background:linear-gradient(180deg,#c98f0b,#f2d77a);color:#fff}
.keypad-action.secondary{background:#4b5563;color:#fff;font-size:22px}
.keypad-action.backspace{font-size:26px}
.keypad-blank{display:block}
.lotto-amount-section{margin-top:18px;padding-top:14px;border-top:1px dashed #d9dde5}
.lotto-amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lotto-amount-section label{display:block;margin-bottom:6px;font-weight:800;color:#424b57}
.lotto-amount-section input{width:100%;height:54px;border:1px solid #d0d5dd;border-radius:10px;padding:0 14px;font-size:20px;font-weight:700;background:#fff}
.lotto-quick-amounts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.quick-amount-btn{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}
.lotto-form-actions{margin-top:16px}
.lotto-submit{border:none;border-radius:12px;padding:14px 18px;background:linear-gradient(180deg,#b66f00,#f3df93);color:#fff;font-size:22px;font-weight:900;cursor:pointer}
.lotto-submit.big{width:100%}
.lotto-board-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.board-mode-btn{display:none}
.lotto-board-tools{display:grid;grid-template-columns:1fr 180px;gap:8px;margin-bottom:12px}
.lotto-board-tools input,.lotto-board-tools button{height:48px;border-radius:10px;border:1px solid #cfd4dc;padding:0 12px;font-size:18px;font-weight:700}
.lotto-board-tools button{background:#f5f7fb;cursor:pointer}
.lotto-hundreds-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.hundred-btn{height:48px;border-radius:10px;border:1px solid #d1d5db;background:#fff;font-weight:900;cursor:pointer;font-size:20px}
.hundred-btn.active{background:#1674ff;color:#fff;border-color:#1674ff}
.lotto-number-board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.number-board-btn{height:46px;border:1px solid #d7a238;background:#fff;border-radius:8px;color:#b17200;font-size:20px;font-weight:800;cursor:pointer}
.number-board-btn:hover{background:#fff6db}
.lotto-board-empty{grid-column:1/-1;text-align:center;background:#f8fafc;padding:20px;border-radius:10px;color:#667085;font-weight:700}
.lotto-board-note{margin-top:12px;color:#667085;font-weight:700;text-align:center}
.lotto-slip-form-modern{display:flex;flex-direction:column;gap:12px}
.lotto-slip-form-modern .lotto-slip-text{min-height:130px;border-radius:12px;border:1px solid #d0d5dd;padding:12px;font-size:18px;background:#fff}
.lotto-section-head h2{margin:0 0 6px;font-size:28px;color:#243041}
.lotto-section-head p{margin:0;color:#667085}
.lotto-condition-box{background:#e6a73b;color:#fff;border-radius:12px;padding:14px 16px;font-size:18px}
.lotto-condition-box ul{margin:10px 0 0 18px;padding:0}
.lotto-condition-box li{margin:6px 0}
.lotto-data-stack{margin-top:18px;display:flex;flex-direction:column;gap:16px}
.lotto-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lotto-table-wrap{overflow:auto}
.lotto-table{width:100%;border-collapse:collapse;background:#fff}
.lotto-table th,.lotto-table td{padding:10px 12px;border-bottom:1px solid #eef0f4;text-align:left;white-space:nowrap}
.lotto-table th{background:#f8fafc;color:#475467;font-size:14px;text-transform:none}
.lotto-status.pending{color:#b54708;font-weight:800}.lotto-status.win,.lotto-status.paid{color:#027a48;font-weight:800}.lotto-status.lose{color:#98a2b3;font-weight:800}
@media (max-width: 991px){
  .lotto-modern-page{padding:12px 10px 90px}
  .lotto-modern-header{flex-direction:column;align-items:stretch;padding:14px}
  .lotto-modern-header h1{font-size:24px}
  .lotto-modern-header-right{display:grid;grid-template-columns:1fr 1fr}
  .lotto-result-title{font-size:20px;padding:12px}
  .lotto-result-card-head{flex-direction:column;align-items:flex-start}
  .lotto-first-prize-box strong{font-size:28px}
  .lotto-result-grid-modern{grid-template-columns:repeat(2,1fr)}
  .lotto-result-grid-modern .res-box strong{font-size:24px}
  .lotto-bet-shell{grid-template-columns:1fr}
  .lotto-bet-sidebar{position:static;flex-direction:row;overflow:auto;padding:8px}
  .lotto-side-btn{min-width:120px;font-size:16px}
  .lotto-round-banner{flex-direction:column;align-items:flex-start;padding:14px}
  .lotto-round-banner h2{font-size:22px}
  .lotto-top-tab{font-size:22px;padding:12px 10px}
  .lotto-type-strip{grid-template-columns:1fr 1fr}
  .lotto-type-chip{font-size:16px;padding:10px 8px}
  .lotto-type-chip small{font-size:15px}
  .lotto-selection-bar{flex-direction:column;align-items:stretch}
  .lotto-entry-section h3{font-size:26px}
  .digit-box{width:62px;height:62px;font-size:30px}
  .lotto-keypad{grid-template-columns:repeat(4,1fr)}
  .keypad-btn,.keypad-action{min-height:48px;font-size:24px}
  .keypad-action.secondary{font-size:16px}
  .lotto-amount-grid{grid-template-columns:1fr}
  .lotto-board-tools{grid-template-columns:1fr 120px}
  .lotto-hundreds-bar{grid-template-columns:repeat(3,1fr)}
  .lotto-number-board{grid-template-columns:repeat(4,1fr)}
  .lotto-grid-2{grid-template-columns:1fr}
}
@media (max-width: 575px){
  .lotto-modern-back{padding:8px 10px;font-size:14px}
  .lotto-modern-header-left{align-items:flex-start}
  .lotto-modern-countdown-card,.lotto-modern-wallet-card{min-width:0}
  .lotto-modern-countdown-card strong,.lotto-modern-wallet-card strong{font-size:20px}
  .lotto-result-grid-modern{grid-template-columns:1fr 1fr}
  .lotto-result-card-modern{padding:12px}
  .lotto-result-date{font-size:14px;padding:6px 10px}
  .lotto-flag-title{font-size:16px}
  .lotto-first-prize-box{padding:10px}
  .lotto-bet-sidebar{gap:6px}
  .lotto-side-btn{min-width:102px;padding:10px 8px}
  .lotto-type-strip{gap:8px}
  .lotto-type-chip{font-size:15px;line-height:1.1;flex-direction:column;align-items:flex-start}
  .lotto-type-chip small{padding:4px 6px}
  .lotto-digit-inputs{gap:8px}
  .digit-box{width:54px;height:54px;font-size:28px}
  .lotto-keypad{grid-template-columns:repeat(4,1fr);gap:6px}
  .keypad-btn,.keypad-action{min-height:44px;font-size:22px}
  .lotto-board-tools{grid-template-columns:1fr 90px}
  .lotto-number-board{grid-template-columns:repeat(3,1fr)}
  .number-board-btn{font-size:18px;height:42px}
  .lotto-section-head h2{font-size:22px}
  .lotto-submit{font-size:18px}
}

/* === V150 RUAY lottery clone UI === */
.ruay-lotto-wrap{max-width:760px;margin:0 auto 80px;background:#fff;color:#222;font-family:Arial,'Tahoma',sans-serif;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.ruay-lotto-wrap .lotto-alert{margin:8px 10px;padding:10px 12px;border-radius:4px;font-weight:700}.ruay-lotto-wrap .lotto-alert.err{background:#ffe5e5;color:#b40000}.ruay-lotto-wrap .lotto-alert.ok{background:#d9f2d2;color:#087c19}
.ruay-topbar{height:50px;background:linear-gradient(90deg,#b26a00,#ffdf69,#815200);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#000}
.ruay-brand{display:flex;align-items:center;gap:9px;font-size:24px}.ruay-logo{width:34px;height:34px;background:#111;color:#ffd86b;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-family:serif;font-style:italic}.ruay-tools{display:flex;align-items:center;gap:10px}.ruay-tools span{background:rgba(0,0,0,.35);color:#fff;border-radius:4px;padding:6px 8px;font-weight:700}.ruay-blackbar{height:42px;background:#222;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.ruay-blackbar a{color:#bbb;text-decoration:none}.ruay-blackbar button{border:1px solid #ccc;background:#fff;border-radius:4px;padding:5px 9px}
.ruay-titlebar{display:flex;justify-content:space-between;align-items:center;margin:10px;border:1px solid #eee;background:#fff;border-radius:4px;padding:10px;font-size:24px;color:#9b7100}.draw-pill{background:#e9344c;color:#fff;border-radius:999px;font-size:15px;padding:6px 10px;font-weight:700}.count-pill{font-size:20px;color:#c00;background:#eee;border:1px solid #cfcfcf;border-radius:4px;padding:6px 10px}.ruay-main{display:grid;grid-template-columns:118px 1fr;gap:0;margin:0 10px}.ruay-side{background:#111;color:#fff;min-height:640px;border-radius:4px 0 0 4px;border-right:9px solid #796200;padding:4px;position:relative}.ruay-side button{display:block;width:100%;border:1px solid #ddd;background:#f8f8f8;border-radius:3px;padding:8px;margin:4px 0;color:#222;font-weight:700}.ruay-side button:nth-child(3){background:linear-gradient(#ffe380,#9b5a00);border-color:#b37a00;color:#704000}.side-toggle{background:#333!important;color:#fff!important;border-color:#333!important;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%)}.side-list-title{font-size:17px;color:#d99b17;margin:8px 0 4px}.side-count{font-size:16px;text-align:center;margin:8px 0}.side-group{margin:7px 0}.side-group b{display:block;font-size:16px}.side-group div{background:#333;margin:1px 0;padding:5px;color:#eee}.side-group span{color:#999;margin-right:8px}.empty-side{color:#999}
.ruay-content{min-width:0;border:1px solid #eee;border-left:0;padding:6px;background:#fff}.ruay-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:6px}.ruay-tabs button{height:64px;border:1px solid #b37a00;background:#fff8c9;color:#9a6a00;font-size:18px;font-weight:700}.ruay-tabs button.active{background:linear-gradient(145deg,#8d4c00,#fff09e,#b46800);color:#8a5300}.ruay-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bet-type{border:1px solid #e53549;background:#df3347;color:#fff;display:flex;justify-content:space-between;align-items:center;height:46px;padding:0 0 0 12px;font-size:20px;font-weight:900;border-radius:4px;overflow:hidden}.bet-type small{align-self:stretch;min-width:54px;background:#ffe6e8;color:#e01833;display:flex;align-items:center;justify-content:center;font-size:13px}.bet-type.active{background:#7c1720;outline:2px dashed #fff;outline-offset:-4px}.bet-type.blue{background:#0d83f2;border-color:#0780ff}.bet-type.blue small{background:#e8f3ff;color:#0071ee}.bet-type.green{background:#29a446;border-color:#279940}.bet-type.green small{background:#dff7e5;color:#23923a}.bet-type.special small{font-size:18px}.bet-type.disabled{opacity:.9}.selected-line{border:1px solid #ddd;background:#fafafa;margin:8px 0;padding:7px;text-align:center}.selected-line>span{display:block;font-size:13px;border-bottom:1px solid #e1e1e1;padding-bottom:5px}.selected-line #selectedBadges{min-height:26px;padding-top:5px}.selected-line #selectedBadges span{display:inline-block;background:#dc3045;color:#fff;border-radius:4px;padding:3px 7px;margin:2px;font-size:13px;font-weight:700}.panel{display:none}.panel.active{display:block}.panel-manual h3{font-size:24px;color:#b57400;text-align:center;margin:8px 0}.digit-row{display:flex;justify-content:center;gap:16px;margin:10px 0}.digit-row span{width:52px;height:52px;border:1px solid #bd830b;background:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.keypad-ruay{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.keypad-ruay button{height:48px;border:1px solid #007bff;border-radius:4px;background:#fff;color:#007bff;font-size:22px}.keypad-ruay .gold-key{background:linear-gradient(145deg,#936000,#fff4a7,#9b5f00);color:#7b3d00;border-color:#b98000}.keypad-ruay .dark-key{background:#59626a;color:#fff;border-color:#59626a;font-size:16px}.keypad-ruay i{background:#ddd;border-radius:4px}.board-tabs{display:grid;grid-template-columns:1fr 1fr 1fr}.board-tabs button{height:48px;border:0;background:#eaf3ff;color:#007bff;font-size:17px}.board-tabs button.active{background:#0d83f2;color:#fff}.board-search{display:grid;grid-template-columns:1fr 150px;gap:4px;margin:8px}.board-search input,.board-search button{height:36px;border:1px solid #999;background:#fff;padding:0 8px}.hundred-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:8px}.hundred-tabs button{height:43px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:18px}.hundred-tabs button.active{background:#0084ff;color:#fff}.number-board{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 20px}.number-board button{height:32px;background:#fff;border:1px solid #d99213;color:#c17400;border-radius:4px;font-weight:700}.number-board button:hover{background:#d99213;color:#fff}.dark-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#343a40;margin:12px 0;padding:12px}.dark-actions button{height:38px;border:0;border-radius:3px;font-weight:700}.dark-actions button:last-child{background:linear-gradient(145deg,#936000,#fff4a7,#9b5f00);color:#7b3d00}.rule-box{border:1px solid #ccc;background:#f7f7f7;border-radius:4px;margin:8px;padding:8px}.rule-box h3{margin:0 0 8px;color:#e49f29}.rule-line{background:#e6a431;color:#fff;border-radius:4px;padding:9px;margin:7px 0;font-size:16px}.slip-box{border:1px solid #ddd;background:#fff;border-radius:4px;margin:12px 0;padding:12px}.slip-box h3{margin:0 0 8px}.slip-box textarea{width:100%;background:#0b1625;color:#e8e4ff;border:0;border-radius:8px;padding:12px;font-size:16px}.send-slip{width:100%;background:#22a447;color:#fff;border:0;border-radius:4px;padding:12px;margin-top:10px;font-weight:700}.ruay-footer{background:#111;color:#fff;text-align:center;padding:18px;font-size:12px;margin-top:16px}.ruay-toast{position:fixed;left:50%;top:70px;transform:translateX(-50%);background:rgba(74,160,63,.88);color:#fff;font-size:18px;font-weight:700;padding:13px 70px;z-index:9999;border-radius:2px}.price-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:9998;align-items:flex-start;justify-content:center;overflow:auto}.price-modal.show{display:flex}.price-box{width:min(980px,100%);background:#fff;margin:0 auto 40px;color:#111}.price-head{height:34px;background:linear-gradient(90deg,#b96e00,#ffe790,#a45c00);display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:2}.price-head b{font-size:18px}.price-head span{background:#34404a;color:#fff;border-radius:999px;padding:2px 8px;font-size:13px}.price-head button{position:absolute;right:8px;top:0;border:0;background:transparent;color:#fff;font-size:38px;line-height:34px}.price-table{width:100%;border-collapse:collapse}.price-table th{background:#eee;color:#0073e6;font-weight:700}.price-table td,.price-table th{border-bottom:1px solid #ddd;padding:6px;text-align:left}.price-table .numcell{background:#25a847;color:#fff;font-weight:900;font-size:18px;text-align:center}.price-table input{height:38px;border:1px solid #cfd6df;border-radius:4px;padding:0 10px;width:100%}.price-table tr:nth-child(4n+3){background:#e58f8c}.delRow{background:linear-gradient(#fff2a1,#9c6100);border:1px solid #a96a00;border-radius:5px;padding:6px}.price-tools{display:grid;grid-template-columns:1fr 1fr 1fr 42px 1fr;gap:10px;padding:12px 16px;align-items:center}.price-tools button{height:38px;border:0;border-radius:4px;background:#6f7a82;color:#fff;font-weight:700}.price-tools label{text-align:center;color:#0a9b31;font-weight:700}.price-tools input{width:100%;height:38px;border:1px solid #19aa40;padding:0 10px}.quickBtns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quickBtns button{background:#ccc;color:#111}.price-summary{display:grid;grid-template-columns:1fr 1fr;text-align:center;color:#fff;font-weight:700}.price-summary div{padding:12px}.price-summary div:first-child{background:#088bff}.price-summary div:last-child{background:#df3043}.price-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:14px 16px}.price-actions button{height:42px;border:0;border-radius:4px;font-size:17px}.price-actions button:first-child{background:#f7f7f7}.green-submit{background:#28a745!important;color:#fff!important}
@media (max-width:600px){.ruay-lotto-wrap{max-width:494px}.ruay-topbar{height:44px;padding:0 10px}.ruay-brand{font-size:22px}.ruay-tools{gap:5px}.ruay-tools span{padding:5px 7px}.ruay-titlebar{font-size:22px;margin:8px}.draw-pill{font-size:14px}.count-pill{font-size:19px}.ruay-main{grid-template-columns:105px 1fr;margin:0 8px}.ruay-side{min-height:660px;border-right-width:8px}.ruay-content{padding:4px}.ruay-tabs button{height:63px;font-size:17px}.ruay-type-grid{gap:5px}.bet-type{height:39px;font-size:19px;padding-left:9px}.bet-type small{min-width:44px;font-size:12px}.digit-row span{width:50px;height:50px}.keypad-ruay{gap:4px}.keypad-ruay button{height:45px}.number-board{grid-template-columns:repeat(7,1fr);gap:5px;margin:10px 18px}.number-board button{height:31px;font-size:14px}.hundred-tabs{grid-template-columns:repeat(3,1fr);margin:8px 12px}.board-search{grid-template-columns:1fr 40px}.board-search button{font-size:0}.board-search button:after{content:'🔍';font-size:16px}.price-box{width:494px}.price-tools{grid-template-columns:1fr 1fr;gap:8px}.price-tools label{grid-column:1/2}.quickBtns{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.price-table{font-size:14px}.price-table th:nth-child(5),.price-table td:nth-child(5){display:none}.price-table input{height:35px}.ruay-toast{top:46px;width:390px;text-align:center;padding:12px 0}.dark-actions{gap:8px;padding:10px}.side-group div{font-size:14px}}


/* === V153 balance/topbar + price modal polish === */
.ruay-lotto-wrap{max-width:760px;margin:0 auto 90px;background:#fff;color:#222}
.ruay-topbar{
  height:58px;
  padding:0 16px;
  background:linear-gradient(90deg,#a46100 0%,#f2c638 45%,#b67500 100%);
  border-bottom:3px solid #312200;
}
.ruay-brand{gap:10px;font-size:25px;letter-spacing:.2px;min-width:0}
.ruay-logo{width:38px;height:38px;font-size:25px;border-radius:5px;box-shadow:0 2px 0 rgba(255,255,255,.18)}
.ruay-tools{gap:0;flex:0 0 auto}
.ruay-tools span.ruay-balance-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:126px;
  height:36px;
  padding:0 14px;
  background:rgba(0,0,0,.34);
  color:#fff;
  border-radius:7px;
  font-size:16px;
  font-weight:900;
  white-space:nowrap;
}
.ruay-blackbar{height:46px;padding:0 14px;background:#222}
.ruay-blackbar a{font-size:16px}
.ruay-blackbar button{font-weight:700}
.ruay-titlebar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px;
  align-items:center;
  gap:10px;
  margin:10px;
  padding:12px 10px;
  min-height:68px;
}
.ruay-titlebar>div:first-child{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
  font-size:24px;
  line-height:1.2;
}
.draw-pill{
  flex:0 0 auto;
  font-size:14px;
  padding:6px 10px;
  line-height:1;
}
.count-pill{
  justify-self:end;
  width:160px;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:18px;
  line-height:1.2;
  text-align:center;
  padding:5px 8px;
  white-space:normal;
}

/* price modal style */
.price-modal{
  z-index:999999 !important;
  background:rgba(0,0,0,.76);
  align-items:center;
  justify-content:center;
  padding:18px 10px 88px;
}
.price-box{
  width:min(920px,calc(100vw - 20px));
  max-height:calc(100vh - 110px);
  margin:0 auto;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
}
.price-head{
  height:46px;
  min-height:46px;
  background:linear-gradient(90deg,#a76200,#f4d25a,#a15a00);
  color:#111;
  border-bottom:1px solid #8d5300;
}
.price-head b{font-size:18px;display:flex;gap:8px;align-items:center}
.price-head span{background:#3a4650;color:#fff;border-radius:999px;padding:3px 10px;font-size:13px}
.price-head button{
  right:10px;
  top:5px;
  width:36px;
  height:36px;
  border-radius:6px;
  background:#d62dae;
  color:#fff;
  font-size:30px;
  line-height:30px;
  font-weight:400;
}
.price-table-wrap{
  overflow:auto;
  max-height:48vh;
  border-bottom:1px solid #e5e7eb;
}
.price-table{table-layout:fixed;font-size:15px}
.price-table th{
  background:#f3f4f6;
  color:#7a4b00;
  padding:8px 6px;
}
.price-table th:nth-child(1){width:42px}
.price-table th:nth-child(2){width:96px}
.price-table th:nth-child(3){width:62px}
.price-table th:nth-child(4){width:130px}
.price-table th:nth-child(5){width:92px}
.price-table th:nth-child(6){width:132px}
.price-table th:nth-child(7){width:48px}
.price-table td{padding:6px;vertical-align:middle}
.price-table .numcell{background:#24a645;color:#fff;border-radius:0;font-size:18px}
.price-table input{
  height:38px;
  background:#eef1f5;
  border:1px solid #cbd5e1;
  border-radius:5px;
  font-size:15px;
  color:#111;
}
.price-table .rowAmt{
  background:#fff;
  border-color:#cbd5e1;
}
.delRow{
  width:34px;
  height:34px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.price-tools{
  grid-template-columns:1fr 1fr 190px 46px 210px;
  gap:10px;
  padding:12px 16px;
  background:#fff;
}
.price-tools button{height:40px;border-radius:5px;font-size:15px}
.price-tools label{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  font-size:13px;
  color:#0a8a2a;
}
.price-tools input{height:38px;border-radius:4px}
.quickBtns{
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}
.quickBtns button{height:30px}
.price-summary div{padding:12px 10px;font-size:15px}
.price-summary b{font-size:18px}
.price-actions{
  padding:14px 16px 16px;
  gap:16px;
  background:#fff;
}
.price-actions button{height:44px;font-weight:800}
.green-submit{background:#28a745!important;color:#fff!important}

@media(max-width:575px){
  .ruay-lotto-wrap{max-width:494px;width:100%}
  .ruay-topbar{height:54px;padding:0 10px}
  .ruay-brand{font-size:23px}
  .ruay-logo{width:34px;height:34px;font-size:23px}
  .ruay-tools span.ruay-balance-pill{
    min-width:112px;
    height:34px;
    padding:0 10px;
    font-size:14px;
  }
  .ruay-titlebar{
    grid-template-columns:1fr 132px;
    gap:8px;
    margin:8px;
    padding:10px 8px;
    min-height:64px;
  }
  .ruay-titlebar>div:first-child{
    font-size:21px;
    line-height:1.12;
  }
  .draw-pill{font-size:13px;padding:5px 8px}
  .count-pill{
    width:132px;
    min-height:48px;
    font-size:16px;
    padding:4px 6px;
  }
  .price-modal{
    align-items:flex-start;
    padding:8px 0 78px;
  }
  .price-box{
    width:100%;
    max-width:494px;
    max-height:calc(100vh - 86px);
    border-radius:0;
  }
  .price-head{height:44px;min-height:44px}
  .price-head b{font-size:16px}
  .price-head button{top:4px;right:6px}
  .price-table-wrap{max-height:48vh}
  .price-table{
    min-width:660px;
    font-size:14px;
  }
  .price-table th,.price-table td{padding:5px}
  .price-table .numcell{font-size:18px}
  .price-tools{
    grid-template-columns:1fr 1fr;
    padding:10px;
  }
  .price-tools label{
    grid-column:1 / -1;
    grid-template-columns:1fr;
    text-align:left;
  }
  #applyBulk{width:100%}
  .quickBtns{
    grid-column:1 / -1;
    grid-template-columns:repeat(5,1fr);
  }
  .price-summary div{padding:10px 6px}
  .price-actions{padding:12px 10px;gap:10px}
}



/* === V154 FORCE FIX: price modal center, balanced mobile table, rule modal === */
body.ruay-modal-open{overflow:hidden!important}
.ruay-topbar{height:56px!important;padding:0 14px!important}
.ruay-brand{font-size:24px!important}
.ruay-tools.ruay-tools-balance-only{margin-left:auto!important}
.ruay-tools .ruay-balance-pill{min-width:126px!important;height:36px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;border-radius:6px!important;background:rgba(0,0,0,.38)!important;color:#fff!important}
.ruay-titlebar{grid-template-columns:minmax(0,1fr) 158px!important;gap:10px!important}
.ruay-titlebar>div:first-child{font-size:22px!important;line-height:1.18!important}
.count-pill{width:158px!important;font-size:17px!important;line-height:1.2!important}

/* กติกา modal */
.ruay-rule-modal{display:none;position:fixed!important;inset:0!important;z-index:2147483200!important;background:rgba(0,0,0,.72)!important;align-items:center!important;justify-content:center!important;padding:18px!important;overflow:auto!important}
.ruay-rule-modal.show{display:flex!important}
.ruay-rule-box{width:min(720px,calc(100vw - 24px))!important;max-height:calc(100dvh - 36px)!important;background:#fff!important;color:#252a31!important;border-radius:4px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 18px 65px rgba(0,0,0,.55)!important}
.ruay-rule-head{height:58px!important;min-height:58px!important;background:linear-gradient(110deg,#9a5b00,#f6dd87,#b16700)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;font-size:20px!important;font-weight:900!important}
.ruay-rule-head button{border:0!important;background:transparent!important;color:#f6d08d!important;font-size:32px!important;font-weight:900!important;cursor:pointer!important}
.ruay-rule-body{padding:28px 18px 20px!important;overflow:auto!important;font-size:16px!important;line-height:1.62!important}
.ruay-rule-body h1{font-size:30px!important;margin:0 0 24px!important;color:#2b3138!important}
.ruay-rule-body h2{font-size:24px!important;margin:0 0 12px!important;color:#2b3138!important}
.ruay-rule-body p{margin:0 0 16px!important}.ruay-rule-rate-title{margin-top:22px!important}
.ruay-rule-foot{padding:12px 18px!important;border-top:1px solid #e5e7eb!important;text-align:right!important;background:#fff!important}
.ruay-rule-foot button{background:linear-gradient(145deg,#936000,#fff4a7,#9b5f00)!important;color:#704000!important;border:1px solid #aa7400!important;border-radius:5px!important;padding:9px 12px!important;font-weight:800!important}

/* ใส่ราคา modal - force real modal, not inline/bottom */
.price-modal,.price-modal.show{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;background:rgba(0,0,0,.76)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:16px 8px 86px!important;overflow:hidden!important;margin:0!important;transform:none!important}
.price-modal.show{display:flex!important}
.price-box{width:min(940px,calc(100vw - 20px))!important;height:auto!important;max-height:calc(100dvh - 112px)!important;margin:0 auto!important;border-radius:10px!important;background:#fff!important;color:#111!important;overflow:hidden!important;box-shadow:0 20px 70px rgba(0,0,0,.55)!important;display:flex!important;flex-direction:column!important}
.price-head{height:48px!important;min-height:48px!important;position:relative!important;top:auto!important;background:linear-gradient(90deg,#a46000,#f4d35f,#a15a00)!important;border-bottom:1px solid #8b5200!important}
.price-head b{font-size:18px!important;color:#111!important}.price-head span{background:#34404a!important;color:#fff!important}
.price-head button{top:6px!important;right:8px!important;width:36px!important;height:36px!important;background:#d82bb2!important;border-radius:6px!important;color:#fff!important;line-height:32px!important;font-size:30px!important}
.price-table-wrap{flex:1 1 auto!important;overflow:auto!important;max-height:none!important;background:#fff!important}
.price-table{width:100%!important;min-width:760px!important;table-layout:fixed!important;border-collapse:collapse!important}
.price-table th,.price-table td{padding:6px!important;border-bottom:1px solid #2f1730!important;vertical-align:middle!important}
.price-table th{background:#64196f!important;color:#fff!important;font-size:14px!important}
.price-table th:nth-child(1){width:36px!important}.price-table th:nth-child(2){width:94px!important}.price-table th:nth-child(3){width:66px!important}.price-table th:nth-child(4){width:128px!important}.price-table th:nth-child(5){width:90px!important}.price-table th:nth-child(6){width:120px!important}.price-table th:nth-child(7){width:44px!important}
.price-table td{background:#101010!important;color:#fff!important;font-size:15px!important}
.price-table tr:nth-child(4n+3) td{background:#e98c8c!important;color:#fff!important}
.price-table .numcell{background:#25a847!important;color:#fff!important;font-weight:900!important;font-size:18px!important;text-align:center!important}
.price-table input{height:36px!important;border-radius:18px!important;background:#081524!important;color:#fff!important;border:1px solid #6d1b72!important;text-align:left!important;padding:0 10px!important;box-sizing:border-box!important}
.price-table input[readonly]{text-align:center!important}
.delRow{width:30px!important;height:30px!important;border-radius:5px!important;padding:0!important;background:linear-gradient(#fff2a1,#9c6100)!important;color:#7b3d00!important}
.price-tools{flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr 1fr 190px 44px 210px!important;gap:10px!important;padding:12px 16px!important;background:#fff!important;align-items:center!important}
.price-tools button{height:40px!important;border-radius:5px!important;font-size:14px!important}
.price-tools label{font-size:13px!important;color:#0a9b31!important;display:grid!important;gap:4px!important;text-align:center!important}
.price-tools input{height:38px!important;border-radius:18px!important;background:#081524!important;color:#fff!important;border:1px solid #6d1b72!important;padding:0 12px!important}
.quickBtns{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.quickBtns button{height:31px!important;background:#d931b5!important;color:#fff!important;border-radius:4px!important}
.price-summary{flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important}
.price-summary div{padding:11px 8px!important;font-size:15px!important}.price-summary b{font-size:18px!important}
.price-actions{flex:0 0 auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:12px 16px 14px!important;background:#fff!important}
.price-actions button{height:44px!important;border-radius:5px!important;font-size:17px!important;font-weight:900!important}
.green-submit{background:#28a745!important;color:#fff!important}

@media(max-width:575px){
  .ruay-topbar{height:54px!important;padding:0 10px!important}.ruay-brand{font-size:23px!important}.ruay-logo{width:34px!important;height:34px!important}
  .ruay-tools .ruay-balance-pill{min-width:112px!important;height:34px!important;font-size:14px!important;padding:0 10px!important}
  .ruay-titlebar{grid-template-columns:1fr 130px!important;margin:8px!important;padding:10px 8px!important;min-height:64px!important}
  .ruay-titlebar>div:first-child{font-size:20px!important;line-height:1.12!important}.draw-pill{font-size:13px!important;padding:5px 8px!important}.count-pill{width:130px!important;font-size:16px!important;min-height:46px!important}
  .ruay-rule-modal{align-items:flex-start!important;padding:8px 0 78px!important}.ruay-rule-box{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 92px)!important}.ruay-rule-head{height:52px!important;min-height:52px!important}.ruay-rule-body{padding:22px 16px 18px!important;font-size:16px!important}.ruay-rule-body h1{font-size:28px!important}.ruay-rule-body h2{font-size:24px!important}
  .price-modal,.price-modal.show{align-items:center!important;justify-content:center!important;padding:10px 6px 86px!important;overflow:hidden!important}
  .price-box{width:calc(100vw - 12px)!important;max-width:494px!important;max-height:calc(100dvh - 104px)!important;border-radius:8px!important}
  .price-head{height:45px!important;min-height:45px!important}.price-head b{font-size:16px!important}
  .price-table-wrap{max-height:none!important;overflow:auto!important}.price-table{min-width:455px!important;width:455px!important;font-size:12px!important}
  .price-table th,.price-table td{padding:4px!important}
  .price-table th:nth-child(1){width:26px!important}.price-table th:nth-child(2){width:70px!important}.price-table th:nth-child(3){width:58px!important}.price-table th:nth-child(4){width:92px!important}.price-table th:nth-child(5){width:64px!important}.price-table th:nth-child(6){width:88px!important}.price-table th:nth-child(7){width:34px!important}
  .price-table td{font-size:13px!important}.price-table .numcell{font-size:17px!important}.price-table input{height:34px!important;border-radius:17px!important;padding:0 8px!important}.delRow{width:28px!important;height:28px!important}
  .price-tools{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important}.price-tools label{grid-column:1 / -1!important;text-align:left!important}#applyBulk{width:100%!important}.quickBtns{grid-column:1 / -1!important;grid-template-columns:repeat(5,1fr)!important}
  .price-summary div{padding:10px 6px!important;font-size:14px!important}.price-summary b{font-size:17px!important}.price-actions{padding:12px 10px!important;gap:10px!important}.price-actions button{height:42px!important;font-size:16px!important}
}



/* === V155 FINAL: desktop modal trapped-position fix === */
html body.ruay-modal-open{overflow:hidden!important}
html body #priceModal.price-modal,
html body #ruayRuleModal.ruay-rule-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  margin:0!important;
  transform:none!important;
  contain:none!important;
}
html body #priceModal.price-modal{
  z-index:2147483600!important;
  display:none!important;
  background:rgba(0,0,0,.76)!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 12px 92px!important;
  overflow:hidden!important;
}
html body #priceModal.price-modal.show{display:flex!important}
html body #priceModal .price-box{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0 auto!important;
  width:min(920px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 120px)!important;
  background:#fff!important;
  border-radius:10px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  box-shadow:0 22px 80px rgba(0,0,0,.62)!important;
}
html body #ruayRuleModal.ruay-rule-modal{
  z-index:2147483700!important;
  display:none!important;
  background:rgba(0,0,0,.72)!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  overflow:auto!important;
}
html body #ruayRuleModal.ruay-rule-modal.show{display:flex!important}
html body #ruayRuleModal .ruay-rule-box{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0 auto!important;
  width:min(720px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 42px)!important;
  background:#fff!important;
  border-radius:5px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  box-shadow:0 22px 80px rgba(0,0,0,.62)!important;
}
html body #priceModal .price-table-wrap{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}
html body #priceModal .price-tools,
html body #priceModal .price-summary,
html body #priceModal .price-actions,
html body #priceModal .price-head{flex:0 0 auto!important}
@media (min-width: 576px){
  html body #priceModal.price-modal{padding:24px 18px!important}
  html body #priceModal .price-box{max-height:calc(100dvh - 48px)!important}
  html body #ruayRuleModal.ruay-rule-modal{padding:24px!important}
  html body #ruayRuleModal .ruay-rule-box{max-height:calc(100dvh - 48px)!important}
}
@media (max-width: 575px){
  html body #priceModal.price-modal{
    align-items:center!important;
    padding:8px 6px 84px!important;
  }
  html body #priceModal .price-box{
    width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 96px)!important;
  }
  html body #ruayRuleModal.ruay-rule-modal{
    align-items:flex-start!important;
    padding:8px 0 84px!important;
  }
  html body #ruayRuleModal .ruay-rule-box{
    width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 96px)!important;
  }
}



/* === V156 Hybrid Performance Safe Patch === */
img{max-width:100%}
.page-loader,.loading-mask,.global-loading,.ajax-loading,#loading,#pageLoading,.loader-overlay{
  transition:opacity .15s ease!important;
}
body:not(.is-loading) .page-loader,
body:not(.is-loading) .loading-mask,
body:not(.is-loading) .global-loading,
body:not(.is-loading) .ajax-loading,
body:not(.is-loading) #loading,
body:not(.is-loading) #pageLoading,
body:not(.is-loading) .loader-overlay{
  pointer-events:none!important;
}
a,button,input,select,textarea{touch-action:manipulation}


/* === V158 Font + Mobile Smooth Patch === */
/* ฟอนต์บางลง ใกล้เว็บตัวอย่าง: ไม่หนาเป็นก้อน */
:root{
  --v158-font: "Noto Sans Thai","Tahoma","Arial",sans-serif;
}
html,body{
  font-family:var(--v158-font)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ลดน้ำหนักฟอนต์หน้าเว็บหลัก แต่ยังอ่านชัด */
body,
.front-app,
.member-page,
.lobby-page,
.game-page,
.profile-page,
.deposit-page,
.withdraw-page,
.lotto-page,
.ruay-lotto-wrap{
  font-weight:500!important;
}
h1,h2,h3,h4,h5,h6,
.logo-text,
.menu-title,
.section-title,
.card-title,
.lobby-title,
.provider-title,
.ruay-brand b{
  font-weight:700!important;
  letter-spacing:-.015em;
}
button,
.btn,
input,
select,
textarea,
.badge,
.nav-item,
.bottom-nav,
.bottom-nav *,
.member-menu *,
.game-card *,
.provider-card *,
.ruay-lotto-wrap *{
  font-family:var(--v158-font)!important;
}

/* ปุ่ม/ข้อความที่เดิมหนาเกินไป ให้ดูนุ่มลง */
.bottom-nav span,
.bottom-nav a,
.game-card-title,
.provider-card-title,
.member-name,
.wallet-label,
.wallet-value,
.ruay-side,
.ruay-side *,
.ruay-titlebar,
.ruay-type-grid .bet-type,
.selected-line,
.price-table,
.price-table *,
.lotto-table,
.lotto-table *{
  font-weight:600!important;
}
.wallet-value,
.balance-amount,
.credit-amount,
.ruay-tools .ruay-balance-pill{
  font-weight:700!important;
}

/* มือถือสมูทขึ้น: ลด effect หนัก, ลด repaint จาก shadow/blur */
@media (max-width: 768px){
  html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
  }
  body{
    overscroll-behavior-y:contain;
    touch-action:manipulation;
  }

  /* กัน element หนัก ๆ ทำให้ scroll กระตุก */
  .front-shell,
  .mobile-shell,
  .lobby-wrap,
  .lobby-page,
  .provider-page,
  .profile-page,
  .deposit-page,
  .withdraw-page,
  .ruay-lotto-wrap{
    transform:translateZ(0);
    backface-visibility:hidden;
    will-change:auto;
  }

  /* ลดเงาและ blur เฉพาะมือถือให้ลื่นขึ้น */
  .front-card,
  .profile-card,
  .wallet-card,
  .game-card,
  .provider-card,
  .lobby2-category-card,
  .bottom-nav,
  .bottom-wallet,
  .ruay-lotto-wrap,
  .ruay-content,
  .price-box,
  .ruay-rule-box{
    box-shadow:0 6px 18px rgba(0,0,0,.20)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* รูปและการ์ดเกม scroll ลื่นขึ้น */
  img,
  .game-card img,
  .provider-card img,
  .lobby2-category-card img{
    image-rendering:auto;
    transform:translateZ(0);
    backface-visibility:hidden;
  }

  /* ลด animation ที่ทำให้เครื่องกลาง/ล่างหน่วง */
  *,
  *::before,
  *::after{
    animation-duration:.18s!important;
    transition-duration:.16s!important;
  }

  /* เมนูล่างไม่กินแรง render เกินไป */
  .bottom-nav,
  .bottom-wallet{
    position:fixed;
    transform:translate3d(-50%,0,0);
    contain:layout paint;
  }

  /* ตาราง/รายการยาว ๆ ใช้ browser skip render บางส่วน */
  .lotto-table-wrap,
  .game-grid,
  .provider-grid,
  .history-list,
  .member-list,
  .admin-table-wrap{
    content-visibility:auto;
    contain-intrinsic-size:500px;
  }

  /* ลดขนาด font ที่หนาเกินบนมือถือ */
  .ruay-brand{font-size:22px!important}
  .ruay-titlebar>div:first-child{font-size:19px!important}
  .ruay-type-grid .bet-type{font-size:18px!important}
  .bottom-nav span,
  .bottom-nav a{font-weight:600!important}
}

/* โหมดผู้ใช้ตั้งค่า reduce motion */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* === V159 Emergency Mobile Scroll / Lag Fix === */
/* แก้มือถือหน่วงและเลื่อนขึ้นลงไม่ได้จาก mobile smooth patch เดิม */
@media (max-width: 768px){
  html,
  body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:auto!important;
  }

  body:not(.ruay-modal-open){
    position:static!important;
    overflow-y:auto!important;
  }

  /* ปิดตัวที่ทำให้มือถือบางรุ่นค้าง/เลื่อนไม่ได้ */
  .front-shell,
  .mobile-shell,
  .lobby-wrap,
  .lobby-page,
  .provider-page,
  .profile-page,
  .deposit-page,
  .withdraw-page,
  .ruay-lotto-wrap,
  .lotto-modern-page,
  .game-grid,
  .provider-grid,
  .history-list,
  .member-list,
  .admin-table-wrap,
  .lotto-table-wrap{
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
  }

  /* ลดภาระ render บนมือถือ แต่ไม่ block scroll */
  .front-card,
  .profile-card,
  .wallet-card,
  .game-card,
  .provider-card,
  .lobby2-category-card,
  .bottom-nav,
  .bottom-wallet,
  .ruay-lotto-wrap,
  .ruay-content{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }

  /* เมนูล่างให้ไม่กิน event เลื่อนหน้าจอ */
  .bottom-nav,
  .bottom-wallet{
    touch-action:manipulation!important;
    will-change:auto!important;
    contain:none!important;
  }

  .bottom-nav a,
  .bottom-nav button,
  .bottom-wallet,
  .bottom-wallet *{
    pointer-events:auto!important;
  }

  /* ปิด animation หนัก ๆ เฉพาะมือถือให้ลื่นขึ้น */
  *,
  *::before,
  *::after{
    animation-duration:0s!important;
    transition-duration:.08s!important;
  }
}

/* ถ้าไม่ได้เปิด modal ห้ามล็อก body */
body:not(.ruay-modal-open) .price-modal:not(.show),
body:not(.ruay-modal-open) .ruay-rule-modal:not(.show){
  pointer-events:none!important;
}


/* === V161 Mobile Ultra Smooth - same UI, less lag === */
/* เป้าหมาย: UI เดิม แต่ลดงาน render บนมือถือให้มากที่สุด */
@media (max-width: 768px){
  html, body{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scroll-behavior:auto!important;
    overscroll-behavior-y:auto!important;
  }

  body:not(.ruay-modal-open){
    position:static!important;
    height:auto!important;
    min-height:100%!important;
  }

  /* ปิด effect หนัก ๆ เฉพาะมือถือ แต่ยังคง layout/สี/ตำแหน่งเดิม */
  *,
  *::before,
  *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }

  .front-shell,
  .mobile-shell,
  .lobby-wrap,
  .lobby-page,
  .provider-page,
  .profile-page,
  .deposit-page,
  .withdraw-page,
  .ruay-lotto-wrap,
  .lotto-modern-page{
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
    content-visibility:visible!important;
  }

  /* Blur/filter เป็นตัวทำให้มือถือหน่วงมาก */
  .front-card,
  .profile-card,
  .wallet-card,
  .game-card,
  .provider-card,
  .lobby2-category-card,
  .bottom-nav,
  .bottom-wallet,
  .ruay-lotto-wrap,
  .ruay-content,
  .price-box,
  .ruay-rule-box,
  .drawer,
  .modal,
  .panel,
  .card{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }

  /* ลดเงาให้เบาลง แต่หน้าตายังใกล้เดิม */
  .front-card,
  .profile-card,
  .wallet-card,
  .game-card,
  .provider-card,
  .lobby2-category-card,
  .bottom-nav,
  .bottom-wallet{
    box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
  }

  /* รูปเยอะ ๆ ให้ browser decode เบาลง */
  img{
    image-rendering:auto!important;
    backface-visibility:hidden!important;
    transform:none!important;
    will-change:auto!important;
  }

  /* เลื่อนรายการเกมให้ไม่กระตุก */
  .game-grid,
  .provider-grid,
  .recent-games,
  .recent-list,
  .category-grid,
  .lobby2-grid{
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
  }

  /* เมนูล่าง fixed ต้องไม่ block การลากหน้า */
  .bottom-nav,
  .bottom-wallet{
    touch-action:manipulation!important;
    contain:none!important;
    will-change:auto!important;
  }

  /* กัน overlay ค้างบัง scroll */
  body:not(.is-loading) .page-loader,
  body:not(.is-loading) .loading-mask,
  body:not(.is-loading) .global-loading,
  body:not(.is-loading) .ajax-loading,
  body:not(.is-loading) #loading,
  body:not(.is-loading) #pageLoading,
  body:not(.is-loading) .loader-overlay{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* มือถือจอเล็กมาก ลดเงาเพิ่มอีกนิด */
@media (max-width: 480px){
  .front-card,
  .profile-card,
  .wallet-card,
  .game-card,
  .provider-card,
  .lobby2-category-card,
  .bottom-nav,
  .bottom-wallet{
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
  }
}


/* === V162 Mobile Image Speed / Black Placeholder Fix === */
@media (max-width:768px){
  .lobby2-category-grid{
    gap:10px!important;
  }
  .lobby2-category-card{
    background:
      radial-gradient(circle at 50% 35%, rgba(255,255,255,.14), rgba(255,255,255,0) 48%),
      linear-gradient(135deg,#2c0635,#0b1227 55%,#13031d)!important;
    min-height:96px!important;
    overflow:hidden!important;
  }
  .lobby2-category-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,rgba(255,255,255,.05),rgba(255,255,255,.14),rgba(255,255,255,.05));
    transform:translateX(-120%);
    animation:v162Skeleton 1.1s linear infinite;
    pointer-events:none;
    opacity:.55;
  }
  .lobby2-category-card:has(img[src])::before{
    opacity:.18;
  }
  .lobby2-cat-bg{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    aspect-ratio:2 / 1!important;
    background:linear-gradient(135deg,#2c0635,#0b1227)!important;
    transition:opacity .12s ease!important;
  }
  .lobby2-cat-bg.img-failed{
    opacity:.12!important;
  }
  .lobby2-card-shine,
  .lobby2-card-frame{
    display:none!important;
  }
  .lobby2-recent-game img{
    width:52px!important;
    height:52px!important;
    object-fit:cover!important;
    background:#12071a!important;
  }
  .lobby2-hero-slide img{
    width:100%!important;
    height:auto!important;
    object-fit:cover!important;
  }
}
@keyframes v162Skeleton{
  to{transform:translateX(120%)}
}
@media (prefers-reduced-motion: reduce){
  .lobby2-category-card::before{animation:none!important}
}

.wallet-kpi-card.amb{background:linear-gradient(135deg,rgba(0,210,255,.18),rgba(158,77,255,.2));border-color:rgba(80,220,255,.35)}
.wallet-kpi-card.amb strong{color:#8cf7ff}


/* V219 image stability: keep internal placeholders visible, no disappearing external image swaps */
.v82-game-image img[data-stable-img],
.game-card-pro img[data-stable-img]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
}
.v82-game-image{background:linear-gradient(135deg,#2a0730,#4a0b45)!important}

/* V223 AMB image cards */
.provider-amb_ambpoker .v82-game-image img,
[class*="provider-amb_"] .v82-game-image img{
  object-fit:cover!important;
  background:#210022!important;
}

/* V224 fast images */
.provider-image-card img,
.v82-game-image img[data-stable-img]{
  object-fit:cover!important;
  background:#25002e!important;
}
.provider-image-card img{
  min-height:92px;
}


/* V234 real bank logos from public/uploads/bank */
.bank-logo{
  overflow:hidden;
  background:#161827!important;
}
.bank-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  border-radius:inherit;
}
.profile-bank-logo-v103 img,
.withdraw-bank-logo-box-v128 img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  border-radius:inherit;
}
.profile-bank-logo-v103,
.withdraw-bank-logo-box-v128{
  overflow:hidden;
}


/* V254 premium backend UI: match neon sample dashboard */
body.admin-body.v254-admin-ui{--admin-bg:#030612;--admin-surface:#0a1024;--admin-panel:#101833;--admin-panel-2:#15102b;--admin-text:#f8fbff;--admin-muted:#aeb8d6;--admin-primary:#b123ff;--admin-pink:#ff2e86;--admin-red:#ff3b57;--admin-cyan:#23d7ff;--admin-green:#22e488;--admin-gold:#ffd84a;--admin-border:rgba(185,203,255,.15);margin:0!important;background:#030612!important;color:var(--admin-text)!important;font-family:'Kanit','Noto Sans Thai',Inter,system-ui,sans-serif!important;}
body.admin-body.v254-admin-ui *,body.admin-body.v254-admin-ui *:before,body.admin-body.v254-admin-ui *:after{box-sizing:border-box;}
body.admin-body.v254-admin-ui .xg-shell{min-height:100vh!important;background:radial-gradient(circle at 85% -12%,rgba(35,215,255,.17),transparent 30%),radial-gradient(circle at 0% 0%,rgba(177,35,255,.25),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),#030612!important;background-size:auto,auto,38px 38px,38px 38px,auto!important;}
body.admin-body.v254-admin-ui .xg-sidebar{position:fixed!important;left:10px!important;top:10px!important;bottom:10px!important;width:278px!important;border-radius:22px!important;padding:12px!important;z-index:50!important;background:linear-gradient(180deg,rgba(35,19,67,.94),rgba(9,13,30,.94))!important;border:1px solid rgba(197,91,255,.22)!important;box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(20px)!important;overflow-y:auto!important;scrollbar-width:none!important;}
body.admin-body.v254-admin-ui .xg-sidebar::-webkit-scrollbar{display:none!important;}
body.admin-body.v254-admin-ui .xg-main{margin-left:300px!important;width:calc(100% - 300px)!important;min-height:100vh!important;}
body.admin-body.v254-admin-ui .xg-logo-panel{height:78px!important;margin:0 0 16px!important;padding:14px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(255,46,134,.12))!important;border:1px solid rgba(210,133,255,.22)!important;box-shadow:0 14px 42px rgba(124,58,237,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;gap:13px!important;}
body.admin-body.v254-admin-ui .xg-logo-brand-v254{width:48px!important;height:48px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#6129ff,#ac2bff 54%,#ff2e86)!important;box-shadow:0 0 26px rgba(177,35,255,.42),inset 0 1px 0 rgba(255,255,255,.22)!important;}
body.admin-body.v254-admin-ui .xg-logo-fallback-v254{display:grid!important;width:100%!important;height:100%!important;place-items:center!important;background:transparent!important;color:#fff!important;font-size:23px!important;}
body.admin-body.v254-admin-ui .xg-logo-copy-v254 b{display:block!important;font:900 17px/1 Inter,'Kanit',sans-serif!important;letter-spacing:.02em!important;color:#fff!important;text-transform:uppercase!important;}
body.admin-body.v254-admin-ui .xg-logo-copy-v254 small{display:block!important;margin-top:4px!important;font:700 10px/1 Inter,'Kanit',sans-serif!important;letter-spacing:.14em!important;color:#99a6d4!important;text-transform:uppercase!important;}
body.admin-body.v254-admin-ui .xg-mode-shortcuts-v133{border:0!important;background:transparent!important;padding:0!important;margin:0 0 12px!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
body.admin-body.v254-admin-ui .xg-mode-shortcuts-v133>b{font-size:12px!important;color:#97a2c5!important;margin:4px 4px 2px!important;font-weight:800!important;}
body.admin-body.v254-admin-ui .xg-mode-shortcuts-v133 a,body.admin-body.v254-admin-ui .xg-menu-group summary{min-height:44px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#f6f7ff!important;text-decoration:none!important;font-weight:900!important;font-size:14px!important;border-radius:12px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.055)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;box-shadow:none!important;}
body.admin-body.v254-admin-ui .xg-mode-shortcuts-v133 a:hover,body.admin-body.v254-admin-ui .xg-menu-group summary:hover,body.admin-body.v254-admin-ui .xg-menu-group summary.active{background:linear-gradient(135deg,rgba(255,46,134,.26),rgba(177,35,255,.23))!important;border-color:rgba(255,96,220,.42)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 25px rgba(255,46,214,.18)!important;}
body.admin-body.v254-admin-ui .xg-menu{gap:8px!important;display:flex!important;flex-direction:column!important;}
body.admin-body.v254-admin-ui .xg-menu-group{border:0!important;border-radius:13px!important;}
body.admin-body.v254-admin-ui .xg-menu-group summary span{width:22px!important;text-align:center!important;color:#d56bff!important;filter:drop-shadow(0 0 8px rgba(213,107,255,.45))!important;}
body.admin-body.v254-admin-ui .xg-menu-group summary i{margin-left:auto!important;color:#e0b7ff!important;font-style:normal!important;}
body.admin-body.v254-admin-ui .xg-submenu{margin:5px 0 5px 18px!important;padding:0 0 0 12px!important;border-left:1px solid rgba(255,255,255,.08)!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
body.admin-body.v254-admin-ui .xg-submenu a{display:block!important;border-radius:0!important;padding:8px 8px!important;background:transparent!important;border:0!important;color:#c7cdeb!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;}
body.admin-body.v254-admin-ui .xg-submenu a b{font-size:12px!important;font-weight:800!important;}
body.admin-body.v254-admin-ui .xg-submenu a small{display:none!important;}
body.admin-body.v254-admin-ui .xg-submenu a.active,body.admin-body.v254-admin-ui .xg-submenu a:hover{color:#fff!important;background:linear-gradient(90deg,rgba(255,46,134,.18),transparent)!important;}
body.admin-body.v254-admin-ui .xg-sidebar-footer{margin-top:14px!important;padding:0!important;}
body.admin-body.v254-admin-ui .xg-logout{border-radius:14px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.05)!important;color:#d8def7!important;font-weight:900!important;}
body.admin-body.v254-admin-ui .xg-topbar{position:sticky!important;top:0!important;z-index:30!important;height:62px!important;margin:0!important;padding:0 24px!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(172,190,255,.12)!important;background:rgba(4,8,22,.74)!important;backdrop-filter:blur(22px)!important;box-shadow:0 12px 38px rgba(0,0,0,.24)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
body.admin-body.v254-admin-ui .xg-breadcrumb{display:flex!important;align-items:center!important;gap:10px!important;font-size:14px!important;font-weight:900!important;color:#c7cae8!important;}
body.admin-body.v254-admin-ui .xg-breadcrumb span{color:#ff5c9c!important;}
body.admin-body.v254-admin-ui .xg-breadcrumb b{color:#23d7ff!important;}
body.admin-body.v254-admin-ui .xg-top-right{display:flex!important;align-items:center!important;gap:10px!important;}
body.admin-body.v254-admin-ui .xg-status,body.admin-body.v254-admin-ui .xg-clock,body.admin-body.v254-admin-ui .xg-chip,body.admin-body.v254-admin-ui .xg-bell{min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important;color:#f9fbff!important;padding:8px 13px!important;text-decoration:none!important;font-weight:900!important;font-size:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
body.admin-body.v254-admin-ui .xg-status i{width:8px!important;height:8px!important;border-radius:50%!important;background:#22e488!important;box-shadow:0 0 12px #22e488!important;}
body.admin-body.v254-admin-ui .xg-bell{position:relative!important;width:38px!important;padding:0!important;font-size:15px!important;}
body.admin-body.v254-admin-ui .xg-bell em{position:absolute!important;right:-5px!important;top:-7px!important;min-width:20px!important;height:20px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#ff2e86!important;color:#fff!important;font-style:normal!important;font:900 11px Inter!important;box-shadow:0 0 18px rgba(255,46,134,.55)!important;}
body.admin-body.v254-admin-ui .xg-api-call{background:linear-gradient(135deg,#ff2e86,#ff4e59)!important;border-color:rgba(255,105,170,.55)!important;box-shadow:0 10px 28px rgba(255,46,134,.28)!important;color:#fff!important;}
body.admin-body.v254-admin-ui .xg-user{display:flex!important;align-items:center!important;gap:8px!important;color:#fff!important;font-weight:900!important;}
body.admin-body.v254-admin-ui .xg-user span{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#ffd84a!important;color:#11172b!important;font-weight:1000!important;font-size:14px!important;}
body.admin-body.v254-admin-ui .xg-user b{font-size:13px!important;color:#fff!important;}
body.admin-body.v254-admin-ui .xg-user i{font-style:normal!important;color:#8794bd!important;}
body.admin-body.v254-admin-ui .xg-content{padding:24px 28px 48px!important;max-width:1600px!important;margin:0 auto!important;}
body.admin-body.v254-admin-ui .dash-hero{display:grid!important;grid-template-columns:minmax(320px,1fr) 270px minmax(390px,520px)!important;align-items:center!important;gap:22px!important;min-height:196px!important;margin:0 0 22px!important;padding:28px 30px!important;border-radius:24px!important;overflow:hidden!important;position:relative!important;background:radial-gradient(circle at 46% 55%,rgba(255,46,134,.18),transparent 36%),linear-gradient(110deg,rgba(75,13,33,.84),rgba(13,14,31,.92) 45%,rgba(11,22,58,.86))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)!important;}
body.admin-body.v254-admin-ui .dash-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,46,134,.16),transparent 34%,rgba(35,215,255,.08));pointer-events:none!important;}
body.admin-body.v254-admin-ui .dash-hero-copy{position:relative;z-index:2!important;}
body.admin-body.v254-admin-ui .dash-eyebrow{font:900 12px/1 Inter,'Kanit'!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#ff657a!important;margin-bottom:14px!important;}
body.admin-body.v254-admin-ui .dash-hero h1{margin:0 0 12px!important;font-size:34px!important;line-height:1.1!important;letter-spacing:-.04em!important;color:#fff!important;text-shadow:0 10px 35px rgba(0,0,0,.32)!important;}
body.admin-body.v254-admin-ui .dash-hero .muted{margin:0!important;color:#d6dcff!important;font-size:15px!important;font-weight:700!important;}
body.admin-body.v254-admin-ui .dash-period{margin:8px 0 0!important;color:#dfe6ff!important;font-size:14px!important;font-weight:800!important;}
body.admin-body.v254-admin-ui .dash-period b{color:#fff!important;}
body.admin-body.v254-admin-ui .dash-holo{position:relative;z-index:2;height:130px;display:grid;place-items:center;}
body.admin-body.v254-admin-ui .holo-card{position:absolute;top:0;width:160px;height:92px;border-radius:14px;background:linear-gradient(135deg,rgba(29,18,76,.78),rgba(121,26,134,.58));border:1px solid rgba(186,101,255,.38);box-shadow:0 0 32px rgba(177,35,255,.28),inset 0 1px 0 rgba(255,255,255,.12);transform:perspective(450px) rotateX(10deg);}
body.admin-body.v254-admin-ui .holo-card span{position:absolute;left:16px;height:3px;border-radius:99px;background:rgba(101,81,255,.68);}
body.admin-body.v254-admin-ui .holo-card span:nth-child(1){top:20px;width:42px}.holo-card span:nth-child(2){top:31px;width:32px}.holo-card span:nth-child(3){top:42px;width:58px}
body.admin-body.v254-admin-ui .holo-card i{position:absolute;left:18px;right:16px;bottom:17px;height:42px;border-bottom:2px solid #ff60d4;border-left:2px solid transparent;clip-path:polygon(0 85%,20% 55%,36% 72%,55% 24%,70% 48%,100% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,46,134,.24),transparent);filter:drop-shadow(0 0 8px #ff2e86);}
body.admin-body.v254-admin-ui .holo-base{position:absolute;bottom:0;width:220px;height:70px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,46,220,.36),rgba(75,35,255,.18) 44%,transparent 68%);box-shadow:0 0 40px rgba(177,35,255,.28);}
body.admin-body.v254-admin-ui .holo-base i{position:absolute;left:34px;right:34px;top:18px;height:23px;border-radius:50%;border:2px solid rgba(255,46,220,.72);box-shadow:0 0 18px #b123ff, inset 0 0 15px rgba(35,215,255,.22);}
body.admin-body.v254-admin-ui .dash-filter{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:12px!important;align-items:end!important;min-width:0!important;padding:14px!important;border-radius:22px!important;background:rgba(8,11,28,.62)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 42px rgba(0,0,0,.25)!important;backdrop-filter:blur(14px)!important;}
body.admin-body.v254-admin-ui .dash-filter .segmented{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:7px!important;margin:0!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;}
body.admin-body.v254-admin-ui .dash-filter .segmented a{display:grid!important;place-items:center!important;text-decoration:none!important;color:#edf2ff!important;border-radius:12px!important;padding:10px!important;font-weight:1000!important;font-size:14px!important;background:transparent!important;border:0!important;}
body.admin-body.v254-admin-ui .dash-filter .segmented a.active{background:linear-gradient(135deg,#ff2e86,#ff405a)!important;color:#fff!important;box-shadow:0 10px 26px rgba(255,46,134,.32)!important;}
body.admin-body.v254-admin-ui .dash-filter label{display:grid!important;gap:7px!important;margin:0!important;color:#aeb8d6!important;font-size:12px!important;font-weight:900!important;}
body.admin-body.v254-admin-ui .dash-filter input,body.admin-body.v254-admin-ui .dash-filter button{height:46px!important;border-radius:12px!important;margin:0!important;font-weight:900!important;border:1px solid rgba(255,255,255,.10)!important;}
body.admin-body.v254-admin-ui .dash-filter input{background:rgba(255,255,255,.06)!important;color:#fff!important;padding:0 12px!important;}
body.admin-body.v254-admin-ui .dash-filter button{padding:0 22px!important;background:linear-gradient(135deg,#ff2e86,#ff405a)!important;color:#fff!important;border-color:rgba(255,99,151,.45)!important;box-shadow:0 10px 26px rgba(255,46,134,.30)!important;cursor:pointer!important;}
body.admin-body.v254-admin-ui .wallet-kpi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0 0 20px!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card{min-height:128px!important;position:relative!important;overflow:hidden!important;border-radius:18px!important;padding:25px 26px!important;background:linear-gradient(135deg,rgba(135,28,53,.58),rgba(16,19,31,.88))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 22px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(14px)!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card.betflix{border-color:rgba(255,69,91,.45)!important;background:radial-gradient(circle at 84% 50%,rgba(255,59,87,.27),transparent 24%),linear-gradient(135deg,rgba(82,12,24,.92),rgba(15,18,28,.90))!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card.monster{border-color:rgba(34,228,136,.30)!important;background:radial-gradient(circle at 84% 50%,rgba(34,228,136,.20),transparent 28%),linear-gradient(135deg,rgba(8,58,42,.78),rgba(13,19,28,.92))!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card.amb{border-color:rgba(35,215,255,.42)!important;background:radial-gradient(circle at 85% 50%,rgba(35,215,255,.24),transparent 28%),linear-gradient(135deg,rgba(9,56,92,.78),rgba(13,19,34,.94))!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent,rgba(255,255,255,.09),transparent)!important;opacity:.65!important;pointer-events:none!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card .wallet-icon{position:absolute!important;right:24px!important;top:34px!important;width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font:900 24px Inter!important;color:#fff!important;border:3px solid currentColor!important;opacity:.86!important;box-shadow:0 0 24px currentColor!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card.betflix .wallet-icon{color:#ff586c!important}.wallet-kpi-card.monster .wallet-icon{color:#27e88a!important}.wallet-kpi-card.amb .wallet-icon{color:#23d7ff!important}
body.admin-body.v254-admin-ui .wallet-kpi-card span,body.admin-body.v254-admin-ui .wallet-kpi-card strong,body.admin-body.v254-admin-ui .wallet-kpi-card small{position:relative!important;z-index:2!important;display:block!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card span{font-size:12px!important;color:#cdd5f0!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:900!important;max-width:75%!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card strong{margin:12px 0 0!important;color:#fff!important;font:900 32px/1 Inter,'Kanit'!important;letter-spacing:-.04em!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card.amb strong{color:#55eaff!important;text-shadow:0 0 18px rgba(35,215,255,.34)!important;}
body.admin-body.v254-admin-ui .wallet-kpi-card small{margin-top:10px!important;color:#d9e2ff!important;font-size:12px!important;font-weight:800!important;}
body.admin-body.v254-admin-ui .kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 22px!important;}
body.admin-body.v254-admin-ui .kpi-card{min-height:126px!important;position:relative!important;overflow:hidden!important;border-radius:16px!important;padding:24px 24px 20px 82px!important;background:linear-gradient(135deg,rgba(20,22,48,.86),rgba(12,16,32,.94))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;}
body.admin-body.v254-admin-ui .kpi-card:before{content:""!important;position:absolute!important;right:-36px!important;top:-44px!important;width:116px!important;height:116px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;pointer-events:none!important;}
body.admin-body.v254-admin-ui .kpi-card .kpi-glyph{position:absolute!important;left:24px!important;top:38px!important;width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-size:22px!important;color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 0 24px rgba(177,35,255,.16)!important;}
body.admin-body.v254-admin-ui .kpi-card span{display:block!important;color:#cdd5f0!important;font-size:13px!important;font-weight:900!important;margin-bottom:7px!important;}
body.admin-body.v254-admin-ui .kpi-card strong{display:block!important;color:#fff!important;font:900 25px/1.1 Inter,'Kanit'!important;letter-spacing:-.03em!important;white-space:normal!important;}
body.admin-body.v254-admin-ui .kpi-card small{display:block!important;margin-top:8px!important;color:#aeb8d6!important;font-size:12px!important;font-weight:800!important;}
body.admin-body.v254-admin-ui .kpi-card.hot{background:linear-gradient(135deg,rgba(61,27,92,.78),rgba(18,20,42,.94))!important}.kpi-card.hot .kpi-glyph{color:#bd48ff!important;box-shadow:0 0 24px rgba(189,72,255,.42)!important;}
body.admin-body.v254-admin-ui .kpi-card.blue .kpi-glyph{color:#ff4f6a!important}.kpi-card.green .kpi-glyph{color:#b33cff!important}.kpi-card.purple .kpi-glyph{color:#ff2e86!important}.kpi-card.amber .kpi-glyph{color:#23d7ff!important}.kpi-card.slate .kpi-glyph{color:#ffd84a!important}.kpi-card.pink .kpi-glyph{color:#22e488!important}.kpi-card.dark .kpi-glyph{color:#b65cff!important}
body.admin-body.v254-admin-ui .admin-card,body.admin-body.v254-admin-ui .chart-card{border-radius:18px!important;background:linear-gradient(135deg,rgba(18,20,47,.88),rgba(11,14,31,.96))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 22px 64px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important;}
body.admin-body.v254-admin-ui .dash-layout{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:18px!important;margin:0 0 20px!important;}
body.admin-body.v254-admin-ui .dash-layout.second,body.admin-body.v254-admin-ui .dash-layout.third{grid-template-columns:1fr 1fr!important;}
body.admin-body.v254-admin-ui .admin-card{padding:24px!important;}
body.admin-body.v254-admin-ui .card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important;}
body.admin-body.v254-admin-ui .card-head h2{margin:0!important;color:#fff!important;font-size:19px!important;line-height:1.25!important;font-weight:1000!important;}
body.admin-body.v254-admin-ui .card-head p{margin:4px 0 0!important;color:#aeb8d6!important;font-size:13px!important;font-weight:700!important;}
body.admin-body.v254-admin-ui .legend{display:flex!important;align-items:center!important;gap:8px!important;color:#cbd6ff!important;font-weight:900!important;font-size:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;padding:8px 12px!important;}
body.admin-body.v254-admin-ui .legend .dot{width:9px!important;height:9px!important;border-radius:50%!important;display:inline-block!important}.legend .dot.dep{background:#22e488!important;box-shadow:0 0 12px #22e488!important}.legend .dot.wd{background:#ff4f6a!important;box-shadow:0 0 12px #ff4f6a!important;}
body.admin-body.v254-admin-ui canvas{width:100%!important;display:block!important;}
body.admin-body.v254-admin-ui .status-row{position:relative!important;overflow:hidden!important;border-radius:14px!important;padding:14px!important;margin:10px 0!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;}
body.admin-body.v254-admin-ui .status-row span{position:absolute!important;left:0!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,#ff2e86,#23d7ff)!important;box-shadow:0 0 12px rgba(255,46,134,.5)!important;}
body.admin-body.v254-admin-ui table{width:100%;border-collapse:separate!important;border-spacing:0!important;color:#eef3ff!important;}
body.admin-body.v254-admin-ui th{background:rgba(177,35,255,.18)!important;color:#d8e6ff!important;font-size:12px!important;font-weight:1000!important;}
body.admin-body.v254-admin-ui td,body.admin-body.v254-admin-ui th{padding:13px 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
body.admin-body.v254-admin-ui .quick-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
body.admin-body.v254-admin-ui .quick-btn{display:grid!important;place-items:center!important;min-height:48px!important;border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;text-decoration:none!important;font-weight:1000!important;}
body.admin-body.v254-admin-ui .quick-btn.primary,body.admin-body.v254-admin-ui .quick-btn:hover{background:linear-gradient(135deg,#b123ff,#ff2e86)!important;box-shadow:0 14px 30px rgba(177,35,255,.25)!important;}
@media(max-width:1350px){body.admin-body.v254-admin-ui .dash-hero{grid-template-columns:1fr!important}body.admin-body.v254-admin-ui .dash-holo{display:none!important}body.admin-body.v254-admin-ui .wallet-kpi-grid{grid-template-columns:1fr!important}body.admin-body.v254-admin-ui .kpi-grid{grid-template-columns:repeat(2,1fr)!important}body.admin-body.v254-admin-ui .dash-layout,body.admin-body.v254-admin-ui .dash-layout.second,body.admin-body.v254-admin-ui .dash-layout.third{grid-template-columns:1fr!important}}
@media(max-width:980px){body.admin-body.v254-admin-ui .xg-sidebar{transform:translateX(-112%)!important;left:0!important;top:0!important;bottom:0!important;border-radius:0 22px 22px 0!important;width:min(86vw,320px)!important}body.admin-body.v254-admin-ui.xg-sidebar-open .xg-sidebar,body.xg-sidebar-open.admin-body.v254-admin-ui .xg-sidebar,html.xg-sidebar-open body.admin-body.v254-admin-ui .xg-sidebar{transform:translateX(0)!important}body.admin-body.v254-admin-ui .xg-main{margin-left:0!important;width:100%!important}.xg-mobile-backdrop{z-index:45!important}.xg-menu-toggle{display:inline-flex!important}.xg-top-right .xg-status,.xg-top-right .xg-bell{display:none!important}}
@media(max-width:680px){body.admin-body.v254-admin-ui .xg-content{padding:16px 12px 36px!important}.xg-topbar{padding:0 12px!important}.xg-top-right .xg-chip{display:none!important}body.admin-body.v254-admin-ui .dash-hero{padding:20px!important;border-radius:18px!important}body.admin-body.v254-admin-ui .dash-hero h1{font-size:27px!important}body.admin-body.v254-admin-ui .dash-filter{grid-template-columns:1fr!important}body.admin-body.v254-admin-ui .kpi-grid{grid-template-columns:1fr!important}body.admin-body.v254-admin-ui .kpi-card{padding-left:78px!important}body.admin-body.v254-admin-ui .quick-grid{grid-template-columns:1fr 1fr!important}}

/* ===== V164 THEME 4: GOATGAME88 Original dark/red layout ===== */
body.theme4-body{background:#28292b!important;color:#f5f5f5!important;font-family:var(--theme-font,'Kanit','Noto Sans Thai',sans-serif)!important;overflow-x:hidden;}
body.theme4-body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#2b2c2f 0,#242527 100%);z-index:-2;pointer-events:none}
body.theme4-body .pink-app-shell{max-width:none!important;width:100%!important;background:transparent!important;box-shadow:none!important;border:0!important;padding-bottom:126px!important;min-height:100vh;}
body.theme4-body .v113-topbar{height:104px!important;position:sticky!important;top:0!important;z-index:80!important;background:linear-gradient(180deg,#111215 0,#1e1f23 100%)!important;border:0!important;border-bottom:2px solid #ef3b3f!important;border-radius:0 0 34px 34px!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;justify-content:center!important;padding:0!important;}
body.theme4-body .v113-center-logo{position:absolute!important;top:13px!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;height:30px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2;}
body.theme4-body .v113-center-logo img{max-height:30px!important;max-width:170px!important;object-fit:contain!important;filter:drop-shadow(0 2px 6px rgba(255,255,255,.15));}
body.theme4-body .v113-center-logo strong{font-size:18px;color:#fff;text-shadow:0 0 10px rgba(255,0,0,.35)}
body.theme4-body .v113-menu-btn{position:absolute!important;right:calc(50% - 315px)!important;top:38px!important;width:44px!important;height:44px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;gap:6px!important;align-items:center!important;justify-content:center!important;z-index:5;}
body.theme4-body .v113-menu-btn span{width:30px!important;height:3px!important;background:#d9d9d9!important;border-radius:8px!important;display:block!important;}
body.theme4-body .v113-top-actions{position:absolute!important;left:50%!important;top:52px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:min(620px,calc(100vw - 28px))!important;}
body.theme4-body .v113-guest-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;width:min(620px,calc(100vw - 28px))!important;}
body.theme4-body .v113-auth-btn{height:39px!important;border-radius:12px!important;font-size:14px!important;font-weight:1000!important;text-decoration:none!important;border:1px solid rgba(255,86,90,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 20px rgba(0,0,0,.18)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.theme4-body .v113-auth-btn.login{background:linear-gradient(180deg,#ff6569,#ed353a)!important;color:#101010!important;border-color:#ff676b!important;}
body.theme4-body .v113-auth-btn.register{background:rgba(26,27,31,.82)!important;color:#ff555a!important;}
body.theme4-body .theme4-wallet-pill{height:52px;min-width:164px;border:1px solid #ff4046;border-radius:12px;background:#121317;display:grid;grid-template-columns:1fr 1fr 34px;align-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.22);overflow:hidden;color:#fff;}
body.theme4-body .theme4-wallet-pill div{padding:5px 9px;border-right:1px solid rgba(255,255,255,.08);line-height:1.1;}
body.theme4-body .theme4-wallet-pill span{display:block;color:#ff5a5f;font-size:12px;font-weight:900;white-space:nowrap;}
body.theme4-body .theme4-wallet-pill b{display:block;color:#fff;font-size:13px;font-weight:1000;text-align:right;margin-top:3px;}
body.theme4-body .theme4-wallet-pill a{height:100%;display:flex;align-items:center;justify-content:center;color:#202020;background:#ff6569;text-decoration:none;font-size:22px;font-weight:1000;}
body.theme4-body .theme4-bell{position:absolute;right:calc(50% - 270px);top:0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,76,82,.9);background:rgba(255,76,82,.18);display:grid;place-items:center;text-decoration:none;font-size:20px;box-shadow:0 0 16px rgba(255,55,60,.18);}
body.theme4-body .lang-switch{display:none!important;}
body.theme4-body .v113-side-drawer{background:#202125!important;border-right:1px solid rgba(255,64,70,.7)!important;box-shadow:20px 0 60px rgba(0,0,0,.5)!important;}
body.theme4-body .v113-drawer-head{border-bottom:1px solid rgba(255,255,255,.08)!important;}
body.theme4-body .v113-drawer-close{background:#ef3338!important;color:#fff!important;border-radius:50%!important;}
body.theme4-body .v113-drawer-menu a{background:#17181c!important;border:1px solid rgba(255,64,70,.35)!important;color:#fff!important;border-radius:12px!important;margin:8px 12px!important;}
body.theme4-body .v113-drawer-menu h4{color:#ff5b61!important;}

body.theme4-body .theme4-page{max-width:1120px;margin:0 auto;padding:10px 12px 36px;position:relative;}
body.theme4-body .theme4-newsline{height:28px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9e9e9;font-size:15px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.3);}
body.theme4-body .theme4-newsline b{min-width:0;overflow:hidden;text-overflow:ellipsis;}
body.theme4-body .theme4-hero{width:100%;border-radius:6px;overflow:hidden;background:#111;box-shadow:0 10px 26px rgba(0,0,0,.18);}
body.theme4-body .theme4-hero>img,.theme4-hero-slider{width:100%;aspect-ratio:1120/212;display:block;position:relative;overflow:hidden;background:#111;border-radius:6px;}
body.theme4-body .theme4-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .25s ease;display:block;}
body.theme4-body .theme4-hero-slide.active{opacity:1;}
body.theme4-body .theme4-hero img,.theme4-hero-slide img{width:100%;height:100%;object-fit:cover;display:block;}
body.theme4-body .theme4-dots{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:6px;z-index:3;}
body.theme4-body .theme4-dots button{width:7px;height:7px;border-radius:50%;border:0;background:#fff;opacity:.55;padding:0;}
body.theme4-body .theme4-dots button.active{width:20px;border-radius:10px;background:#ff3c42;opacity:1;}
body.theme4-body .theme4-section-name{color:#ff3f46;font-weight:1000;margin:14px 0 8px;font-size:15px;}
body.theme4-body .theme4-lock-panel{height:154px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(180deg,rgba(20,21,24,.82),rgba(15,16,18,.86));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:12px;}
body.theme4-body .theme4-lock-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 14px,transparent 14px 42px);filter:blur(3px);opacity:.55;}
body.theme4-body .theme4-lock-panel div{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;color:#fff;}
body.theme4-body .theme4-lock-panel span{font-size:26px;color:#ff454b;}
body.theme4-body .theme4-lock-panel b{font-size:14px;}
body.theme4-body .theme4-lock-panel a{background:#e7373b;color:#fff;border-radius:7px;padding:9px 28px;text-decoration:none;font-weight:1000;}

body.theme4-body .theme4-sport-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 10px;}
body.theme4-body .theme4-sport-card{height:124px;border-radius:10px;overflow:hidden;text-decoration:none;color:#e9e9e9;border:1px solid #e6383d;background:linear-gradient(180deg,#303135,#1f2024);box-shadow:0 12px 22px rgba(0,0,0,.22);display:grid;grid-template-rows:27px 1fr 26px 21px;}
body.theme4-body .theme4-sport-top{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 9px;color:#ffebe5;font-size:11px;font-weight:900;background:linear-gradient(90deg,#2a2b30,#232428);}
body.theme4-body .theme4-sport-top em{font-style:normal;color:#ff555a;font-size:10px;white-space:nowrap;}
body.theme4-body .theme4-teams{display:grid;grid-template-columns:1fr 34px 1fr;gap:6px;align-items:center;padding:5px 8px;}
body.theme4-body .theme4-teams b{font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.theme4-body .theme4-teams strong{width:34px;height:34px;border-radius:50%;background:#22252b;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;font-size:11px;}
body.theme4-body .theme4-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 8px;}
body.theme4-body .theme4-odds span{display:flex;align-items:center;justify-content:space-between;background:#55565a;border-radius:3px;padding:3px 5px;color:#eee;font-size:10px;}
body.theme4-body .theme4-odds b{color:#fff;font-size:11px;}
body.theme4-body .theme4-more{background:#df3135;color:#170809;text-align:center;font-size:11px;font-weight:1000;line-height:21px;}

body.theme4-body .theme4-game-area{display:grid;grid-template-columns:66px minmax(0,1fr);gap:9px;align-items:start;}
body.theme4-body .theme4-side-cats{position:sticky;top:112px;display:grid;gap:6px;max-height:calc(100vh - 202px);overflow:auto;padding-bottom:6px;scrollbar-width:none;}
body.theme4-body .theme4-side-cats::-webkit-scrollbar{display:none;}
body.theme4-body .theme4-side-cats a{height:58px;border-radius:9px;background:#303136;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#aaa;gap:3px;overflow:hidden;}
body.theme4-body .theme4-side-cats a.active{background:linear-gradient(180deg,#3b3d42,#27282d);border-color:#ff3b42;color:#ff787d;box-shadow:0 0 0 1px rgba(255,59,66,.2),0 0 16px rgba(255,59,66,.12);}
body.theme4-body .theme4-side-cats span{font-size:20px;line-height:1;filter:grayscale(1);opacity:.8;}
body.theme4-body .theme4-side-cats a.active span{filter:none;opacity:1;}
body.theme4-body .theme4-side-cats b{font-size:11px;line-height:1;font-weight:900;white-space:nowrap;}
body.theme4-body .theme4-provider-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
body.theme4-body .theme4-provider-card{height:164px;border-radius:11px;position:relative;overflow:hidden;text-decoration:none;color:#fff;background:#17181c;border:1px solid #eb343b;box-shadow:0 10px 20px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.03);display:block;transform:translateZ(0);}
body.theme4-body .theme4-provider-card img{width:100%;height:100%;object-fit:cover;display:block;background:#111;filter:saturate(.92) contrast(1.04);}
body.theme4-body .theme4-card-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0,rgba(0,0,0,.04) 42%,rgba(0,0,0,.62) 100%);z-index:1;}
body.theme4-body .theme4-provider-card b{position:absolute;left:7px;right:7px;bottom:7px;z-index:2;text-align:center;font-size:13px;line-height:1.05;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.theme4-body .theme4-provider-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.3),0 0 18px rgba(255,60,66,.12);}
body.theme4-body .theme4-right-actions{position:fixed;right:max(14px,calc((100vw - 1280px)/2));top:45%;transform:translateY(-50%);z-index:55;border:1px solid rgba(255,62,68,.9);border-left-width:3px;border-radius:44px 0 0 44px;padding:16px 14px 16px 28px;background:rgba(24,25,29,.88);box-shadow:0 20px 48px rgba(0,0,0,.3);display:grid;gap:12px;}
body.theme4-body .theme4-right-actions a{width:92px;height:58px;border:1px solid #e33a40;border-radius:9px;background:#17181c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:900;font-size:11px;gap:4px;}
body.theme4-body .theme4-right-actions span{font-size:20px;}
body.theme4-body .theme4-contact-float{position:fixed;right:14px;bottom:132px;z-index:55;}
body.theme4-body .theme4-contact-float a{width:72px;height:58px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(31,32,36,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:11px;font-weight:900;}

body.theme4-body .bottom.theme4-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;padding:0!important;z-index:75!important;background:linear-gradient(180deg,rgba(31,32,36,.92),rgba(17,18,21,.98))!important;box-shadow:0 -16px 40px rgba(0,0,0,.28)!important;}
body.theme4-body .theme4-bottom-inner{width:min(620px,100%)!important;height:86px!important;margin:0 auto!important;border-radius:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;padding:0 10px 8px!important;}
body.theme4-body .theme4-bottom-inner .navitem{height:74px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#a7a7a7!important;font-size:12px!important;font-weight:1000!important;border-radius:0 0 13px 13px!important;gap:4px!important;}
body.theme4-body .theme4-bottom-inner .navitem span{font-size:26px!important;line-height:1!important;display:block!important;filter:drop-shadow(0 4px 9px rgba(255,69,74,.15));}
body.theme4-body .theme4-bottom-inner .navitem b{font-size:12px!important;line-height:1!important;}
body.theme4-body .theme4-bottom-inner .navitem:first-child{background:linear-gradient(180deg,rgba(255,104,109,.18),rgba(255,104,109,.04));border-bottom:2px solid #ff5b60;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
body.theme4-body .theme4-deposit-center{transform:translateY(-10px);}
body.theme4-body .theme4-deposit-center span{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe28a,#b77915 72%,#7b4505);display:grid!important;place-items:center;border:2px solid rgba(255,230,137,.35);box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 28px rgba(255,205,66,.2);font-size:32px!important;}

body.theme4-body .front-promo-page{max-width:1040px;margin:0 auto;padding:14px 12px 132px;}
body.theme4-body .front-promo-hero{background:#303136!important;border:0!important;border-radius:8px!important;box-shadow:none!important;padding:14px 18px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px!important;}
body.theme4-body .front-promo-hero h1{font-size:18px!important;margin:0!important;color:#ff9b18!important;order:1;}
body.theme4-body .front-promo-hero p{display:none!important;}
body.theme4-body .front-back-pill{display:none!important;}
body.theme4-body .front-promo-hero:before{content:'🔕  ปิดรับโปรโมชั่น';font-weight:1000;color:#ff9b18;}
body.theme4-body .front-promo-hero:after{content:'เปลี่ยน';font-weight:1000;color:#ff9b18;}
body.theme4-body .front-promo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;}
body.theme4-body .front-promo-card{border-radius:9px!important;background:#303136!important;border:0!important;box-shadow:none!important;overflow:hidden!important;}
body.theme4-body .front-promo-img{padding:0!important;}
body.theme4-body .front-promo-img img{border-radius:0!important;aspect-ratio:1/1!important;object-fit:cover!important;}
body.theme4-body .front-promo-body{padding:12px!important;}
body.theme4-body .front-promo-body h2{color:#fff!important;}
body.theme4-body .front-promo-meta,.theme4-body .front-promo-body p,.theme4-body .front-promo-topline,.theme4-body .front-promo-note{display:none!important;}
body.theme4-body .front-promo-btn{background:linear-gradient(180deg,#ff5d62,#e4373b)!important;border-radius:8px!important;min-height:40px!important;box-shadow:none!important;}

body.theme4-body .theme4-activity-page{max-width:680px;margin:0 auto;padding:12px 14px 134px;}
body.theme4-body .theme4-activity-wallets{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin:20px 0 18px;}
body.theme4-body .theme4-activity-wallets>div{height:62px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:linear-gradient(180deg,#303136,#202126);padding:10px 12px;position:relative;}
body.theme4-body .theme4-activity-wallets small{display:block;color:#9b9b9b;font-size:12px;font-weight:800;}
body.theme4-body .theme4-activity-wallets b{display:block;margin-top:3px;color:#fff;font-size:18px;}
body.theme4-body .theme4-activity-wallets a{position:absolute;right:12px;top:16px;border-radius:8px;background:#ff4b50;color:#fff;text-decoration:none;padding:7px 12px;font-size:12px;font-weight:1000;}
body.theme4-body .theme4-activity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px 32px;justify-content:center;}
body.theme4-body .theme4-activity-grid a{min-height:86px;text-align:center;text-decoration:none;color:#fff;font-weight:900;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;}
body.theme4-body .theme4-activity-grid span{width:72px;height:72px;border-radius:9px;border:1px solid #eb3e43;background:#222329;display:grid;place-items:center;font-size:36px;color:#ff5c61;box-shadow:0 10px 18px rgba(0,0,0,.18);}
body.theme4-body .theme4-checkin-modal{position:fixed;inset:0;background:rgba(230,232,235,.76);z-index:200;display:flex;align-items:center;justify-content:center;padding:18px;}
body.theme4-body .theme4-checkin-box{width:min(530px,100%);border-radius:8px;background:#303136;box-shadow:0 20px 70px rgba(0,0,0,.35);padding:22px 18px 18px;position:relative;}
body.theme4-body .theme4-checkin-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:50%;background:#ff151d;color:#fff;text-decoration:none;font-size:26px;line-height:29px;text-align:center;}
body.theme4-body .theme4-checkin-box h2{text-align:center;margin:0;color:#fff;font-size:21px;}
body.theme4-body .theme4-checkin-box p{text-align:center;margin:4px 0 16px;color:#ff9b18;font-weight:1000;}
body.theme4-body .theme4-weekdays,.theme4-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px 12px;}
body.theme4-body .theme4-weekdays span{text-align:center;font-weight:900;color:#fff;margin-bottom:3px;}
body.theme4-body .theme4-calendar-grid div{height:70px;border-radius:9px;background:#202126;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:1000;}
body.theme4-body .theme4-calendar-grid div.today{border:1px solid #ff5b60;box-shadow:0 0 0 1px rgba(255,91,96,.18);}
body.theme4-body .theme4-calendar-grid div.done{opacity:.68;}
body.theme4-body .theme4-calendar-grid b{font-size:18px;}
body.theme4-body .theme4-calendar-grid small{font-size:13px;color:#fff;}
body.theme4-body .theme4-calendar-grid div.today small{color:#ff9b18;}
body.theme4-body .theme4-checkin-claim{height:52px;margin-top:20px;border-radius:8px;background:linear-gradient(180deg,#ff676b,#e6383e);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#141414;font-weight:1000;font-size:18px;}

body.theme4-body .form-card,body.theme4-body .register-card{max-width:530px!important;margin:112px auto 140px!important;border-radius:5px!important;background:#303136!important;border:0!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important;padding:28px!important;color:#fff!important;}
body.theme4-body .form-card:before,body.theme4-body .register-card:before{content:var(--theme4-logo-text,'');display:block;height:34px;background:var(--theme-body-bg-image);}
body.theme4-body .form-card .title,body.theme4-body .register-title{color:#ff9b18!important;text-align:center!important;font-size:19px!important;margin:0 0 18px!important;}
body.theme4-body .form-card label,body.theme4-body .register-label{color:#fff!important;font-size:14px!important;font-weight:900!important;}
body.theme4-body .form-card input,body.theme4-body .register-input,body.theme4-body .bank-current{height:47px!important;border-radius:9px!important;background:#202126!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;margin:7px 0 16px!important;}
body.theme4-body .form-card .btn,body.theme4-body .register-main-btn{height:52px!important;border-radius:9px!important;background:linear-gradient(180deg,#a7b0b2,#7c8587)!important;color:#e8e8e8!important;box-shadow:none!important;width:100%!important;}
body.theme4-body .register-note{color:#ff9b18!important;}

@media(max-width:1280px){body.theme4-body .theme4-right-actions{right:0;transform:translate(70%, -50%);}body.theme4-body .theme4-right-actions:hover{transform:translate(0,-50%);}body.theme4-body .v113-menu-btn{right:18px!important;}body.theme4-body .theme4-bell{right:72px;}}
@media(max-width:900px){body.theme4-body .v113-topbar{height:92px!important;border-radius:0 0 24px 24px!important;}body.theme4-body .v113-center-logo{top:9px!important;}body.theme4-body .v113-top-actions{top:47px!important}.theme4-wallet-pill{transform:scale(.92)}body.theme4-body .theme4-page{padding-left:8px;padding-right:8px;}body.theme4-body .theme4-sport-row{grid-template-columns:repeat(2,1fr);}body.theme4-body .theme4-provider-grid{grid-template-columns:repeat(4,1fr);gap:7px;}body.theme4-body .theme4-provider-card{height:142px;}body.theme4-body .theme4-game-area{grid-template-columns:58px minmax(0,1fr);}body.theme4-body .theme4-side-cats a{height:54px;}body.theme4-body .theme4-side-cats b{font-size:10px;}body.theme4-body .theme4-activity-grid{grid-template-columns:repeat(4,1fr);gap:18px;}body.theme4-body .front-promo-list{grid-template-columns:1fr 1fr;}.theme4-right-actions{display:none!important;}}
@media(max-width:560px){body.theme4-body .v113-topbar{height:88px!important;}body.theme4-body .v113-center-logo img{max-width:128px!important;}body.theme4-body .v113-guest-actions{gap:8px!important;}body.theme4-body .v113-auth-btn{height:36px!important;font-size:13px!important;}body.theme4-body .theme4-wallet-pill{min-width:142px;height:47px;grid-template-columns:1fr 1fr 28px;}body.theme4-body .theme4-wallet-pill span{font-size:10px;}body.theme4-body .theme4-wallet-pill b{font-size:11px;}body.theme4-body .theme4-bell{right:59px!important;top:-1px;width:38px;height:38px;}body.theme4-body .v113-menu-btn{right:10px!important;top:37px!important;width:40px!important;height:40px!important;}body.theme4-body .theme4-newsline{font-size:13px;height:25px;justify-content:flex-start;}body.theme4-body .theme4-hero>img,.theme4-hero-slider{aspect-ratio:680/190;}body.theme4-body .theme4-sport-row{grid-template-columns:1fr 1fr;gap:7px;}body.theme4-body .theme4-sport-card{height:111px;grid-template-rows:24px 1fr 23px 19px;}body.theme4-body .theme4-sport-top{font-size:9px;padding:0 6px;}body.theme4-body .theme4-teams{grid-template-columns:1fr 28px 1fr;padding:4px 5px;gap:3px}.theme4-teams strong{width:28px!important;height:28px!important}.theme4-teams b{font-size:10px!important}.theme4-odds{gap:3px!important;padding:0 5px!important}.theme4-odds span{font-size:9px!important;padding:2px 4px!important}.theme4-more{font-size:9px!important;line-height:19px!important;}body.theme4-body .theme4-game-area{grid-template-columns:54px minmax(0,1fr);gap:6px;}body.theme4-body .theme4-provider-grid{grid-template-columns:repeat(3,1fr);gap:6px;}body.theme4-body .theme4-provider-card{height:126px;border-radius:9px;}body.theme4-body .theme4-provider-card b{font-size:10px;bottom:6px;}body.theme4-body .theme4-side-cats{top:94px;max-height:calc(100vh - 184px);gap:5px;}body.theme4-body .theme4-side-cats a{height:49px;border-radius:8px;}body.theme4-body .theme4-side-cats span{font-size:17px;}body.theme4-body .theme4-bottom-inner{height:78px!important;padding:0 4px 7px!important;}body.theme4-body .theme4-bottom-inner .navitem{height:66px!important;font-size:10px!important;}body.theme4-body .theme4-bottom-inner .navitem span{font-size:22px!important;}body.theme4-body .theme4-bottom-inner .navitem b{font-size:10px!important;}body.theme4-body .theme4-deposit-center span{width:52px;height:52px;font-size:28px!important;}body.theme4-body .front-promo-page{padding-left:8px;padding-right:8px;}body.theme4-body .front-promo-list{gap:10px!important;}body.theme4-body .front-promo-body{padding:8px!important;}body.theme4-body .front-promo-body h2{font-size:13px!important;}body.theme4-body .theme4-activity-wallets{grid-template-columns:1fr;}body.theme4-body .theme4-activity-grid{grid-template-columns:repeat(3,1fr);gap:14px 12px;}body.theme4-body .theme4-activity-grid span{width:58px;height:58px;font-size:28px;}body.theme4-body .theme4-activity-grid a{font-size:11px;}.theme4-weekdays,.theme4-calendar-grid{gap:7px!important}.theme4-calendar-grid div{height:56px!important}.theme4-checkin-box{padding:20px 12px 14px!important}.theme4-checkin-box h2{font-size:18px!important}}


/* V165: provider page full-width fix for desktop / theme4 */
@media (min-width: 1024px){
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .wrap.pink-app-shell{
    max-width:min(1280px,calc(100vw - 24px))!important;
    width:100%!important;
  }
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .bottom.pink-bottom{
    width:min(1280px,calc(100vw - 24px))!important;
    max-width:min(1280px,calc(100vw - 24px))!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .pink-provider-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-page.v83-provider-page,
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-select-v2{
    max-width:1200px!important;
    margin:0 auto!important;
  }
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .game-list-grid.pro-image-grid,
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-page .game-list-grid.pro-image-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .v82-play-card,
  body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-page .v82-play-card{
    height:230px!important;
    min-height:230px!important;
  }
}

body.theme4-body .provider-page.v83-provider-page{
  max-width:1120px!important;
  margin:0 auto!important;
  padding:12px 12px 132px!important;
  background:transparent!important;
}
body.theme4-body .provider-page .provider-back{
  margin:0 0 10px!important;
}
body.theme4-body .provider-page .provider-page-title--inside{
  padding:0 2px 10px!important;
}
body.theme4-body .provider-page .game-list-grid.pro-image-grid,
body.theme4-body .provider-page .pro-image-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0 0 18px!important;
}
body.theme4-body .provider-page .v82-play-card{
  height:210px!important;
  min-height:210px!important;
  border-radius:10px!important;
}
body.theme4-body .provider-page .v82-game-title{
  height:34px!important;
  padding:8px 8px 0!important;
  line-height:1.05!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.theme4-body .provider-page .v82-game-image,
body.theme4-body .provider-page .v82-game-image img{
  height:134px!important;
}
body.theme4-body .provider-page .v82-play-bar{
  height:34px!important;
}
@media(max-width:900px){
  body.theme4-body .provider-page .game-list-grid.pro-image-grid,
  body.theme4-body .provider-page .pro-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.theme4-body .provider-page .v82-play-card{height:194px!important;min-height:194px!important;}
  body.theme4-body .provider-page .v82-game-image,
  body.theme4-body .provider-page .v82-game-image img{height:120px!important;}
}
@media(max-width:560px){
  body.theme4-body .provider-page.v83-provider-page{padding:10px 8px 120px!important;}
  body.theme4-body .provider-page .game-list-grid.pro-image-grid,
  body.theme4-body .provider-page .pro-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  body.theme4-body .provider-page .v82-play-card{height:160px!important;min-height:160px!important;}
  body.theme4-body .provider-page .v82-game-title{height:30px!important;font-size:11px!important;padding:6px 6px 0!important;}
  body.theme4-body .provider-page .v82-game-image,
  body.theme4-body .provider-page .v82-game-image img{height:96px!important;}
  body.theme4-body .provider-page .v82-play-bar{height:28px!important;font-size:12px!important;}
}


/* ===== V166: THEME 4 FULL WIDTH HARD FIX =====
   แก้เคสธีม 4 โดน .pink-app-shell / .wrap บีบเหลือ 480px บนคอม
   ใช้ทั้ง body.theme4-body และ :has(.theme4-page) เพื่อกันกรณี body class ไม่ทัน/แคชเก่า
*/
body.theme4-body,
body.front-pink-body:has(.theme4-page),
body.front-pink-body:has(.theme4-provider-page-marker){
  background:#28292b!important;
  color:#f5f5f5!important;
  overflow-x:hidden!important;
}
body.theme4-body:before,
body.front-pink-body:has(.theme4-page):before,
body.front-pink-body:has(.theme4-provider-page-marker):before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,#2b2c2f 0,#242527 100%)!important;
  mask-image:none!important;
}
body.theme4-body:after,
body.front-pink-body:has(.theme4-page):after,
body.front-pink-body:has(.theme4-provider-page-marker):after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 18%,transparent 82%,rgba(0,0,0,.34))!important;
}
body.theme4-body .wrap.pink-app-shell,
body.theme4-body .pink-app-shell,
body.front-pink-body:has(.theme4-page) .wrap.pink-app-shell,
body.front-pink-body:has(.theme4-page) .pink-app-shell,
body.front-pink-body:has(.theme4-provider-page-marker) .wrap.pink-app-shell,
body.front-pink-body:has(.theme4-provider-page-marker) .pink-app-shell{
  max-width:none!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding-bottom:126px!important;
  background:transparent!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
body.front-pink-body:has(.theme4-page) .v113-topbar,
body.front-pink-body:has(.theme4-provider-page-marker) .v113-topbar,
body.theme4-body .v113-topbar{
  background:linear-gradient(180deg,#111215 0,#1e1f23 100%)!important;
  border-bottom:2px solid #ef3b3f!important;
  border-radius:0 0 34px 34px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
body.front-pink-body:has(.theme4-page) .theme4-page,
body.theme4-body .theme4-page{
  width:min(1120px,calc(100vw - 24px))!important;
  max-width:none!important;
  margin:0 auto!important;
}
body.front-pink-body:has(.theme4-provider-page-marker) .provider-page.v83-provider-page,
body.theme4-body .provider-page.v83-provider-page{
  width:min(1120px,calc(100vw - 24px))!important;
  max-width:none!important;
  margin:0 auto!important;
}
body.front-pink-body:has(.theme4-page) .bottom.theme4-bottom-nav,
body.front-pink-body:has(.theme4-provider-page-marker) .bottom.theme4-bottom-nav,
body.theme4-body .bottom.theme4-bottom-nav{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  transform:none!important;
}
@media(max-width:560px){
  body.front-pink-body:has(.theme4-page) .theme4-page,
  body.theme4-body .theme4-page,
  body.front-pink-body:has(.theme4-provider-page-marker) .provider-page.v83-provider-page,
  body.theme4-body .provider-page.v83-provider-page{
    width:100%!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* V167 THEME 4 ORIGINAL MATCH FIX - full width + original full-screen account menu */
html body.front-pink-body.theme4-body,
html body.theme4-body{
  margin:0!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  background:#252629!important;
  color:#fff!important;
  font-family:Kanit,'Noto Sans Thai',Tahoma,Arial,sans-serif!important;
}
body.theme4-body .wrap.pink-app-shell,
body.front-pink-body.theme4-body .wrap.pink-app-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0 0 92px!important;
  background:#252629!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.theme4-body .pink-topbar.v113-topbar{
  position:sticky!important;top:0!important;z-index:120!important;
  width:100%!important;height:82px!important;border-radius:0 0 30px 30px!important;
  border:0!important;border-bottom:2px solid #f03b41!important;
  background:linear-gradient(180deg,#15161a 0%,#111216 100%)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;overflow:visible!important;
}
body.theme4-body .v113-center-logo{position:absolute!important;left:calc(50% - 440px)!important;top:24px!important;transform:none!important;width:180px!important;display:flex!important;justify-content:flex-start!important;z-index:2!important;}
body.theme4-body .v113-center-logo img{height:34px!important;max-width:175px!important;filter:drop-shadow(0 3px 8px rgba(255,255,255,.12))!important;}
body.theme4-body .v113-top-actions{position:absolute!important;left:50%!important;top:14px!important;transform:translateX(-50%)!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:3!important;}
body.theme4-body .theme4-wallet-pill{height:54px!important;min-width:156px!important;background:#121317!important;border:1px solid #ff444a!important;border-radius:12px!important;display:grid!important;grid-template-columns:1fr 1fr 34px!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;}
body.theme4-body .theme4-wallet-pill div{padding:7px 9px!important;}
body.theme4-body .theme4-wallet-pill span{font-size:12px!important;color:#ff555b!important;}
body.theme4-body .theme4-wallet-pill b{font-size:12px!important;color:#fff!important;}
body.theme4-body .theme4-wallet-pill a{background:#ff686d!important;color:#111!important;}
body.theme4-body .theme4-bell{position:absolute!important;right:calc(50% - 385px)!important;top:7px!important;width:42px!important;height:42px!important;border:1px solid #ff555b!important;border-radius:50%!important;background:rgba(255,91,96,.15)!important;box-shadow:none!important;display:grid!important;place-items:center!important;z-index:4!important;}
body.theme4-body .v113-menu-btn{position:absolute!important;right:calc(50% - 435px)!important;top:23px!important;width:44px!important;height:36px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:6px!important;align-items:center!important;justify-content:center!important;z-index:4!important;}
body.theme4-body .v113-menu-btn span{width:31px!important;height:3px!important;border-radius:8px!important;background:#e5e5e5!important;display:block!important;}
body.theme4-body .theme4-page,
body.theme4-body .provider-page.v83-provider-page{
  width:min(1120px,calc(100vw - 28px))!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding-left:0!important;padding-right:0!important;
}
body.theme4-body .theme4-newsline{height:30px!important;font-size:16px!important;justify-content:center!important;}
body.theme4-body .theme4-hero{border-radius:6px!important;max-height:236px!important;}
body.theme4-body .theme4-hero>img,body.theme4-body .theme4-hero-slider{aspect-ratio:1120/212!important;border-radius:6px!important;}
body.theme4-body .theme4-sport-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
body.theme4-body .theme4-game-area{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;}
body.theme4-body .theme4-provider-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;}
body.theme4-body .theme4-provider-card{height:164px!important;border:1px solid #ff3b42!important;border-radius:10px!important;background:#16171b!important;}
body.theme4-body .theme4-right-actions{right:max(0px,calc((100vw - 1280px)/2))!important;transform:translateY(-50%)!important;display:grid!important;}
body.theme4-body .theme4-contact-float{right:15px!important;}

/* original account full-screen menu */
body.theme4-body .v113-drawer-backdrop{display:none!important;}
body.theme4-body .v113-side-drawer{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
  transform:translateY(-102%)!important;transition:transform .18s ease!important;
  background:#26272b!important;border:0!important;box-shadow:none!important;z-index:3000!important;overflow:auto!important;
  display:block!important;color:#fff!important;
}
body.theme4-body .v113-side-drawer.open{transform:translateY(0)!important;}
body.theme4-body .v113-drawer-head{height:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important;}
body.theme4-body .v113-drawer-logo{display:none!important;}
body.theme4-body .v113-drawer-close{position:fixed!important;right:14px!important;top:16px!important;width:34px!important;height:34px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:34px!important;line-height:30px!important;font-weight:300!important;z-index:3005!important;}
body.theme4-body .v113-drawer-flags,
body.theme4-body .v113-drawer-auth,
body.theme4-body .v113-drawer-menu{display:none!important;}
body.theme4-body .theme4-full-menu{width:min(500px,calc(100vw - 28px));margin:26px auto 120px;display:flex;flex-direction:column;align-items:stretch;}
body.theme4-body .theme4-full-logo{height:78px;display:flex;align-items:center;justify-content:center;text-decoration:none;}
body.theme4-body .theme4-full-logo img{max-width:325px;max-height:70px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));}
body.theme4-body .theme4-full-logo strong{font-size:44px;color:#fff;text-shadow:0 2px 8px #000;display:none;}
body.theme4-body .theme4-user-row{margin:10px 0 18px;display:grid;grid-template-columns:52px minmax(0,1fr) 86px;gap:10px;align-items:center;}
body.theme4-body .theme4-user-avatar{width:48px;height:48px;border-radius:50%;background:#ff686d;color:#24252a;display:grid;place-items:center;font-size:31px;line-height:1;}
body.theme4-body .theme4-user-info b{display:block;color:#ff686d;font-size:15px;font-weight:1000;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.theme4-body .theme4-user-info small{display:block;color:#fff;font-size:15px;font-weight:900;line-height:1.15;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.theme4-body .theme4-profile-mini{height:34px;border-radius:11px;background:linear-gradient(180deg,#ff686d,#eb3338);color:#17181b;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:1000;box-shadow:0 5px 12px rgba(0,0,0,.25);}
body.theme4-body .theme4-menu-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
body.theme4-body .theme4-menu-wallet-actions a{height:62px;border-radius:9px;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 20px rgba(0,0,0,.18);}
body.theme4-body .theme4-menu-wallet-actions i{font-style:normal;font-size:34px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));}
body.theme4-body .theme4-deposit-blue{background:linear-gradient(180deg,#78c7ff,#1592df)!important;}
body.theme4-body .theme4-withdraw-orange{background:linear-gradient(180deg,#ffc44a,#f18b12)!important;}
body.theme4-body .theme4-menu-list{display:grid;gap:14px;}
body.theme4-body .theme4-menu-list a{height:50px;border-radius:8px;background:#34353a;color:#fff;text-decoration:none;display:flex;align-items:center;gap:16px;padding:0 25px;font-size:16px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
body.theme4-body .theme4-menu-list i{width:24px;text-align:center;font-style:normal;font-size:18px;color:#fff;filter:grayscale(1) brightness(1.8);}
body.theme4-body .theme4-full-flags{display:flex;justify-content:center;margin-top:25px;gap:9px;}
body.theme4-body .theme4-full-flags a{width:38px;height:38px;border-radius:50%;overflow:hidden;border:2px solid transparent;background:#111;display:none;}
body.theme4-body .theme4-full-flags a.active{display:block;border-color:rgba(255,255,255,.16);}
body.theme4-body .theme4-full-flags img{width:100%;height:100%;object-fit:cover;display:block;}

/* theme 4 provider/game list - original dark-red style, not pink cards */
body.theme4-body .provider-page.v83-provider-page{padding-top:12px!important;padding-bottom:124px!important;}
body.theme4-body .provider-back{display:none!important;}
body.theme4-body .provider-page-title--inside{display:none!important;}
body.theme4-body .provider-page.v83-provider-page:before{content:'🇹🇭 รับข่าวสารและกิจกรรมพิเศษจากเราได้ที่ GOATGAME88🐐  แอดด่วน 👉 ID Line: @goatgame88s';display:block;height:30px;line-height:30px;text-align:center;color:#e9e9e9;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.theme4-body .game-list-grid.pro-image-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px 9px!important;padding:18px 0 20px!important;max-width:none!important;margin:0!important;}
body.theme4-body .game-card-pro.v82-play-card{height:238px!important;min-height:238px!important;border-radius:10px!important;border:1px solid #ff3b42!important;background:#16171b!important;box-shadow:0 10px 20px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.03)!important;overflow:hidden!important;color:#fff!important;position:relative!important;text-decoration:none!important;padding:0!important;}
body.theme4-body .v82-play-card .v82-game-title{position:absolute!important;left:7px!important;right:7px!important;bottom:8px!important;height:auto!important;z-index:4!important;color:#fff!important;background:transparent!important;font-size:13px!important;font-weight:1000!important;line-height:1.05!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 2px 5px rgba(0,0,0,.9)!important;display:block!important;}
body.theme4-body .v82-play-card .v82-game-image{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;display:block!important;background:#111!important;}
body.theme4-body .v82-play-card .v82-game-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(1.03) contrast(1.04)!important;}
body.theme4-body .v82-play-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0,transparent 45%,rgba(0,0,0,.68) 100%);z-index:2;pointer-events:none;}
body.theme4-body .v82-play-card .v82-play-bar{display:none!important;}
body.theme4-body .game-card-pro.v82-play-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 28px rgba(0,0,0,.34),0 0 18px rgba(255,60,66,.16)!important;}

@media(max-width:1280px){
  body.theme4-body .v113-center-logo{left:calc(50% - 378px)!important;}
  body.theme4-body .theme4-bell{right:calc(50% - 330px)!important;}
  body.theme4-body .v113-menu-btn{right:calc(50% - 380px)!important;}
  body.theme4-body .theme4-right-actions{right:-88px!important;transition:transform .18s ease,right .18s ease!important;}
  body.theme4-body .theme4-right-actions:hover{right:0!important;}
}
@media(max-width:900px){
  body.theme4-body .pink-topbar.v113-topbar{height:78px!important;}
  body.theme4-body .v113-center-logo{left:18px!important;top:23px!important;}
  body.theme4-body .theme4-bell{right:72px!important;top:17px!important;}
  body.theme4-body .v113-menu-btn{right:18px!important;top:27px!important;}
  body.theme4-body .v113-top-actions{top:12px!important;}
  body.theme4-body .theme4-page,body.theme4-body .provider-page.v83-provider-page{width:min(100%,calc(100vw - 18px))!important;}
  body.theme4-body .theme4-sport-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow-x:auto!important;display:flex!important;gap:9px!important;scrollbar-width:none!important;}
  body.theme4-body .theme4-sport-row::-webkit-scrollbar{display:none!important;}
  body.theme4-body .theme4-sport-card{min-width:205px!important;height:112px!important;}
  body.theme4-body .theme4-provider-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  body.theme4-body .theme4-provider-card{height:138px!important;}
  body.theme4-body .game-list-grid.pro-image-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;}
  body.theme4-body .game-card-pro.v82-play-card{height:190px!important;min-height:190px!important;}
  body.theme4-body .theme4-right-actions{display:none!important;}
}
@media(max-width:560px){
  body.theme4-body .pink-topbar.v113-topbar{height:72px!important;border-radius:0 0 20px 20px!important;}
  body.theme4-body .v113-center-logo{left:14px!important;top:21px!important;width:118px!important;}
  body.theme4-body .v113-center-logo img{height:27px!important;max-width:118px!important;}
  body.theme4-body .theme4-wallet-pill{min-width:116px!important;height:45px!important;grid-template-columns:1fr 1fr 28px!important;}
  body.theme4-body .theme4-wallet-pill div{padding:5px 6px!important;}
  body.theme4-body .theme4-wallet-pill span{font-size:10px!important;}
  body.theme4-body .theme4-wallet-pill b{font-size:10px!important;}
  body.theme4-body .theme4-bell{right:56px!important;top:16px!important;width:36px!important;height:36px!important;font-size:18px!important;}
  body.theme4-body .v113-menu-btn{right:10px!important;top:24px!important;width:38px!important;}
  body.theme4-body .v113-menu-btn span{width:28px!important;height:3px!important;}
  body.theme4-body .theme4-newsline{font-size:12px!important;justify-content:flex-start!important;height:26px!important;}
  body.theme4-body .theme4-hero>img,body.theme4-body .theme4-hero-slider{aspect-ratio:690/190!important;}
  body.theme4-body .theme4-game-area{grid-template-columns:55px minmax(0,1fr)!important;gap:6px!important;}
  body.theme4-body .theme4-side-cats a{height:50px!important;}
  body.theme4-body .theme4-side-cats b{font-size:10px!important;}
  body.theme4-body .theme4-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  body.theme4-body .theme4-provider-card{height:126px!important;border-radius:9px!important;}
  body.theme4-body .theme4-provider-card b{font-size:10px!important;}
  body.theme4-body .game-list-grid.pro-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  body.theme4-body .game-card-pro.v82-play-card{height:156px!important;min-height:156px!important;border-radius:8px!important;}
  body.theme4-body .v82-play-card .v82-game-title{font-size:10px!important;left:5px!important;right:5px!important;bottom:6px!important;}
  body.theme4-body .theme4-full-menu{width:min(430px,calc(100vw - 30px));margin-top:24px;}
  body.theme4-body .theme4-full-logo{height:72px;}
  body.theme4-body .theme4-full-logo img{max-width:260px;max-height:62px;}
  body.theme4-body .theme4-user-row{grid-template-columns:48px minmax(0,1fr) 76px;}
  body.theme4-body .theme4-profile-mini{font-size:11px;}
  body.theme4-body .theme4-menu-wallet-actions a{height:58px;font-size:15px;}
  body.theme4-body .theme4-menu-wallet-actions i{font-size:29px;}
  body.theme4-body .theme4-menu-list a{height:49px;font-size:15px;padding:0 20px;}
}


/* V168 THEME 4 ORIGINAL SIDE/BOTTOM NAV PATCH
   แก้เมนูแท็บขวาไม่ให้ไปทับคอนเทนต์ และแก้เมนูล่างให้เป็นแถบดำเต็มจอแบบต้นฉบับ */
html body.front-pink-body.theme4-body .wrap.pink-app-shell,
html body.theme4-body .wrap.pink-app-shell{
  padding-bottom:96px!important;
}
html body.theme4-body .theme4-right-actions,
html body.front-pink-body.theme4-body .theme4-right-actions{
  position:fixed!important;
  top:50%!important;
  right:42px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  z-index:76!important;
  width:128px!important;
  min-width:128px!important;
  padding:16px 12px 16px 26px!important;
  border:1px solid #ff565c!important;
  border-left-width:3px!important;
  border-right:0!important;
  border-radius:42px 0 0 42px!important;
  background:rgba(28,29,33,.92)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.35)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  overflow:visible!important;
}
html body.theme4-body .theme4-right-actions a,
html body.front-pink-body.theme4-body .theme4-right-actions a{
  width:86px!important;
  height:56px!important;
  min-width:86px!important;
  border:1px solid #ec3d44!important;
  border-radius:9px!important;
  background:#17181c!important;
  color:#fff!important;
  text-decoration:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body.theme4-body .theme4-right-actions a span,
html body.front-pink-body.theme4-body .theme4-right-actions a span{
  font-size:20px!important;
  line-height:1!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(255,76,82,.18))!important;
}
html body.theme4-body .theme4-right-actions a b,
html body.front-pink-body.theme4-body .theme4-right-actions a b{
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:1000!important;
}

html body.theme4-body .bottom.theme4-bottom-nav,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  height:88px!important;
  padding:0!important;
  margin:0!important;
  z-index:90!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(35,36,40,.92) 0%,rgba(24,25,29,.98) 72%,rgba(19,20,23,1) 100%)!important;
  box-shadow:0 -18px 46px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
  width:min(650px,100%)!important;
  max-width:650px!important;
  height:88px!important;
  margin:0 auto!important;
  padding:0 8px 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(86px,112px))!important;
  justify-content:center!important;
  align-items:end!important;
  column-gap:2px!important;
}
html body.theme4-body .theme4-bottom-inner .navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem,
html body.theme4-body .theme4-bottom-inner .pink-navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .pink-navitem{
  width:auto!important;
  min-width:0!important;
  height:76px!important;
  padding:7px 4px 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:0 0 14px 14px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#a9a9a9!important;
  text-decoration:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:12px!important;
  font-weight:1000!important;
  text-align:center!important;
  text-shadow:none!important;
}
html body.theme4-body .theme4-bottom-inner .navitem:first-child,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
  background:linear-gradient(180deg,rgba(255,103,109,.20),rgba(255,103,109,.055))!important;
  border-bottom:3px solid #ff666b!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 28px rgba(255,74,82,.10)!important;
}
html body.theme4-body .theme4-bottom-inner .navitem span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{
  font-size:27px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.35))!important;
}
html body.theme4-body .theme4-bottom-inner .navitem b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  color:inherit!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center{
  transform:translateY(-12px)!important;
  color:#fff!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 34% 22%,#ffe99a 0,#e1a629 45%,#a96d11 76%,#704006 100%)!important;
  border:2px solid rgba(255,229,132,.45)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 30px rgba(255,207,69,.22),inset 0 2px 0 rgba(255,255,255,.28)!important;
  display:grid!important;
  place-items:center!important;
  font-size:34px!important;
  line-height:1!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center b{
  margin-top:-1px!important;
}

@media(max-width:1500px){
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{right:18px!important;}
}
@media(max-width:1280px){
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{right:12px!important;transform:translateY(-50%)!important;}
}
@media(max-width:900px){
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{display:none!important;}
  html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner{width:100%!important;grid-template-columns:repeat(5,1fr)!important;}
}
@media(max-width:560px){
  html body.theme4-body .bottom.theme4-bottom-nav,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{height:82px!important;}
  html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner{height:82px!important;padding:0 3px 6px!important;}
  html body.theme4-body .theme4-bottom-inner .navitem,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem{height:70px!important;font-size:10px!important;gap:4px!important;}
  html body.theme4-body .theme4-bottom-inner .navitem span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{font-size:23px!important;}
  html body.theme4-body .theme4-bottom-inner .navitem b,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{font-size:10px!important;}
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{width:56px!important;height:56px!important;font-size:29px!important;}
}

/* V169 THEME4 FULL ORIGINAL WIDTH + BOTTOM BAR PATCH
   แก้ช่องว่างด้านขวา: ขยายพื้นที่ theme4 ให้กินความกว้างจอ และกันเมนูขวาทับเนื้อหา
   แก้เมนูล่าง: ให้เป็นแถบเต็มหน้าจอ ไม่ใช่กล่องแคปซูลกลางจอ */
html body.front-pink-body.theme4-body,
html body.theme4-body{
  overflow-x:hidden!important;
  background:#242528!important;
}
html body.theme4-body .wrap.pink-app-shell,
html body.front-pink-body.theme4-body .wrap.pink-app-shell{
  width:100vw!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-bottom:104px!important;
  background:#242528!important;
  overflow:visible!important;
}
/* ขยาย content ออกไปทางขวา ไม่ให้เหลือช่องว่างใหญ่ */
html body.theme4-body .theme4-page,
html body.front-pink-body.theme4-body .theme4-page{
  width:calc(100vw - 270px)!important;
  max-width:1480px!important;
  min-width:0!important;
  margin-left:max(10px,calc((100vw - 1680px)/2 + 18px))!important;
  margin-right:250px!important;
  padding:10px 0 42px!important;
  box-sizing:border-box!important;
}
html body.theme4-body .theme4-hero,
html body.theme4-body .theme4-sport-row,
html body.theme4-body .theme4-game-area,
html body.theme4-body .theme4-section-name,
html body.front-pink-body.theme4-body .theme4-hero,
html body.front-pink-body.theme4-body .theme4-sport-row,
html body.front-pink-body.theme4-body .theme4-game-area,
html body.front-pink-body.theme4-body .theme4-section-name{
  width:100%!important;
  max-width:none!important;
}
html body.theme4-body .theme4-sport-row,
html body.front-pink-body.theme4-body .theme4-sport-row{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
html body.theme4-body .theme4-game-area,
html body.front-pink-body.theme4-body .theme4-game-area{
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:10px!important;
}
html body.theme4-body .theme4-provider-grid,
html body.front-pink-body.theme4-body .theme4-provider-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
}
html body.theme4-body .theme4-provider-card,
html body.front-pink-body.theme4-body .theme4-provider-card{
  height:138px!important;
  min-width:0!important;
}
html body.theme4-body .theme4-provider-card img,
html body.front-pink-body.theme4-body .theme4-provider-card img{
  object-fit:cover!important;
}
/* หน้าเข้าค่าย/provider ขยายเหมือนกัน */
html body.theme4-body .provider-page.v83-provider-page,
html body.front-pink-body.theme4-body .provider-page.v83-provider-page{
  width:calc(100vw - 270px)!important;
  max-width:1480px!important;
  margin-left:max(10px,calc((100vw - 1680px)/2 + 18px))!important;
  margin-right:250px!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body.theme4-body .provider-page .game-list-grid.pro-image-grid,
html body.front-pink-body.theme4-body .provider-page .game-list-grid.pro-image-grid{
  grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
/* เมนูขวาแบบต้นฉบับ: ลอยอยู่ขวา แต่ไม่กินพื้นที่ content */
html body.theme4-body .theme4-right-actions,
html body.front-pink-body.theme4-body .theme4-right-actions{
  position:fixed!important;
  right:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:122px!important;
  min-width:122px!important;
  padding:16px 11px 16px 25px!important;
  border-radius:42px 0 0 42px!important;
  border:1px solid #ff555c!important;
  border-left-width:3px!important;
  border-right:0!important;
  background:rgba(25,26,30,.88)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.36)!important;
  display:grid!important;
  gap:11px!important;
  z-index:72!important;
}
html body.theme4-body .theme4-right-actions a,
html body.front-pink-body.theme4-body .theme4-right-actions a{
  width:84px!important;
  height:54px!important;
  border-radius:8px!important;
  border:1px solid #ef4148!important;
  background:#17181c!important;
  font-size:10.5px!important;
}
/* เมนูล่างแบบต้นฉบับ: outer bar เต็มจอจริง */
html body.theme4-body .bottom.theme4-bottom-nav,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100vw!important;
  max-width:none!important;
  height:92px!important;
  padding:0!important;
  margin:0!important;
  z-index:95!important;
  display:block!important;
  border-radius:0!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  background:linear-gradient(180deg,rgba(35,36,40,.82) 0%,rgba(25,26,30,.97) 48%,rgba(18,19,22,1) 100%)!important;
  box-shadow:0 -18px 42px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html body.theme4-body .bottom.theme4-bottom-nav:before,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav:before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,90,96,.28),transparent)!important;
}
html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
  width:100%!important;
  max-width:none!important;
  height:92px!important;
  margin:0!important;
  padding:0 max(18px,calc((100vw - 780px)/2)) 8px!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  align-items:end!important;
  justify-content:stretch!important;
  box-sizing:border-box!important;
}
html body.theme4-body .theme4-bottom-inner .navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem,
html body.theme4-body .theme4-bottom-inner .pink-navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .pink-navitem{
  width:100%!important;
  max-width:none!important;
  height:78px!important;
  margin:0!important;
  padding:7px 2px 8px!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#a7a7a7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
}
html body.theme4-body .theme4-bottom-inner .navitem:first-child,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
  border-radius:0 0 12px 12px!important;
  background:linear-gradient(180deg,rgba(255,105,110,.18),rgba(255,105,110,.045))!important;
  border-bottom:3px solid #ff6066!important;
  color:#fff!important;
}
html body.theme4-body .theme4-bottom-inner .navitem span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{
  font-size:27px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
html body.theme4-body .theme4-bottom-inner .navitem b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{
  font-size:11.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-weight:1000!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center{
  transform:translateY(-12px)!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
  width:66px!important;
  height:66px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 34% 22%,#ffe68c 0,#de9f23 48%,#a5670f 78%,#653605 100%)!important;
  border:2px solid rgba(255,230,134,.42)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.42),0 0 34px rgba(255,202,54,.24),inset 0 2px 0 rgba(255,255,255,.28)!important;
  font-size:34px!important;
}
@media(max-width:1500px){
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page,
  html body.theme4-body .provider-page.v83-provider-page,
  html body.front-pink-body.theme4-body .provider-page.v83-provider-page{
    width:calc(100vw - 210px)!important;
    margin-right:190px!important;
    margin-left:10px!important;
  }
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{right:10px!important;}
}
@media(max-width:1100px){
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page,
  html body.theme4-body .provider-page.v83-provider-page,
  html body.front-pink-body.theme4-body .provider-page.v83-provider-page{
    width:calc(100vw - 16px)!important;
    margin:0 8px!important;
  }
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{display:none!important;}
}
@media(max-width:650px){
  html body.theme4-body .theme4-provider-grid,
  html body.front-pink-body.theme4-body .theme4-provider-grid,
  html body.theme4-body .provider-page .game-list-grid.pro-image-grid,
  html body.front-pink-body.theme4-body .provider-page .game-list-grid.pro-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  html body.theme4-body .bottom.theme4-bottom-nav,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{height:84px!important;}
  html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner{height:84px!important;padding:0 0 7px!important;}
  html body.theme4-body .theme4-bottom-inner .navitem,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem{height:72px!important;}
  html body.theme4-body .theme4-bottom-inner .navitem span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{font-size:23px!important;}
  html body.theme4-body .theme4-bottom-inner .navitem b,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{font-size:10px!important;}
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{width:56px!important;height:56px!important;font-size:29px!important;}
}

/* ===== V170 THEME4 MOBILE ORIGINAL-PROPORTION PATCH =====
   โฟกัสมือถือ: header/action-row/bottom-tab ให้เหมือนต้นฉบับมากขึ้น */
@media (max-width: 700px){
  html,body{overflow-x:hidden!important;}
  html body.theme4-body,
  html body.front-pink-body.theme4-body{
    background:#28292b!important;
  }
  html body.theme4-body .wrap.pink-app-shell,
  html body.front-pink-body.theme4-body .wrap.pink-app-shell{
    width:100vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    background:#28292b!important;
    padding-bottom:92px!important;
    overflow-x:hidden!important;
  }

  /* Header มือถือแบบต้นฉบับ: โลโก้ซ้าย / wallet กลาง / กระดิ่ง+เมนูขวา / ปุ่ม 4 ช่องใต้ wallet */
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:148px!important;
    min-height:148px!important;
    position:sticky!important;
    top:0!important;
    z-index:120!important;
    background:linear-gradient(180deg,#111215 0%,#191a1e 100%)!important;
    border:0!important;
    border-bottom:2px solid #ff5b60!important;
    border-radius:0 0 32px 32px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.35)!important;
    padding:0!important;
    display:block!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    left:20px!important;
    top:28px!important;
    transform:none!important;
    width:142px!important;
    max-width:142px!important;
    height:34px!important;
    justify-content:flex-start!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-height:33px!important;
    max-width:140px!important;
    object-fit:contain!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    top:18px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    min-width:0!important;
    z-index:3!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    min-width:146px!important;
    width:146px!important;
    height:56px!important;
    grid-template-columns:1fr 1fr 34px!important;
    border-radius:9px!important;
    border-color:#ff454b!important;
    background:#15161a!important;
    transform:none!important;
    overflow:visible!important;
    box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{
    padding:5px 7px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{
    font-size:11px!important;
    line-height:1.1!important;
  }
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{
    font-size:12px!important;
    line-height:1.1!important;
  }
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{
    width:34px!important;
    height:56px!important;
    border-radius:0 9px 9px 0!important;
    background:#ff666b!important;
    font-size:22px!important;
  }
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    right:70px!important;
    top:28px!important;
    width:42px!important;
    height:42px!important;
    font-size:20px!important;
    z-index:5!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    right:22px!important;
    top:27px!important;
    width:42px!important;
    height:44px!important;
    padding:0!important;
    gap:6px!important;
    z-index:6!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:31px!important;
    height:3px!important;
    background:#fff!important;
  }

  /* เอาเมนูขวา desktop มาเป็นปุ่ม 4 ช่องใต้ header บนมือถือ */
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    display:flex!important;
    position:fixed!important;
    top:84px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:min(300px,calc(100vw - 182px))!important;
    min-width:286px!important;
    height:55px!important;
    z-index:125!important;
    padding:0!important;
    border:0!important;
    border-left:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    gap:5px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body.theme4-body .theme4-right-actions a,
  html body.front-pink-body.theme4-body .theme4-right-actions a{
    width:68px!important;
    height:55px!important;
    min-width:68px!important;
    border-radius:7px!important;
    border:1px solid #ff3f46!important;
    background:#17181c!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1.1!important;
    gap:3px!important;
  }
  html body.theme4-body .theme4-right-actions span,
  html body.front-pink-body.theme4-body .theme4-right-actions span{
    font-size:17px!important;
    line-height:1!important;
  }

  /* Page มือถือ */
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 8px 96px!important;
    overflow:hidden!important;
  }
  html body.theme4-body .theme4-newsline,
  html body.front-pink-body.theme4-body .theme4-newsline{
    height:28px!important;
    justify-content:flex-start!important;
    font-size:15px!important;
    padding:0 0!important;
    margin:0 0 4px!important;
  }
  html body.theme4-body .theme4-hero,
  html body.front-pink-body.theme4-body .theme4-hero{
    width:100%!important;
    border-radius:4px!important;
    margin:0 0 12px!important;
  }
  html body.theme4-body .theme4-hero>img,
  html body.theme4-body .theme4-hero-slider,
  html body.front-pink-body.theme4-body .theme4-hero>img,
  html body.front-pink-body.theme4-body .theme4-hero-slider{
    aspect-ratio:480/129!important;
    min-height:126px!important;
    max-height:132px!important;
  }
  html body.theme4-body .theme4-section-name,
  html body.front-pink-body.theme4-body .theme4-section-name{
    font-size:15px!important;
    margin:8px 0 8px!important;
    color:#ff3f46!important;
  }
  html body.theme4-body .theme4-sport-row,
  html body.front-pink-body.theme4-body .theme4-sport-row{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    margin:0 0 10px!important;
    padding:0 0 2px!important;
    scrollbar-width:none!important;
  }
  html body.theme4-body .theme4-sport-row::-webkit-scrollbar,
  html body.front-pink-body.theme4-body .theme4-sport-row::-webkit-scrollbar{display:none!important;}
  html body.theme4-body .theme4-sport-card,
  html body.front-pink-body.theme4-body .theme4-sport-card{
    flex:0 0 calc((100vw - 25px)/2)!important;
    width:calc((100vw - 25px)/2)!important;
    height:112px!important;
    scroll-snap-align:start!important;
  }
  html body.theme4-body .theme4-game-area,
  html body.front-pink-body.theme4-body .theme4-game-area{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
  }
  html body.theme4-body .theme4-side-cats,
  html body.front-pink-body.theme4-body .theme4-side-cats{
    top:156px!important;
    gap:6px!important;
    max-height:calc(100dvh - 244px)!important;
    padding-bottom:96px!important;
  }
  html body.theme4-body .theme4-side-cats a,
  html body.front-pink-body.theme4-body .theme4-side-cats a{
    width:64px!important;
    height:52px!important;
    border-radius:8px!important;
  }
  html body.theme4-body .theme4-side-cats b,
  html body.front-pink-body.theme4-body .theme4-side-cats b{
    font-size:10px!important;
  }
  html body.theme4-body .theme4-provider-grid,
  html body.front-pink-body.theme4-body .theme4-provider-grid,
  html body.theme4-body .provider-page .game-list-grid.pro-image-grid,
  html body.front-pink-body.theme4-body .provider-page .game-list-grid.pro-image-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }
  html body.theme4-body .theme4-provider-card,
  html body.front-pink-body.theme4-body .theme4-provider-card{
    height:138px!important;
    border-radius:8px!important;
  }
  html body.theme4-body .theme4-provider-card b,
  html body.front-pink-body.theme4-body .theme4-provider-card b{
    font-size:10px!important;
    bottom:6px!important;
  }

  /* หน้า provider มือถือให้ใช้สัดส่วนเดียวกับ lobby */
  html body.theme4-body .provider-page.v83-provider-page,
  html body.front-pink-body.theme4-body .provider-page.v83-provider-page{
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 8px 96px!important;
    overflow:hidden!important;
  }
  html body.theme4-body .provider-back,
  html body.front-pink-body.theme4-body .provider-back,
  html body.theme4-body .provider-page-title--inside,
  html body.front-pink-body.theme4-body .provider-page-title--inside{
    display:none!important;
  }
  html body.theme4-body .provider-page .v82-play-card,
  html body.front-pink-body.theme4-body .provider-page .v82-play-card{
    height:138px!important;
    min-height:138px!important;
    border-radius:8px!important;
  }
  html body.theme4-body .provider-page .v82-game-image,
  html body.front-pink-body.theme4-body .provider-page .v82-game-image,
  html body.theme4-body .provider-page .v82-game-image img,
  html body.front-pink-body.theme4-body .provider-page .v82-game-image img{
    height:138px!important;
  }

  /* Bottom nav มือถือ: เต็มแท็บแบบต้นฉบับ ไม่ใช่แคปซูลกลาง */
  html body.theme4-body .bottom.theme4-bottom-nav,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:none!important;
    width:100vw!important;
    max-width:none!important;
    height:82px!important;
    padding:0!important;
    margin:0!important;
    z-index:300!important;
    background:linear-gradient(180deg,rgba(42,43,47,.97),rgba(22,23,27,.99))!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    box-shadow:0 -14px 34px rgba(0,0,0,.34)!important;
    overflow:visible!important;
  }
  html body.theme4-body .bottom.theme4-bottom-nav:before,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav:before{
    display:none!important;
    content:none!important;
  }
  html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:82px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem,
  html body.theme4-body .theme4-bottom-inner .pink-navitem,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .pink-navitem{
    width:100%!important;
    height:82px!important;
    min-height:82px!important;
    border-radius:0!important;
    margin:0!important;
    padding:8px 0 7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    color:#9b9da3!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    text-decoration:none!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem:first-child,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
    color:#fff!important;
    background:linear-gradient(180deg,rgba(255,99,107,.22),rgba(255,99,107,.08))!important;
    border-bottom:3px solid #ff5f66!important;
    border-radius:0 0 10px 10px!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{
    font-size:25px!important;
    line-height:1!important;
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    filter:drop-shadow(0 4px 9px rgba(0,0,0,.35));
  }
  html body.theme4-body .theme4-bottom-inner .navitem b,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{
    display:block!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:1000!important;
    white-space:nowrap!important;
    text-align:center!important;
    color:inherit!important;
  }
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center{
    transform:none!important;
    position:relative!important;
    z-index:2!important;
    padding-top:24px!important;
  }
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
    position:absolute!important;
    left:50%!important;
    top:-28px!important;
    transform:translateX(-50%)!important;
    width:64px!important;
    height:64px!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 35% 25%,#ffe89c 0,#e2aa2c 48%,#b67312 72%,#6b3b04 100%)!important;
    border:2px solid rgba(255,223,126,.75)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.48),0 0 24px rgba(255,194,54,.24)!important;
    font-size:33px!important;
    color:#fff!important;
  }
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center b,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center b{
    color:#fff!important;
    margin-top:11px!important;
  }

  html body.theme4-body .theme4-contact-float,
  html body.front-pink-body.theme4-body .theme4-contact-float{
    right:10px!important;
    bottom:112px!important;
    z-index:210!important;
  }
}

@media (max-width: 380px){
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    width:min(272px,calc(100vw - 138px))!important;
    min-width:252px!important;
    gap:4px!important;
  }
  html body.theme4-body .theme4-right-actions a,
  html body.front-pink-body.theme4-body .theme4-right-actions a{
    width:61px!important;
    min-width:61px!important;
    font-size:9px!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:14px!important;width:118px!important;max-width:118px!important;}
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{max-width:116px!important;}
}


/* ===== V171 FINAL THEME4 LAYOUT TUNE ===== */
/* Desktop layout must follow original GOATGAME88 reference more closely */
html body.theme4-body .theme4-page,
html body.front-pink-body.theme4-body .theme4-page{
  max-width:1120px!important;
  width:min(1120px,calc(100vw - 320px))!important;
  margin:0 auto!important;
  padding:8px 18px 120px!important;
}
html body.theme4-body .theme4-hero,
html body.front-pink-body.theme4-body .theme4-hero{
  margin-top:4px!important;
}
html body.theme4-body .theme4-game-area,
html body.front-pink-body.theme4-body .theme4-game-area{
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:8px!important;
}
html body.theme4-body .theme4-side-cats,
html body.front-pink-body.theme4-body .theme4-side-cats{
  gap:6px!important;
}
html body.theme4-body .theme4-side-cats a,
html body.front-pink-body.theme4-body .theme4-side-cats a{
  width:54px!important;
  height:48px!important;
  border-radius:10px!important;
}
html body.theme4-body .theme4-side-cats b,
html body.front-pink-body.theme4-body .theme4-side-cats b{
  font-size:10px!important;
}
html body.theme4-body .theme4-provider-grid,
html body.front-pink-body.theme4-body .theme4-provider-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
}
html body.theme4-body .theme4-provider-card,
html body.front-pink-body.theme4-body .theme4-provider-card{
  height:112px!important;
  border-radius:10px!important;
}
html body.theme4-body .theme4-provider-card b,
html body.front-pink-body.theme4-body .theme4-provider-card b{
  bottom:7px!important;
  font-size:11px!important;
}

/* Right floating menu: same inset and size as original */
html body.theme4-body .theme4-right-actions,
html body.front-pink-body.theme4-body .theme4-right-actions{
  position:fixed!important;
  right:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  gap:10px!important;
  padding:14px 12px 14px 22px!important;
  background:rgba(27,28,32,.90)!important;
  border:1px solid rgba(255,90,96,.95)!important;
  border-left-width:2px!important;
  border-radius:34px 0 0 34px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.32)!important;
  z-index:120!important;
}
html body.theme4-body .theme4-right-actions a,
html body.front-pink-body.theme4-body .theme4-right-actions a{
  width:92px!important;
  height:56px!important;
  min-width:92px!important;
  border-radius:10px!important;
  border:1px solid #ef4b4f!important;
  background:#16171b!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.theme4-body .theme4-right-actions a span,
html body.front-pink-body.theme4-body .theme4-right-actions a span{
  font-size:19px!important;
  line-height:1!important;
}
html body.theme4-body .theme4-right-actions a b,
html body.front-pink-body.theme4-body .theme4-right-actions a b{
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.05!important;
}

/* Bottom menu desktop: centered rounded bar like original reference */
html body.theme4-body .bottom.theme4-bottom-nav,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  width:min(560px,calc(100vw - 38px))!important;
  max-width:min(560px,calc(100vw - 38px))!important;
  height:76px!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(43,25,38,.92),rgba(14,15,20,.96))!important;
  border:1px solid rgba(255,99,107,.42)!important;
  border-radius:22px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.38)!important;
  z-index:140!important;
  overflow:visible!important;
}
html body.theme4-body .bottom.theme4-bottom-nav:before,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  border-radius:22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  pointer-events:none!important;
}
html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0 10px 7px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;
  background:transparent!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
html body.theme4-body .theme4-bottom-inner .navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem,
html body.theme4-body .theme4-bottom-inner .pink-navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .pink-navitem{
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:8px 0 6px!important;
  border:0!important;
  border-radius:0 0 14px 14px!important;
  background:transparent!important;
  color:#9a9ba1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.theme4-body .theme4-bottom-inner .navitem:first-child,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,117,122,.22),rgba(255,117,122,.07))!important;
  border-bottom:2px solid #ff6c71!important;
}
html body.theme4-body .theme4-bottom-inner .navitem span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  font-size:24px!important;
  line-height:1!important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.35));
}
html body.theme4-body .theme4-bottom-inner .navitem b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:inherit!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center{
  position:relative!important;
  transform:none!important;
  padding-top:0!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
  position:absolute!important;
  left:50%!important;
  top:-15px!important;
  transform:translateX(-50%)!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 25%,#ffe89d 0,#e3ab2e 46%,#bd7b17 72%,#6d3d04 100%)!important;
  border:2px solid rgba(255,223,126,.62)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.42),0 0 22px rgba(255,193,44,.22)!important;
  font-size:31px!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center b{
  margin-top:14px!important;
  color:#fff!important;
}
html body.theme4-body .theme4-contact-float,
html body.front-pink-body.theme4-body .theme4-contact-float{
  right:12px!important;
  bottom:102px!important;
}

/* Tablet */
@media (max-width: 1100px){
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page{
    width:min(980px,calc(100vw - 150px))!important;
  }
  html body.theme4-body .theme4-provider-grid,
  html body.front-pink-body.theme4-body .theme4-provider-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
@media (max-width: 900px){
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page{
    width:min(100%,calc(100vw - 22px))!important;
    padding:8px 8px 106px!important;
  }
  html body.theme4-body .theme4-provider-grid,
  html body.front-pink-body.theme4-body .theme4-provider-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body.theme4-body .theme4-provider-card,
  html body.front-pink-body.theme4-body .theme4-provider-card{
    height:128px!important;
  }
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{display:none!important;}
}

/* Mobile - remove overlap, use full original-style bottom tab */
@media (max-width: 560px){
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:150px!important;
    border-radius:0 0 26px 26px!important;
    padding:0!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    top:16px!important;
    left:16px!important;
    transform:none!important;
    width:auto!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:96px!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    top:12px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    min-width:146px!important;
    width:146px!important;
    height:48px!important;
    border-radius:12px!important;
    grid-template-columns:1fr 1fr 26px!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{font-size:10px!important;}
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:11px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    right:62px!important;
    top:13px!important;
    width:36px!important;
    height:36px!important;
    font-size:18px!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    right:12px!important;
    top:10px!important;
    width:42px!important;
    height:42px!important;
  }
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page,
  html body.theme4-body .provider-page.v83-provider-page,
  html body.front-pink-body.theme4-body .provider-page.v83-provider-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:8px 8px 104px!important;
  }
  html body.theme4-body .theme4-newsline,
  html body.front-pink-body.theme4-body .theme4-newsline{
    margin-top:4px!important;
    min-height:24px!important;
  }
  html body.theme4-body .theme4-game-area,
  html body.front-pink-body.theme4-body .theme4-game-area{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:6px!important;
  }
  html body.theme4-body .theme4-side-cats,
  html body.front-pink-body.theme4-body .theme4-side-cats{
    top:0!important;
    gap:6px!important;
    padding-bottom:0!important;
    max-height:none!important;
  }
  html body.theme4-body .theme4-side-cats a,
  html body.front-pink-body.theme4-body .theme4-side-cats a{
    width:58px!important;
    height:52px!important;
  }
  html body.theme4-body .theme4-provider-grid,
  html body.front-pink-body.theme4-body .theme4-provider-grid,
  html body.theme4-body .provider-page .game-list-grid.pro-image-grid,
  html body.front-pink-body.theme4-body .provider-page .game-list-grid.pro-image-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  html body.theme4-body .theme4-provider-card,
  html body.front-pink-body.theme4-body .theme4-provider-card,
  html body.theme4-body .provider-page .v82-play-card,
  html body.front-pink-body.theme4-body .provider-page .v82-play-card{
    height:136px!important;
    min-height:136px!important;
    border-radius:8px!important;
  }
  html body.theme4-body .provider-page .v82-game-image,
  html body.front-pink-body.theme4-body .provider-page .v82-game-image,
  html body.theme4-body .provider-page .v82-game-image img,
  html body.front-pink-body.theme4-body .provider-page .v82-game-image img{height:136px!important;}

  html body.theme4-body .bottom.theme4-bottom-nav,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
    left:50%!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    bottom:0!important;
    height:86px!important;
    border-radius:22px 22px 0 0!important;
    border:1px solid rgba(255,99,107,.45)!important;
    border-bottom:0!important;
    background:linear-gradient(180deg,rgba(42,43,47,.98),rgba(22,23,27,.99))!important;
  }
  html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
    height:86px!important;
    padding:0 0 6px!important;
    border-radius:22px 22px 0 0!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem{
    height:76px!important;
    min-height:76px!important;
    padding:10px 0 5px!important;
    gap:4px!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem:first-child,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
    border-radius:0 0 12px 12px!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{font-size:23px!important;}
  html body.theme4-body .theme4-bottom-inner .navitem b,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{font-size:10px!important;}
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
    top:-18px!important;
    width:58px!important;
    height:58px!important;
    font-size:30px!important;
  }
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center b,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center b{margin-top:14px!important;}
  html body.theme4-body .theme4-contact-float,
  html body.front-pink-body.theme4-body .theme4-contact-float{bottom:98px!important;}
}


/* ===== V172 THEME4 REAL MOBILE HEADER + FULL BOTTOM BAR FIX ===== */
/* Make header behave like the original: sticky, clean rows, no icon overlap */
html body.theme4-body .v113-topbar,
html body.front-pink-body.theme4-body .v113-topbar{
  position:sticky!important;
  top:0!important;
  z-index:350!important;
}

/* Original desktop bottom is a full-width dark tab bar, not a floating capsule */
html body.theme4-body .bottom.theme4-bottom-nav,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100vw!important;
  max-width:none!important;
  height:88px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(38,39,43,.96),rgba(19,20,24,.99))!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 -15px 38px rgba(0,0,0,.35)!important;
  overflow:visible!important;
  z-index:320!important;
}
html body.theme4-body .bottom.theme4-bottom-nav:before,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav:before{
  display:none!important;
  content:none!important;
}
html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
  width:min(620px,100%)!important;
  max-width:620px!important;
  height:88px!important;
  margin:0 auto!important;
  padding:0 0 8px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.theme4-body .theme4-bottom-inner .navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem,
html body.theme4-body .theme4-bottom-inner .pink-navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .pink-navitem{
  height:78px!important;
  min-height:78px!important;
  width:100%!important;
  margin:0!important;
  padding:11px 0 9px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8f9096!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-decoration:none!important;
}
html body.theme4-body .theme4-bottom-inner .navitem:first-child,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,101,107,.24),rgba(255,101,107,.07))!important;
  border-bottom:3px solid #ff686d!important;
  border-radius:0 0 13px 13px!important;
}
html body.theme4-body .theme4-bottom-inner .navitem span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  font-size:25px!important;
  line-height:1!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.38));
}
html body.theme4-body .theme4-bottom-inner .navitem b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{
  display:block!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  color:inherit!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center{
  transform:none!important;
  position:relative!important;
  z-index:2!important;
  padding-top:24px!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
  position:absolute!important;
  left:50%!important;
  top:-29px!important;
  transform:translateX(-50%)!important;
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 36% 24%,#ffefb0 0,#e3ad31 47%,#bd7b16 73%,#6e3b04 100%)!important;
  border:2px solid rgba(255,225,128,.78)!important;
  box-shadow:0 9px 21px rgba(0,0,0,.48),0 0 26px rgba(255,193,45,.23)!important;
  font-size:34px!important;
  color:#fff!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center b{
  margin-top:11px!important;
  color:#fff!important;
}

/* Desktop: content width same family as original, right menu not too far */
@media (min-width:901px){
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page{
    max-width:1120px!important;
    width:min(1120px,calc(100vw - 300px))!important;
    margin:0 auto!important;
    padding-bottom:128px!important;
  }
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    right:24px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:grid!important;
  }
}

/* Mobile: reference header has logo left, wallet center, bell+hamburger right, 4 buttons below */
@media (max-width:560px){
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:150px!important;
    min-height:150px!important;
    background:linear-gradient(180deg,#111216 0,#1e1f23 100%)!important;
    border-bottom:3px solid #ff6a70!important;
    border-radius:0 0 30px 30px!important;
    box-shadow:0 9px 24px rgba(0,0,0,.30)!important;
    overflow:visible!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:18px!important;
    top:24px!important;
    transform:none!important;
    width:112px!important;
    max-width:112px!important;
    height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    z-index:5!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:110px!important;
    max-height:34px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:50%!important;
    top:12px!important;
    right:auto!important;
    width:150px!important;
    max-width:150px!important;
    transform:translateX(-50%)!important;
    display:block!important;
    z-index:6!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:150px!important;
    min-width:150px!important;
    height:48px!important;
    border-radius:12px!important;
    grid-template-columns:1fr 1fr 30px!important;
    transform:none!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{padding:5px 6px!important;}
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{font-size:10px!important;}
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:11px!important;}
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{font-size:18px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:fixed!important;
    top:18px!important;
    right:62px!important;
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    z-index:370!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:fixed!important;
    top:16px!important;
    right:14px!important;
    width:42px!important;
    height:42px!important;
    z-index:370!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:29px!important;
    height:3px!important;
  }

  /* Use the same 4 quick buttons as desktop right menu, placed inside mobile header */
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    position:fixed!important;
    left:50%!important;
    top:87px!important;
    right:auto!important;
    width:min(304px,calc(100vw - 124px))!important;
    min-width:0!important;
    height:52px!important;
    transform:translateX(-50%)!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    z-index:360!important;
  }
  html body.theme4-body .theme4-right-actions a,
  html body.front-pink-body.theme4-body .theme4-right-actions a{
    width:100%!important;
    min-width:0!important;
    height:52px!important;
    border-radius:8px!important;
    border:1px solid #ff4a50!important;
    background:#17181c!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:0!important;
    color:#fff!important;
  }
  html body.theme4-body .theme4-right-actions a span,
  html body.front-pink-body.theme4-body .theme4-right-actions a span{font-size:18px!important;line-height:1!important;}
  html body.theme4-body .theme4-right-actions a b,
  html body.front-pink-body.theme4-body .theme4-right-actions a b{font-size:9px!important;line-height:1.05!important;white-space:nowrap!important;}

  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page,
  html body.theme4-body .provider-page.v83-provider-page,
  html body.front-pink-body.theme4-body .provider-page.v83-provider-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:8px 8px 100px!important;
    overflow:hidden!important;
  }
  html body.theme4-body .theme4-newsline,
  html body.front-pink-body.theme4-body .theme4-newsline{
    height:25px!important;
    margin-top:2px!important;
    font-size:13px!important;
  }
  html body.theme4-body .theme4-hero>img,
  html body.front-pink-body.theme4-body .theme4-hero>img,
  html body.theme4-body .theme4-hero-slider,
  html body.front-pink-body.theme4-body .theme4-hero-slider{
    aspect-ratio:494/126!important;
  }
  html body.theme4-body .theme4-game-area,
  html body.front-pink-body.theme4-body .theme4-game-area{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:6px!important;
  }
  html body.theme4-body .theme4-side-cats,
  html body.front-pink-body.theme4-body .theme4-side-cats{
    top:154px!important;
    max-height:calc(100dvh - 244px)!important;
    padding-bottom:88px!important;
    gap:6px!important;
  }
  html body.theme4-body .theme4-side-cats a,
  html body.front-pink-body.theme4-body .theme4-side-cats a{
    width:58px!important;
    height:52px!important;
  }
  html body.theme4-body .theme4-provider-grid,
  html body.front-pink-body.theme4-body .theme4-provider-grid,
  html body.theme4-body .provider-page .game-list-grid.pro-image-grid,
  html body.front-pink-body.theme4-body .provider-page .game-list-grid.pro-image-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  html body.theme4-body .theme4-provider-card,
  html body.front-pink-body.theme4-body .theme4-provider-card,
  html body.theme4-body .provider-page .v82-play-card,
  html body.front-pink-body.theme4-body .provider-page .v82-play-card{
    height:136px!important;
    min-height:136px!important;
    border-radius:8px!important;
  }

  /* Mobile bottom: full tab across viewport like original */
  html body.theme4-body .bottom.theme4-bottom-nav,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
    left:0!important;
    right:0!important;
    bottom:0!important;
    transform:none!important;
    width:100vw!important;
    max-width:none!important;
    height:86px!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    background:linear-gradient(180deg,rgba(38,39,43,.98),rgba(18,19,23,.99))!important;
  }
  html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
    width:100%!important;
    max-width:none!important;
    height:86px!important;
    margin:0!important;
    padding:0 0 6px!important;
    border-radius:0!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem{
    height:78px!important;
    min-height:78px!important;
    padding:10px 0 6px!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem:first-child,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
    border-radius:0 0 12px 12px!important;
  }
  html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
    top:-25px!important;
    width:60px!important;
    height:60px!important;
    font-size:31px!important;
  }
  html body.theme4-body .theme4-contact-float,
  html body.front-pink-body.theme4-body .theme4-contact-float{bottom:98px!important;}
}

@media (max-width:380px){
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{width:min(272px,calc(100vw - 96px))!important;gap:4px!important;}
  html body.theme4-body .theme4-right-actions a b,
  html body.front-pink-body.theme4-body .theme4-right-actions a b{font-size:8px!important;}
}


/* ===== V173 FORCE LONG BOTTOM NAV ===== */
html body.theme4-body .bottom.theme4-bottom-nav,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:0!important;
  width:min(680px,calc(100vw - 360px))!important;
  max-width:min(680px,calc(100vw - 360px))!important;
  height:78px!important;
  padding:0!important;
  margin:0!important;
  border-radius:22px 22px 0 0!important;
  border:1px solid rgba(255,94,100,.45)!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(39,24,37,.96),rgba(20,21,26,.985))!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.36)!important;
  overflow:visible!important;
  z-index:150!important;
}
html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
  width:100%!important;
  max-width:none!important;
  height:78px!important;
  margin:0!important;
  padding:0 14px 4px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:22px 22px 0 0!important;
  box-shadow:none!important;
}
html body.theme4-body .theme4-bottom-inner .navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem,
html body.theme4-body .theme4-bottom-inner .pink-navitem,
html body.front-pink-body.theme4-body .theme4-bottom-inner .pink-navitem{
  height:68px!important;
  min-height:68px!important;
  padding:7px 0 6px!important;
  border-radius:0 0 12px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  color:#a6a6ab!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.theme4-body .theme4-bottom-inner .navitem:first-child,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem:first-child{
  background:linear-gradient(180deg,rgba(255,113,118,.22),rgba(255,113,118,.06))!important;
  border-bottom:2px solid #ff6268!important;
  color:#fff!important;
}
html body.theme4-body .theme4-bottom-inner .navitem span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  line-height:1!important;
}
html body.theme4-body .theme4-bottom-inner .navitem b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center{
  position:relative!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center span,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center span{
  position:absolute!important;
  left:50%!important;
  top:-17px!important;
  transform:translateX(-50%)!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 25%,#ffe89d 0,#e3ab2e 46%,#bd7b17 72%,#6d3d04 100%)!important;
  border:2px solid rgba(255,223,126,.62)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.42),0 0 22px rgba(255,193,44,.22)!important;
  font-size:30px!important;
}
html body.theme4-body .theme4-bottom-inner .theme4-deposit-center b,
html body.front-pink-body.theme4-body .theme4-bottom-inner .theme4-deposit-center b{
  margin-top:14px!important;
  color:#fff!important;
}

@media (max-width: 900px){
  html body.theme4-body .bottom.theme4-bottom-nav,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav{
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    height:82px!important;
    border-radius:22px 22px 0 0!important;
  }
  html body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .theme4-bottom-inner,
  html body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner,
  html body.front-pink-body.theme4-body .bottom.theme4-bottom-nav .pink-bottom-inner{
    height:82px!important;
    padding:0 2px 5px!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem{
    height:72px!important;
    min-height:72px!important;
    padding:9px 0 6px!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem span,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem span{
    font-size:22px!important;
  }
  html body.theme4-body .theme4-bottom-inner .navitem b,
  html body.front-pink-body.theme4-body .theme4-bottom-inner .navitem b{
    font-size:10px!important;
  }
}


/* ===== V174 THEME4 ORIGINAL BOTTOM - new isolated classes, no old capsule ===== */
html body.theme4-body .theme4-original-bottom,
html body.front-pink-body.theme4-body .theme4-original-bottom{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:86px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:linear-gradient(180deg,rgba(38,39,43,.95) 0%,rgba(23,24,28,.985) 100%)!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-radius:0!important;
  box-shadow:0 -14px 36px rgba(0,0,0,.36)!important;
  z-index:999!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
html body.theme4-body .theme4-original-bottom-inner,
html body.front-pink-body.theme4-body .theme4-original-bottom-inner{
  width:min(620px,100vw)!important;
  height:86px!important;
  margin:0 auto!important;
  padding:0 0 7px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;
  justify-content:center!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.theme4-body .theme4-original-navitem,
html body.front-pink-body.theme4-body .theme4-original-navitem{
  position:relative!important;
  width:100%!important;
  height:74px!important;
  min-height:74px!important;
  margin:0!important;
  padding:10px 0 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#9b9ca2!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-weight:900!important;
}
html body.theme4-body .theme4-original-navitem.active,
html body.front-pink-body.theme4-body .theme4-original-navitem.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,108,116,.20),rgba(255,108,116,.07))!important;
  border-bottom:3px solid #ff646b!important;
  border-radius:0 0 14px 14px!important;
}
html body.theme4-body .theme4-original-navitem span,
html body.front-pink-body.theme4-body .theme4-original-navitem span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  font-size:25px!important;
  line-height:1!important;
  margin:0!important;
  filter:drop-shadow(0 4px 9px rgba(0,0,0,.35))!important;
}
html body.theme4-body .theme4-original-navitem b,
html body.front-pink-body.theme4-body .theme4-original-navitem b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  color:inherit!important;
  white-space:nowrap!important;
}
html body.theme4-body .theme4-original-deposit,
html body.front-pink-body.theme4-body .theme4-original-deposit{
  padding-top:28px!important;
  z-index:3!important;
}
html body.theme4-body .theme4-original-deposit span,
html body.front-pink-body.theme4-body .theme4-original-deposit span{
  position:absolute!important;
  left:50%!important;
  top:-28px!important;
  transform:translateX(-50%)!important;
  width:66px!important;
  height:66px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 25%,#fff1aa 0%,#e7b33a 43%,#bb7814 72%,#6b3c04 100%)!important;
  border:2px solid rgba(255,229,139,.75)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.46),0 0 28px rgba(255,202,51,.24)!important;
  font-size:34px!important;
  color:#fff!important;
}
html body.theme4-body .theme4-original-deposit b,
html body.front-pink-body.theme4-body .theme4-original-deposit b{
  margin-top:12px!important;
  color:#fff!important;
}
html body.theme4-body .wrap.pink-app-shell,
html body.front-pink-body.theme4-body .wrap.pink-app-shell{
  padding-bottom:106px!important;
}
@media(max-width:560px){
  html body.theme4-body .theme4-original-bottom,
  html body.front-pink-body.theme4-body .theme4-original-bottom{
    height:84px!important;
  }
  html body.theme4-body .theme4-original-bottom-inner,
  html body.front-pink-body.theme4-body .theme4-original-bottom-inner{
    width:100vw!important;
    height:84px!important;
    padding-bottom:6px!important;
  }
  html body.theme4-body .theme4-original-navitem,
  html body.front-pink-body.theme4-body .theme4-original-navitem{
    height:73px!important;
    padding:9px 0 6px!important;
  }
  html body.theme4-body .theme4-original-navitem span,
  html body.front-pink-body.theme4-body .theme4-original-navitem span{
    font-size:23px!important;
    width:27px!important;
    height:27px!important;
  }
  html body.theme4-body .theme4-original-navitem b,
  html body.front-pink-body.theme4-body .theme4-original-navitem b{
    font-size:10px!important;
  }
  html body.theme4-body .theme4-original-deposit span,
  html body.front-pink-body.theme4-body .theme4-original-deposit span{
    top:-24px!important;
    width:60px!important;
    height:60px!important;
    font-size:31px!important;
  }
}


/* ===== V177 THEME4 TOP MENU STICKY MOBILE ORIGINAL ===== */
html body.theme4-body .pink-topbar.v113-topbar,
html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
html body.theme4-body .v113-topbar,
html body.front-pink-body.theme4-body .v113-topbar{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  background:linear-gradient(180deg,#15161a 0%,#1f2024 100%)!important;
  border:0!important;
  border-bottom:2px solid #ef4a50!important;
  border-radius:0 0 34px 34px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
  overflow:visible!important;
}
html body.theme4-body .v113-center-logo,
html body.front-pink-body.theme4-body .v113-center-logo{
  z-index:1003!important;
}
html body.theme4-body .v113-top-actions,
html body.front-pink-body.theme4-body .v113-top-actions{
  z-index:1004!important;
}
html body.theme4-body .theme4-bell,
html body.front-pink-body.theme4-body .theme4-bell,
html body.theme4-body .v113-menu-btn,
html body.front-pink-body.theme4-body .v113-menu-btn{
  z-index:1005!important;
}

@media (min-width:701px){
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:82px!important;
    min-height:82px!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:50%!important;
    top:20px!important;
    transform:translateX(-50%)!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:50%!important;
    top:12px!important;
    transform:translateX(-50%)!important;
  }
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    right:calc(50% - 315px)!important;
    top:20px!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    right:calc(50% - 370px)!important;
    top:18px!important;
  }
}

@media (max-width:700px){
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:150px!important;
    min-height:150px!important;
    padding:0!important;
    border-radius:0 0 32px 32px!important;
    border-bottom:3px solid #ff5a61!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:18px!important;
    top:27px!important;
    transform:none!important;
    width:118px!important;
    min-width:0!important;
    max-width:118px!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:112px!important;
    max-height:34px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:16px!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:150px!important;
    min-width:150px!important;
    height:50px!important;
    grid-template-columns:1fr 1fr 30px!important;
    border-radius:11px!important;
    background:#121317!important;
    border:1px solid #ff5057!important;
    box-shadow:0 9px 18px rgba(0,0,0,.26)!important;
    transform:none!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{
    padding:6px 7px!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{
    font-size:10px!important;
    color:#ff646a!important;
  }
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{
    font-size:11px!important;
    color:#fff!important;
  }
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{
    background:#ff6268!important;
    color:#1d1d1d!important;
    font-size:18px!important;
  }
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:absolute!important;
    right:65px!important;
    top:24px!important;
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    border:1.5px solid #ff646a!important;
    background:rgba(255,84,91,.13)!important;
    font-size:18px!important;
    display:grid!important;
    place-items:center!important;
    text-decoration:none!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:absolute!important;
    right:15px!important;
    top:20px!important;
    width:42px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:32px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#f0f0f0!important;
  }
  /* แถว 4 ปุ่มบนมือถือ ยึดกับ header และตามจอเวลาเลื่อน */
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    position:fixed!important;
    top:88px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(306px,calc(100vw - 150px))!important;
    min-width:286px!important;
    height:54px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
    z-index:1002!important;
  }
  html body.theme4-body .theme4-right-actions a,
  html body.front-pink-body.theme4-body .theme4-right-actions a{
    width:auto!important;
    min-width:0!important;
    height:54px!important;
    border-radius:7px!important;
    border:1px solid #ff3e45!important;
    background:#191a1f!important;
    box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:2px!important;
    color:#fff!important;
    text-decoration:none!important;
    overflow:hidden!important;
  }
  html body.theme4-body .theme4-right-actions a span,
  html body.front-pink-body.theme4-body .theme4-right-actions a span{
    font-size:18px!important;
    line-height:1!important;
  }
  html body.theme4-body .theme4-right-actions a b,
  html body.front-pink-body.theme4-body .theme4-right-actions a b{
    font-size:8.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body.theme4-body .theme4-page,
  html body.front-pink-body.theme4-body .theme4-page,
  html body.theme4-body .provider-page.v83-provider-page,
  html body.front-pink-body.theme4-body .provider-page.v83-provider-page{
    padding-top:8px!important;
  }
}
@media (max-width:430px){
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    width:min(302px,calc(100vw - 126px))!important;
    min-width:282px!important;
    gap:4px!important;
  }
  html body.theme4-body .theme4-right-actions a b,
  html body.front-pink-body.theme4-body .theme4-right-actions a b{
    font-size:8px!important;
  }
}


/* ===== V178 THEME4 TOPBAR REBUILD: desktop + mobile sticky header ===== */
html body.theme4-body .theme4-top-quick,
html body.front-pink-body.theme4-body .theme4-top-quick{
  display:none!important;
}
html body.theme4-body .pink-topbar.v113-topbar,
html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
html body.theme4-body .v113-topbar,
html body.front-pink-body.theme4-body .v113-topbar{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  background:linear-gradient(180deg,#15161a 0%,#1d1e22 100%)!important;
  border:0!important;
  border-bottom:2px solid #ef3d43!important;
  border-radius:0 0 34px 34px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
  overflow:visible!important;
}
@media (min-width:701px){
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:82px!important;
    min-height:82px!important;
    padding:0!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:50%!important;
    top:20px!important;
    transform:translateX(-50%)!important;
    width:170px!important;
    max-width:170px!important;
    height:38px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:160px!important;
    max-height:34px!important;
    object-fit:contain!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:50%!important;
    top:13px!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:154px!important;
    min-width:154px!important;
    height:52px!important;
    border-radius:12px!important;
    border:1px solid #ff454b!important;
    background:#121317!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 32px!important;
    overflow:hidden!important;
    box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
    transform:none!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{
    padding:6px 8px!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{
    font-size:11px!important;
    color:#ff5a60!important;
  }
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{
    font-size:12px!important;
    color:#fff!important;
  }
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{
    background:#ff6469!important;
    color:#1b1b1b!important;
  }
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:absolute!important;
    right:calc(50% - 350px)!important;
    top:20px!important;
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    border:1px solid #ff5c62!important;
    background:rgba(255,87,93,.14)!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    box-shadow:none!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:absolute!important;
    right:calc(50% - 405px)!important;
    top:17px!important;
    width:44px!important;
    height:46px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:30px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#e8e8e8!important;
  }
}

@media (max-width:700px){
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:148px!important;
    min-height:148px!important;
    padding:0!important;
    border-radius:0 0 34px 34px!important;
    border-bottom:3px solid #ff5f66!important;
    background:linear-gradient(180deg,#141519 0%,#1c1d21 100%)!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:18px!important;
    top:25px!important;
    transform:none!important;
    width:120px!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:115px!important;
    max-height:34px!important;
    object-fit:contain!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:50%!important;
    top:13px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:150px!important;
    min-width:150px!important;
    height:50px!important;
    grid-template-columns:1fr 1fr 30px!important;
    border-radius:12px!important;
    border:1px solid #ff5157!important;
    background:#121317!important;
    box-shadow:0 8px 18px rgba(0,0,0,.25)!important;
    transform:none!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{padding:6px 7px!important;}
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{font-size:10px!important;color:#ff646a!important;}
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:11px!important;color:#fff!important;}
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{background:#ff6268!important;color:#1d1d1d!important;font-size:18px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:absolute!important;
    right:65px!important;
    top:24px!important;
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    border:1.5px solid #ff6268!important;
    background:rgba(255,87,93,.14)!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    box-shadow:none!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:absolute!important;
    right:15px!important;
    top:19px!important;
    width:42px!important;
    height:46px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:32px!important;
    height:3px!important;
    background:#e8e8e8!important;
    border-radius:999px!important;
  }
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{
    position:absolute!important;
    left:50%!important;
    top:82px!important;
    transform:translateX(-50%)!important;
    width:min(294px,calc(100vw - 116px))!important;
    min-width:274px!important;
    height:52px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
    z-index:1202!important;
  }
  html body.theme4-body .theme4-top-quick a,
  html body.front-pink-body.theme4-body .theme4-top-quick a{
    height:52px!important;
    border-radius:7px!important;
    border:1px solid #ff3f46!important;
    background:#191a1f!important;
    color:#fff!important;
    text-decoration:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    overflow:hidden!important;
  }
  html body.theme4-body .theme4-top-quick span,
  html body.front-pink-body.theme4-body .theme4-top-quick span{
    font-size:17px!important;
    line-height:1!important;
  }
  html body.theme4-body .theme4-top-quick b,
  html body.front-pink-body.theme4-body .theme4-top-quick b{
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
    font-weight:900!important;
  }
  /* On mobile use header quick row, hide the floating/right action menu */
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    display:none!important;
  }
}


/* ===== V179 THEME4 TOPBAR EXACTER FIX =====
   Goal: top menu follows viewport as one full header, hide bell on mobile,
   and align desktop/mobile closer to original reference. */
html body.theme4-body,
html body.front-pink-body.theme4-body{
  scroll-padding-top:92px!important;
}
html body.theme4-body .wrap.pink-app-shell,
html body.front-pink-body.theme4-body .wrap.pink-app-shell{
  padding-top:82px!important;
}
html body.theme4-body .pink-topbar.v113-topbar,
html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
html body.theme4-body .v113-topbar,
html body.front-pink-body.theme4-body .v113-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  height:82px!important;
  min-height:82px!important;
  z-index:5000!important;
  border:0!important;
  border-bottom:2px solid #e2353c!important;
  border-radius:0 0 32px 32px!important;
  background:linear-gradient(180deg,#121317 0%,#1b1c20 100%)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
}
html body.theme4-body .v113-center-logo,
html body.front-pink-body.theme4-body .v113-center-logo{
  position:absolute!important;
  left:calc(50% - 276px)!important;
  top:21px!important;
  transform:none!important;
  width:148px!important;
  max-width:148px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
}
html body.theme4-body .v113-center-logo img,
html body.front-pink-body.theme4-body .v113-center-logo img{
  max-width:142px!important;
  max-height:34px!important;
  object-fit:contain!important;
  filter:none!important;
}
html body.theme4-body .v113-top-actions,
html body.front-pink-body.theme4-body .v113-top-actions{
  position:absolute!important;
  left:50%!important;
  top:13px!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
html body.theme4-body .theme4-wallet-pill,
html body.front-pink-body.theme4-body .theme4-wallet-pill{
  width:154px!important;
  min-width:154px!important;
  max-width:154px!important;
  height:52px!important;
  border-radius:12px!important;
  border:1px solid #ff474d!important;
  background:#111216!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 32px!important;
  overflow:hidden!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 7px 20px rgba(0,0,0,.26)!important;
  transform:none!important;
}
html body.theme4-body .theme4-wallet-pill div,
html body.front-pink-body.theme4-body .theme4-wallet-pill div{
  padding:6px 8px!important;
  line-height:1.1!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
}
html body.theme4-body .theme4-wallet-pill span,
html body.front-pink-body.theme4-body .theme4-wallet-pill span{
  font-size:11px!important;
  color:#ff5c62!important;
  font-weight:1000!important;
}
html body.theme4-body .theme4-wallet-pill b,
html body.front-pink-body.theme4-body .theme4-wallet-pill b{
  font-size:12px!important;
  color:#fff!important;
  font-weight:1000!important;
}
html body.theme4-body .theme4-wallet-pill a,
html body.front-pink-body.theme4-body .theme4-wallet-pill a{
  background:#ff6268!important;
  color:#121212!important;
  font-size:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body.theme4-body .theme4-bell,
html body.front-pink-body.theme4-body .theme4-bell{
  position:absolute!important;
  right:calc(50% - 382px)!important;
  top:21px!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  border:1px solid #ff6066!important;
  background:rgba(255,91,97,.16)!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.theme4-body .v113-menu-btn,
html body.front-pink-body.theme4-body .v113-menu-btn{
  position:absolute!important;
  right:calc(50% - 434px)!important;
  top:17px!important;
  width:45px!important;
  height:46px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0!important;
  margin:0!important;
}
html body.theme4-body .v113-menu-btn span,
html body.front-pink-body.theme4-body .v113-menu-btn span{
  width:32px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#eeeeee!important;
  box-shadow:none!important;
}
html body.theme4-body .theme4-top-quick,
html body.front-pink-body.theme4-body .theme4-top-quick{
  display:none!important;
}

@media (max-width:700px){
  html body.theme4-body,
  html body.front-pink-body.theme4-body{
    scroll-padding-top:154px!important;
  }
  html body.theme4-body .wrap.pink-app-shell,
  html body.front-pink-body.theme4-body .wrap.pink-app-shell{
    padding-top:150px!important;
  }
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:150px!important;
    min-height:150px!important;
    border-radius:0 0 34px 34px!important;
    border-bottom:3px solid #ff6268!important;
    background:linear-gradient(180deg,#121317 0%,#1b1c20 100%)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    left:18px!important;
    top:27px!important;
    width:112px!important;
    max-width:112px!important;
    height:34px!important;
    transform:none!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:108px!important;
    max-height:31px!important;
    object-fit:contain!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    left:50%!important;
    top:15px!important;
    transform:translateX(-50%)!important;
    right:auto!important;
    display:flex!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:50px!important;
    border-radius:12px!important;
    grid-template-columns:1fr 1fr 30px!important;
  }
  /* ต้นฉบับมือถือไม่มีกระดิ่ง */
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    right:17px!important;
    top:22px!important;
    width:44px!important;
    height:44px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    gap:6px!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:32px!important;
    height:3px!important;
    background:#ededed!important;
  }
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{
    position:absolute!important;
    left:50%!important;
    top:83px!important;
    transform:translateX(-50%)!important;
    width:min(300px,calc(100vw - 116px))!important;
    min-width:280px!important;
    height:52px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
    z-index:5010!important;
  }
  html body.theme4-body .theme4-top-quick a,
  html body.front-pink-body.theme4-body .theme4-top-quick a{
    height:52px!important;
    border-radius:7px!important;
    border:1px solid #ff3f46!important;
    background:#18191e!important;
    color:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    text-decoration:none!important;
  }
  html body.theme4-body .theme4-top-quick span,
  html body.front-pink-body.theme4-body .theme4-top-quick span{
    font-size:17px!important;
    line-height:1!important;
  }
  html body.theme4-body .theme4-top-quick b,
  html body.front-pink-body.theme4-body .theme4-top-quick b{
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
    font-weight:900!important;
  }
}

@media (min-width:701px) and (max-width:1180px){
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:calc(50% - 260px)!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{right:calc(50% - 330px)!important;}
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{right:calc(50% - 382px)!important;}
}


/* ===== V180 THEME4 TOPBAR EXACT TUNE ===== */
/* Desktop: reference-style fixed top bar. Logo left, wallet center-right, bell/menu far right. */
@media (min-width:701px){
  html body.theme4-body,
  html body.front-pink-body.theme4-body{
    scroll-padding-top:84px!important;
  }
  html body.theme4-body .wrap.pink-app-shell,
  html body.front-pink-body.theme4-body .wrap.pink-app-shell{
    padding-top:82px!important;
  }
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:78px!important;
    min-height:78px!important;
    padding:0!important;
    margin:0!important;
    background:linear-gradient(180deg,#15161a 0%,#1d1e22 100%)!important;
    border:0!important;
    border-bottom:2px solid #ee3d43!important;
    border-radius:0 0 32px 32px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
    z-index:5000!important;
    display:block!important;
    overflow:visible!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:calc(50% - 330px)!important;
    top:25px!important;
    width:150px!important;
    max-width:150px!important;
    height:32px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    transform:none!important;
    z-index:5010!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:148px!important;
    max-height:30px!important;
    object-fit:contain!important;
    filter:none!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:calc(50% + 170px)!important;
    right:auto!important;
    top:13px!important;
    transform:none!important;
    height:52px!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    z-index:5011!important;
    margin:0!important;
    padding:0!important;
  }
  html body.theme4-body .v113-top-actions .lang-switch,
  html body.front-pink-body.theme4-body .v113-top-actions .lang-switch{
    display:none!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
    height:52px!important;
    border-radius:11px!important;
    border:1px solid #ff474d!important;
    background:#111216!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 32px!important;
    overflow:hidden!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.26)!important;
    transform:none!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{
    padding:6px 8px!important;
    line-height:1.08!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{
    display:block!important;
    font-size:11px!important;
    line-height:1.05!important;
    color:#ff6268!important;
    font-weight:1000!important;
  }
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{
    display:block!important;
    margin-top:4px!important;
    text-align:right!important;
    font-size:12px!important;
    line-height:1!important;
    color:#fff!important;
    font-weight:1000!important;
  }
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{
    background:#ff656a!important;
    color:#141414!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:20px!important;
    text-decoration:none!important;
  }
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:absolute!important;
    left:calc(50% + 515px)!important;
    right:auto!important;
    top:21px!important;
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    border:1px solid #ff6066!important;
    background:rgba(255,91,97,.16)!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:5012!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:absolute!important;
    left:calc(50% + 565px)!important;
    right:auto!important;
    top:16px!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    z-index:5013!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:33px!important;
    height:3px!important;
    background:#efefef!important;
    border-radius:999px!important;
    box-shadow:none!important;
  }
}

/* When desktop is narrower, keep the same order but pull controls inward. */
@media (min-width:701px) and (max-width:1280px){
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:calc(50% - 300px)!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{left:calc(50% + 120px)!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{left:calc(50% + 390px)!important;}
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{left:calc(50% + 440px)!important;}
}

/* Mobile: reference-style fixed bar, no bell, 4 quick buttons under wallet. */
@media (max-width:700px){
  html body.theme4-body,
  html body.front-pink-body.theme4-body{scroll-padding-top:156px!important;}
  html body.theme4-body .wrap.pink-app-shell,
  html body.front-pink-body.theme4-body .wrap.pink-app-shell{padding-top:154px!important;}
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:154px!important;
    min-height:154px!important;
    padding:0!important;
    margin:0!important;
    background:linear-gradient(180deg,#121317 0%,#1b1c20 100%)!important;
    border:0!important;
    border-bottom:3px solid #ff6268!important;
    border-radius:0 0 31px 31px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
    z-index:5000!important;
    display:block!important;
    overflow:visible!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:16px!important;
    top:30px!important;
    width:108px!important;
    max-width:108px!important;
    height:32px!important;
    transform:none!important;
    z-index:5010!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{max-width:105px!important;max-height:30px!important;object-fit:contain!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:50%!important;
    top:16px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    z-index:5011!important;
  }
  html body.theme4-body .v113-top-actions .lang-switch,
  html body.front-pink-body.theme4-body .v113-top-actions .lang-switch{display:none!important;}
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:50px!important;
    border-radius:12px!important;
    border:1px solid #ff474d!important;
    background:#111216!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 30px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{padding:6px 7px!important;line-height:1.06!important;}
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{font-size:10px!important;color:#ff646a!important;}
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:11px!important;color:#fff!important;}
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{background:#ff6268!important;color:#1d1d1d!important;font-size:18px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:absolute!important;
    right:17px!important;
    left:auto!important;
    top:25px!important;
    width:44px!important;
    height:44px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    gap:6px!important;
    z-index:5013!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{width:32px!important;height:3px!important;background:#ededed!important;}
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{
    position:absolute!important;
    left:50%!important;
    top:86px!important;
    transform:translateX(-50%)!important;
    width:min(302px,calc(100vw - 112px))!important;
    min-width:282px!important;
    height:52px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:5px!important;
    z-index:5012!important;
  }
  html body.theme4-body .theme4-top-quick a,
  html body.front-pink-body.theme4-body .theme4-top-quick a{
    height:52px!important;
    border-radius:7px!important;
    border:1px solid #ff3f46!important;
    background:#18191e!important;
    color:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    text-decoration:none!important;
  }
  html body.theme4-body .theme4-top-quick span,
  html body.front-pink-body.theme4-body .theme4-top-quick span{font-size:17px!important;line-height:1!important;}
  html body.theme4-body .theme4-top-quick b,
  html body.front-pink-body.theme4-body .theme4-top-quick b{font-size:8px!important;line-height:1!important;white-space:nowrap!important;font-weight:900!important;}
}


/* ===== V181 THEME4 ORIGINAL HTML MATCH: TOPBAR POSITION ===== */
/* ใช้ HTML ต้นฉบับเป็น reference: header-bg-new/base-container/walletWrapper + footer original */
@media (min-width:701px){
  html body.theme4-body,
  html body.front-pink-body.theme4-body{
    scroll-padding-top:84px!important;
    background:#202124!important;
  }
  html body.theme4-body .wrap.pink-app-shell,
  html body.front-pink-body.theme4-body .wrap.pink-app-shell{
    padding-top:82px!important;
  }
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:78px!important;
    min-height:78px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid #ef343b!important;
    border-radius:0 0 32px 32px!important;
    background:linear-gradient(180deg,#141519 0%,#191a1e 100%)!important;
    box-shadow:0 8px 26px rgba(0,0,0,.24)!important;
    z-index:50000!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:absolute!important;
    left:calc(50% - 300px)!important;
    top:24px!important;
    width:110px!important;
    max-width:110px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
    padding:0!important;
    margin:0!important;
    z-index:50010!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:100px!important;
    max-height:34px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:calc(50% + 150px)!important;
    right:auto!important;
    top:13px!important;
    width:154px!important;
    height:52px!important;
    transform:none!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    z-index:50011!important;
  }
  html body.theme4-body .v113-top-actions .lang-switch,
  html body.front-pink-body.theme4-body .v113-top-actions .lang-switch{display:none!important;}
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    position:absolute!important;
    inset:0 auto auto 0!important;
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
    height:52px!important;
    border-radius:12px!important;
    border:1px solid #ff474d!important;
    background:#101116!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 32px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{padding:6px 8px!important;line-height:1.08!important;border-right:1px solid rgba(255,255,255,.08)!important;}
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{display:block!important;font-size:11px!important;line-height:1.05!important;color:#ff646a!important;font-weight:1000!important;}
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{display:block!important;margin-top:4px!important;text-align:right!important;font-size:12px!important;line-height:1!important;color:#fff!important;font-weight:1000!important;}
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{background:#ff6268!important;color:#111!important;font-size:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;}
  /* bell ต้องอยู่ขวาสุดเหมือนภาพต้นฉบับ ไม่เกาะกล่อง wallet */
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:fixed!important;
    left:calc(50% + 690px)!important;
    right:auto!important;
    top:22px!important;
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    border:1px solid #ff6066!important;
    background:rgba(255,91,97,.16)!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:50015!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:absolute!important;
    left:calc(50% + 520px)!important;
    right:auto!important;
    top:17px!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    z-index:50014!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{width:33px!important;height:3px!important;border-radius:999px!important;background:#efefef!important;box-shadow:none!important;}
}
@media (min-width:701px) and (max-width:1599px){
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:calc(50% - 300px)!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{left:calc(50% + 120px)!important;}
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{left:calc(50% + 430px)!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{left:calc(50% + 500px)!important;}
}
@media (min-width:701px) and (max-width:1180px){
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:calc(50% - 270px)!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{left:calc(50% + 78px)!important;}
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{left:auto!important;right:112px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{left:auto!important;right:46px!important;}
}


/* ===== V182 THEME4 TOP WALLET EXACT REBUILD (NO IMAGE) ===== */
/* กระเป๋าด้านบนทำเป็น 2 แถวแบบต้นฉบับ: เงิน/เครดิต + ปุ่มโอนกลมด้านขวา */
html body.theme4-body .theme4-wallet-pill,
html body.front-pink-body.theme4-body .theme4-wallet-pill{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:0!important;
  overflow:visible!important;
  background:#111216!important;
  border:1px solid #ff4a51!important;
  border-radius:10px!important;
  box-shadow:none!important;
  padding:7px 36px 7px 13px!important;
}
html body.theme4-body .theme4-wallet-pill div,
html body.front-pink-body.theme4-body .theme4-wallet-pill div{
  width:100%!important;
  height:20px!important;
  min-height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body.theme4-body .theme4-wallet-pill div:first-child,
html body.front-pink-body.theme4-body .theme4-wallet-pill div:first-child{
  border-bottom:1px solid rgba(255,209,92,.50)!important;
  padding-bottom:4px!important;
  margin-bottom:4px!important;
}
html body.theme4-body .theme4-wallet-pill span,
html body.front-pink-body.theme4-body .theme4-wallet-pill span{
  display:block!important;
  font-weight:900!important;
  color:#ff6b70!important;
  line-height:1!important;
  letter-spacing:.1px!important;
}
html body.theme4-body .theme4-wallet-pill b,
html body.front-pink-body.theme4-body .theme4-wallet-pill b{
  display:block!important;
  margin:0!important;
  text-align:right!important;
  font-weight:1000!important;
  color:#fff!important;
  line-height:1!important;
  min-width:44px!important;
}
html body.theme4-body .theme4-wallet-pill a,
html body.front-pink-body.theme4-body .theme4-wallet-pill a{
  position:absolute!important;
  right:-13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:999px!important;
  background:#ff676d!important;
  color:#111!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  border:0!important;
}

@media (min-width:701px){
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    width:164px!important;
    height:52px!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    height:52px!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{font-size:12px!important;}
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:12px!important;}
}

@media (max-width:700px){
  /* ให้หัวมือถือเหมือนต้นฉบับ: โลโก้ซ้าย, wallet กลาง, กระดิ่ง+เมนูขวา, เมนูด่วนด้านล่าง */
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:154px!important;
    min-height:154px!important;
    overflow:visible!important;
    border-radius:0 0 32px 32px!important;
    border-bottom:3px solid #ff6268!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    left:15px!important;
    top:25px!important;
    width:115px!important;
    height:44px!important;
    max-width:115px!important;
    z-index:5010!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{
    max-width:112px!important;
    max-height:42px!important;
    object-fit:contain!important;
  }
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:absolute!important;
    left:50%!important;
    top:15px!important;
    transform:translateX(-50%)!important;
    width:164px!important;
    height:58px!important;
    display:block!important;
    z-index:5011!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    height:58px!important;
    padding:8px 38px 8px 13px!important;
    border-radius:10px!important;
  }
  html body.theme4-body .theme4-wallet-pill div,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div{
    height:19px!important;
    min-height:19px!important;
  }
  html body.theme4-body .theme4-wallet-pill div:first-child,
  html body.front-pink-body.theme4-body .theme4-wallet-pill div:first-child{
    padding-bottom:4px!important;
    margin-bottom:4px!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span{font-size:12px!important;}
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:12px!important;}
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{
    right:-12px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:17px!important;
  }
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    display:grid!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:absolute!important;
    left:auto!important;
    right:64px!important;
    top:25px!important;
    width:38px!important;
    height:38px!important;
    border-radius:999px!important;
    border:1px solid #ff6066!important;
    background:rgba(255,91,97,.16)!important;
    place-items:center!important;
    font-size:18px!important;
    text-decoration:none!important;
    box-shadow:none!important;
    z-index:5014!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    right:17px!important;
    top:21px!important;
    width:43px!important;
    height:43px!important;
    gap:6px!important;
    z-index:5015!important;
  }
  html body.theme4-body .v113-menu-btn span,
  html body.front-pink-body.theme4-body .v113-menu-btn span{
    width:33px!important;
    height:3px!important;
  }
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{
    top:86px!important;
    width:min(302px,calc(100vw - 106px))!important;
    min-width:294px!important;
    height:52px!important;
    gap:5px!important;
    z-index:5012!important;
  }
  html body.theme4-body .theme4-top-quick a,
  html body.front-pink-body.theme4-body .theme4-top-quick a{
    height:52px!important;
    border-radius:7px!important;
    background:#18191e!important;
  }
}

@media (max-width:420px){
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:10px!important;width:96px!important;max-width:96px!important;}
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{max-width:94px!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{width:150px!important;}
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{width:150px!important;min-width:150px!important;max-width:150px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{right:58px!important;width:36px!important;height:36px!important;}
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{width:min(294px,calc(100vw - 92px))!important;min-width:0!important;}
}


/* ===== V183 THEME4 TOPBAR MATCH ORIGINAL 3-4 (WEB FILE ONLY) ===== */
/* แก้หัวบนให้ลำดับ/ตำแหน่งเหมือนต้นฉบับ: logo > wallet > bell > menu และ wallet ไม่ทับกัน */
html body.theme4-body .pink-topbar.v113-topbar,
html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
html body.theme4-body .v113-topbar,
html body.front-pink-body.theme4-body .v113-topbar{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  width:100vw!important;
  margin:0!important;padding:0!important;
  background:linear-gradient(180deg,#15161a 0%,#1d1e22 100%)!important;
  border:0!important;
  border-bottom:2px solid #f14b51!important;
  box-shadow:0 8px 22px rgba(0,0,0,.30)!important;
  z-index:99990!important;
  display:block!important;
  overflow:visible!important;
}
html body.theme4-body .v113-top-actions .lang-switch,
html body.front-pink-body.theme4-body .v113-top-actions .lang-switch{display:none!important;}

/* wallet 2 แถวจริง: ไม่ให้ตัวเลข/ปุ่มโอนทับกัน */
html body.theme4-body .theme4-wallet-pill,
html body.front-pink-body.theme4-body .theme4-wallet-pill{
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-rows:1fr 1fr!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  overflow:visible!important;
  background:#111216!important;
  border:1px solid #ff474d!important;
  border-radius:10px!important;
  box-shadow:none!important;
  gap:0!important;
  padding:0 36px 0 12px!important;
  transform:none!important;
}
html body.theme4-body .theme4-wallet-pill div,
html body.front-pink-body.theme4-body .theme4-wallet-pill div{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:max-content 1fr!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:9px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body.theme4-body .theme4-wallet-pill div:first-child,
html body.front-pink-body.theme4-body .theme4-wallet-pill div:first-child{
  border-bottom:1px solid rgba(255,209,92,.55)!important;
  padding:0!important;
  margin:0!important;
}
html body.theme4-body .theme4-wallet-pill span,
html body.front-pink-body.theme4-body .theme4-wallet-pill span{
  display:block!important;
  margin:0!important;padding:0!important;
  color:#ff676d!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.05px!important;
  text-align:left!important;
}
html body.theme4-body .theme4-wallet-pill b,
html body.front-pink-body.theme4-body .theme4-wallet-pill b{
  display:block!important;
  margin:0!important;padding:0!important;
  min-width:0!important;
  color:#fff!important;
  font-weight:1000!important;
  line-height:1!important;
  text-align:right!important;
  letter-spacing:.05px!important;
}
html body.theme4-body .theme4-wallet-pill a,
html body.front-pink-body.theme4-body .theme4-wallet-pill a{
  box-sizing:border-box!important;
  position:absolute!important;
  right:-13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  border-radius:999px!important;
  background:#ff676d!important;
  color:#111!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;margin:0!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-decoration:none!important;
  z-index:3!important;
}
html body.theme4-body .v113-menu-btn,
html body.front-pink-body.theme4-body .v113-menu-btn{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  z-index:99996!important;
}
html body.theme4-body .v113-menu-btn span,
html body.front-pink-body.theme4-body .v113-menu-btn span{
  display:block!important;
  width:34px!important;
  height:3px!important;
  background:#f0f0f0!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
html body.theme4-body .theme4-bell,
html body.front-pink-body.theme4-body .theme4-bell{
  visibility:visible!important;
  pointer-events:auto!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ff6268!important;
  background:rgba(255,91,97,.14)!important;
  color:#ffcc4d!important;
  text-decoration:none!important;
  box-shadow:none!important;
  border-radius:999px!important;
  z-index:99995!important;
}

@media (min-width:701px){
  html body.theme4-body,
  html body.front-pink-body.theme4-body{scroll-padding-top:84px!important;}
  html body.theme4-body .wrap.pink-app-shell,
  html body.front-pink-body.theme4-body .wrap.pink-app-shell{padding-top:84px!important;}
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:82px!important;min-height:82px!important;
    border-radius:0 0 32px 32px!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:fixed!important;
    left:calc(50vw - 286px)!important;
    top:30px!important;
    width:150px!important;max-width:150px!important;height:32px!important;
    transform:none!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    z-index:99994!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{max-width:148px!important;max-height:30px!important;object-fit:contain!important;filter:none!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:fixed!important;
    left:calc(50vw + 66px)!important;
    right:auto!important;top:16px!important;
    transform:none!important;
    width:170px!important;height:52px!important;
    display:block!important;margin:0!important;padding:0!important;z-index:99993!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:170px!important;min-width:170px!important;max-width:170px!important;height:52px!important;
    padding:0 37px 0 13px!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span,
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:12px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:fixed!important;
    left:calc(50vw + 468px)!important;
    right:auto!important;top:24px!important;
    width:40px!important;height:40px!important;
    font-size:18px!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:fixed!important;
    left:calc(50vw + 518px)!important;
    right:auto!important;top:21px!important;
    width:48px!important;height:46px!important;
  }
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{display:none!important;}
}

@media (min-width:701px) and (max-width:1180px){
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:24px!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{left:auto!important;right:136px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{left:auto!important;right:78px!important;}
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{left:auto!important;right:22px!important;}
}

@media (max-width:700px){
  html body.theme4-body,
  html body.front-pink-body.theme4-body{scroll-padding-top:156px!important;}
  html body.theme4-body .wrap.pink-app-shell,
  html body.front-pink-body.theme4-body .wrap.pink-app-shell{padding-top:156px!important;}
  html body.theme4-body .pink-topbar.v113-topbar,
  html body.front-pink-body.theme4-body .pink-topbar.v113-topbar,
  html body.theme4-body .v113-topbar,
  html body.front-pink-body.theme4-body .v113-topbar{
    height:154px!important;min-height:154px!important;
    border-radius:0 0 34px 34px!important;
    border-bottom:3px solid #ff6268!important;
  }
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{
    position:fixed!important;
    left:clamp(20px,12vw,62px)!important;
    top:26px!important;
    width:112px!important;max-width:112px!important;height:38px!important;
    transform:none!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    z-index:99994!important;
  }
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{max-width:110px!important;max-height:36px!important;object-fit:contain!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{
    position:fixed!important;
    left:calc(50vw - 36px)!important;
    top:16px!important;
    right:auto!important;
    transform:none!important;
    width:150px!important;height:56px!important;
    display:block!important;margin:0!important;padding:0!important;z-index:99993!important;
  }
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{
    width:150px!important;min-width:150px!important;max-width:150px!important;height:56px!important;
    padding:0 34px 0 12px!important;
    border-radius:10px!important;
  }
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span,
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:12px!important;}
  html body.theme4-body .theme4-wallet-pill a,
  html body.front-pink-body.theme4-body .theme4-wallet-pill a{right:-12px!important;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;font-size:17px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{
    position:fixed!important;
    left:auto!important;right:59px!important;top:25px!important;
    width:38px!important;height:38px!important;
    font-size:18px!important;
  }
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{
    position:fixed!important;
    left:auto!important;right:13px!important;top:21px!important;
    width:44px!important;height:44px!important;
  }
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{
    position:fixed!important;
    left:50%!important;top:86px!important;transform:translateX(-50%)!important;
    width:min(302px,calc(100vw - 106px))!important;min-width:294px!important;height:52px!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;
    z-index:99992!important;
  }
  html body.theme4-body .theme4-top-quick a,
  html body.front-pink-body.theme4-body .theme4-top-quick a{
    height:52px!important;border-radius:7px!important;border:1px solid #ff4349!important;background:#18191e!important;color:#fff!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-decoration:none!important;box-shadow:none!important;
  }
  html body.theme4-body .theme4-top-quick span,
  html body.front-pink-body.theme4-body .theme4-top-quick span{font-size:17px!important;line-height:1!important;}
  html body.theme4-body .theme4-top-quick b,
  html body.front-pink-body.theme4-body .theme4-top-quick b{font-size:8px!important;line-height:1!important;white-space:nowrap!important;font-weight:900!important;}
}

@media (max-width:420px){
  html body.theme4-body .v113-center-logo,
  html body.front-pink-body.theme4-body .v113-center-logo{left:12px!important;width:92px!important;max-width:92px!important;}
  html body.theme4-body .v113-center-logo img,
  html body.front-pink-body.theme4-body .v113-center-logo img{max-width:90px!important;}
  html body.theme4-body .v113-top-actions,
  html body.front-pink-body.theme4-body .v113-top-actions{left:calc(50vw - 32px)!important;width:142px!important;}
  html body.theme4-body .theme4-wallet-pill,
  html body.front-pink-body.theme4-body .theme4-wallet-pill{width:142px!important;min-width:142px!important;max-width:142px!important;padding-right:32px!important;}
  html body.theme4-body .theme4-wallet-pill span,
  html body.front-pink-body.theme4-body .theme4-wallet-pill span,
  html body.theme4-body .theme4-wallet-pill b,
  html body.front-pink-body.theme4-body .theme4-wallet-pill b{font-size:11px!important;}
  html body.theme4-body .theme4-bell,
  html body.front-pink-body.theme4-body .theme4-bell{right:55px!important;width:36px!important;height:36px!important;}
  html body.theme4-body .v113-menu-btn,
  html body.front-pink-body.theme4-body .v113-menu-btn{right:10px!important;}
  html body.theme4-body .theme4-top-quick,
  html body.front-pink-body.theme4-body .theme4-top-quick{width:min(294px,calc(100vw - 88px))!important;min-width:0!important;}
}


/* ===== V184 THEME4 MENU CLOSE TOGGLE FIX ===== */
html body.theme4-body.v113-drawer-open .v113-menu-btn,
html body.front-pink-body.theme4-body.v113-drawer-open .v113-menu-btn{
  position:fixed!important;
  pointer-events:auto!important;
  z-index:999999!important;
}
html body.theme4-body.v113-drawer-open .v113-menu-btn span,
html body.front-pink-body.theme4-body.v113-drawer-open .v113-menu-btn span{
  transition:transform .16s ease, opacity .12s ease!important;
}
html body.theme4-body.v113-drawer-open .v113-menu-btn span:nth-child(1),
html body.front-pink-body.theme4-body.v113-drawer-open .v113-menu-btn span:nth-child(1){
  transform:translateY(9px) rotate(45deg)!important;
}
html body.theme4-body.v113-drawer-open .v113-menu-btn span:nth-child(2),
html body.front-pink-body.theme4-body.v113-drawer-open .v113-menu-btn span:nth-child(2){
  opacity:0!important;
}
html body.theme4-body.v113-drawer-open .v113-menu-btn span:nth-child(3),
html body.front-pink-body.theme4-body.v113-drawer-open .v113-menu-btn span:nth-child(3){
  transform:translateY(-9px) rotate(-45deg)!important;
}
html body.theme4-body .v113-drawer-close,
html body.front-pink-body.theme4-body .v113-drawer-close{
  display:grid!important;
  place-items:center!important;
  position:fixed!important;
  top:16px!important;
  right:72px!important;
  width:42px!important;
  height:42px!important;
  border:1px solid #ff6268!important;
  border-radius:50%!important;
  background:rgba(255,91,97,.16)!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  z-index:999998!important;
  cursor:pointer!important;
}
@media (max-width:700px){
  html body.theme4-body .v113-drawer-close,
  html body.front-pink-body.theme4-body .v113-drawer-close{
    top:21px!important;
    right:62px!important;
    width:36px!important;
    height:36px!important;
    font-size:30px!important;
  }
  html body.theme4-body.v113-drawer-open .theme4-bell,
  html body.front-pink-body.theme4-body.v113-drawer-open .theme4-bell{
    display:none!important;
  }
}


/* ===== V185 THEME4 ORIGINAL HTML RIGHT QUICK MENU EXACT ===== */
/* ใช้โครง HTML/CSS ต้นฉบับ: fixed right-0, rounded left panel, small gradient-border buttons */
@media (min-width:701px){
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{
    position:fixed!important;
    top:50%!important;
    bottom:auto!important;
    right:-34px!important;
    left:auto!important;
    width:142px!important;
    min-width:142px!important;
    height:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:10px!important;
    padding:13px 34px 13px 38px!important;
    margin:0!important;
    background:linear-gradient(180deg,rgba(27,28,32,.94),rgba(17,18,22,.96))!important;
    border:2px solid rgba(255,101,108,.96)!important;
    border-right:0!important;
    border-radius:36px 0 0 36px!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38), inset 1px 0 0 rgba(255,255,255,.06)!important;
    z-index:420!important;
    overflow:visible!important;
  }
  html body.theme4-body .theme4-right-actions:before,
  html body.front-pink-body.theme4-body .theme4-right-actions:before{
    content:""!important;
    position:absolute!important;
    inset:-2px 0 -2px -2px!important;
    border-radius:36px 0 0 36px!important;
    border-left:2px solid rgba(255,121,126,.95)!important;
    pointer-events:none!important;
    box-shadow:-5px 0 0 rgba(255,93,99,.18)!important;
  }
  html body.theme4-body .theme4-right-actions a,
  html body.front-pink-body.theme4-body .theme4-right-actions a{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:52px!important;
    min-height:52px!important;
    border-radius:8px!important;
    border:1px solid #ff3e45!important;
    background:#15161a!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:0!important;
    margin:0!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body.theme4-body .theme4-right-actions a:hover,
  html body.front-pink-body.theme4-body .theme4-right-actions a:hover{
    background:#191b20!important;
    transform:none!important;
  }
  html body.theme4-body .theme4-right-actions .theme4-action-icon,
  html body.front-pink-body.theme4-body .theme4-right-actions .theme4-action-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    display:block!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:20px 20px!important;
    font-size:0!important;
    line-height:0!important;
  }
  html body.theme4-body .theme4-right-actions a b,
  html body.front-pink-body.theme4-body .theme4-right-actions a b{
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    text-align:center!important;
    color:#fff!important;
    letter-spacing:-.15px!important;
  }
}

/* icon วาดด้วย CSS/SVG ให้ใกล้ต้นฉบับ ไม่ใช้การทำรูป */
html body.theme4-body .theme4-action-affiliate .theme4-action-icon,
html body.front-pink-body.theme4-body .theme4-action-affiliate .theme4-action-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='2' y1='2' x2='22' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300d7ff'/%3E%3Cstop offset='.55' stop-color='%230087ff'/%3E%3Cstop offset='1' stop-color='%23a6f6ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M7 8.5h7M14 8.5l3 5M7 8.5l-2 5' stroke='url(%23g)' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='7' cy='8.5' r='3.2' fill='url(%23g)' stroke='%23d8fbff' stroke-width='.8'/%3E%3Ccircle cx='16.8' cy='13.7' r='3.2' fill='url(%23g)' stroke='%23d8fbff' stroke-width='.8'/%3E%3Ccircle cx='4.8' cy='14' r='2.7' fill='url(%23g)' stroke='%23d8fbff' stroke-width='.8'/%3E%3C/svg%3E")!important;
}
html body.theme4-body .theme4-action-wheel .theme4-action-icon,
html body.front-pink-body.theme4-body .theme4-action-wheel .theme4-action-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9.4' fill='%23fff' stroke='%23db3038' stroke-width='1.2'/%3E%3Cpath d='M12 2.8v18.4M2.8 12h18.4M5.5 5.5l13 13M18.5 5.5l-13 13' stroke='%23e62332' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3.4' fill='%23ffcf51' stroke='%23a85a00' stroke-width='.7'/%3E%3C/svg%3E")!important;
}
html body.theme4-body .theme4-action-cashback .theme4-action-icon,
html body.front-pink-body.theme4-body .theme4-action-cashback .theme4-action-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.5c-.9-1.4-.4-3.6 1.7-4 1.3-.2 2.2.5 2.8 1.4.7-.9 1.7-1.6 3-1.2 2 .6 2.1 2.7 1.1 3.8H8Z' fill='%23ffb12f' stroke='%23945900' stroke-width='.8'/%3E%3Cpath d='M6.2 11.2c.7-2 3-3.2 5.8-3.2s5.1 1.2 5.8 3.2l1.1 5.1c.5 2.4-1.3 4.2-3.8 4.2H8.9c-2.5 0-4.3-1.8-3.8-4.2l1.1-5.1Z' fill='%23f6a313' stroke='%236b4700' stroke-width='.9'/%3E%3Ctext x='12' y='17.2' text-anchor='middle' font-size='8' font-family='Arial' font-weight='900' fill='%23fff3b5'%3E$%3C/text%3E%3C/svg%3E")!important;
}
html body.theme4-body .theme4-action-mission .theme4-action-icon,
html body.front-pink-body.theme4-body .theme4-action-mission .theme4-action-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3v18' stroke='%23ffbe54' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 4.5h10.5l-3.2 4 3.2 4H8z' fill='%23ff2742' stroke='%23980f1e' stroke-width='.8'/%3E%3C/svg%3E")!important;
}

@media (max-width:700px){
  /* มือถือใช้แถวปุ่มใน header ตามต้นฉบับ ไม่ให้ side menu ลอยซ้อน */
  html body.theme4-body .theme4-right-actions,
  html body.front-pink-body.theme4-body .theme4-right-actions{display:none!important;}
  html body.theme4-body .theme4-top-quick .theme4-action-icon,
  html body.front-pink-body.theme4-body .theme4-top-quick .theme4-action-icon{
    width:19px!important;height:19px!important;display:block!important;background-position:center!important;background-size:19px 19px!important;background-repeat:no-repeat!important;font-size:0!important;line-height:0!important;
  }
  html body.theme4-body .theme4-top-quick a,
  html body.front-pink-body.theme4-body .theme4-top-quick a{overflow:hidden!important;}
}


/* ===== V186 THEME4 ORIGINAL BUTTON MOVEMENT EFFECTS ===== */
/* เอฟเฟคขยับปุ่มแบบต้นฉบับ: hover ยกนิด ๆ, tap ยุบเด้ง, icon ลอย/สั่น, มีแสงวิ่งบาง ๆ */
@keyframes theme4PressPop{
  0%{transform:translateY(0) scale(1)}
  42%{transform:translateY(1px) scale(.955)}
  72%{transform:translateY(-2px) scale(1.025)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes theme4IconBob{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.06)}
}
@keyframes theme4SoftPulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(255,95,105,0))}
  50%{filter:drop-shadow(0 0 10px rgba(255,95,105,.55))}
}
@keyframes theme4CoinFloat{
  0%,100%{transform:translateX(-50%) translateY(0) scale(1)}
  50%{transform:translateX(-50%) translateY(-5px) scale(1.035)}
}
@keyframes theme4BellWiggle{
  0%,100%{transform:rotate(0deg) scale(1)}
  22%{transform:rotate(-11deg) scale(1.05)}
  44%{transform:rotate(10deg) scale(1.05)}
  66%{transform:rotate(-6deg) scale(1.03)}
  82%{transform:rotate(4deg) scale(1.02)}
}
@keyframes theme4Shine{
  0%{transform:translateX(-140%) skewX(-18deg);opacity:0}
  45%{opacity:.75}
  100%{transform:translateX(160%) skewX(-18deg);opacity:0}
}

html body.theme4-body a,
html body.front-pink-body.theme4-body a,
html body.theme4-body button,
html body.front-pink-body.theme4-body button{
  -webkit-tap-highlight-color:transparent!important;
}

html body.theme4-body .theme4-top-quick a,
html body.front-pink-body.theme4-body .theme4-top-quick a,
html body.theme4-body .theme4-right-actions a,
html body.front-pink-body.theme4-body .theme4-right-actions a,
html body.theme4-body .theme4-side-cats a,
html body.front-pink-body.theme4-body .theme4-side-cats a,
html body.theme4-body .theme4-provider-card,
html body.front-pink-body.theme4-body .theme4-provider-card,
html body.theme4-body .theme4-sport-card,
html body.front-pink-body.theme4-body .theme4-sport-card,
#appBottomNav.theme4-original-bottom .theme4-footer-item,
html body.theme4-body .theme4-full-menu a,
html body.front-pink-body.theme4-body .theme4-full-menu a,
html body.theme4-body .theme4-menu-wallet-actions a,
html body.front-pink-body.theme4-body .theme4-menu-wallet-actions a,
html body.theme4-body .v113-menu-btn,
html body.front-pink-body.theme4-body .v113-menu-btn,
html body.theme4-body .theme4-bell,
html body.front-pink-body.theme4-body .theme4-bell,
html body.theme4-body .theme4-wallet-pill,
html body.front-pink-body.theme4-body .theme4-wallet-pill{
  will-change:transform,box-shadow,filter!important;
  transition:transform .18s cubic-bezier(.2,.9,.25,1.25), box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease!important;
  transform-origin:center center!important;
}

/* ปุ่มด่วนบนมือถือ + เมนูขวา: hover ยกและมีแสงขอบเหมือนต้นฉบับ */
html body.theme4-body .theme4-top-quick a,
html body.front-pink-body.theme4-body .theme4-top-quick a,
html body.theme4-body .theme4-right-actions a,
html body.front-pink-body.theme4-body .theme4-right-actions a{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body.theme4-body .theme4-top-quick a:before,
html body.front-pink-body.theme4-body .theme4-top-quick a:before,
html body.theme4-body .theme4-right-actions a:before,
html body.front-pink-body.theme4-body .theme4-right-actions a:before,
html body.theme4-body .theme4-menu-wallet-actions a:before,
html body.front-pink-body.theme4-body .theme4-menu-wallet-actions a:before{
  content:""!important;
  position:absolute!important;
  top:-30%!important;bottom:-30%!important;left:-45%!important;
  width:42%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)!important;
  transform:translateX(-140%) skewX(-18deg)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body.theme4-body .theme4-top-quick a:hover,
html body.front-pink-body.theme4-body .theme4-top-quick a:hover,
html body.theme4-body .theme4-right-actions a:hover,
html body.front-pink-body.theme4-body .theme4-right-actions a:hover{
  transform:translateY(-3px) scale(1.035)!important;
  border-color:#ff7278!important;
  box-shadow:0 9px 18px rgba(0,0,0,.34),0 0 13px rgba(255,76,84,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
  background:#1c1d22!important;
}
html body.theme4-body .theme4-top-quick a:hover:before,
html body.front-pink-body.theme4-body .theme4-top-quick a:hover:before,
html body.theme4-body .theme4-right-actions a:hover:before,
html body.front-pink-body.theme4-body .theme4-right-actions a:hover:before,
html body.theme4-body .theme4-menu-wallet-actions a:hover:before,
html body.front-pink-body.theme4-body .theme4-menu-wallet-actions a:hover:before{
  animation:theme4Shine .62s ease-out!important;
}
html body.theme4-body .theme4-top-quick a:hover .theme4-action-icon,
html body.front-pink-body.theme4-body .theme4-top-quick a:hover .theme4-action-icon,
html body.theme4-body .theme4-right-actions a:hover .theme4-action-icon,
html body.front-pink-body.theme4-body .theme4-right-actions a:hover .theme4-action-icon{
  animation:theme4IconBob .42s ease-in-out!important;
  filter:drop-shadow(0 0 8px rgba(92,203,255,.55))!important;
}
html body.theme4-body .theme4-top-quick a:active,
html body.front-pink-body.theme4-body .theme4-top-quick a:active,
html body.theme4-body .theme4-right-actions a:active,
html body.front-pink-body.theme4-body .theme4-right-actions a:active,
html body.theme4-body .theme4-top-quick a.theme4-tap,
html body.front-pink-body.theme4-body .theme4-top-quick a.theme4-tap,
html body.theme4-body .theme4-right-actions a.theme4-tap,
html body.front-pink-body.theme4-body .theme4-right-actions a.theme4-tap{
  animation:theme4PressPop .23s ease-out!important;
}

/* ปุ่มเมนู 3 ขีด / กระดิ่ง / กระเป๋าเงิน */
html body.theme4-body .v113-menu-btn:hover,
html body.front-pink-body.theme4-body .v113-menu-btn:hover,
html body.theme4-body .theme4-bell:hover,
html body.front-pink-body.theme4-body .theme4-bell:hover,
html body.theme4-body .theme4-wallet-pill:hover,
html body.front-pink-body.theme4-body .theme4-wallet-pill:hover{
  transform:translateY(-2px) scale(1.03)!important;
  filter:brightness(1.08)!important;
}
html body.theme4-body .v113-menu-btn:active,
html body.front-pink-body.theme4-body .v113-menu-btn:active,
html body.theme4-body .v113-menu-btn.theme4-tap,
html body.front-pink-body.theme4-body .v113-menu-btn.theme4-tap,
html body.theme4-body .theme4-wallet-pill:active,
html body.front-pink-body.theme4-body .theme4-wallet-pill:active,
html body.theme4-body .theme4-wallet-pill.theme4-tap,
html body.front-pink-body.theme4-body .theme4-wallet-pill.theme4-tap{
  animation:theme4PressPop .22s ease-out!important;
}
html body.theme4-body .theme4-bell:hover,
html body.front-pink-body.theme4-body .theme4-bell:hover,
html body.theme4-body .theme4-bell.theme4-tap,
html body.front-pink-body.theme4-body .theme4-bell.theme4-tap{
  animation:theme4BellWiggle .45s ease-in-out!important;
}
html body.theme4-body .theme4-wallet-pill a:hover,
html body.front-pink-body.theme4-body .theme4-wallet-pill a:hover{
  transform:rotate(180deg) scale(1.08)!important;
  box-shadow:0 0 13px rgba(255,99,108,.46)!important;
}
html body.theme4-body .theme4-wallet-pill a:active,
html body.front-pink-body.theme4-body .theme4-wallet-pill a:active,
html body.theme4-body .theme4-wallet-pill a.theme4-tap,
html body.front-pink-body.theme4-body .theme4-wallet-pill a.theme4-tap{
  animation:theme4PressPop .22s ease-out!important;
}

/* การ์ดค่ายเกม/หมวด/บอล: ขยับนุ่ม ๆ แบบ hover/tap */
html body.theme4-body .theme4-provider-card,
html body.front-pink-body.theme4-body .theme4-provider-card,
html body.theme4-body .theme4-sport-card,
html body.front-pink-body.theme4-body .theme4-sport-card,
html body.theme4-body .theme4-side-cats a,
html body.front-pink-body.theme4-body .theme4-side-cats a{
  cursor:pointer!important;
  backface-visibility:hidden!important;
}
html body.theme4-body .theme4-provider-card:hover,
html body.front-pink-body.theme4-body .theme4-provider-card:hover,
html body.theme4-body .theme4-sport-card:hover,
html body.front-pink-body.theme4-body .theme4-sport-card:hover,
html body.theme4-body .theme4-side-cats a:hover,
html body.front-pink-body.theme4-body .theme4-side-cats a:hover{
  transform:translateY(-3px) scale(1.025)!important;
  box-shadow:0 11px 22px rgba(0,0,0,.38),0 0 14px rgba(255,63,72,.22)!important;
  filter:brightness(1.05)!important;
}
html body.theme4-body .theme4-provider-card:active,
html body.front-pink-body.theme4-body .theme4-provider-card:active,
html body.theme4-body .theme4-provider-card.theme4-tap,
html body.front-pink-body.theme4-body .theme4-provider-card.theme4-tap,
html body.theme4-body .theme4-sport-card:active,
html body.front-pink-body.theme4-body .theme4-sport-card:active,
html body.theme4-body .theme4-sport-card.theme4-tap,
html body.front-pink-body.theme4-body .theme4-sport-card.theme4-tap,
html body.theme4-body .theme4-side-cats a:active,
html body.front-pink-body.theme4-body .theme4-side-cats a:active,
html body.theme4-body .theme4-side-cats a.theme4-tap,
html body.front-pink-body.theme4-body .theme4-side-cats a.theme4-tap{
  animation:theme4PressPop .22s ease-out!important;
}
html body.theme4-body .theme4-provider-card img,
html body.front-pink-body.theme4-body .theme4-provider-card img{
  transition:transform .24s ease, filter .18s ease!important;
  transform-origin:center center!important;
}
html body.theme4-body .theme4-provider-card:hover img,
html body.front-pink-body.theme4-body .theme4-provider-card:hover img{
  transform:scale(1.045)!important;
  filter:brightness(1.08) contrast(1.03)!important;
}

/* เมนูล่างต้นฉบับ: ปุ่มกดแล้วเด้ง + เหรียญฝากถอนลอยเบา ๆ */
#appBottomNav.theme4-original-bottom .theme4-footer-item:hover{
  transform:translateY(-3px) scale(1.025)!important;
  filter:brightness(1.08)!important;
}
#appBottomNav.theme4-original-bottom .theme4-footer-item:active,
#appBottomNav.theme4-original-bottom .theme4-footer-item.theme4-tap{
  animation:theme4PressPop .22s ease-out!important;
}
#appBottomNav.theme4-original-bottom .theme4-footer-item:hover .theme4-footer-icon img{
  animation:theme4IconBob .42s ease-in-out!important;
}
#appBottomNav.theme4-original-bottom .theme4-footer-main:hover .theme4-main-icon,
#appBottomNav.theme4-original-bottom .theme4-footer-main.theme4-tap .theme4-main-icon{
  animation:theme4CoinFloat .68s ease-in-out!important;
}
#appBottomNav.theme4-original-bottom .theme4-main-icon{
  animation:theme4CoinFloat 2.6s ease-in-out infinite!important;
}
#appBottomNav.theme4-original-bottom .theme4-footer-item.active .theme4-footer-icon img,
#appBottomNav.theme4-original-bottom .theme4-footer-item.active .theme4-main-icon{
  animation:theme4SoftPulse 1.8s ease-in-out infinite!important;
}

/* เมนู full-screen: แถวเมนูเด้งแบบกดได้ */
html body.theme4-body .theme4-full-menu a:hover,
html body.front-pink-body.theme4-body .theme4-full-menu a:hover,
html body.theme4-body .theme4-menu-wallet-actions a:hover,
html body.front-pink-body.theme4-body .theme4-menu-wallet-actions a:hover{
  transform:translateY(-2px) scale(1.015)!important;
  filter:brightness(1.06)!important;
}
html body.theme4-body .theme4-full-menu a:active,
html body.front-pink-body.theme4-body .theme4-full-menu a:active,
html body.theme4-body .theme4-full-menu a.theme4-tap,
html body.front-pink-body.theme4-body .theme4-full-menu a.theme4-tap,
html body.theme4-body .theme4-menu-wallet-actions a:active,
html body.front-pink-body.theme4-body .theme4-menu-wallet-actions a:active,
html body.theme4-body .theme4-menu-wallet-actions a.theme4-tap,
html body.front-pink-body.theme4-body .theme4-menu-wallet-actions a.theme4-tap{
  animation:theme4PressPop .22s ease-out!important;
}

@media (hover:none){
  html body.theme4-body .theme4-top-quick a:hover,
  html body.front-pink-body.theme4-body .theme4-top-quick a:hover,
  html body.theme4-body .theme4-right-actions a:hover,
  html body.front-pink-body.theme4-body .theme4-right-actions a:hover,
  html body.theme4-body .theme4-provider-card:hover,
  html body.front-pink-body.theme4-body .theme4-provider-card:hover,
  html body.theme4-body .theme4-sport-card:hover,
  html body.front-pink-body.theme4-body .theme4-sport-card:hover,
  html body.theme4-body .theme4-side-cats a:hover,
  html body.front-pink-body.theme4-body .theme4-side-cats a:hover,
  #appBottomNav.theme4-original-bottom .theme4-footer-item:hover{
    transform:none!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html body.theme4-body *,html body.front-pink-body.theme4-body *{
    animation:none!important;transition:none!important;
  }
}

/* ===== V187 NON-THEME4 DESKTOP RESET =====
   Full-screen / full-width layout is allowed only for Theme 4.
   Theme 1/2 must stay as the original vertical mobile-width shell even on desktop.
*/
html body.front-pink-body:not(.theme3-body):not(.theme4-body),
html body.front-pink-body.theme2-body{
  overflow-x:hidden!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .wrap.pink-app-shell,
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .pink-app-shell,
html body.front-pink-body.theme2-body .wrap.pink-app-shell,
html body.front-pink-body.theme2-body .pink-app-shell{
  width:100%!important;
  max-width:480px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow-x:hidden!important;
  padding-bottom:118px!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body):has(.theme2-wallet-bottom) .wrap.pink-app-shell,
html body.front-pink-body.theme2-body:has(.theme2-wallet-bottom) .wrap.pink-app-shell{
  padding-bottom:150px!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .bottom.pink-bottom,
html body.front-pink-body.theme2-body .bottom.pink-bottom{
  width:100%!important;
  max-width:480px!important;
  left:50%!important;
  right:auto!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
  padding:0 10px!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .bottom.pink-bottom .bottom-inner,
html body.front-pink-body.theme2-body .bottom.pink-bottom .bottom-inner{
  width:100%!important;
  max-width:none!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .lobby-theme2,
html body.front-pink-body.theme2-body .lobby-theme2{
  width:100%!important;
  max-width:480px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .lobby2-category-grid,
html body.front-pink-body.theme2-body .lobby2-category-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-select-page,
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-select-v2,
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-page.v83-provider-page,
html body.front-pink-body.theme2-body .provider-select-page,
html body.front-pink-body.theme2-body .provider-select-v2,
html body.front-pink-body.theme2-body .provider-page.v83-provider-page{
  width:100%!important;
  max-width:480px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .game-list-grid.pro-image-grid,
html body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-page .game-list-grid.pro-image-grid,
html body.front-pink-body.theme2-body .game-list-grid.pro-image-grid,
html body.front-pink-body.theme2-body .provider-page .game-list-grid.pro-image-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
@media (max-width:520px){
  html body.front-pink-body:not(.theme3-body):not(.theme4-body) .wrap.pink-app-shell,
  html body.front-pink-body:not(.theme3-body):not(.theme4-body) .pink-app-shell,
  html body.front-pink-body.theme2-body .wrap.pink-app-shell,
  html body.front-pink-body.theme2-body .pink-app-shell,
  html body.front-pink-body:not(.theme3-body):not(.theme4-body) .lobby-theme2,
  html body.front-pink-body.theme2-body .lobby-theme2,
  html body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-select-page,
  html body.front-pink-body:not(.theme3-body):not(.theme4-body) .provider-page.v83-provider-page,
  html body.front-pink-body.theme2-body .provider-select-page,
  html body.front-pink-body.theme2-body .provider-page.v83-provider-page{
    max-width:100vw!important;
  }
}

/* ===== V188 CHECK-IN SYSTEM FRONT + ADMIN ===== */
.front-alert{max-width:680px;margin:10px auto;padding:10px 14px;border-radius:12px;font-weight:900;font-family:'Kanit','Noto Sans Thai',sans-serif;border:1px solid rgba(255,255,255,.14)}
.front-alert.ok{background:rgba(34,197,94,.13);color:#b7ffd0;border-color:rgba(34,197,94,.35)}
.front-alert.bad{background:rgba(239,68,68,.13);color:#ffd0d0;border-color:rgba(239,68,68,.35)}
body.theme4-body .theme4-checkin-summary{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 12px;color:#fff;font-weight:1000}
body.theme4-body .theme4-checkin-summary span{color:#bfc3cd}
body.theme4-body .theme4-checkin-summary b{color:#ffcc4a;background:#202126;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 12px}
body.theme4-body .theme4-calendar-grid div.claimed{background:linear-gradient(180deg,#252933,#1f232b)!important;border:1px solid rgba(74,222,128,.45)}
body.theme4-body .theme4-calendar-grid div.claimed small{color:#7cff9f!important;font-size:20px!important;line-height:1}
body.theme4-body .theme4-calendar-grid div.future{opacity:.92}
body.theme4-body .theme4-checkin-form{margin:0;padding:0}
body.theme4-body button.theme4-checkin-claim{border:0;width:100%;cursor:pointer;font-family:inherit}
body.theme4-body button.theme4-checkin-claim:active{transform:translateY(1px) scale(.995)}
body.theme4-body .theme4-checkin-disabled{height:52px;margin-top:20px;border-radius:8px;background:#1f2025;border:1px solid rgba(255,91,96,.42);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 12px;color:#ffd4d6;font-weight:1000;font-size:15px}
.xg-alert{margin:0 0 16px;padding:12px 14px;border-radius:14px;font-weight:900;border:1px solid rgba(255,255,255,.12)}
.xg-alert.ok{background:rgba(34,197,94,.12);color:#bbf7d0;border-color:rgba(34,197,94,.35)}
.xg-alert.bad{background:rgba(239,68,68,.12);color:#fecaca;border-color:rgba(239,68,68,.35)}
.checkin-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.checkin-admin-day{display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;color:var(--theme-admin-text,#fff)}
.checkin-admin-day b{font-size:13px}.checkin-admin-day span{display:flex;align-items:center;gap:8px;color:var(--theme-admin-muted,#94a3b8);font-weight:800}.checkin-admin-day input[type=checkbox]{width:auto}
@media(max-width:900px){.checkin-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.checkin-admin-grid{grid-template-columns:1fr;}body.theme4-body .theme4-checkin-summary{font-size:13px}.front-alert{margin-left:8px;margin-right:8px}}

/* ===== V189 THEME4 DEPOSIT POPUP QR ORIGINAL STYLE ===== */
body.theme4-deposit-route{overflow:hidden!important;background:#242528!important;}
body.theme4-deposit-route .top.v113-topbar,
body.theme4-deposit-route #appBottomNav,
body.theme4-deposit-route .theme4-contact-float,
body.theme4-deposit-route .theme4-right-actions{filter:grayscale(.75) brightness(1.22)!important;opacity:.42!important;pointer-events:none!important;}
body.theme4-body .theme4-deposit-popup-page{position:fixed!important;inset:0!important;z-index:260000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:86px 16px 96px!important;overflow:auto!important;background:rgba(214,218,224,.76)!important;font-family:Kanit,'Noto Sans Thai',Tahoma,sans-serif!important;color:#fff!important;box-sizing:border-box!important;}
body.theme4-body .theme4-deposit-shade{position:fixed!important;inset:0!important;background:rgba(211,215,221,.64)!important;backdrop-filter:blur(2.2px)!important;-webkit-backdrop-filter:blur(2.2px)!important;z-index:0!important;pointer-events:none!important;}
body.theme4-body .theme4-deposit-ghost{position:fixed!important;inset:72px 0 80px!important;z-index:-1!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:10px!important;opacity:.54!important;filter:saturate(.8)!important;pointer-events:none!important;overflow:hidden!important;}
body.theme4-body .theme4-deposit-ghost-cats{width:56px!important;margin-top:0!important;display:grid!important;gap:8px!important;}
body.theme4-body .theme4-deposit-ghost-cats span{height:52px!important;border:1px solid rgba(255,91,98,.55)!important;border-radius:10px!important;background:rgba(20,21,25,.72)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(0,0,0,.18)!important;}
body.theme4-body .theme4-deposit-ghost-grid{width:min(860px,72vw)!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;}
body.theme4-body .theme4-deposit-ghost-grid i{height:112px!important;border-radius:13px!important;border:1px solid rgba(255,91,98,.65)!important;background:linear-gradient(145deg,#121318,#33353c)!important;color:rgba(255,255,255,.78)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-style:normal!important;font-weight:1000!important;font-size:18px!important;letter-spacing:.02em!important;box-shadow:0 14px 28px rgba(0,0,0,.24)!important;}
body.theme4-body .theme4-deposit-modal{position:relative!important;z-index:2!important;width:min(94vw,486px)!important;max-height:calc(100vh - 120px)!important;overflow:auto!important;background:#292a2f!important;border:0!important;border-radius:7px!important;padding:42px 16px 18px!important;box-shadow:0 34px 95px rgba(0,0,0,.34)!important;color:#fff!important;box-sizing:border-box!important;animation:theme4DepositPop .22s cubic-bezier(.2,.85,.22,1.12) both!important;}
@keyframes theme4DepositPop{from{opacity:0;transform:translateY(12px) scale(.982)}to{opacity:1;transform:translateY(0) scale(1)}}
body.theme4-body .theme4-deposit-close{position:absolute!important;right:16px!important;top:14px!important;width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#ff343a!important;color:#fff!important;text-decoration:none!important;font-size:23px!important;font-weight:500!important;line-height:1!important;box-shadow:0 8px 18px rgba(255,52,58,.28)!important;z-index:3!important;}
body.theme4-body .theme4-deposit-tabs-main{height:38px!important;margin:0 8px 14px!important;border-radius:8px!important;background:#202126!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:0!important;overflow:hidden!important;}
body.theme4-body .theme4-deposit-tabs-main a{height:38px!important;display:grid!important;place-items:center!important;color:#8f9096!important;text-decoration:none!important;font-size:16px!important;font-weight:800!important;border-radius:8px!important;transition:transform .16s ease,background .16s ease,color .16s ease!important;}
body.theme4-body .theme4-deposit-tabs-main a.active{background:linear-gradient(180deg,#ff6f70 0%,#ff373d 62%,#ed2228 100%)!important;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.28)!important;box-shadow:0 8px 17px rgba(255,52,58,.32)!important;}
body.theme4-body .theme4-deposit-tabs-sub{height:38px!important;margin:0 0 5px!important;display:grid!important;grid-template-columns:1fr 1fr!important;border-bottom:3px solid #9b9da4!important;}
body.theme4-body .theme4-deposit-tabs-sub a{position:relative!important;display:grid!important;place-items:center!important;color:#a6a7ac!important;text-decoration:none!important;font-size:16px!important;font-weight:900!important;}
body.theme4-body .theme4-deposit-tabs-sub a.active{color:#ff454d!important;}
body.theme4-body .theme4-deposit-tabs-sub a.active:after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:-3px!important;height:3px!important;background:#ff343a!important;border-radius:99px!important;}
body.theme4-body .theme4-deposit-alert{margin:10px 0!important;padding:10px 12px!important;border-radius:9px!important;text-align:center!important;font-weight:900!important;font-size:13px!important;border:1px solid transparent!important;}
body.theme4-body .theme4-deposit-alert.err{background:rgba(255,52,58,.14)!important;border-color:rgba(255,52,58,.55)!important;color:#ff7379!important;}
body.theme4-body .theme4-deposit-alert.ok{background:rgba(34,197,94,.13)!important;border-color:rgba(34,197,94,.44)!important;color:#71f29d!important;}
body.theme4-body .theme4-deposit-channel-title{font-size:15px!important;font-weight:1000!important;line-height:1.2!important;text-align:center!important;margin:7px 0 9px!important;color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.3)!important;}
body.theme4-body .theme4-deposit-channel-title.amount{margin-top:15px!important;}
body.theme4-body .theme4-deposit-choice{position:relative!important;min-height:58px!important;margin:8px 0!important;padding:9px 66px 9px 14px!important;border-radius:8px!important;border:2px solid transparent!important;background:#222328!important;display:grid!important;grid-template-columns:40px 1fr!important;align-items:center!important;gap:10px!important;color:#fff!important;text-decoration:none!important;box-sizing:border-box!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;}
body.theme4-body .theme4-deposit-choice.active{border-color:#ff9a25!important;background:#15161b!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.22)!important;}
body.theme4-body .theme4-deposit-choice:hover{transform:translateY(-1px)!important;}
body.theme4-body .theme4-deposit-choice:active{transform:translateY(1px) scale(.99)!important;}
body.theme4-body .theme4-deposit-choice-ico{width:40px!important;height:40px!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:28px!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.34))!important;}
body.theme4-body .theme4-deposit-choice-ico.card{font-size:25px!important;color:#dfe9ff!important;background:#fff!important;box-shadow:inset 0 0 0 4px rgba(35,43,52,.12)!important;}
body.theme4-body .theme4-deposit-choice b{display:block!important;font-size:14px!important;font-weight:1000!important;line-height:1.15!important;color:#fff!important;}
body.theme4-body .theme4-deposit-choice small{display:block!important;margin-top:3px!important;font-size:11px!important;font-weight:800!important;color:#d7d7dc!important;line-height:1.2!important;}
body.theme4-body .theme4-deposit-choice em{position:absolute!important;right:11px!important;top:50%!important;transform:translateY(-50%)!important;font-style:normal!important;height:25px!important;padding:0 10px!important;border-radius:7px!important;display:grid!important;place-items:center!important;background:#ff4b50!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;box-shadow:0 7px 13px rgba(255,52,58,.25)!important;}
body.theme4-body .theme4-deposit-amount-input{height:50px!important;border-radius:7px!important;background:#202126!important;display:grid!important;grid-template-columns:48px 1fr!important;align-items:center!important;border:1px solid rgba(255,255,255,.05)!important;overflow:hidden!important;}
body.theme4-body .theme4-deposit-amount-input span{height:100%!important;display:grid!important;place-items:center!important;font-size:20px!important;font-weight:1000!important;color:#ff686e!important;background:rgba(0,0,0,.12)!important;border-right:1px solid rgba(255,255,255,.06)!important;}
body.theme4-body .theme4-deposit-amount-input input{width:100%!important;height:100%!important;border:0!important;outline:none!important;background:transparent!important;color:#fff!important;font-size:18px!important;font-weight:900!important;padding:0 12px!important;box-shadow:none!important;}
body.theme4-body .theme4-deposit-amount-input input::placeholder{color:#8d9096!important;font-weight:800!important;}
body.theme4-body .theme4-deposit-quick{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:10px 0 12px!important;}
body.theme4-body .theme4-deposit-quick button{height:38px!important;border:0!important;border-radius:8px!important;background:#55565b!important;color:#ff686e!important;font-size:16px!important;font-weight:1000!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;cursor:pointer!important;transition:transform .14s ease,background .14s ease,color .14s ease!important;}
body.theme4-body .theme4-deposit-quick button:hover,
body.theme4-body .theme4-deposit-quick button.picked{transform:translateY(-1px)!important;background:#68696f!important;color:#fff!important;}
body.theme4-body .theme4-deposit-submit,
body.theme4-body .theme4-deposit-primary{width:100%!important;height:50px!important;border:0!important;border-radius:8px!important;background:linear-gradient(180deg,#ff6b6e 0%,#ff3d43 60%,#ee262e 100%)!important;color:#fff!important;font-size:16px!important;font-weight:1000!important;text-align:center!important;cursor:pointer!important;box-shadow:0 12px 24px rgba(255,52,58,.22)!important;transition:transform .16s ease,filter .16s ease!important;}
body.theme4-body .theme4-deposit-submit:active,
body.theme4-body .theme4-deposit-primary:active{transform:translateY(1px) scale(.992)!important;}
body.theme4-body .theme4-deposit-note{margin:9px 0 0!important;text-align:center!important;color:#bfc0c5!important;font-size:12px!important;font-weight:800!important;line-height:1.45!important;}
body.theme4-body .theme4-deposit-wallet-box{padding:12px!important;border-radius:8px!important;background:#1f2025!important;color:#fff!important;text-align:center!important;font-weight:900!important;border:1px solid rgba(255,255,255,.08)!important;margin:10px 0!important;}
body.theme4-body .theme4-slip-label{display:block!important;margin:8px 0 6px!important;font-size:13px!important;font-weight:900!important;color:#fff!important;}
body.theme4-body .theme4-slip-input{width:100%!important;border-radius:8px!important;background:#202126!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;padding:10px!important;box-sizing:border-box!important;}
body.theme4-body .theme4-deposit-amount-big{font-size:33px!important;font-weight:1000!important;color:#ffd55a!important;text-align:center!important;margin:3px 0 8px!important;text-shadow:0 10px 24px rgba(255,204,66,.22)!important;}
body.theme4-body .theme4-deposit-qr{width:236px!important;max-width:76vw!important;margin:10px auto!important;padding:12px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 36px rgba(0,0,0,.28)!important;}
body.theme4-body .theme4-deposit-qr img{display:block!important;width:100%!important;height:auto!important;border-radius:8px!important;}
body.theme4-body .theme4-deposit-info-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:12px 0!important;}
body.theme4-body .theme4-deposit-info-grid>div{min-width:0!important;border-radius:8px!important;background:#202126!important;border:1px solid rgba(255,255,255,.06)!important;padding:8px!important;}
body.theme4-body .theme4-deposit-info-grid small{display:block!important;color:#9b9da4!important;font-size:10px!important;font-weight:900!important;}
body.theme4-body .theme4-deposit-info-grid b{display:block!important;color:#fff!important;font-size:12px!important;font-weight:1000!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.theme4-body .theme4-deposit-actions-row{display:grid!important;grid-template-columns:1fr 105px!important;gap:8px!important;align-items:center!important;}
body.theme4-body .theme4-deposit-actions-row form{margin:0!important;}
body.theme4-body .theme4-deposit-secondary{width:100%!important;height:50px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;background:#202126!important;color:#fff!important;font-size:14px!important;font-weight:1000!important;cursor:pointer!important;}
body.theme4-body .theme4-deposit-modal .theme4-tap{animation:theme4DepositTap .24s ease both!important;}
@keyframes theme4DepositTap{0%{transform:scale(1)}45%{transform:scale(.965)}100%{transform:scale(1)}}
@media(max-width:900px){
  body.theme4-body .theme4-deposit-popup-page{padding:88px 10px 92px!important;align-items:flex-start!important;}
  body.theme4-body .theme4-deposit-modal{width:min(486px,calc(100vw - 20px))!important;max-height:calc(100vh - 142px)!important;margin-top:0!important;padding:42px 12px 14px!important;}
  body.theme4-body .theme4-deposit-ghost{inset:78px 0 80px!important;}
  body.theme4-body .theme4-deposit-ghost-cats{width:48px!important;}
  body.theme4-body .theme4-deposit-ghost-grid{width:calc(100vw - 74px)!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;}
  body.theme4-body .theme4-deposit-ghost-grid i{height:98px!important;font-size:12px!important;border-radius:10px!important;}
  body.theme4-body .theme4-deposit-tabs-main a{font-size:14px!important;}
  body.theme4-body .theme4-deposit-tabs-sub a{font-size:14px!important;}
  body.theme4-body .theme4-deposit-choice{min-height:56px!important;padding-right:61px!important;}
  body.theme4-body .theme4-deposit-quick button{height:36px!important;font-size:14px!important;}
  body.theme4-body .theme4-deposit-info-grid{grid-template-columns:1fr!important;}
  body.theme4-body .theme4-deposit-actions-row{grid-template-columns:1fr!important;}
}
@media(max-width:390px){
  body.theme4-body .theme4-deposit-modal{padding-left:10px!important;padding-right:10px!important;}
  body.theme4-body .theme4-deposit-tabs-main{margin-left:4px!important;margin-right:4px!important;}
  body.theme4-body .theme4-deposit-choice b{font-size:13px!important;}
  body.theme4-body .theme4-deposit-choice small{font-size:10px!important;}
}


/* ===== V190 FREE CODE POPUP + ADMIN CHECKIN MENU ===== */
.theme4-freecode-overlay{position:fixed!important;inset:0!important;z-index:270000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:86px 14px 98px!important;background:rgba(210,214,221,.72)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;box-sizing:border-box!important;}
.theme4-freecode-modal{position:relative!important;width:min(94vw,460px)!important;background:#2a2b30!important;color:#fff!important;border-radius:7px!important;padding:34px 16px 18px!important;box-shadow:0 34px 92px rgba(0,0,0,.35)!important;font-family:Kanit,'Noto Sans Thai',Tahoma,sans-serif!important;animation:theme4FreeCodePop .2s cubic-bezier(.2,.85,.22,1.08) both!important;}
@keyframes theme4FreeCodePop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.theme4-freecode-close{position:absolute!important;right:14px!important;top:12px!important;width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;text-decoration:none!important;background:transparent!important;color:#fff!important;font-size:24px!important;line-height:1!important;opacity:.92!important;}
.theme4-freecode-modal h2{margin:0 36px 14px 0!important;font-size:20px!important;font-weight:1000!important;line-height:1.2!important;color:#fff!important;text-align:left!important;}
.theme4-freecode-form{display:grid!important;gap:12px!important;margin:0!important;}
.theme4-freecode-form label{display:grid!important;gap:7px!important;margin:0!important;color:#fff!important;font-weight:900!important;}
.theme4-freecode-form label span{font-size:13px!important;color:#fff!important;}
.theme4-freecode-form input{height:43px!important;width:100%!important;box-sizing:border-box!important;border-radius:9px!important;border:1px solid #b87a20!important;background:#222328!important;color:#fff!important;outline:none!important;padding:0 14px!important;font-size:16px!important;font-weight:900!important;text-transform:uppercase!important;box-shadow:none!important;}
.theme4-freecode-form input::placeholder{color:#9b9da4!important;text-transform:none!important;font-weight:800!important;}
.theme4-freecode-form button{height:48px!important;border:0!important;border-radius:9px!important;background:#8b9497!important;color:#fff!important;font-size:17px!important;font-weight:1000!important;cursor:pointer!important;transition:transform .14s ease,filter .14s ease!important;}
.theme4-freecode-form button:hover{filter:brightness(1.08)!important;}
.theme4-freecode-form button:active{transform:translateY(1px) scale(.99)!important;}
.theme4-freecode-modal .front-alert{margin:0 0 12px!important;border-radius:9px!important;padding:10px 12px!important;font-weight:900!important;text-align:center!important;}
.theme4-freecode-modal .front-alert.ok{background:rgba(34,197,94,.14)!important;border:1px solid rgba(34,197,94,.46)!important;color:#8df7ad!important;}
.theme4-freecode-modal .front-alert.bad{background:rgba(255,52,58,.14)!important;border:1px solid rgba(255,52,58,.55)!important;color:#ff858b!important;}
.xg-sidebar .xg-menu-title:has(+ .xg-menu-list a[href*="admin/checkin"]),.xg-sidebar a[href*="admin/checkin"],.xg-sidebar a[href*="admin/code-free"]{scroll-margin-top:90px!important;}
@media(max-width:560px){.theme4-freecode-overlay{padding-top:90px!important;align-items:flex-start!important}.theme4-freecode-modal{width:calc(100vw - 24px)!important;padding:34px 14px 16px!important}.theme4-freecode-modal h2{font-size:18px!important}}