/* 0: block */
body:before{content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .16; z-index: -1;}
*{box-sizing: border-box;}
h1,h2,h3,h4{letter-spacing: -.035em;}
p{line-height: 1.6;}
button,.btn,.sign-up,.tab,.card-network-btn{font-weight: 750; transition: transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;}
button:hover,.btn:hover,.sign-up:hover{transform: translate(-1px,-1px);}
button:active,.btn:active,.sign-up:active{transform: translate(2px,2px);}
input,select,textarea{max-width: 100%;}
.card:before{display: none !important;}
.card:hover,.task-card:hover,.exchange-card:hover{transform: translateY(-2px);}
.tabs{gap: 8px !important; padding: 8px !important;}
.hero h1{font-weight: 950 !important; line-height: 1.02 !important;}
.hero .card{min-height: 0 !important;}
.stats{gap: 12px !important;}
img{max-width: 100%;}
pre,code{overflow-wrap: anywhere;}
@media (min-width:1100px){.container,.app,.page,.main,.main-content{max-width: 1320px; margin-left: auto; margin-right: auto;}}
@media (max-width:760px){body{font-size: 14px;}
.hero{grid-template-columns: minmax(0,1fr) !important; gap: 12px !important;}
.hero .card{min-height: 0 !important;}
.hero h1{font-size: clamp(30px,9vw,44px) !important; letter-spacing: -1.2px !important;}
.stats{grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important;}
.tabs{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
.card,.panel,.stat,.task-card,.exchange-card,.payment-card{padding: 14px !important;}
.table-wrap,.table-responsive{max-width: 100%; overflow-x: auto;}
table{min-width: 600px;}
.bottom-nav,.bottom-menu{position: sticky; bottom: 0; z-index: 30;}
.row{flex-wrap: wrap;}
.auth{margin: 20px auto !important;}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration: .01ms !important;}}
/* 1: block */
body:before{display: none !important;}
.card:hover,.task-card:hover,.exchange-card:hover,.home-money-card:hover{transform: translateY(-2px) !important;}
.home-cosmic-hero{display: block !important; padding: 22px !important;}
.home-cosmic-hero h1{font-size: clamp(30px,6vw,52px) !important;}
.withdraw-live-card{margin-top: 18px !important; padding: 14px !important;}
.withdraw-live-list{display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; max-height: 360px !important; overflow: auto !important;}
.withdraw-live-list>*{transform: none !important;}
.withdraw-live-item,.public-withdraw-item,.recent-withdraw-item{transform: none !important;}
.home-money-strip{grid-template-columns: repeat(4,minmax(0,1fr)) !important;}
.withdraw-page:before{display: none !important;}
.withdraw-choice-grid{grid-template-columns: repeat(4,minmax(0,1fr)) !important;}
.withdraw-choice{transform: none !important;}
.withdraw-choice:hover{transform: translateY(-2px) !important;}
.game-item-card{transform: none !important;}
.banner{transform: rotate(45deg) !important;}
@media (max-width:760px){.home-money-strip{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
.withdraw-choice-grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:430px){.home-money-strip{grid-template-columns: 1fr 1fr !important;}
.withdraw-choice{min-height: 100px !important;}}
/* 2: block */
html[data-theme="dark"] body:before{opacity: .12 !important;}
/* 3: block */
.exchanged-grid{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;}
.exchanged-card{padding: 13px;}
.exchanged-head,.exchanged-row{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.exchanged-head{margin-bottom: 10px;}
.exchanged-row{padding: 7px 0;}
.exchanged-row strong{word-break: break-all; text-align: right;}
.exchanged-copy{margin-top: 10px; width: 100% !important;}
.top{grid-template-columns: 42px minmax(0,1fr) auto !important; justify-content: initial !important; gap: 6px !important; padding: 6px 8px !important;}
.top-balance{justify-self: end !important; width: max-content !important; min-width: 0 !important; max-width: 92px !important; padding: 4px 7px !important; gap: 0 !important;}
.top-balance strong{font-size: 12px !important; line-height: 1 !important;}
.top #topActions{justify-self: end !important; min-width: 40px !important;}
.top .profile-btn{width: 40px !important; height: 40px !important; font-size: 19px !important;}
@media (max-width:600px){.top{grid-template-columns: 40px minmax(0,1fr) auto !important; gap: 5px !important; padding: 5px 6px !important;}
.top-balance{max-width: 78px !important; padding: 4px 6px !important;}
.top-balance strong{font-size: 12px !important;}
.top .profile-btn{width: 38px !important; height: 38px !important; font-size: 18px !important;}
.exchanged-grid{grid-template-columns: 1fr;}}
/* 4: block */
.top{display: grid !important; grid-template-columns: 40px minmax(0,1fr) auto auto !important; align-items: center !important; gap: 5px !important; padding: 6px 7px !important;}
.top-balance{grid-column: 3 !important; justify-self: end !important; width: auto !important; min-width: 0 !important; width: 44px !important; max-width: 44px !important; height: 38px !important; padding: 4px 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important;}
.top-balance strong{font-size: 12px !important; line-height: 1 !important; font-weight: 950 !important; white-space: nowrap !important; overflow: hidden !important;}
.top-balance-label{display: none !important;}
.top #topActions{grid-column: 4 !important; justify-self: end !important; min-width: 40px !important;}
.top .profile-btn{width: 40px !important; height: 40px !important;}
.task-card:before{height: 3px !important;}
.task-card-inner{padding: 18px !important;}
@media (max-width:600px){.top{grid-template-columns: 40px minmax(0,1fr) auto auto !important; gap: 4px !important;}
.top-balance{width: 44px !important; max-width: 44px !important; height: 36px !important; padding: 4px 5px !important;}
.top-balance strong{font-size: 12px !important;}
.top .profile-btn{width: 38px !important; height: 38px !important;}}
/* 5: block */
.top{grid-template-columns: 40px minmax(0,1fr) 44px 40px !important; gap: 4px !important;}
.top-balance{grid-column: 3 !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 36px !important; padding: 3px 4px !important; justify-self: end !important;}
.top-balance strong{font-size: 12px !important;}
.top #topActions{grid-column: 4 !important; min-width: 40px !important; justify-self: end !important;}
.withdraw-choice-grid{grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important;}
.withdraw-choice{min-height: 112px !important;}
.withdraw-action-panel{padding: 14px !important;}
.game-item-grid{display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important;}
.game-choice-card{display: flex; gap: 12px; align-items: center; padding: 14px;}
.game-choice-card.is-disabled{opacity: .58;}
.game-choice-icon{width: 66px; height: 66px; min-width: 66px; display: grid; font-size: 34px;}
.game-choice-body{min-width: 0; flex: 1;}
.game-choice-title{font-weight: 950; font-size: 18px;}
.game-choice-desc{font-size: 12px; margin-top: 3px;}
.game-choice-count{font-size: 12px; font-weight: 850; margin-top: 5px;}
.game-choice-btn{width: 100%; margin-top: 8px !important;}
.game-exchange-modal{position: fixed; inset: 0; z-index: 2147483600; display: none; align-items: center; justify-content: center; padding: 14px;}
.game-exchange-modal.show{display: flex;}
.game-exchange-box{width: min(480px,100%); padding: 16px;}
.game-exchange-modal-head{display: flex; justify-content: space-between; gap: 10px;}
.game-exchange-box h3{margin: 4px 0;}
.game-exchange-modal-open{overflow: hidden !important;}
@media (max-width:700px){.withdraw-choice-grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
.game-item-grid{grid-template-columns: 1fr !important;}}
@media (max-width:600px){.top{grid-template-columns: 40px minmax(0,1fr) 42px 40px !important;}
.top-balance{width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 34px !important;}
.top-balance strong{font-size: 11px !important;}}
/* 6: block */
.game-item-grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; align-items: stretch !important;}
.game-choice-card{position: relative !important; display: grid !important; grid-template-columns: 64px minmax(0,1fr) !important; gap: 14px !important; align-items: center !important; padding: 16px !important; min-height: 150px !important; overflow: hidden !important;}
.game-choice-card:before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px;}
.game-choice-card:hover{transform: translate(-2px,-2px) !important;}
.game-choice-card.is-disabled{opacity: .55;}
.game-choice-icon{width: 64px !important; height: 64px !important; font-size: 31px !important;}
.game-choice-title{font-size: 20px !important; font-weight: 950 !important; letter-spacing: -.02em;}
.game-choice-desc{font-size: 12px !important; margin-top: 3px !important;}
.game-choice-count{display: inline-flex !important; margin-top: 7px !important; padding: 4px 8px !important; font-size: 11px !important; font-weight: 900 !important;}
.game-choice-btn{margin-top: 10px !important; width: 100% !important; height: 38px !important; font-weight: 900 !important;}
.game-exchange-modal{padding: 12px !important;}
.game-exchange-box{width: min(520px,100%) !important; max-height: min(88vh,760px) !important; overflow: auto !important; padding: 20px !important;}
.game-exchange-modal-head{padding-bottom: 12px !important; margin-bottom: 14px !important;}
.game-exchange-box h3{font-size: 24px !important; margin: 3px 0 !important;}
.game-exchange-box .choice-label{display: inline-flex !important; padding: 4px 8px !important; font-size: 11px !important; font-weight: 950 !important;}
.game-exchange-box .field{margin-top: 13px !important;}
.game-exchange-box .field>label{font-size: 12px !important; font-weight: 900 !important; margin-bottom: 6px !important; display: block !important;}
.game-exchange-box input{height: 46px !important; padding: 0 12px !important;}
.game-package-grid{display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; max-height: 330px !important; overflow: auto !important; padding: 2px 3px 6px 2px !important;}
.game-package-option{position: relative !important; min-height: 78px !important; padding: 11px 12px !important;}
.game-package-option:hover{transform: translateY(-1px) !important;}
.game-package-option.selected:after{content: "✓"; position: absolute; right: 8px; top: 7px; width: 20px; height: 20px; display: grid; font-size: 12px; font-weight: 950;}
.game-package-value{font-size: 16px !important; font-weight: 950 !important;}
.game-package-price{margin-top: 4px !important; font-size: 12px !important; font-weight: 900 !important;}
.game-package-stock{margin-top: 3px !important; font-size: 9px !important;}
.game-exchange-box #gameExchangeSubmit{width: 100% !important; margin-top: 13px !important; height: 44px !important; font-weight: 950 !important;}
@media (max-width:700px){.game-item-grid{grid-template-columns: 1fr !important;}
.game-choice-card{grid-template-columns: 58px minmax(0,1fr) !important; min-height: 135px !important; padding: 13px !important;}
.game-choice-icon{width: 58px !important; height: 58px !important;}
.game-choice-title{font-size: 18px !important;}
.game-package-grid{grid-template-columns: 1fr 1fr !important; max-height: 300px !important;}
.game-exchange-box{padding: 15px !important;}}
@media (max-width:430px){.game-package-grid{grid-template-columns: 1fr !important;}
.game-exchange-box h3{font-size: 21px !important;}}
/* 7: block */
.proof-gallery-scroll{display: flex !important; gap: 14px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 10px 5px 16px !important;}
.public-proof-thumb{flex: 0 0 clamp(230px,32vw,340px); display: block; text-align: left; padding: 9px; cursor: zoom-in;}
.public-proof-thumb img{display: block; width: 100%; height: 240px; object-fit: contain;}
.public-proof-thumb span{display: block; margin-top: 9px; font-weight: 800; font-size: 13px;}
.public-proof-modal{display: none; position: fixed; inset: 0; z-index: 2147483600; align-items: center; justify-content: center; padding: 14px;}
.public-proof-modal.show{display: flex;}
.public-proof-modal-box{width: min(1100px,100%); height: min(94vh,900px); display: flex; flex-direction: column; padding: 10px;}
.public-proof-modal-head{display: flex; justify-content: space-between; align-items: center; padding: 4px 4px 10px;}
.public-proof-modal img{flex: 1; min-height: 0; width: 100%; object-fit: contain;}
.task-progress{margin-top: 12px;}
.task-progress-top{display: flex; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 800;}
.task-progress-track{height: 9px; margin-top: 6px; overflow: hidden;}
.task-progress-fill{height: 100%; transition: width .25s ease;}
.hidden-task-section{padding-top: 4px;}
.recent-task-activity-card{overflow: hidden;}
.recent-task-activity-card .public-table-scroll{overflow-x: auto;}
.recent-task-activity-card table{min-width: 600px;}
@media (max-width:600px){.public-proof-thumb{flex-basis: 78vw;}
.public-proof-thumb img{height: 205px;}}
/* 8: block */
.task-card{margin: 0 !important; transform: none !important;}
.task-card:after,.task-card-inner:before,.task-card-inner:after{content: none !important; display: none !important;}
.task-card-inner{margin: 0 !important;}
/* 9: block */
html[data-theme="dark"] body:before, [data-theme="dark"] body:before{opacity: 1 !important;}
/* 10: block */
html,body{width: 100%; max-width: 100%; margin: 0 !important; padding: 0 !important; overflow-x: hidden;}
#root,.app,.app-shell,.page,.main,.main-content,.container,.content,.content-wrap,.layout,.view{width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important;}
#root{padding-left: 0 !important; padding-right: 0 !important;}
.view{padding-left: clamp(8px,1.2vw,18px) !important; padding-right: clamp(8px,1.2vw,18px) !important;}
.view>.card,.view>.panel,.view>.intro-page{width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important;}
.intro-page{padding: clamp(16px,2vw,28px) !important;}
.intro-page h1{font-size: clamp(27px,3.3vw,44px); line-height: 1.12; margin: 14px 0 10px;}
.intro-lead{max-width: 1100px; font-size: 16px;}
.intro-highlight{padding: clamp(16px,2vw,26px); margin: 18px 0 26px;}
.intro-highlight>b{font-size: clamp(20px,2.2vw,28px);}
.intro-actions{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px;}
.intro-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 14px 0 26px;}
.intro-feature,.intro-prize{min-width: 0; padding: 18px;}
.intro-feature h3,.intro-prize h3{margin: 7px 0; font-size: 18px;}
.intro-feature p,.intro-prize p{line-height: 1.75;}
.intro-icon{font-size: 28px;}
.intro-prizes{grid-template-columns: repeat(3,minmax(0,1fr));}
.intro-prize{display: flex; gap: 12px; align-items: flex-start;}
.intro-prize>span{font-size: 28px; flex: 0 0 auto;}
.intro-prize h3{margin-top: 0;}
.intro-steps{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; list-style: none; padding: 0;}
.intro-steps li{display: flex; flex-direction: column; gap: 6px; padding: 16px;}
.intro-steps li:before{content: "BƯỚC " counter(steps); font-size: 12px; font-weight: 900; letter-spacing: .08em;}
.intro-steps span{line-height: 1.65;}
.intro-footer{margin-top: 24px; padding: clamp(18px,2.5vw,32px);}
.intro-footer p{max-width: 1000px; line-height: 1.8;}
@media (max-width:800px){.intro-grid,.intro-prizes{grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.intro-grid,.intro-prizes,.intro-steps{grid-template-columns: minmax(0,1fr);}
.intro-feature,.intro-prize{padding: 14px;}
.view{padding-left: 6px !important; padding-right: 6px !important;}}
/* 11: block */
html,body{width: 100%; max-width: 100%; margin: 0; overflow-x: hidden;}
body>.wrap,.wrap{width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: clamp(6px,1vw,14px) !important; padding-right: clamp(6px,1vw,14px) !important; box-sizing: border-box !important;}
#root,.view,.public-landing-wrap,.intro-page{width: 100%; max-width: none; min-width: 0; box-sizing: border-box;}
.view>.card,.view>.exchange-hero,.view>.withdraw-shell{width: 100%; max-width: none; box-sizing: border-box;}
.telegram-link-notice{display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; margin: 0 0 12px; padding: 14px 16px; box-sizing: border-box;}
.telegram-link-notice b{display: block; font-size: 15px;}
.telegram-link-notice p{margin: 5px 0 0; line-height: 1.5; font-size: 13px;}
.telegram-link-notice .btn{flex-shrink: 0; white-space: nowrap;}
.home-intro-link-card{display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 12px 0;}
.intro-page{padding: clamp(14px,2vw,28px) !important;}
.intro-grid{grid-template-columns: repeat(3,minmax(0,1fr));}
@media (max-width:700px){.telegram-link-notice,.home-intro-link-card{align-items: stretch; flex-direction: column;}
.telegram-link-notice .btn,.home-intro-link-card .btn{width: 100%;}
.intro-grid{grid-template-columns: 1fr !important;}}
/* 12: block */
body:before,body:after{display: none !important;}
body{font-weight: 500 !important;}
h1,h2,h3,h4,h5,h6,.hero-title,.title,.section-title{font-weight: 800 !important; letter-spacing: -.045em !important;}
button,.btn,a.btn,.button,input[type=submit],input[type=button],input[type=reset],.cta,.action-btn,.menu-trigger,.profile-btn{transition: transform .18s cubic-bezier(.175,.885,.32,1.275),box-shadow .18s ease !important;}
button:hover,.btn:hover,a.btn:hover,.button:hover,input[type=submit]:hover,input[type=button]:hover,.cta:hover,.action-btn:hover{transform: translate(4px,4px) !important;}
button:active,.btn:active,a.btn:active,.button:active,input[type=submit]:active{transform: translate(4px,4px) !important;}
table{border-collapse: separate !important; border-spacing: 0 !important;}
[hidden],.hidden{display: none !important;}
button:disabled,.btn:disabled,[disabled]{opacity: .55 !important; cursor: not-allowed !important; transform: none !important;}