/* V46 final integrated visual and interaction layer */
:root{--v46-purple:#7018a8;--v46-deep:#16051f;--v46-gold:#f4c64f;--v46-blue:#38bdf8;--v46-green:#22c55e}
body{background:radial-gradient(circle at 50% -10%,#2d0a43 0,#100316 38%,#050107 78%) fixed!important}
button,input,select,.game-card,.add-score-card,.reference-modal-card{transform:translateZ(0)}
button{transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important}
button:not(:disabled):active{transform:translateY(3px)!important;box-shadow:none!important}

/* Homepage cards only open the app popup; no homepage action buttons */
body[data-page="home"] .game-actions{display:none!important}
body[data-page="home"] .game-card{background:linear-gradient(145deg,#2b1235,#17091d)!important;border:1px solid #4f2c59!important;box-shadow:inset 0 2px rgba(255,255,255,.07),0 8px 0 #09030c,0 14px 24px rgba(0,0,0,.48)!important}
body[data-page="home"] .game-card-main{display:block!important;width:100%!important}
body[data-page="home"] .game-image-frame{border:2px solid #6e3b7a!important;box-shadow:inset 0 0 12px rgba(0,0,0,.5),0 5px 0 #0b030e!important}
body[data-page="home"] .game-online-status{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:7px;color:#35ed6a;font-size:13px;font-weight:800}
body[data-page="home"] .game-online-status span{width:10px;height:10px;border-radius:50%;background:#35ed6a;box-shadow:0 0 10px #35ed6a}
body[data-page="home"] .fixed-game-search{box-shadow:inset 0 2px rgba(255,255,255,.08),0 8px 0 #11041a,0 15px 32px rgba(0,0,0,.42)!important}
body[data-page="home"] .royal-bottom-nav{box-shadow:inset 0 2px rgba(255,255,255,.08),0 8px 0 #09020c,0 15px 35px rgba(0,0,0,.55)!important}

/* Final app action popup */
#game-hub-modal .game-hub-card{width:min(720px,94vw)!important;padding:26px!important;border:2px solid #9a58b7!important;box-shadow:inset 0 2px rgba(255,255,255,.09),0 10px 0 #09020d,0 28px 70px rgba(0,0,0,.75)!important}
#game-hub-modal .final-game-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#game-hub-modal .final-game-actions .action-wide{grid-column:1/-1!important}
#game-hub-modal .game-hub-action{display:flex!important;align-items:center!important;min-height:62px!important;padding:14px 18px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:14px!important;font-size:17px!important;font-weight:900!important;text-transform:none!important;box-shadow:inset 0 2px rgba(255,255,255,.16),0 6px 0 rgba(0,0,0,.48),0 10px 20px rgba(0,0,0,.32)!important}
#game-hub-modal .game-hub-action.play{background:linear-gradient(145deg,#922be0,#4b0d8c)!important}
#game-hub-modal .game-hub-action.score{display:flex!important;background:linear-gradient(145deg,#26d965,#08772d)!important}
#game-hub-modal .game-hub-action.withdraw{background:linear-gradient(145deg,#ef5a77,#9a1738)!important}
#game-hub-modal .game-hub-action.create{background:linear-gradient(145deg,#3389e8,#174b9d)!important}
#game-hub-modal .game-hub-action.reset{background:linear-gradient(145deg,#f1b52d,#956300)!important}
#game-hub-modal .game-hub-action.download{display:flex!important;background:linear-gradient(145deg,#1db8ab,#087067)!important}
#game-hub-modal .game-hub-action.logins{background:linear-gradient(145deg,#8e4fd2,#4d1f82)!important}
#game-hub-modal .game-hub-action:disabled{opacity:.42!important;filter:grayscale(.55)!important;cursor:not-allowed!important}

/* Add Score: payment methods/details left, amount and sender right */
#add-score-modal .add-score-recharge-card{width:min(1120px,95vw)!important;max-height:92vh!important;padding:28px!important;border:2px solid #b778d2!important;box-shadow:inset 0 2px rgba(255,255,255,.1),0 10px 0 #08020b,0 30px 80px rgba(0,0,0,.78)!important}
#add-score-modal .add-score-layout{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;gap:24px!important}
#add-score-modal .add-score-payment-side,#add-score-modal .add-score-amount-side{padding:20px!important;border:1px solid #6d3d7c!important;border-radius:18px!important;background:linear-gradient(145deg,#25102e,#100616)!important;box-shadow:inset 0 2px rgba(255,255,255,.06),0 7px 0 #08020b!important}
#add-score-modal .add-score-payment-side h3{margin:0 0 7px;color:#fff;font-size:24px}
#add-score-modal .add-score-payment-side h3:after{content:'Transfer and Continue';display:inline-flex;margin-left:12px;padding:7px 12px;border:1px solid #8de1ff;border-radius:10px;background:linear-gradient(145deg,#d8f5ff,#74c9ef);color:#083852;font-size:13px;vertical-align:middle;box-shadow:0 4px 0 #29799b}
#add-score-modal .score-payment-options{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;max-height:52vh;overflow:auto;padding:4px 4px 9px!important}
#add-score-modal .score-payment-option{display:grid!important;grid-template-columns:92px minmax(0,1fr) auto 28px!important;gap:13px!important;align-items:center!important;padding:12px!important;border:1px solid #77508b!important;border-radius:15px!important;background:linear-gradient(145deg,#32163e,#190a22)!important;box-shadow:inset 0 2px rgba(255,255,255,.06),0 5px 0 #09030d!important}
#add-score-modal .score-payment-option.selected{border-color:#83dcff!important;background:linear-gradient(145deg,#204c66,#122a3a)!important;box-shadow:inset 0 2px rgba(255,255,255,.1),0 5px 0 #07141c,0 0 18px rgba(79,194,243,.3)!important}
#add-score-modal .score-payment-image-button{width:92px!important;height:76px!important;border-radius:11px!important;border:1px solid #9e79af!important;box-shadow:0 4px 0 #08020b!important}
#add-score-modal .score-copy-payment{min-height:40px!important;padding:0 14px!important;border:1px solid #8ee4ff!important;border-radius:10px!important;background:linear-gradient(#bdeeff,#5fbfe7)!important;color:#073348!important;font-weight:900!important;box-shadow:0 4px 0 #236f8e!important}
#add-score-modal label{font-weight:800!important;color:#f8eaff!important}
#add-score-modal input{width:100%!important;min-height:54px!important;margin-top:8px!important;padding:0 14px!important;border:1px solid #9565a9!important;border-radius:12px!important;background:#0a030e!important;color:#fff!important;box-shadow:inset 0 3px 7px rgba(0,0,0,.55)!important}
#add-score-modal .score-submit{min-height:58px!important;margin-top:10px!important;font-size:18px!important;box-shadow:inset 0 2px rgba(255,255,255,.16),0 6px 0 #034316,0 12px 24px rgba(0,0,0,.35)!important}
#add-score-modal .final-hidden-options{display:none!important}
#add-score-modal .score-selected-game{border:1px solid #765087!important;border-radius:12px!important;background:#17091e!important;box-shadow:inset 0 2px rgba(255,255,255,.05),0 4px 0 #08020b!important}

/* Consistent 3D treatment for profile and account forms */
.customer-auth-card,.create-game-account-card,.reset-password-card,.withdrawal-card,.reference-modal-card{box-shadow:inset 0 2px rgba(255,255,255,.08),0 9px 0 #08020b,0 25px 65px rgba(0,0,0,.72)!important}
.auth-provider-button,.request-edit-button,.service-popup-list button{box-shadow:inset 0 2px rgba(255,255,255,.1),0 5px 0 rgba(0,0,0,.5)!important;border-radius:12px!important}
.my-profile-id-box{border:1px solid #7d4f93!important;border-radius:15px!important;background:linear-gradient(145deg,#2c1238,#16081e)!important;box-shadow:inset 0 2px rgba(255,255,255,.06),0 6px 0 #08020b!important}

@media(max-width:760px){
 #game-hub-modal .final-game-actions{grid-template-columns:1fr!important}
 #game-hub-modal .final-game-actions .action-wide{grid-column:auto!important}
 #add-score-modal .add-score-layout{grid-template-columns:1fr!important}
 #add-score-modal .score-payment-option{grid-template-columns:76px minmax(0,1fr) auto!important}
 #add-score-modal .score-payment-check{display:none!important}
 #add-score-modal .score-payment-image-button{width:76px!important;height:68px!important}
}