:root{--bg:#081722;--p:#102733;--line:#28434e;--g:#00ef79;--muted:#91a8b2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4fafc;font:14px system-ui}button,select,input{font:inherit}button{background:#102631;color:white;border:1px solid var(--line);padding:10px 14px;border-radius:10px;cursor:pointer}.primary{background:var(--g);color:#00351d;border-color:var(--g);font-weight:800}.demo{text-align:center;background:#050e14;color:#748b95;padding:5px;font-size:10px;letter-spacing:2px}header{height:66px;position:sticky;top:0;z-index:20;background:#091923ee;backdrop-filter:blur(15px);display:flex;align-items:center;gap:25px;padding:0 max(16px,calc((100% - 1160px)/2));border-bottom:1px solid #19313b}.brand{font-weight:900;display:flex;align-items:center;gap:9px}.brand span{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--g);color:var(--g);border-radius:9px}.tools{margin-left:auto;display:flex;gap:7px}.tools select{background:#102631;color:white;border:1px solid var(--line);border-radius:9px}.ticker{text-align:center;padding:8px;color:#a3b7c0;border-bottom:1px solid #17313b;font-size:11px}main,footer{max-width:1160px;margin:auto;padding:20px}.card,.game,.liveCard,.lotto,.match,.promo{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--p)}.hero{height:350px;position:relative;background:radial-gradient(circle at 75%,#087c70,#0c2630 30%,#07141c 70%)}.hero img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#06131be8,transparent)}.heroText{position:absolute;z-index:2;left:40px;top:65px}.heroText small,.sectionTitle small,.vip small{color:var(--g);font-weight:900;letter-spacing:2px}.hero h1{font-size:38px;margin:10px 0}.hero h1 b{color:#ffda59}.hero p,footer p{color:var(--muted)}.vault{position:absolute;right:90px;top:45px;font-size:190px;color:#eac958;opacity:.7}.promos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.promo{padding:18px;height:110px}.promo small{color:var(--muted)}.promo b{display:block;margin-top:28px}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin:30px 0 12px}.sectionTitle h2{margin:4px 0}.sectionTitle>button{border:0;background:none}.chips{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.chips .active{color:var(--g);border-color:var(--g)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.game{height:230px;position:relative}.game img,.liveCard img,.lotto img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;color:#d8b54a}.gameInfo,.liveInfo,.lottoInfo{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:45px 13px 12px;background:linear-gradient(transparent,#03080bed)}.gameInfo small,.liveInfo small{display:block;color:#a5b8c0}.badge{position:absolute;z-index:3;top:9px;left:9px;background:var(--g);color:#00341d;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:900}.liveGrid,.lottery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.liveCard{height:190px;position:relative}.liveCard .badge{background:#ff2949;color:white}.sports{display:grid;gap:8px}.match{padding:14px}.match small{color:var(--muted)}.match b{display:block;margin:5px 0 10px}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.odds strong{color:var(--g)}.lotto{height:160px;position:relative}.lottoInfo strong{display:block;color:#ffda59;font-size:21px}.vip{margin-top:30px;padding:25px;background:linear-gradient(110deg,#132d36,#302111)}footer{border-top:1px solid #17313b;margin-top:25px}.supportFab{position:fixed;right:22px;bottom:22px;z-index:40;border-color:var(--g)}.support{display:none;position:fixed;right:22px;bottom:75px;width:360px;height:490px;z-index:45;background:#0d202b;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 25px 70px #000a;flex-direction:column}.support.open{display:flex}.supportHead{padding:15px;display:flex;justify-content:space-between;background:#132c37}.supportHead small{display:block;color:var(--muted)}.messages{flex:1;overflow:auto;padding:13px}.bot,.user{padding:10px 12px;border-radius:11px;margin:7px 0;max-width:85%;line-height:1.5}.bot{background:#173540}.user{background:#00c966;color:#00321c;margin-left:auto}.quick{display:flex;gap:5px;overflow:auto;padding:5px 10px}.quick button{white-space:nowrap;font-size:11px;padding:6px}#chatForm{display:flex;gap:6px;padding:10px}#chatForm input{flex:1;background:#07161e;color:white;border:1px solid var(--line);border-radius:9px;padding:11px}.overlay{display:none;position:fixed;inset:0;z-index:100;background:#02090de8;backdrop-filter:blur(13px);place-items:center}.overlay.show{display:grid}.loaderBox{width:min(520px,90vw);text-align:center}.network{height:90px;display:flex;justify-content:center;align-items:center;gap:20px}.network i{width:13px;height:13px;background:var(--g);border-radius:50%;box-shadow:0 0 22px var(--g);animation:p 1s infinite alternate}.network i:nth-child(2){animation-delay:.2s}.network i:nth-child(3){animation-delay:.4s}@keyframes p{to{transform:scale(1.8);opacity:.2}}.bar{height:7px;background:#18323d;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--g)}.percent{color:var(--g);margin:9px}.loaderBox p{color:var(--muted)}.notice{font-size:10px}.authBox{width:min(450px,92vw);background:#0d202b;border:1px solid #31505d;border-radius:19px;padding:24px;position:relative}.x{position:absolute;right:12px;top:12px}.authBrand{text-align:center}.authBrand span{display:inline-grid;place-items:center;width:43px;height:43px;border:2px solid var(--g);color:var(--g);border-radius:11px;font-weight:900}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0}.tabs .active{color:var(--g);border-color:var(--g)}#authForm label{display:block;margin:10px 0;color:#a9bbc3;font-size:12px}#authForm input,#authForm select{width:100%;margin-top:5px;background:#07161e;color:white;border:1px solid var(--line);padding:11px;border-radius:9px}.check{display:flex!important;gap:7px}.check input{width:auto!important}.submit{width:100%}.authNote{text-align:center;color:#738b95;font-size:10px}.toast{position:fixed;top:95px;left:50%;transform:translateX(-50%);z-index:200;background:#113326;border:1px solid var(--g);padding:11px 18px;border-radius:10px;display:none}.toast.show{display:block}.bottom{display:none}@media(max-width:800px){header nav{display:none}.tools #login{display:none}main{padding:11px}.hero{height:300px}.heroText{left:20px;top:45px}.hero h1{font-size:28px}.vault{opacity:.2;right:5px}.promos,.grid{grid-template-columns:1fr 1fr}.liveGrid,.lottery{grid-template-columns:1fr}.support{right:10px;bottom:72px;width:calc(100% - 20px);height:65vh}.supportFab{bottom:72px}.bottom{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;height:60px;background:#091923;justify-content:space-around}.bottom button{border:0;background:none}.bottom small{display:block;font-size:9px}footer{padding-bottom:75px}}
/* V2 — mobile-first interaction layer */
.wide{width:100%;margin-top:10px}.ghost{width:100%;border:0;background:transparent;color:#91a8b2}.sheetOverlay{display:none;position:fixed;inset:0;z-index:160;background:#02080db8;backdrop-filter:blur(9px);align-items:flex-end;justify-content:center}.sheetOverlay.show{display:flex}.sheet{position:relative;width:100%;max-height:88dvh;overflow:auto;background:linear-gradient(180deg,#122a35,#0a1b24 65%);border:1px solid #2b4b57;border-radius:24px 24px 0 0;padding:26px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -25px 80px #000a;animation:sheetUp .3s ease-out}.sheet:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:44px;height:4px;border-radius:10px;background:#36515b}.sheetX{position:absolute;right:14px;top:17px;width:34px;height:34px;padding:0;border-radius:50%}.eyebrow{display:block;color:var(--g);font-size:10px;font-weight:900;letter-spacing:1.8px;margin:7px 0}.sheet h2{font-size:24px;margin:7px 0}.sheet p{color:#91a8b2;line-height:1.6}.giftOrb{width:94px;height:94px;margin:15px auto;display:grid;place-items:center;border-radius:50%;font-size:42px;color:#ffe176;background:radial-gradient(circle,#166b55,#0b2b31 60%,#081821);box-shadow:0 0 50px #00ef7930;animation:float 2.5s ease-in-out infinite}.rewardRow,.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.rewardRow>div,.infoGrid>div{padding:14px;background:#081820;border:1px solid #24424d;border-radius:13px}.rewardRow small,.infoGrid small{display:block;color:#8299a3;font-size:9px}.rewardRow b{display:block;color:#ffdc5c;font-size:20px;margin-top:3px}.calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.day{min-height:70px;display:grid;place-items:center;text-align:center;background:#081820;border:1px solid #24424d;border-radius:12px}.day small{display:block;color:#8299a3}.day b{color:#ffdc5c}.day.today{border-color:var(--g);box-shadow:inset 0 0 0 1px #00ef7940}.noticeList{display:grid;gap:8px;margin:18px 0}.noticeList article{display:flex;gap:12px;align-items:center;padding:13px;background:#081820;border:1px solid #24424d;border-radius:13px}.noticeList i{width:38px;height:38px;display:grid;place-items:center;background:#11352f;color:var(--g);border-radius:11px;font-style:normal}.noticeList small{display:block;color:#8299a3;margin-top:3px}.sheetLabel{display:block;color:#a9bbc3;font-size:12px;margin:14px 0}.sheetLabel select{width:100%;margin-top:6px;padding:12px;background:#07161e;color:#fff;border:1px solid #28434e;border-radius:10px}.micro{font-size:10px}.mobileTopActions{display:none;position:fixed;right:12px;top:91px;z-index:25;gap:6px}.mobileTopActions button{position:relative;width:38px;height:38px;padding:0;border-radius:50%;background:#0d2631dd;backdrop-filter:blur(10px)}.mobileTopActions em{position:absolute;right:-2px;top:-3px;min-width:15px;height:15px;line-height:15px;border-radius:10px;background:#ff3150;color:#fff;font-size:8px;font-style:normal}.mobileTopActions button:first-child em{width:7px;min-width:7px;height:7px;right:2px;top:1px;background:var(--g)}@keyframes sheetUp{from{transform:translateY(35px);opacity:0}}@keyframes float{50%{transform:translateY(-7px)}}
@media(min-width:801px){.sheetOverlay{align-items:center}.sheet{max-width:440px;border-radius:22px;padding:28px}.promoSheet{max-width:470px}.mobileTopActions{display:flex;top:86px;right:24px}.infoGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){body{font-size:13px;padding-bottom:0}.demo{font-size:8px;letter-spacing:1.2px;padding:4px 50px 4px 8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header{height:54px;padding:0 10px;gap:8px}.brand{font-size:12px}.brand span{width:29px;height:29px}.tools{gap:5px}.tools select{width:86px;padding:7px 5px}.tools .primary{padding:8px 10px;font-size:11px}.ticker{height:30px;white-space:nowrap;overflow:hidden;text-align:left;padding:7px 10px}.mobileTopActions{display:flex;top:93px}.hero{height:245px;border-radius:13px}.heroText{left:16px;right:16px;top:32px}.heroText small{font-size:9px}.hero h1{font-size:25px;line-height:1.05;margin:8px 0}.hero p{max-width:230px;font-size:11px}.heroText button{padding:9px 11px;font-size:11px}.promos{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:8px;margin:10px -11px;padding:0 11px}.promo{flex:0 0 76%;height:92px;scroll-snap-align:start;padding:14px;border-radius:13px}.promo b{margin-top:18px}.sectionTitle{margin:22px 0 9px}.sectionTitle h2{font-size:19px}.chips{margin-right:-11px;padding-right:11px}.chips button{white-space:nowrap;padding:8px 11px}.grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin:0 -11px;padding:0 11px;gap:9px}.game{flex:0 0 43%;height:205px;scroll-snap-align:start;border-radius:13px}.gameInfo{padding:40px 10px 10px}.liveGrid{display:flex;overflow:auto;margin:0 -11px;padding:0 11px;gap:9px}.liveCard{flex:0 0 82%;height:175px}.match{padding:11px}.odds button{padding:8px 5px}.lottery{display:flex;overflow:auto;margin:0 -11px;padding:0 11px;gap:9px}.lotto{flex:0 0 82%;height:145px}.vip{padding:20px 16px}.supportFab{right:13px;bottom:72px;width:46px;height:46px;padding:0;border-radius:50%;box-shadow:0 0 25px #00ef7930}.supportFab span{display:none}.support{right:0;bottom:0;width:100%;height:82dvh;border-radius:22px 22px 0 0;z-index:180}.bottom{height:62px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 25px #0005}.bottom button{font-size:16px;padding:5px 12px}.authBox{width:100%;max-height:92dvh;overflow:auto;align-self:end;border-radius:24px 24px 0 0;padding:24px 17px calc(20px + env(safe-area-inset-bottom))}.overlay#auth{place-items:end center}.loaderBox{padding:0 20px}.network{height:70px}.toast{top:auto;bottom:78px;width:calc(100% - 24px);text-align:center}.sheet h2{font-size:22px}.rewardRow{grid-template-columns:1fr 1fr}}

/* Exact user-provided asset filenames */
.menuRail{display:flex;gap:9px;overflow:auto;margin:14px 0;padding-bottom:2px;scrollbar-width:none}.menuRail::-webkit-scrollbar{display:none}.menuTile{position:relative;flex:0 0 112px;height:78px;padding:0;overflow:hidden;border-radius:14px;background:#102631}.menuTile img{width:100%;height:100%;object-fit:cover;display:block}.menuTile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#031016dc)}.menuTile span{position:absolute;z-index:2;left:10px;bottom:8px;font-size:11px;font-weight:800}.promoImg{position:relative;padding:0}.promoImg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promoImg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06131be8,#06131b35)}.promoImg>div{position:relative;z-index:2;padding:18px}.promoImg b{margin-top:28px}@media(max-width:800px){.menuRail{margin:10px -11px;padding:0 11px}.menuTile{flex-basis:92px;height:68px}.menuTile span{font-size:10px}.promoImg>div{padding:14px}.promoImg b{margin-top:18px}}
