/* Local layouts reconstructed from the original settings thumbnails. */
body[data-app-mod] .home-content{display:flex;flex-direction:column;gap:10px}
body[data-app-mod] .home-content>.game-hall{order:1}
body[data-app-mod] .home-content>.provider-card{order:0}
body[data-app-mod] .home-content>.activity-heading{order:2}
body[data-app-mod] .home-content>.activity-grid{order:3}
body[data-app-mod] .home-content>.activity-grid[hidden]{display:none}
body[data-app-mod] .game-hall>h2{font-size:16px}
body[data-app-mod] .room-grid button{min-width:0}
body[data-app-mod] .room-grid strong{white-space:normal;overflow-wrap:anywhere}
body[data-app-mod="0"] :is(.home-view,.home-content,.game-hall){background:#fff}
body[data-app-mod="0"] .promo-banner{margin:0;border-radius:0}
body[data-app-mod="0"] .room-grid{gap:0;border-top:1px solid #dedede}
body[data-app-mod="0"] .room-grid button{border:0;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-radius:0;box-shadow:none;min-height:110px}
body[data-app-mod="0"] .room-grid small{background:transparent;border:0;color:#ff633c}
body[data-app-mod="1"] .room-grid{grid-template-columns:1fr;padding:0 14px}
body[data-app-mod="1"] .room-grid button{min-height:126px;border-radius:18px;background:linear-gradient(115deg,#0463dc,#343aa2 60%,#e0335d);border:0;box-shadow:0 8px 13px #1c42762b;color:white}
body[data-app-mod="1"] .room-grid :is(strong,small){color:#fff;background:transparent;border:0}
body[data-app-mod="1"] .room-grid .ball28{width:85px;height:85px}
body[data-app-mod="1"] .announcement{border-radius:24px;margin:8px 14px;box-shadow:0 1px 5px #bdcde3}
body[data-app-mod="2"] .home-header{background:linear-gradient(110deg,#4fc6f5,#6b82e8);color:#fff}
body[data-app-mod="2"] .home-header :is(strong,span){color:#fff}
body[data-app-mod="2"] .room-grid{grid-template-columns:1fr;gap:17px;padding:0 24px}
body[data-app-mod="2"] .room-grid button{position:relative;overflow:hidden;min-height:158px;padding:24px;border-radius:26px;background:linear-gradient(135deg,#6db2ff,#53c4fa 56%,#a1ccff);border:0;box-shadow:0 10px 16px #70a6d335;color:white}
body[data-app-mod="2"] .room-grid button::after{content:"";position:absolute;width:170px;height:170px;border:28px solid #ffffff20;border-radius:50%;right:-55px;bottom:-70px}
body[data-app-mod="2"] .room-grid :is(strong,small){background:transparent;border:0;color:#fff}
body[data-app-mod="2"] .room-grid strong{font-size:25px}
body[data-app-mod="2"] .room-grid .ball28{width:95px;height:95px}
body[data-app-mod="3"] :is(.home-view,.home-content){background:#fff}
body[data-app-mod="3"] .room-grid{gap:10px;padding:8px 14px;border-top:2px solid #f1f3f5;border-bottom:2px solid #f1f3f5}
body[data-app-mod="3"] .room-grid button{min-height:84px;border:1px solid #edf0f5;background:#fafcfe;box-shadow:none;border-radius:16px}
body[data-app-mod="3"] .room-grid small{background:transparent;color:#ff4e37;border:0}
body[data-app-mod="3"] .activity-heading{background:#fff;border-radius:0;border-top:2px solid #eef1f7;border-bottom:2px solid #eef1f7}
body[data-app-mod="4"] .home-header{background:linear-gradient(100deg,#03cddd,#0da6f4);color:white}
body[data-app-mod="4"] .home-header :is(strong,span){color:white}
body[data-app-mod="4"] .promo-banner{display:none}
body[data-app-mod="4"] :is(.home-view,.home-content,.game-hall){background:#fff}
body[data-app-mod="4"] .room-grid{display:flex;flex-direction:column;gap:0;padding:0}
body[data-app-mod="4"] .room-grid button{width:100%;min-height:79px;border:0;border-bottom:1px solid #ddd;border-radius:0;padding:10px 16px;box-shadow:none;background:white}
body[data-app-mod="4"] .room-grid .ball28{width:52px;height:52px;flex:none}
body[data-app-mod="4"] .room-grid strong{font-size:15px;color:#7893a4;font-weight:400}
body[data-app-mod="4"] .room-grid small{font-size:12px;color:#879aa5;background:transparent;border:0}
body[data-app-mod="4"] .provider-card{width:100%;min-height:79px;border:0;border-bottom:1px solid #ddd;border-radius:0;box-shadow:none;margin:0}
body[data-app-mod="5"] :is(.home-view,.home-content,.game-hall){background:#fff}
body[data-app-mod="5"] .room-grid{grid-template-columns:1fr;padding:0 26px;gap:22px}
body[data-app-mod="5"] .room-grid button{position:relative;min-height:150px;border:1px solid #e4ebf7;border-radius:26px;box-shadow:0 12px 14px #26304b21;background:linear-gradient(125deg,#d7dcff,#fff 45%,#cfeaf4);overflow:hidden}
body[data-app-mod="5"] .room-grid button::after{content:"CHESS";position:absolute;right:14px;top:7px;font-size:24px;font-weight:800;color:#83a9dd5c;pointer-events:none}
body[data-app-mod="5"] .room-grid .ball28{width:100px;height:100px}
body[data-app-mod="5"] .room-grid strong{font-size:23px;color:#396fae}
body[data-app-mod="5"] .room-grid small{background:#f4f8ff;color:#6188bd;border:1px solid #b5cdf1}
body[data-app-mod="6"] .room-grid{gap:10px;padding:0 10px}
/* The reference blue layout places activities before the provider and rooms. */
body[data-app-mod="6"] .home-content>.activity-heading{order:-2}
body[data-app-mod="6"] .home-content>.activity-grid{order:-1}
body[data-app-mod="6"] .room-grid button>span:nth-child(2){min-width:0;flex:1}
body[data-app-mod="6"] .room-grid strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-app-mod="6"] .room-grid button{border:1px solid #f1f3f6;border-radius:14px;box-shadow:0 3px 8px #1b365912;background:#fff}
body[data-app-mod="7"] .room-grid button{border-color:#706443;border-radius:13px;box-shadow:inset 0 0 0 1px #dbbd7612;background:linear-gradient(#151515,#0b0b0b)}
body[data-app-mod="7"] :is(.room-grid strong,.account-copy strong,.quick-actions b,.home-brand-copy strong,.game-hall>h2){color:#f5dc8a}
body[data-app-mod="7"] .room-grid small{background:transparent;color:#e8cf84;border:0}
body[data-app-mod="7"] .account-panel{border:1px solid #786837;border-radius:13px}
body[data-app-mod="8"] :is(.room-grid button,.provider-card){background:linear-gradient(135deg,#0b0d2b,#121034);border-color:#393959;border-radius:13px;box-shadow:0 3px 7px #02041e55}
body[data-app-mod="8"] .home-view{background:radial-gradient(ellipse at 15% 20%,#37177490,transparent 50%),#080b24}
body[data-app-mod="8"] :is(.room-grid strong,.home-brand-copy strong){color:#f0f2ff}
body[data-app-mod="8"] .room-grid small{background:transparent;border:0;color:#45b4ff}
body[data-app-mod="8"] .account-panel{border-radius:15px}
@media(max-width:600px){body[data-app-mod] .room-grid strong{font-size:14px}body[data-app-mod="2"] .room-grid strong,body[data-app-mod="5"] .room-grid strong{font-size:23px}body[data-app-mod="0"] .room-grid button{min-height:97px}body[data-app-mod="1"] .room-grid button{min-height:116px}body[data-app-mod] .home-content{gap:8px}}

/* Login colors are an explicit local extension, independent of the source appMod. */
body[data-login-palette="light"]{--appearance-login-bg:#eef4fa;--appearance-login-card:#fff;--appearance-login-field:#f4f7fa;--appearance-login-text:#233b52;--appearance-login-muted:#758698;--appearance-login-accent:#2687ec;--appearance-login-border:#d6e1ed}
body[data-login-palette="orange"]{--appearance-login-bg:#fff2e4;--appearance-login-card:#fffaf4;--appearance-login-field:#fff2e5;--appearance-login-text:#643719;--appearance-login-muted:#967257;--appearance-login-accent:#ef8f2c;--appearance-login-border:#f0d1b2}
body[data-login-palette="night"]{--appearance-login-bg:#0e172a;--appearance-login-card:#1b293c;--appearance-login-field:#26364b;--appearance-login-text:#edf5ff;--appearance-login-muted:#a3b4ce;--appearance-login-accent:#68adef;--appearance-login-border:#445976}
body[data-login-palette="purple"]{--appearance-login-bg:#100824;--appearance-login-card:#1e1436;--appearance-login-field:#2d2048;--appearance-login-text:#f5ecff;--appearance-login-muted:#b7a4d3;--appearance-login-accent:#bb8bfa;--appearance-login-border:#584177}
body:is([data-login-palette="light"],[data-login-palette="orange"],[data-login-palette="night"],[data-login-palette="purple"]) .login-view .scene{background:radial-gradient(ellipse at 50% 20%,#ffffff12,transparent 60%),var(--appearance-login-bg)}
body:is([data-login-palette="light"],[data-login-palette="orange"]) .login-view :is(.scene::before,.scene::after,.orb,.grain,.beam,.spark){opacity:0}
body:not([data-login-palette="original"]):not([data-login-palette="gold"])[data-login-palette] .login-view :is(.auth-card,.card-top){background:var(--appearance-login-card);border-color:var(--appearance-login-border)}
body:not([data-login-palette="original"]):not([data-login-palette="gold"])[data-login-palette] .login-view :is(.brand h1,.field input){color:var(--appearance-login-text)}
body:not([data-login-palette="original"]):not([data-login-palette="gold"])[data-login-palette] .login-view :is(.field span,.remember,.text-button,.text-button strong,.ghost-button,.card-top span,.brand p,.token){color:var(--appearance-login-muted)}
body:not([data-login-palette="original"]):not([data-login-palette="gold"])[data-login-palette] .login-view .field{background:var(--appearance-login-field);border-color:var(--appearance-login-border)}
body:not([data-login-palette="original"]):not([data-login-palette="gold"])[data-login-palette] .login-view .field input::placeholder{color:var(--appearance-login-muted)}
body:not([data-login-palette="original"]):not([data-login-palette="gold"])[data-login-palette] .login-view .card-top h2{color:var(--appearance-login-accent);text-shadow:none}
body:not([data-login-palette="original"]):not([data-login-palette="gold"])[data-login-palette] .login-view .primary{background:var(--appearance-login-accent);color:#fff;box-shadow:none}

.appearance-grid-keyboard,.appearance-form-keyboard{height:auto!important;max-height:82svh;border-radius:8px 8px 0 0!important;overflow:auto}
.appearance-grid-keyboard>header,.appearance-form-keyboard>header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px}
.appearance-grid-keyboard>header{color:#8793a3;background:#fff}
.appearance-grid-keyboard>header button,.appearance-form-keyboard>header button{border:0;background:transparent;color:inherit;font-size:23px;cursor:pointer;padding:0 4px}
.keyboard-special{display:grid;grid-auto-flow:column;grid-auto-columns:calc(20% - 3px);overflow-x:auto;gap:3px;background:#d7dce2;padding:3px}
.keyboard-special button,.keyboard-grid button{position:relative;min-height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #cad0d7;border-radius:3px;background:#fff;color:#697783;box-shadow:0 2px 1px #a1aab733;cursor:pointer;font-size:14px}
.keyboard-special button small{font-size:9px;color:#a3aebb}
.keyboard-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:3px;background:#d7dce2}
.keyboard-grid button small{font-size:10px;line-height:1;color:#8994a0}
.keyboard-grid [data-appearance-digit]{color:#2878d7}
.keyboard-grid button.selected,.keyboard-special button.selected{border-color:#2484e9;background:#e0f1ff;color:#106fce;box-shadow:inset 0 0 0 1px #2484e9}
.keyboard-grid button:disabled,.keyboard-special button:disabled{opacity:.45;cursor:not-allowed}
.keyboard-grid .keyboard-confirm{background:#2fb8f1;color:#fff}
.keyboard-amount-line{display:flex;align-items:center;gap:12px;padding:7px 9px;background:#fff;color:#6a7c8d;font-size:12px}
.keyboard-amount-line label{display:flex;align-items:center;gap:6px;flex:1}
.keyboard-amount-line input{min-width:0;width:100%;padding:7px;border:1px solid #bdcede;border-radius:3px;background:#f8fbff;color:#234e6f;outline:none}
.keyboard-amount-line button{border:0;background:#e6edf4;color:#567083;padding:7px;border-radius:3px}
.appearance-form-keyboard{background:#1183b2;color:#fff}
.appearance-form-keyboard>header{background:#087aa6;color:#fff}
.keyboard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;padding:8px 12px;overflow:auto;max-height:39svh}
.keyboard-fields label{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;color:white}
.keyboard-fields label span{width:34px;flex:none;text-align:center}
.keyboard-fields input{min-width:0;flex:1;width:60%;border:0;border-radius:3px;background:#fff;color:#133448;min-height:27px;padding:3px 7px;font-size:14px;outline:none}
.keyboard-fields input:disabled{opacity:.4}
.keyboard-fields input.keyboard-active,.keyboard-fields input:focus{background:#68ce44;color:#102f0b;box-shadow:0 0 0 1px #92ec70}
.keyboard-balance{padding:4px 12px;background:#e9edf0;color:#ed6e75;font-size:12px}
.keyboard-category{display:grid;grid-template-columns:repeat(3,1fr)}
.keyboard-category button{border:1px solid #159aca;background:#28a5d0;color:#fff;padding:7px;font-size:13px}
.keyboard-category button.selected{background:#4dbbe2;font-weight:700}
.keyboard-pad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#087da8;gap:1px}
.keyboard-pad button{min-height:36px;border:0;background:#087fae;color:#fff;cursor:pointer;font-size:15px}
.keyboard-pad button:active{background:#43afd0}
.keyboard-pad button:disabled{opacity:.5;cursor:not-allowed}
.keyboard-pad [data-appearance-submit]{background:#12a2d0;font-weight:700}
@media(min-width:720px){.appearance-grid-keyboard,.appearance-form-keyboard{max-width:640px;margin:0 auto}.keyboard-grid button{min-height:43px}.keyboard-fields input{min-height:31px}.keyboard-pad button{min-height:42px}}
.appearance-closed-keyboard{background:#fff;color:#36516a;padding:12px 16px 20px;max-width:640px;margin:auto}.appearance-closed-keyboard header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ebf1;padding-bottom:10px;font-size:17px}.appearance-closed-keyboard header button{border:0;background:transparent;color:#8a9ba9;font-size:26px;padding:0 6px}.appearance-closed-keyboard p{margin:18px 0;color:#7a8d9f;font-size:13px;text-align:center}.closed-finance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.closed-finance-options button{background:#eff6fd;border:1px solid #bfd7ec;border-radius:7px;color:#1989fa;padding:18px;font-size:20px}.appearance-closed-keyboard>small{display:block;margin-top:14px;text-align:center;color:#7f93a4;font-size:12px}