:root{--bg:#1b1817;--top:#302824;--panel:#332e2c;--panel2:#49413d;--gold:#efc66d;--gold2:#d69220;--text:#f7f2ec;--muted:#b7aea6;--line:#5c524c;--green:#65d49b;--red:#ff6f68}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#101010;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}body{display:flex;justify-content:center}
button,input,select{font:inherit}.app{width:min(100%,430px);min-height:100vh;background:radial-gradient(circle at 50% -8%,#55463e 0,transparent 33%),linear-gradient(180deg,var(--top),#211e1d 48%,#151313);position:relative;overflow:hidden}
.page{display:none;min-height:100vh;padding:18px 18px 112px}.page.active{display:block}.top{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-bottom:17px}.brand{display:flex;align-items:center;gap:12px}.logo{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #e6ba56;box-shadow:0 6px 18px #0008}.name{font-size:22px;font-weight:850;color:#f1cf7d}.sub{font-size:12px;color:#d6bc7b}.actions{display:flex;gap:14px;color:#f0c25f;font-size:23px}.title{font-size:25px;color:#f0d085;margin:0;text-align:center}.back{font-size:36px;color:#aaa}.link{font-size:15px}
.card{background:linear-gradient(145deg,#48413d,#2d2927);border:1px solid #76685e;border-radius:22px;box-shadow:inset 0 1px #ffffff17,0 12px 28px #0005}.hero{overflow:hidden}.hero img{width:100%;display:block;aspect-ratio:2.5/1;object-fit:cover}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 8px;padding:20px 12px}.q{text-align:center}.qi{width:56px;height:56px;border-radius:18px;background:#231f1d;margin:auto;display:grid;place-items:center;box-shadow:0 7px 14px #0008}.qi span{width:38px;height:38px;border-radius:12px;background:linear-gradient(#ffe495,#c57a13);display:grid;place-items:center;color:#271706;font-size:22px;font-weight:900}.ql{font-size:13px;margin-top:8px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stat{background:#2f2a28;border:1px solid #514944;border-radius:15px;padding:13px;text-align:center}.stat small{color:#aaa}.stat b{display:block;color:#f3cf76;font-size:18px;margin-top:4px}
.tabs{display:flex;gap:25px;overflow:auto;margin:24px 4px 14px;color:#bfb6af;white-space:nowrap}.tabs::-webkit-scrollbar{display:none}.tabs .on{color:#f0d284;border-bottom:3px solid #e7ba54;padding-bottom:10px}
.wallets,.list{display:grid;gap:12px}.row{background:#302c2c;border-radius:16px;padding:14px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px}.flag{width:44px;height:44px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:26px}.row b{font-size:18px}.muted{color:var(--muted)}.right{text-align:right;font-size:14px}.freeze{color:var(--red)}
.banner{border-radius:18px;overflow:hidden;border:1px solid #6c615b;margin-bottom:18px}.banner img{width:100%;display:block}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{height:132px;border-radius:16px;border:1px solid #746a63;background:linear-gradient(145deg,#716d67,#4b4642);padding:16px 12px;display:flex;flex-direction:column;justify-content:flex-end}.service .big{font-size:29px;margin-bottom:auto}.section{font-size:22px;margin:27px 0 15px}
.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 18px;text-align:center}.record-icon{width:72px;height:72px;border-radius:50%;background:#252120;margin:auto;display:grid;place-items:center;font-size:31px;box-shadow:0 7px 15px #0008}
.game-tabs{display:flex;gap:9px;overflow:auto;margin:12px 0 16px}.chip{border-radius:20px;padding:9px 14px;background:#3c3532;border:1px solid #615650;white-space:nowrap}.chip.on{background:linear-gradient(90deg,#e7bd58,#a86c12);color:#221705}.games{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game{background:#383230;border:1px solid #5b504b;border-radius:16px;overflow:hidden}.thumb{height:125px;display:grid;place-items:center;font-size:60px;background:radial-gradient(circle at 60% 32%,#ffca58,#9b2a08 43%,#27110c 75%)}.meta{padding:11px}.meta small{color:#aaa}
.profile{padding:22px;position:relative}.profile-logo{position:absolute;right:22px;top:25px;width:94px;height:94px;border-radius:50%;object-fit:cover;border:2px solid #e4b957}.menu{display:grid;gap:14px;margin-top:22px}.menu-row{background:#393332;border-radius:17px;padding:18px 19px;display:flex;justify-content:space-between;font-size:18px}
.fixed{position:fixed;bottom:97px;left:50%;transform:translateX(-50%);width:min(392px,calc(100% - 28px));display:grid;grid-template-columns:1fr 1fr;gap:13px;z-index:10}.btn{border:0;border-radius:30px;padding:17px;font-size:19px;font-weight:800}.gold{background:linear-gradient(90deg,#ffe18a,#eca923);color:#69460b}.dark{background:#4a4441;color:#fff;border:1px solid #6d625c}
.slot,.baccarat{background:#1b1717;border:1px solid #5b4e47;border-radius:20px;padding:16px}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.reel{height:105px;border-radius:14px;background:#f1d58a;color:#2b1a07;display:grid;place-items:center;font-size:52px;box-shadow:inset 0 0 0 4px #b77a1b}.betchips{display:flex;gap:8px;flex-wrap:wrap}.bet{border-radius:20px;padding:9px 13px;background:#4b423d;border:1px solid #6b5d55}.bet.on{background:linear-gradient(#ffe08a,#c98218);color:#2a1905}.felt{background:radial-gradient(circle at 50% 20%,#176c53,#0d3d31 65%);border-radius:22px;padding:16px;border:2px solid #7e6330}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.area{padding:18px 8px;border-radius:16px;text-align:center;background:#ffffff16;border:1px solid #ffffff30}.area.on{outline:3px solid #f6d26d}.road{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;background:#eee;padding:8px;border-radius:12px;margin:14px 0}.dot{aspect-ratio:1;border-radius:50%;background:#ddd}.dot.p{background:#3275e8}.dot.b{background:#e64d43}.dot.t{background:#41a95d}
.agent-box{padding:18px;margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#2e2927;border:1px solid #4f4742;border-radius:14px;text-align:center;padding:14px}.metric b{display:block;color:#f1ca6c;font-size:20px}
.navbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100%);height:90px;background:linear-gradient(#56514e,#373432);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #7b726d;z-index:20}.nav{display:grid;place-items:center;color:#aaa;font-size:12px}.nav .ico{font-size:25px}.nav.on{color:#f5ce69}.nav-center{position:relative;top:-24px;width:84px;height:84px;border-radius:50%;background:#342f2d;border:2px solid #756a64;display:grid;place-items:center;color:#f7cf69;font-weight:900}
.modal{position:fixed;inset:0;background:#000a;display:none;align-items:end;justify-content:center;z-index:50}.modal.show{display:flex}.sheet{width:min(430px,100%);background:#302a29;border-radius:24px 24px 0 0;padding:22px}.sheet input,.sheet select{width:100%;padding:14px;border-radius:12px;border:1px solid #6c5d55;background:#1f1b1b;color:#fff;margin:8px 0 14px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;top:22px;left:50%;transform:translateX(-50%);background:#181616;padding:12px 18px;border-radius:20px;display:none;z-index:60}.notice{text-align:center;font-size:12px;color:#d5c39e;margin:15px 0}


.auth-shell{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:22px;background:linear-gradient(180deg,#211d1b,#151313)}
.auth-shell.show{display:flex}
.auth-card{width:100%;max-width:390px;background:#262220;border:1px solid #65594f;border-radius:26px;padding:28px 22px;box-shadow:0 24px 70px #0009}
.auth-brand{text-align:center;margin-bottom:24px}
.auth-brand img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid #e2b653;box-shadow:0 8px 28px #0008}
.auth-brand h1{margin:14px 0 4px;color:#efca73;letter-spacing:2px;font-size:28px}
.auth-brand p{margin:0;color:#b6aaa0;font-size:14px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#191716;border-radius:15px;padding:4px;margin-bottom:18px}
.auth-tab{border:0;background:transparent;color:#938b85;padding:12px;border-radius:11px;font-weight:800}
.auth-tab.on{background:linear-gradient(90deg,#f7d478,#d99a24);color:#593a08}
.auth-form{display:none}
.auth-form.on{display:block}
.field{margin-bottom:14px}
.field label{display:block;color:#d6c4b2;margin-bottom:7px;font-size:13px}
.field input{width:100%;border:1px solid #5e524a;background:#171515;color:#fff;border-radius:13px;padding:14px 15px;outline:none}
.field input:focus{border-color:#d8ad50;box-shadow:0 0 0 3px #d8ad5022}
.auth-btn{width:100%;border:0;border-radius:28px;padding:15px;font-size:18px;font-weight:900;background:linear-gradient(90deg,#ffe28b,#e5a021);color:#5e3e08;margin-top:4px}
.auth-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.auth-link-btn{border:1px solid #5f554f;background:#302b29;color:#e7ddd2;border-radius:16px;padding:12px 8px;font-weight:700}
.auth-error,.auth-success{display:none;border-radius:12px;padding:10px 12px;margin-bottom:12px}
.auth-error{background:#5f2424;color:#ffd0cd;border:1px solid #a04b46}
.auth-success{background:#1f513d;color:#cbffe9;border:1px solid #3d8b69}
.logout-btn{width:100%;margin-top:22px;border:1px solid #8f4e48;background:#512726;color:#ffd2cf;border-radius:18px;padding:15px;font-weight:800}
.start-overlay{position:fixed;inset:0;background:#171414;z-index:100;display:none;align-items:center;justify-content:center}
.start-overlay.show{display:flex}
.start-inner{text-align:center}
.start-inner img{width:118px;height:118px;border-radius:50%;object-fit:cover;border:3px solid #e8bb58}
.start-inner h2{color:#f2cd75;letter-spacing:3px}
.start-inner p{color:#aaa}


.transfer-page{padding-bottom:42px}.transfer-shell{min-height:calc(100vh - 90px);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 35%),linear-gradient(180deg,#322b27,#201c1b);border:1px solid #75665b;border-radius:28px;padding:24px 18px 22px;box-shadow:0 18px 46px #0007;position:relative;overflow:hidden}
.transfer-brand{text-align:center;position:relative;z-index:1}.transfer-brand img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:2px solid #e3b655}.transfer-brand h3{margin:12px 0 10px;color:#f0c96f;font-size:28px;letter-spacing:2px}
.balance-mask{display:inline-flex;align-items:center;gap:14px;background:#2a2523;border-radius:14px;padding:11px 16px;color:#f0d07c}.balance-mask button{border:0;background:none;color:#f0d07c;font-size:20px}.balance-label{margin:10px 0 18px;color:#d8d0c9}
.transfer-ticket{position:relative;z-index:1;background:linear-gradient(180deg,#fae6ac,#e9b949);color:#70490b;border-radius:8px;padding:22px 18px 24px;box-shadow:inset 0 1px #fff6,0 10px 25px #0004}
.transfer-field{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;margin:12px 0}.transfer-field label{font-size:16px}.transfer-field input,.picker-trigger{width:100%;border:0;background:#fff8dfcc;color:#6b4a18;border-radius:13px;padding:14px 14px;outline:none}.picker-trigger{display:flex;align-items:center;justify-content:space-between}.currency-left{display:flex;align-items:center;gap:9px}.currency-badge{width:26px;height:26px;border-radius:7px;background:#fff;display:grid;place-items:center;font-size:18px}
.field-error{grid-column:2;color:#a32f28;font-size:12px;min-height:14px}.ticket-divider{height:1px;background:#8a64272d;margin:18px 0}.next-btn{width:100%;border-radius:30px;border:5px solid #211e1d;background:linear-gradient(90deg,#ffe58f,#e6a11e);color:#784f0b;padding:15px;font-size:22px;font-weight:900;margin-top:22px}
.currency-sheet{position:fixed;inset:0;background:#0009;z-index:70;display:none;align-items:end}.currency-sheet.show{display:flex}.currency-panel{width:min(430px,100%);background:linear-gradient(#71675d,#4a4541);border-radius:28px 28px 0 0;padding:16px 18px 30px}.currency-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;font-size:18px;margin-bottom:10px}.currency-head button{border:0;background:none;color:#f4cf75;font-size:18px;font-weight:800}.currency-head b{text-align:center}.currency-list{display:grid}.currency-option{display:flex;align-items:center;gap:12px;padding:14px 8px;border-bottom:1px solid #ffffff18;color:#d9d4cf;font-size:18px}.currency-option.active{color:#fff;background:#ffffff10}.currency-option .flag{width:34px;height:28px;border-radius:6px;font-size:19px}
.confirm-card{background:#312b29;border:1px solid #6d6058;border-radius:20px;padding:18px;margin-top:12px}.confirm-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff10}.confirm-row:last-child{border-bottom:0}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.success-card{text-align:center;background:#2b2725;border:1px solid #5e544e;border-radius:22px;padding:28px 20px}.success-icon{width:72px;height:72px;border-radius:50%;background:#2e6d50;margin:0 auto 14px;display:grid;place-items:center;font-size:34px}

.booking-home .service-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 12px}
.booking-choice{height:96px;border-radius:20px;border:1px solid #5d5550;background:linear-gradient(180deg,#5a5551,#3a3735);box-shadow:0 10px 22px #0005;display:flex;align-items:center;justify-content:center;gap:14px;font-size:18px;color:#f4eee8}
.booking-choice .ic{font-size:30px}
.booking-record-head{display:flex;align-items:center;justify-content:space-between;margin:40px 12px 18px;font-size:20px}
.booking-empty{text-align:center;color:#6f6864;padding:70px 0}
.booking-empty .cloud{font-size:110px;opacity:.25}
.booking-shell{background:linear-gradient(180deg,#3a332f,#221f1e);border:1px solid #6e6259;border-radius:28px;padding:22px 18px;box-shadow:0 18px 40px #0007}
.booking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.booking-tab{border:0;border-radius:16px;padding:15px;background:#3b3532;color:#c8beb5;font-size:18px}
.booking-tab.on{background:#4a433f;color:#fff}
.booking-balance{text-align:center;margin-bottom:18px}
.booking-balance .mask{display:inline-flex;align-items:center;gap:14px;background:#2a2523;border-radius:14px;padding:11px 16px;color:#f0d07c}
.booking-ticket{background:linear-gradient(180deg,#f8e2a5,#e9b947);color:#734c0f;border-radius:10px;padding:22px 18px;position:relative}
.booking-ticket:before{content:"";position:absolute;left:0;right:0;top:-8px;height:16px;background:radial-gradient(circle at 8px 8px,transparent 7px,#f4d99c 7.5px) 0 0/16px 16px repeat-x}
.booking-field{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin:12px 0}
.booking-field label{font-size:16px}
.booking-field input,.booking-field select,.booking-field textarea{width:100%;border:0;background:#fff8dfd9;color:#6d4a17;border-radius:13px;padding:14px;outline:none}
.booking-field textarea{min-height:70px;resize:vertical}
.booking-subtitle{text-align:center;font-size:18px;margin:22px 0 10px}
.booking-divider{height:1px;background:#8a64272d;margin:18px 0}
.booking-dark-panel{background:#4c4947;border-radius:22px;padding:18px}
.booking-dark-field{display:grid;grid-template-columns:130px 1fr;align-items:center;background:#242120;border-radius:15px;margin:12px 0;overflow:hidden}
.booking-dark-field label{padding:16px;color:#fff;border-right:1px solid #5d5753}
.booking-dark-field input,.booking-dark-field select{border:0;background:#242120;color:#ddd;padding:16px;outline:none;width:100%}
.upload-box{width:150px;height:150px;border:2px dashed #6d6661;border-radius:20px;display:grid;place-items:center;font-size:54px;color:#ddd;cursor:pointer}
.upload-preview{width:150px;height:150px;object-fit:cover;border-radius:20px;border:1px solid #6d6661}
.booking-total{text-align:center;font-size:22px;margin:28px 0}
.booking-record-card{background:#302c2b;border:1px solid #5a504a;border-radius:16px;padding:16px;margin-bottom:12px}
.booking-record-card .head{display:flex;justify-content:space-between;margin-bottom:8px}
.booking-record-card .status{color:#f0c96f}


.contact-modal{position:fixed;inset:0;background:#000a;z-index:85;display:none;align-items:center;justify-content:center;padding:24px}
.contact-modal.show{display:flex}
.contact-box{width:100%;max-width:360px;background:linear-gradient(150deg,#3d3734,#211e1d);border:1px solid #75675d;border-radius:24px;padding:24px;text-align:center;box-shadow:0 20px 60px #0009}
.contact-box img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:2px solid #e2b654}
.contact-box h3{color:#efca73;margin:14px 0 8px}
.contact-box p{color:#c5bbb3;line-height:1.7}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.contact-actions button{border:0;border-radius:18px;padding:13px;font-weight:800}
.contact-actions .cancel{background:#4a4441;color:#fff;border:1px solid #6a5f59}
.contact-actions .service{background:linear-gradient(90deg,#ffe18a,#e8a41f);color:#644108}

.game-wallet-page{padding-bottom:112px}
.game-wallet-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}
.game-wallet-filter{background:#463e3b;border-radius:16px;padding:15px;color:#f1d27d;border:1px solid #5d524c}
.game-wallet-title{font-size:24px;color:#f0d085;margin:24px 0 20px}
.game-wallet-table-head{display:grid;grid-template-columns:1fr .8fr 1fr 1fr;background:#49413e;padding:16px 6px;text-align:center;font-size:16px}
.game-wallet-card{display:grid;grid-template-columns:1fr .8fr 1fr 1fr;align-items:center;text-align:center;border:1px solid #5f534c;border-radius:18px;padding:20px 6px;margin-top:14px;background:#2e2928}
.game-wallet-card .currency{font-size:17px;font-weight:800}
.game-wallet-card .amount{font-size:16px}
.game-wallet-actions{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);width:min(392px,calc(100% - 28px));display:grid;grid-template-columns:1fr 1fr;gap:14px;z-index:12}
.wallet-sheet{position:fixed;inset:0;background:#000a;z-index:75;display:none;align-items:end}
.wallet-sheet.show{display:flex}
.wallet-panel{width:min(430px,100%);background:#302a29;border-radius:26px 26px 0 0;padding:22px}
.wallet-panel h3{text-align:center;color:#f0cf79;margin-top:0}
.wallet-panel .field{margin-bottom:14px}
.wallet-panel label{display:block;color:#d7c6b4;margin-bottom:7px}
.wallet-panel select,.wallet-panel input{width:100%;border:1px solid #63574f;background:#1c1918;color:#fff;border-radius:13px;padding:14px}
.wallet-panel .summary{background:#24201f;border-radius:15px;padding:14px;margin:12px 0;color:#d9d0c7}


.records-home-page{padding-bottom:112px}
.records-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 18px;text-align:center;margin-top:26px}
.records-menu-item{cursor:pointer}
.records-menu-icon{width:76px;height:76px;border-radius:50%;background:#24201f;margin:auto;display:grid;place-items:center;font-size:34px;box-shadow:0 8px 16px #0008;border:1px solid #3f3936}
.records-menu-label{margin-top:12px;font-size:17px;color:#eee8e1}
.record-page{padding-bottom:112px}
.record-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 22px}
.record-filter-grid.three{grid-template-columns:repeat(3,1fr)}
.record-filter{background:#463e3b;border:1px solid #5c514b;border-radius:16px;padding:15px 12px;color:#edcc7a;display:flex;justify-content:space-between;align-items:center;gap:8px}
.record-list{display:grid;gap:12px}
.record-entry{background:#302b2a;border:1px solid #5a504a;border-radius:16px;padding:15px}
.record-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.record-entry-head b{font-size:17px}
.record-status{color:#efca73}
.record-entry-body{display:grid;grid-template-columns:1fr auto;gap:10px;color:#d9d0c8}
.record-entry-meta{color:#aaa;font-size:13px;margin-top:8px}
.record-empty{text-align:center;padding:80px 0;color:#6d6661}
.record-empty .cloud{font-size:110px;opacity:.25}
.record-picker{position:fixed;inset:0;background:#0009;display:none;align-items:end;z-index:80}
.record-picker.show{display:flex}
.record-picker-panel{width:min(430px,100%);background:linear-gradient(#71675d,#4a4541);border-radius:28px 28px 0 0;padding:15px 18px 28px}
.record-picker-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;margin-bottom:10px}
.record-picker-head button{border:0;background:none;color:#f2cd75;font-size:18px;font-weight:800}
.record-picker-head b{text-align:center;font-size:18px}
.record-picker-options{display:grid;max-height:360px;overflow:auto}
.record-picker-option{display:block;width:100%;padding:15px 10px;border:0;border-bottom:1px solid #ffffff18;background:transparent;text-align:center;color:#d7d1cc;font-size:18px;cursor:pointer}
.record-picker-option.active{color:#fff;background:#ffffff10}
.round-card{background:#332f2e;border:1px solid #5b514b;border-radius:16px;overflow:hidden}
.round-card-head{display:flex;justify-content:space-between;background:linear-gradient(90deg,#5a4a34,#3c342e);padding:12px 14px}
.round-card-main{padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px}
.round-card-foot{background:#403b39;padding:11px 14px;color:#d0c7bf}
.positive{color:#5bd18f}.negative{color:#ff7069}


/* v0.8 动态与我的 */
.activity-page{padding-bottom:112px}
.activity-hero{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:8px -18px 28px;padding:0 18px}
.activity-hero::-webkit-scrollbar{display:none}
.activity-banner{min-width:88%;scroll-snap-align:center;border-radius:18px;overflow:hidden;border:1px solid #6d6057;background:#302a28}
.activity-banner img{width:100%;display:block;aspect-ratio:2.15/1;object-fit:cover}
.activity-section-title{display:flex;align-items:center;gap:10px;color:#efca73;font-size:21px;margin:28px 4px 16px}
.activity-card{background:#342f2d;border:1px solid #5e534d;border-radius:17px;overflow:hidden;margin-bottom:16px}
.activity-card img{width:100%;display:block;aspect-ratio:2.15/1;object-fit:cover}
.activity-card .copy{padding:14px 16px;color:#eee6de;font-size:16px}
.activity-card .meta{padding:0 16px 14px;color:#9e958e;font-size:12px}
.activity-empty{text-align:center;color:#6c6560;padding:90px 0}

.profile-page{padding-bottom:115px}
.profile-head-card{position:relative;background:
linear-gradient(135deg,rgba(255,255,255,.03),transparent 45%),
linear-gradient(150deg,#4a4038,#26211f);border:1px solid #a48142;border-radius:22px;padding:24px 20px;min-height:205px;overflow:hidden}
.profile-head-card:after{content:"";position:absolute;right:-30px;bottom:-55px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#d5a74b2c,transparent 65%)}
.profile-account{display:inline-flex;align-items:center;gap:8px;background:#1f1b1a;border-radius:18px;padding:8px 13px;font-size:18px}
.profile-nickname{font-size:24px;color:#efca73;margin:16px 0 8px}
.profile-points{display:flex;align-items:center;gap:8px;color:#e8be5f}
.profile-logo-large{position:absolute;right:24px;top:33px;width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #e0b251;box-shadow:0 10px 28px #0008;z-index:1}
.profile-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.profile-action-card{background:#3a3431;border:1px solid #5b504a;border-radius:17px;padding:18px 10px;text-align:center;min-height:120px}
.profile-action-card .icon{font-size:34px;margin-bottom:12px}
.profile-action-card .label{font-size:16px}
.profile-menu{display:grid;gap:14px;margin-top:20px}
.profile-menu-row{background:#393331;border-radius:17px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;font-size:18px;border:1px solid #4e4642}
.profile-menu-row .left{display:flex;align-items:center;gap:13px}
.profile-menu-row .right{color:#d0c6bd}
.checkin-modal{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:95;padding:24px}
.checkin-modal.show{display:flex}
.checkin-box{width:100%;max-width:390px;background:linear-gradient(150deg,#5a5551,#373230);border:1px solid #73675f;border-radius:22px;text-align:center;padding:0 24px 24px;box-shadow:0 24px 70px #000a}
.checkin-title{font-size:27px;padding:18px 0;border-bottom:1px solid #ffffff20}
.checkin-days{font-size:21px;margin:30px 0 12px}
.checkin-reward{color:#f0cf78}
.checkin-close{width:58px;height:58px;border-radius:50%;border:0;background:#5b5652;color:#fff;font-size:30px;margin-top:26px}
.activity-chip{display:inline-flex;align-items:center;gap:8px;background:#2e2927;border:1px solid #5d514a;border-radius:18px;padding:8px 12px;color:#f0cb70;font-size:13px}


.game-center-page{padding-bottom:112px}.game-center-list{display:grid;gap:18px}.game-category-card{border-radius:20px;overflow:hidden;border:1px solid #5d514a;background:#302a28;box-shadow:0 12px 26px #0005}.game-category-card img{width:100%;display:block;aspect-ratio:2.2/1;object-fit:cover}.game-category-copy{padding:15px 17px;display:flex;justify-content:space-between;align-items:center}.game-category-copy b{font-size:20px;color:#f0cd76}.game-category-copy span{color:#aaa}
.game-balance-page{padding-bottom:112px}.game-balance-banner{border-radius:20px;overflow:hidden;border:1px solid #62564e;margin-bottom:18px}.game-balance-banner img{width:100%;display:block;aspect-ratio:2.2/1;object-fit:cover}.game-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.game-balance-card{background:#34302f;border:1px solid #4f4742;border-radius:16px;overflow:hidden}.game-balance-card-main{padding:20px;text-align:center}.game-balance-currency{font-size:20px;font-weight:850;color:#f0ca73;display:flex;align-items:center;justify-content:center;gap:8px}.game-balance-amount{font-size:28px;margin-top:10px}.game-balance-enter{background:linear-gradient(90deg,#4b4035,#6e5c43);padding:14px;text-align:center;color:#ddd;font-size:18px}.game-balance-enter b{color:#f2ce78}.game-balance-card.trial{grid-column:1/2}.agent-panel{background:#312b29;border:1px solid #5e534d;border-radius:20px;padding:18px}.agent-panel h3{color:#efca73;margin-top:0}.agent-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff10}.agent-line:last-child{border-bottom:0}
.launch-modal{position:fixed;inset:0;background:#000b;z-index:90;display:none;align-items:center;justify-content:center;padding:24px}.launch-modal.show{display:flex}.launch-box{width:100%;max-width:360px;background:#2e2927;border:1px solid #6a5d55;border-radius:22px;padding:24px;text-align:center}.launch-box img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:2px solid #e0b251}.launch-box h3{color:#efca73}.launch-box .info{background:#211e1d;border-radius:14px;padding:14px;margin:14px 0;color:#ddd}

/* Ultimate v1.0 account settings */
.settings-page{padding-bottom:80px}
.settings-card{background:#3b3532;border:1px solid #514944;border-radius:18px;margin-bottom:14px;padding:18px;display:flex;align-items:center;justify-content:space-between;font-size:18px}
.settings-card .left{display:flex;align-items:center;gap:13px}
.settings-card .icon{font-size:27px}
.settings-card .right{color:#ddd}
.switch{width:62px;height:34px;background:#9b9b9b;border-radius:20px;padding:3px;display:flex;align-items:center;cursor:pointer;transition:.2s}
.switch:after{content:"";width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0005;transition:.2s}
.switch.on{background:#d6a53b}.switch.on:after{transform:translateX(28px)}
.settings-form{background:#312c2a;border:1px solid #594f49;border-radius:20px;padding:20px}
.settings-form .field{margin-bottom:15px}
.settings-form label{display:block;color:#d8c4b2;margin-bottom:7px}
.settings-form input{width:100%;background:#1d1a19;border:1px solid #60544c;color:#fff;border-radius:13px;padding:14px}
.language-modal{position:fixed;inset:0;background:#000b;z-index:98;display:none;align-items:center;justify-content:center;padding:24px}
.language-modal.show{display:flex}
.language-box{width:100%;max-width:360px;background:linear-gradient(#69635e,#393634);border-radius:24px;padding:0 22px 18px;border:1px solid #756a62}
.language-title{text-align:center;font-size:24px;padding:18px;border-bottom:1px solid #ffffff20}
.language-option{display:flex;align-items:center;gap:16px;padding:20px 4px;border-bottom:1px solid #ffffff20;font-size:20px}
.language-option:last-child{border-bottom:0}.language-option .radio{margin-left:auto;width:28px;height:28px;border-radius:50%;border:3px solid #b8b8b8}.language-option.active .radio{border-color:#efca73;box-shadow:inset 0 0 0 5px #69635e;background:#efca73}
.about-page{min-height:100vh;background:radial-gradient(circle at 70% 30%,#9b6d2628,transparent 30%),linear-gradient(150deg,#2d2521,#151313);text-align:center}
.about-logo{width:210px;margin:140px auto 0}.about-logo img{width:100%;border-radius:22px}
.about-version{margin-top:220px;font-size:22px}
.about-info{background:#2f2a28;border:1px solid #514944;border-radius:18px;padding:18px;margin-top:20px;text-align:left}
.about-info div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff10}.about-info div:last-child{border-bottom:0}
.authorized-empty{text-align:center;padding:100px 0;color:#777}.authorized-empty .shield{font-size:92px;opacity:.35}
.qa-badge{display:inline-flex;background:#1d513d;color:#d1ffea;border:1px solid #3f8c6b;border-radius:16px;padding:6px 10px;font-size:12px}


.booking-choice{border:1px solid #5b5048;background:linear-gradient(#4a4440,#312d2b);border-radius:18px;color:#eee;padding:22px 12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;box-shadow:0 10px 22px #0004}
.booking-choice span{font-size:31px}.booking-choice b{font-weight:700}
.booking-list-head{display:flex;align-items:center;justify-content:space-between;margin:28px 8px 15px}
.booking-list-head h2{font-size:20px}.booking-list-head button{border:0;background:none;color:#ddd;font-size:16px}
.booking-form-page{padding-bottom:90px}
.booking-ticket{background:linear-gradient(180deg,#f4da8c,#e7b94c);border-radius:22px;padding:22px 18px;color:#765019;display:grid;gap:14px;border:1px solid #f4d982}
.booking-ticket.dark-ticket{background:#3c3938;color:#f0e8e0;border-color:#5a524d}
.booking-ticket label{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:10px;font-size:16px}
.booking-ticket input,.booking-ticket select{width:100%;border:0;border-radius:11px;padding:13px 12px;background:#fff8df;color:#5b431d;font-size:15px}
.booking-ticket.dark-ticket input,.booking-ticket.dark-ticket select{background:#242120;color:#eee;border:1px solid #58504c}
.form-divider{border-top:1px dashed #ffffff88;padding-top:15px;margin-top:3px;text-align:center}
.booking-empty{text-align:center;color:#777;padding:70px 0}.booking-empty .cloud{font-size:80px;opacity:.35}
.booking-record-card{background:#35302e;border:1px solid #504742;border-radius:15px;padding:15px;margin-bottom:12px}
.booking-record-card .head{display:flex;justify-content:space-between;margin-bottom:8px}
.booking-record-card .status{color:#edc66d}
.passport-upload{height:130px;border:2px dashed #8a817b;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:50px;margin-top:10px}
.upload-preview{width:100%;height:130px;object-fit:cover;border-radius:14px}


.header-icon-btn{border:0;background:transparent;color:#f0ca73;font-size:27px;position:relative;padding:7px;cursor:pointer}
.message-button{margin-left:8px}.message-badge{position:absolute;right:0;top:0;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#e64b4b;color:#fff;font-size:11px;display:none;align-items:center;justify-content:center}
.message-badge.show{display:flex}.auth-language{display:flex;justify-content:center;gap:8px;margin:8px 0 14px}
.auth-language button{border:1px solid #66594f;background:#241f1c;color:#ddd;border-radius:16px;padding:7px 12px}
.auth-language button.active{background:linear-gradient(90deg,#f5d878,#d99d22);color:#3d2c0e;border-color:#f1cb68}
.message-page{padding-bottom:90px}.message-read-all{border:0;background:transparent;color:#edc86e;font-size:15px}
.message-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 20px}
.message-tabs button{border:0;background:transparent;color:#aaa;font-size:18px;padding:14px;border-bottom:3px solid transparent}
.message-tabs button.active{color:#f1cb70;border-color:#f1cb70}
.message-card{background:#3b3532;border:1px solid #4e4641;border-radius:16px;padding:17px;margin-bottom:14px}
.message-card .message-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.message-card .message-title{font-size:18px}.message-card .message-time{color:#aaa;font-size:13px}
.message-card .message-body{color:#ddd;line-height:1.55}.message-card .message-status{color:#efc970;font-size:13px}
.message-empty{text-align:center;padding:90px 0;color:#777}.message-empty .icon{font-size:70px;opacity:.35}
.support-sheet{position:fixed;inset:0;background:#000a;display:none;align-items:flex-end;z-index:120}
.support-sheet.show{display:flex}.support-panel{width:100%;background:#2d2927;border-radius:24px 24px 0 0;padding:18px}
.support-title{text-align:center;color:#f0ca73;font-size:21px;padding:8px 0 15px}
.support-panel button{width:100%;border:0;background:#3d3734;color:#eee;border-radius:14px;padding:16px;margin:7px 0;text-align:left;font-size:17px;display:flex;justify-content:space-between}
.support-panel button:last-child{justify-content:center;color:#efca73}


/* v1.0.9 reference-home redesign */
.reference-home{padding:18px 17px 112px;background:linear-gradient(180deg,#3a302b 0,#292321 44%,#211e1d 100%);color:#f4eee8}
.reference-header{height:118px;display:flex;align-items:flex-start;justify-content:space-between;padding:7px 8px 0}
.reference-user{display:flex;align-items:flex-start;gap:13px}
.reference-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:0;box-shadow:none}
.reference-user-copy{padding-top:2px}
.reference-account{font-size:23px;font-weight:650;color:#efca72;letter-spacing:.3px;line-height:1.15}
.reference-coin{margin-top:6px;font-size:16px;color:#e9c96e}
.reference-actions{display:flex;align-items:center;gap:16px;padding-top:8px}
.reference-action{width:42px;height:42px;border:0;background:transparent;color:#f1d47f;font-size:29px;display:grid;place-items:center;position:relative;padding:0}
.reference-message .message-badge{right:-3px;top:-3px}

.reference-service-panel{height:346px;border:1px solid #74695f;border-radius:23px;background:
linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02)),
linear-gradient(135deg,#67615a,#48423e);position:relative;overflow:hidden;padding:32px 19px 22px;box-shadow:inset 0 1px 0 #ffffff30}
.reference-watermark{position:absolute;right:-20px;bottom:-20px;width:245px;height:245px;background:url('assets/vantius-icon.png') center/contain no-repeat;opacity:.055;filter:grayscale(1)}
.reference-quick{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:28px 12px!important}
.reference-quick .q{background:none!important;border:0!important;border-radius:0!important;padding:0!important;min-height:112px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;color:#eee!important;box-shadow:none!important}
.reference-quick .qi{width:58px!important;height:58px!important;border-radius:50%!important;background:#292421!important;border:0!important;box-shadow:0 7px 12px #0008!important;display:grid!important;place-items:center!important;font-size:28px!important;margin:0 auto 11px!important}
.reference-quick .qi:after{content:"";position:absolute}
.reference-quick .qt{font-size:15px!important;line-height:1.2!important;white-space:nowrap!important;color:#eee!important}
.reference-quick .q small{display:none!important}

.reference-tabs{height:84px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:0;overflow:visible;margin:0;padding:0 2px}
.reference-tabs button{height:84px;border:0;background:transparent;color:#c7bbb2;font-size:18px;position:relative;white-space:nowrap}
.reference-tabs button.on{color:#edce82}
.reference-tabs button.on:after{content:"";position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:50px;height:3px;border-radius:3px;background:#edc970}

.reference-home #homeContent{margin-top:0}
.reference-home .wallets{display:grid;gap:13px}
.reference-home .row{min-height:88px;border:0!important;border-radius:14px!important;background:#353130!important;padding:14px 16px!important;display:grid!important;grid-template-columns:51px 1fr auto!important;align-items:center!important;gap:12px!important;box-shadow:none!important}
.reference-home .row .flag{width:48px!important;height:48px!important;border-radius:8px!important;background:#fff!important;display:grid!important;place-items:center!important;font-size:28px!important}
.reference-home .row b{font-size:22px!important;color:#f5f3f1!important;font-weight:650!important}
.reference-home .row .muted{font-size:17px!important;color:#b9b4b0!important;margin-top:1px}
.reference-home .row .right{text-align:right!important;color:#eee!important;font-size:15px!important;line-height:1.3}
.reference-home .row .freeze{color:#ff5c5e!important;font-size:15px!important;margin-top:2px}
.reference-home .notice{display:none!important}

.reference-home + .navbar{}
.navbar{height:92px;background:linear-gradient(#57524f,#393634);border-top:1px solid #736c67}
.nav{font-size:13px}.nav .ico{font-size:23px}.nav-center{top:-23px;width:86px;height:86px;background:#34302e;border:2px solid #766e69;color:#f0cc73}
@media(max-width:380px){
  .reference-service-panel{height:325px;padding-left:12px;padding-right:12px}
  .reference-quick{gap:23px 6px!important}
  .reference-quick .qi{width:53px!important;height:53px!important}
  .reference-quick .qt{font-size:13px!important}
  .reference-tabs button{font-size:16px}
}


.auth-resend{width:100%;margin-top:10px;text-align:center}
#otpForm{display:none}
#otpForm.on{display:block}

.profile-nickname-setup{margin:13px 0 0;padding:13px;border:1px solid #6f5f49;border-radius:13px;background:#211d1b}
.profile-nickname-note{font-size:13px;color:#d9bd77;margin-bottom:10px}
.profile-nickname-form{display:flex;gap:8px}
.profile-nickname-form input{flex:1;border:1px solid #685b50;background:#151312;color:#fff;border-radius:10px;padding:11px 12px}
.profile-nickname-form button{border:0;border-radius:10px;padding:0 15px;background:linear-gradient(90deg,#f1d47b,#d79c29);color:#3c2b0e;font-weight:700}
.profile-nickname-error{min-height:18px;margin-top:8px;color:#ff6969;font-size:13px}
.profile-nickname-setup.locked{display:none}


.nickname-first-modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:22px}
.nickname-first-modal.show{display:flex}
.nickname-first-card{width:min(420px,100%);border:1px solid #8b7345;border-radius:24px;background:linear-gradient(180deg,#302925,#171513);padding:25px;box-shadow:0 25px 70px #000;text-align:center}
.nickname-first-logo img{width:78px;height:78px;border-radius:50%;object-fit:cover}
.nickname-first-card h2{margin:13px 0 8px;color:#f0ce79;font-size:25px}
.nickname-first-card p{margin:0 0 18px;color:#c9c0b8;line-height:1.55;font-size:14px}
.nickname-account-line{display:flex;align-items:center;justify-content:space-between;background:#211e1c;border:1px solid #51483f;border-radius:12px;padding:13px 14px;margin-bottom:12px}
.nickname-account-line span{color:#aaa}.nickname-account-line b{color:#f0ce79;font-size:19px}
.nickname-first-card input{width:100%;box-sizing:border-box;background:#121110;border:1px solid #75624a;border-radius:12px;padding:14px;color:#fff;font-size:16px;outline:none}
.nickname-first-card input:focus{border-color:#efc868;box-shadow:0 0 0 3px rgba(239,200,104,.12)}
.nickname-first-error{min-height:21px;color:#ff6a6a;text-align:left;font-size:13px;padding:7px 2px}
.nickname-first-card button{width:100%;border:0;border-radius:13px;padding:14px;background:linear-gradient(90deg,#f3d57d,#dc9f29);color:#3c2b0d;font-size:16px;font-weight:800}


.profile-detail-card{background:#302b29;border:1px solid #514942;border-radius:17px;margin:15px 0;padding:4px 17px}
.profile-detail-card>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #ffffff10}
.profile-detail-card>div:last-child{border-bottom:0}.profile-detail-card span{color:#aaa}.profile-detail-card b{color:#eee;text-align:right;word-break:break-all}
.security-lock-note{margin:14px 0;padding:12px;border-radius:12px;background:#3a2927;color:#ffc3bd;font-size:13px;line-height:1.5}


/* V1.4 compact mobile layout + safe-area fixes */
:root{--app-max:390px}
.app{width:min(100%,var(--app-max));overflow-x:hidden}
.page{padding:14px 14px calc(108px + env(safe-area-inset-bottom));font-size:14px}
.top{min-height:48px;margin-bottom:12px}.title{font-size:21px}.back{font-size:31px}
.reference-header{padding:8px 2px 12px}.reference-avatar{width:58px!important;height:58px!important;object-fit:contain!important;background:#171513;border:2px solid #e4b957!important}
.reference-account{font-size:23px!important}.reference-actions{gap:8px!important}.reference-action{width:42px!important;height:42px!important;font-size:21px!important}
.reference-service-panel{border-radius:22px!important}.reference-quick{padding:16px 8px!important;gap:15px 5px!important}.qi{width:49px;height:49px;border-radius:15px}.qi span{width:34px;height:34px;font-size:19px}.ql{font-size:12px;margin-top:6px}
.reference-tabs{gap:17px!important;font-size:13px!important;margin:18px 0 12px!important}.row{padding:11px}.row b{font-size:16px}.flag{width:39px;height:39px;font-size:22px}
.navbar{width:min(var(--app-max),100%);height:78px;padding-bottom:env(safe-area-inset-bottom)}.nav{font-size:10px}.nav .ico{font-size:21px}.nav-center{width:72px;height:72px;top:-20px}
.transfer-page{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.transfer-shell{min-height:auto;padding:18px 14px 26px;border-radius:22px;overflow:visible}.transfer-brand img{width:82px;height:82px;object-fit:contain;background:#171513}.transfer-brand h3{font-size:22px;margin:8px 0}.transfer-ticket{padding:16px 13px 18px}.transfer-field{grid-template-columns:88px 1fr;gap:7px;margin:9px 0}.transfer-field label{font-size:13px}.transfer-field input,.picker-trigger{padding:11px;font-size:14px}.next-btn{margin-top:15px;margin-bottom:76px!important;padding:14px!important;font-size:17px!important}.confirm-actions{margin-bottom:80px!important}.confirm-actions .btn{font-size:14px;padding:13px}.success-card{padding-bottom:80px}
.settings-form{padding-bottom:90px}.settings-form .field{display:block!important}.settings-form .field label{display:block!important;color:#ead8c7!important;font-size:14px!important;margin:0 0 7px!important}.settings-form .field input{display:block!important;width:100%!important;min-height:48px!important}
.finance-shell{background:linear-gradient(180deg,#2b2725,#171515);border:1px solid #5f554e;border-radius:20px;padding:16px;margin-bottom:14px}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rate-card{background:#211f1e;border:1px solid #4f4843;border-radius:14px;padding:12px}.rate-card small{color:#aaa}.rate-card b{display:block;font-size:20px;margin:7px 0}.rate-up{color:#65d49b}.rate-down{color:#ff6f68}.exchange-box{background:#242120;border-radius:16px;padding:14px;margin-top:14px}.exchange-label{display:flex;justify-content:space-between;color:#aaa;font-size:12px;margin-bottom:7px}.exchange-input{display:grid;grid-template-columns:105px 1fr;background:#171515;border:1px solid #5d524b;border-radius:13px;overflow:hidden}.exchange-input select,.exchange-input input{background:transparent;color:#fff;border:0;padding:13px;outline:0;width:100%}.exchange-input select{border-right:1px solid #4e4742}.exchange-swap{display:block;margin:10px auto;border:0;background:#3c352f;color:#f1c96d;width:42px;height:42px;border-radius:50%;font-size:20px}.finance-summary{margin-top:13px;border-top:1px solid #443e3a;padding-top:11px;display:grid;gap:8px}.finance-summary div{display:flex;justify-content:space-between}.finance-submit{width:100%;border:0;border-radius:14px;background:linear-gradient(90deg,#ffe18a,#e5a11f);color:#583908;padding:14px;font-weight:900;margin-top:14px}.finance-note{font-size:12px;color:#b8afa7;line-height:1.6;margin-top:12px}.request-list{display:grid;gap:10px;margin-top:14px}.request-card{background:#2c2826;border:1px solid #4f4742;border-radius:15px;padding:13px}.request-card .head{display:flex;justify-content:space-between}.request-card .status{color:#efc66d}.request-form label{display:block;margin:12px 0 6px;color:#d7c5b3}.request-form input,.request-form select,.request-form textarea{width:100%;background:#171515;color:#fff;border:1px solid #5d524b;border-radius:12px;padding:12px;outline:none}.request-form textarea{min-height:76px;resize:vertical}
@media(max-width:360px){.page{padding-left:10px;padding-right:10px}.transfer-field{grid-template-columns:78px 1fr}.reference-account{font-size:20px!important}.ql{font-size:11px}}


/* V1.4.2 Stable */
body{font-size:14px}
.page{font-size:13px}
.title{font-size:21px!important}
.top{min-height:48px}
.auth-card{transform:scale(.96);transform-origin:top center}
.auth-card label,.field label,.transfer-field label{font-size:13px!important}
.auth-card input,.field input,.transfer-field input,.picker-trigger{font-size:14px!important}
.auth-btn,.next-btn,.btn{font-size:15px!important}
.nav{font-size:10px!important}
.nav .ico{font-size:20px!important}
.transfer-page{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
.transfer-shell{margin-bottom:18px}
.next-btn{position:relative;z-index:4;margin-bottom:100px!important}
.confirm-actions{position:relative;z-index:4;margin-bottom:105px!important}
img[src="assets/vantius-icon.png"]{object-fit:contain}
.global-loading{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.global-loading.show{display:flex}
.global-loading-card{width:170px;padding:23px 18px;border:1px solid #7a6540;border-radius:18px;background:#201d1b;text-align:center;box-shadow:0 18px 60px #000}
.global-loading-card b{display:block;color:#f2d27e;font-size:16px;margin:12px 0 5px}
.global-loading-card span{color:#aaa;font-size:12px}
.loading-ring{width:34px;height:34px;margin:auto;border:3px solid #4b4338;border-top-color:#f2ca64;border-radius:50%;animation:vantiusSpin .8s linear infinite}
@keyframes vantiusSpin{to{transform:rotate(360deg)}}
button:disabled{opacity:.55!important;cursor:not-allowed!important;pointer-events:none!important}


/* V1.4.3 transaction ledger */
.record-entry.incoming{border-left:4px solid #64c47a}
.record-entry.outgoing{border-left:4px solid #e1b84e}
.record-entry .amount-in{color:#71d78a}
.record-entry .amount-out{color:#f0c967}
.record-direction{font-size:12px;padding:3px 8px;border-radius:999px;background:#ffffff0d}
.record-refreshing{text-align:center;padding:22px;color:#c9b372}


/* V1.4.5 finance proof + synchronized records */
.finance-proof-preview{margin-top:9px;min-height:4px}
.finance-proof-preview img,.request-proof-image{width:100%;max-height:230px;object-fit:contain;border-radius:12px;border:1px solid #6a5c4c;background:#171515}
.request-proof-link{display:block;margin-top:9px;color:#f0c86b;font-weight:700;text-decoration:none}
.request-proof-link:hover{text-decoration:underline}
.home-record-card{background:#302c2a;border:1px solid #4e4742;border-radius:15px;padding:13px;margin-bottom:10px}
.home-record-head,.home-record-main{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-record-main{margin-top:7px}.home-record-meta{font-size:11px;color:#999;margin-top:7px}
.home-record-in{border-left:4px solid #67cf84}.home-record-out{border-left:4px solid #e9bd4d}


/* V1.4.6 exchange PIN protection */
.exchange-pin-label{display:block;margin:14px 0 7px;color:#d7c5b3}
.exchange-pin-input{width:100%;background:#171515;color:#fff;border:1px solid #5d524b;border-radius:12px;padding:12px;outline:none}
.exchange-pin-hint{margin-top:7px;color:#bda96f;font-size:12px;line-height:1.5}
.exchange-pin-hint.error{color:#ff8c82}


/* V1.4.7 frozen balance display */
.frozen-wallet-row{display:flex;justify-content:space-between;align-items:center;gap:14px}
.wallet-left,.wallet-right{display:flex;flex-direction:column}
.wallet-right{text-align:right}
.wallet-left span,.wallet-right span{font-size:11px;color:#aaa;margin-top:3px}
.frozen-amount{display:block;margin-top:5px;color:#e0b65d;font-size:11px;font-weight:700}


/* ============================================================
   VANTIUS v1.4.8 Premium Home UI
   Reference-matched dark bronze visual system
   ============================================================ */
:root{
  --premium-bg:#2c2523;
  --premium-bg-deep:#211b1a;
  --premium-panel:#67605a;
  --premium-panel-dark:#4d4743;
  --premium-card:#302d2e;
  --premium-line:#837a73;
  --premium-gold:#edc86f;
  --premium-gold-2:#dca843;
  --premium-text:#f1efed;
  --premium-muted:#bcb7b4;
  --premium-red:#ff6265;
}
html,body{background:#141212!important}
.app{background:linear-gradient(180deg,#3a302c 0,#2a2321 35%,#251f1e 100%)!important}
.reference-home{
  padding:18px 16px calc(108px + env(safe-area-inset-bottom))!important;
  background:
    radial-gradient(circle at 90% 2%,rgba(212,172,95,.08),transparent 26%),
    linear-gradient(180deg,#3a302c 0,#2d2623 23%,#27211f 100%)!important;
}
.reference-header{
  min-height:104px!important;
  padding:8px 4px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.reference-user{align-items:center!important;gap:15px!important}
.reference-avatar{
  width:66px!important;height:66px!important;border-radius:50%!important;
  object-fit:contain!important;background:#2a2421!important;
  border:3px solid #dcb24f!important;
  box-shadow:inset 0 0 0 3px #372e28,0 3px 9px #0007!important;
}
.reference-user-copy{padding-top:0!important}
.reference-account{
  color:var(--premium-gold)!important;font-size:25px!important;
  line-height:1.05!important;font-weight:750!important;letter-spacing:.25px!important
}
.reference-coin{margin-top:8px!important;color:#d9b957!important;font-size:16px!important}
.reference-actions{gap:14px!important;padding-top:0!important}
.reference-action{
  width:38px!important;height:44px!important;color:#f0d178!important;
  font-size:25px!important;filter:drop-shadow(0 2px 2px #0008)
}
.premium-scan-icon{
  width:27px;height:27px;border:2px solid #e5c66d;border-radius:7px;
  display:grid;place-items:center;font-size:21px;line-height:1
}
.premium-line-icon{font-size:26px}
.reference-message .message-badge{
  min-width:18px;height:18px;right:-4px!important;top:0!important;
  background:#e85151!important;border:2px solid #392f2b;color:#fff;font-size:10px
}

.reference-service-panel{
  height:346px!important;padding:31px 16px 18px!important;border-radius:25px!important;
  border:1px solid #91877f!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 48%,rgba(0,0,0,.08)),
    linear-gradient(135deg,#716b63,#57514c)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 9px 25px rgba(0,0,0,.18)!important
}
.reference-watermark{
  width:270px!important;height:270px!important;right:-40px!important;bottom:-40px!important;
  opacity:.07!important;filter:grayscale(1) sepia(.3)!important
}
.reference-quick{
  grid-template-columns:repeat(4,1fr)!important;
  gap:28px 5px!important;padding:0!important
}
.reference-quick .q{min-height:126px!important}
.reference-quick .qi{
  position:relative!important;width:63px!important;height:63px!important;
  border-radius:21px!important;
  background:linear-gradient(145deg,#403a35,#211d1a)!important;
  border:1px solid #514a44!important;
  box-shadow:0 8px 12px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,255,255,.12)!important;
  margin-bottom:12px!important
}
.reference-quick .qi span{
  width:43px!important;height:43px!important;border-radius:15px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#ffe091,#e2a839)!important;
  color:#56340d!important;font-size:24px!important;font-weight:900!important;
  text-shadow:0 1px rgba(255,255,255,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 5px rgba(0,0,0,.4)!important
}
.reference-quick .ql{
  color:#eee9e5!important;font-size:15px!important;font-weight:540!important;
  white-space:nowrap!important;letter-spacing:.1px!important
}

.reference-tabs{
  height:83px!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important
}
.reference-tabs button{
  height:83px!important;color:#c9c0ba!important;font-size:17px!important;font-weight:500!important
}
.reference-tabs button.on{color:#e9c76f!important}
.reference-tabs button.on:after{
  bottom:9px!important;width:51px!important;height:4px!important;background:#e8c35f!important
}

.premium-wallet-list{display:grid;gap:12px;padding-bottom:6px}
.premium-wallet-card{
  min-height:87px;display:grid;grid-template-columns:54px 1fr auto 18px;
  align-items:center;gap:12px;padding:12px 14px;
  background:#302e2f;border-radius:14px;border:0;
  box-shadow:0 1px 0 rgba(255,255,255,.025)
}
.premium-currency-icon{
  width:49px;height:49px;border-radius:9px;display:grid;place-items:center;
  background:#fff;color:#111;font-size:29px;font-weight:900;overflow:hidden
}
.currency-usdt{background:#279f88!important;color:#fff!important;font-family:Arial;font-size:30px!important}
.currency-hkd{background:#fff!important}
.currency-cny{background:#ee1d29!important}
.currency-usd{background:#37a452!important;color:#fff!important;font-size:34px!important}
.currency-krw{background:#fff!important;font-size:25px!important}
.premium-wallet-copy{min-width:0;display:flex;flex-direction:column}
.premium-wallet-copy b{font-size:21px;color:#f4f2ef;font-weight:700;line-height:1.08}
.premium-wallet-copy span{font-size:16px;color:#bcb7b4;margin-top:5px;white-space:nowrap}
.premium-wallet-values{text-align:right;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}
.premium-wallet-values span{font-size:15px;color:#eee}
.premium-wallet-values em{font-size:15px;color:#ff6164;font-style:normal;margin-top:5px}
.premium-wallet-arrow{font-size:24px;color:#aaa;transform:translateY(-2px)}

.navbar{
  height:92px!important;background:
    linear-gradient(180deg,#56514d,#3b3735)!important;
  border-top:1px solid #746c67!important;
  box-shadow:0 -3px 12px rgba(0,0,0,.25)!important
}
.nav{font-size:13px!important;color:#aaa!important}
.nav .ico{font-size:23px!important}
.nav.on{color:#e8c461!important}
.nav-center{
  top:-24px!important;width:88px!important;height:88px!important;
  border:2px solid #766d68!important;background:#35302e!important;
  color:#e8c45e!important;font-size:14px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05)!important
}
@media(max-width:380px){
  .reference-home{padding-left:12px!important;padding-right:12px!important}
  .reference-service-panel{height:324px!important;padding-left:8px!important;padding-right:8px!important}
  .reference-quick{gap:22px 2px!important}
  .reference-quick .qi{width:57px!important;height:57px!important}
  .reference-quick .qi span{width:39px!important;height:39px!important;font-size:21px!important}
  .reference-quick .ql{font-size:13px!important}
  .reference-tabs button{font-size:15px!important}
  .premium-wallet-card{grid-template-columns:49px 1fr auto 14px;padding:11px 10px;gap:9px}
  .premium-currency-icon{width:45px;height:45px}
  .premium-wallet-copy b{font-size:19px}.premium-wallet-copy span{font-size:14px}
  .premium-wallet-values span,.premium-wallet-values em{font-size:13px}
}


/* ============================================================
   VANTIUS v2.0 — One-row Four Action Home
   ============================================================ */
.reference-service-panel{
  height:156px!important;
  min-height:156px!important;
  padding:22px 12px 14px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.reference-quick{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  gap:6px!important;
  align-items:center!important;
}
.reference-quick .q{
  min-height:112px!important;
  height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.reference-quick .qi{
  width:59px!important;
  height:59px!important;
  margin:0 auto 10px!important;
  border-radius:19px!important;
}
.reference-quick .qi span{
  width:41px!important;
  height:41px!important;
  border-radius:14px!important;
  font-size:23px!important;
}
.reference-quick .ql{
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.reference-watermark{
  width:190px!important;
  height:190px!important;
  right:-34px!important;
  bottom:-58px!important;
}
.reference-tabs{
  margin-top:8px!important;
}
.reference-header{
  min-height:94px!important;
  padding-bottom:12px!important;
}
@media(max-width:390px){
  .reference-service-panel{
    height:148px!important;
    min-height:148px!important;
    padding:18px 7px 12px!important;
  }
  .reference-quick .q{
    min-height:106px!important;
    height:106px!important;
  }
  .reference-quick .qi{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
  }
  .reference-quick .qi span{
    width:38px!important;
    height:38px!important;
    font-size:21px!important;
  }
  .reference-quick .ql{
    font-size:12.5px!important;
  }
}


/* ============================================================
   VANTIUS v2.0.1 — Finance Hub + New Brand Logo
   ============================================================ */
.finance-hub-page{
  background:
    radial-gradient(circle at 50% 0,rgba(224,178,76,.08),transparent 32%),
    linear-gradient(180deg,#342a27,#211b1a)!important;
  padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
}
.finance-hub-brand{
  display:flex;align-items:center;gap:15px;
  margin:16px 14px 22px;padding:18px;
  border:1px solid #75695e;border-radius:18px;
  background:linear-gradient(145deg,#504943,#302b28);
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 10px 24px #0005;
}
.finance-hub-brand img{
  width:66px;height:66px;border-radius:18px;object-fit:cover;
  border:1px solid #d4ae54;box-shadow:0 5px 14px #0006;
}
.finance-hub-brand div{display:flex;flex-direction:column}
.finance-hub-brand b{font-size:19px;color:#efcb75;letter-spacing:.8px}
.finance-hub-brand span{font-size:13px;color:#c3bbb5;margin-top:6px}
.finance-hub-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;padding:0 14px;
}
.finance-hub-card{
  min-height:190px;border:1px solid #71675f;border-radius:20px;
  background:linear-gradient(145deg,#514a45,#292422);
  color:#f4efe9;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 24px #0005;
}
.finance-hub-card:active{transform:scale(.985)}
.finance-hub-card .finance-hub-icon{
  width:68px;height:68px;border-radius:22px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ffe39b,#d99d31);
  color:#4d2d08;font-size:36px;font-weight:900;
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 7px 13px #0006;
}
.finance-hub-card b{font-size:21px;color:#f0d080}
.finance-hub-card small{
  max-width:135px;color:#c0b8b2;font-size:12px;line-height:1.55;text-align:center
}
.finance-hub-note{
  margin:18px 14px;padding:14px 16px;border-radius:14px;
  background:#ffffff08;border:1px solid #4f4742;
  color:#a9a19b;font-size:12px;line-height:1.65
}

/* New navy-gold VANTIUS mark */
.reference-avatar,
.transfer-brand img,
.profile-logo-large,
.profile-logo,
.launch-box img,
.auth-logo img{
  background:#041f44!important;
  object-fit:cover!important;
}
.reference-avatar{
  border-color:#e1b957!important;
}
.reference-watermark{
  background-image:url('assets/vantius-icon.png')!important;
  filter:none!important;
  opacity:.055!important;
}
@media(max-width:390px){
  .finance-hub-card{min-height:170px}
  .finance-hub-card .finance-hub-icon{width:61px;height:61px;font-size:31px}
  .finance-hub-card b{font-size:19px}
}


/* ============================================================
   VANTIUS v2.0.2 — UI Cleanup
   ============================================================ */
#serviceGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
#serviceGrid .service{
  min-height:230px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:20px!important;
}
#serviceGrid .service .big{
  font-size:48px!important;
  margin-bottom:24px!important;
}
.profile-actions-row{display:none!important}

.nav-game-entry{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.nav-game-entry .nav-center{
  top:-29px!important;
  width:88px!important;
  height:88px!important;
  overflow:hidden!important;
  padding:8px!important;
  background:#342f2d!important;
}
.nav-game-entry .nav-center img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
  display:block!important;
}
.nav-game-label{
  position:absolute!important;
  top:62px!important;
  color:#aaa!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
.nav-game-entry.on .nav-game-label{color:#f5ce69!important}

.reference-user-copy{justify-content:center!important}
.reference-actions{margin-left:auto!important}
@media(max-width:390px){
  #serviceGrid{gap:9px!important}
  #serviceGrid .service{min-height:205px!important}
  #serviceGrid .service .big{font-size:40px!important;margin-bottom:20px!important}
}


/* ============================================================
   VANTIUS v2.0.3 — Compact Global Layout
   ============================================================ */
:root{
  --compact-max:430px;
}
body{font-size:13px!important}
.app{max-width:var(--compact-max)!important;margin:0 auto!important}
.page{
  padding-left:14px!important;
  padding-right:14px!important;
  padding-top:8px!important;
  padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
}
.top{
  min-height:48px!important;
  height:48px!important;
  padding:0 2px!important;
}
.title{font-size:20px!important}
.section{font-size:20px!important;margin:12px 0 12px!important}

/* Home — move upward and make all blocks smaller */
.reference-home{
  padding-top:4px!important;
  padding-left:13px!important;
  padding-right:13px!important;
  padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;
}
.reference-header{
  height:88px!important;
  min-height:88px!important;
  padding:0 2px 6px!important;
  align-items:center!important;
}
.reference-avatar{
  width:55px!important;
  height:55px!important;
}
.reference-user{gap:11px!important}
.reference-account{
  font-size:21px!important;
  line-height:1.15!important;
}
.reference-actions{gap:6px!important}
.reference-action{
  width:32px!important;
  height:36px!important;
  font-size:22px!important;
}
.reference-service-panel{
  height:132px!important;
  min-height:132px!important;
  padding:13px 8px 8px!important;
  border-radius:18px!important;
}
.reference-quick{
  gap:3px!important;
}
.reference-quick .q{
  min-height:102px!important;
  height:102px!important;
}
.reference-quick .qi{
  width:50px!important;
  height:50px!important;
  margin-bottom:7px!important;
  border-radius:16px!important;
}
.reference-quick .qi span{
  width:35px!important;
  height:35px!important;
  border-radius:12px!important;
  font-size:20px!important;
}
.reference-quick .ql{
  font-size:12px!important;
}
.reference-tabs{
  height:67px!important;
  margin-top:2px!important;
}
.reference-tabs button{
  height:67px!important;
  font-size:14px!important;
}
.reference-tabs button.on:after{
  bottom:5px!important;
  width:42px!important;
  height:3px!important;
}
.premium-wallet-list{
  gap:8px!important;
}
.premium-wallet-card{
  min-height:72px!important;
  padding:9px 10px!important;
  grid-template-columns:44px 1fr auto 14px!important;
  gap:8px!important;
  border-radius:12px!important;
}
.premium-currency-icon{
  width:41px!important;
  height:41px!important;
  font-size:23px!important;
  border-radius:8px!important;
}
.premium-wallet-copy b{font-size:17px!important}
.premium-wallet-copy span{font-size:13px!important;margin-top:3px!important}
.premium-wallet-values span,.premium-wallet-values em{font-size:12px!important;margin-top:3px!important}
.premium-wallet-arrow{font-size:20px!important}

/* More services — compact three cards in one row */
#services .top{margin-bottom:2px!important}
#services .section{margin-top:4px!important}
#serviceGrid{
  gap:8px!important;
}
#serviceGrid .service{
  min-height:158px!important;
  padding:12px 5px!important;
  border-radius:16px!important;
  font-size:13px!important;
}
#serviceGrid .service .big{
  font-size:34px!important;
  margin-bottom:16px!important;
}

/* Profile — move upward and reduce oversized cards */
.profile-page{
  padding-top:2px!important;
}
.profile-hero{
  min-height:192px!important;
  padding:16px!important;
  border-radius:19px!important;
  margin-bottom:11px!important;
}
.profile-hero-logo,
.profile-logo-large{
  width:88px!important;
  height:88px!important;
}
.profile-name{font-size:25px!important}
.profile-coin{font-size:14px!important;margin-top:5px!important}
.profile-info-card{
  padding:9px 14px!important;
  border-radius:16px!important;
  margin-bottom:10px!important;
}
.profile-info-row{
  min-height:43px!important;
  font-size:13px!important;
}
.profile-menu{
  gap:8px!important;
}
.profile-menu-row{
  min-height:54px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  font-size:14px!important;
}
.logout-btn{
  min-height:48px!important;
  margin-top:10px!important;
}

/* Activity — latest logo, compact banners/cards */
.activity-page{padding-top:4px!important}
.activity-hero{
  margin:5px -14px 16px!important;
  padding:0 14px!important;
}
.activity-banner{
  min-width:76%!important;
  border-radius:14px!important;
}
.activity-banner img{
  aspect-ratio:2.4/1!important;
  object-fit:cover!important;
}
.activity-section-title{
  font-size:18px!important;
  margin:15px 2px 10px!important;
}
.activity-card{
  border-radius:14px!important;
  margin-bottom:11px!important;
}
.activity-card img{
  aspect-ratio:2.45/1!important;
  object-fit:cover!important;
}
.activity-card .copy{
  padding:10px 12px!important;
  font-size:14px!important;
}
.activity-card .meta{
  padding:0 12px 10px!important;
}

/* Compact forms/pages globally */
.finance-card,.transfer-shell,.settings-card,.request-card,.card{
  border-radius:15px!important;
}
.field,.transfer-field{margin-bottom:11px!important}
input,select,textarea,.picker-trigger{
  font-size:13px!important;
}
.auth-btn,.finance-submit,.next-btn,.btn{
  min-height:45px!important;
  font-size:14px!important;
}

/* Bottom navigation smaller and tidier */
.navbar{
  height:78px!important;
}
.nav{
  font-size:11px!important;
}
.nav .ico{
  font-size:19px!important;
}
.nav-game-entry .nav-center{
  top:-22px!important;
  width:72px!important;
  height:72px!important;
  padding:6px!important;
}
.nav-game-label{
  top:53px!important;
  font-size:11px!important;
}

/* Mobile-specific tightening */
@media(max-width:390px){
  .reference-home{padding-left:10px!important;padding-right:10px!important}
  .reference-header{height:82px!important;min-height:82px!important}
  .reference-avatar{width:50px!important;height:50px!important}
  .reference-account{font-size:19px!important}
  .reference-service-panel{height:124px!important;min-height:124px!important}
  .reference-quick .q{height:95px!important;min-height:95px!important}
  .reference-quick .qi{width:47px!important;height:47px!important}
  .reference-quick .qi span{width:33px!important;height:33px!important;font-size:18px!important}
  .reference-quick .ql{font-size:11px!important}
  .premium-wallet-card{min-height:68px!important}
  #serviceGrid .service{min-height:145px!important}
  #serviceGrid .service .big{font-size:31px!important}
}


html:not(.i18n-ready) body{visibility:hidden}html.i18n-ready body{visibility:visible}

/* V3.0.1 exact seven-screen i18n fixes */
.native-file-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.custom-file-control{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid #5d524b;
  border-radius:12px;
  background:#171515;
}
.custom-file-button{
  flex:0 0 auto;
  margin:0!important;
  padding:8px 13px;
  border-radius:9px;
  background:#f3f3f3;
  color:#222!important;
  font-weight:700;
  cursor:pointer;
}
.custom-file-name{
  min-width:0;
  color:#ddd;
  font-size:13px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.request-list-title{
  margin:16px 2px 8px;
  font-size:15px;
  color:#d7c5b3;
}
.game-wallet-filter{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.profile-menu-row .left{
  display:flex;
  align-items:center;
  gap:8px;
}


/* VANTIUS v4.2 stable layout */
.records-menu-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 16px!important;
  max-width:360px!important;
  margin:24px auto 0!important;
}
.records-menu-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:132px!important;
  padding:12px 8px!important;
}
.records-menu-icon{
  width:74px!important;
  height:74px!important;
  margin:0 auto!important;
}
.records-menu-label{
  margin-top:11px!important;
  text-align:center!important;
  line-height:1.25!important;
}

.profile-page{
  padding-top:8px!important;
}
.profile-page .top{
  min-height:48px!important;
  margin-bottom:8px!important;
}
.profile-head-card{
  min-height:158px!important;
  padding:16px 16px!important;
  margin-top:0!important;
  margin-bottom:12px!important;
}
.profile-account{
  font-size:18px!important;
  padding:7px 11px!important;
}
.profile-nickname{
  font-size:20px!important;
  margin:12px 0 6px!important;
  max-width:calc(100% - 100px)!important;
}
.profile-logo-large{
  width:78px!important;
  height:78px!important;
  right:17px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.profile-nickname-setup{
  margin-top:9px!important;
  max-width:calc(100% - 98px)!important;
}
.profile-detail-card{
  margin-top:0!important;
}
@media(max-width:390px){
  .records-menu-grid{max-width:330px!important;gap:14px!important}
  .records-menu-item{min-height:120px!important}
  .records-menu-icon{width:68px!important;height:68px!important;font-size:30px!important}
  .profile-head-card{min-height:148px!important}
  .profile-logo-large{width:70px!important;height:70px!important}
}


/* V4.2 security, hidden balances and live home records */
.balance-eye{border:0;background:transparent;color:#edc96e;font-size:20px;cursor:pointer;padding:4px 6px;line-height:1}
.balance-secret{letter-spacing:2px;font-weight:800}
.security-modal{position:fixed;inset:0;background:#000b;display:none;align-items:flex-end;justify-content:center;z-index:130}.security-modal.show{display:flex}
.security-panel{width:min(430px,100%);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#514943,#282423);border-radius:24px 24px 0 0;padding:22px 18px 30px;border:1px solid #6d5c4d}
.security-panel h3{margin:0 0 10px;color:#f0cc75}.security-panel p{color:#c8beb5;line-height:1.55}.security-panel input{width:100%;box-sizing:border-box;background:#211e1d;border:1px solid #62564f;color:#fff;border-radius:12px;padding:14px;margin:8px 0}.security-panel .qr{display:block;width:190px;height:190px;margin:14px auto;background:#fff;border-radius:10px;padding:8px}.secret-code{word-break:break-all;background:#1d1a19;border:1px dashed #b9954c;padding:12px;border-radius:10px;text-align:center;color:#f3cf78;font-weight:800;letter-spacing:2px}.security-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.security-actions button{border:0;border-radius:12px;padding:13px;font-weight:800}.security-actions .primary{background:#d6ad52;color:#201b16}.security-actions .secondary{background:#3a3532;color:#eee}
.authorizer-card{background:#302b29;border:1px solid #5a5049;border-radius:18px;padding:18px;margin:18px}.authorizer-card .avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#463e38;font-size:30px;margin-bottom:12px}.authorizer-card .line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #ffffff12}.authorizer-card .line:last-child{border-bottom:0}.authorizer-card .line span{color:#aaa}.authorizer-card .status{color:#75d58b}
.home-live-note{font-size:12px;color:#8e847b;text-align:right;margin:5px 2px 10px}.home-session-card{background:#302b2a;border:1px solid #5a504a;border-radius:16px;padding:14px;margin-bottom:10px}.home-session-card .head,.home-session-card .main{display:flex;justify-content:space-between;gap:10px}.home-session-card .main{margin-top:8px;color:#d6cec7}.home-session-card small{display:block;color:#999;margin-top:7px}