/* Medium fidelity: structure, content and interaction with restrained visual treatment. */
:root{color-scheme:light;--bg:#f4f6f8;--surface:#fff;--surface2:#edf1f5;--border:#d3dbe4;--gold:#405f84;--gold2:#2d4869;--text:#283443;--muted:#77818d;--red:#b05252;--green:#4a8067;--width:520px}
body{background:#e5e9ee;color:var(--text)}.app{background:var(--bg);box-shadow:none;border-left:1px solid #d9dfe7;border-right:1px solid #d9dfe7}.brand,.brand.small{background:none;color:#34475d;text-shadow:none;font-style:normal;font-weight:800;letter-spacing:-1.5px}.header,.tabs,.bottom{background:#fffffffa;border-color:var(--border);backdrop-filter:none}.header>strong,.back{color:var(--text)}.topbar{background:#fff;border-bottom:1px solid #e1e6ec}.login-link,.header-wallet{color:#405f84}.header-wallet b{color:var(--text)}.bottom{box-shadow:none}.bottom a{color:#778392}.bottom a.active{color:var(--gold);font-weight:600}.icon{filter:grayscale(1) brightness(.2);opacity:.75}.bottom a.active .icon{filter:grayscale(1) brightness(.2);opacity:1}.bottom .icon{opacity:.55}.tabs a{color:#788391}.tabs a.active{color:var(--gold)}.tabs a.active:after{background:var(--gold)}.button{background:#405f84;border:1px solid #405f84;color:#fff;box-shadow:none;border-radius:6px;font-weight:500}.button.secondary{background:#f7f9fc;border-color:#b9c7d7;color:#405f84;box-shadow:none}.button:disabled{opacity:.45}.text-link,.text-button{color:var(--gold)}.text-button.muted{color:#76808d}.panel,.record-card,.profile-card,.vip-detail,.report-summary,.summary-strip,.account-choice,.payment-address,.invite-link,.platform-balance,.platform-tile{background:#fff;border-color:var(--border);box-shadow:none;border-radius:9px}.panel p{color:#647182}.positive{color:#4a8067}.gold{color:#405f84}.negative{color:#b05252}.muted,small,.tiny{color:#7b8591}.eyebrow{color:#6a7c90;letter-spacing:.5px}.announcement{background:#f4f6f8}.announcement img{filter:grayscale(1);opacity:.62}.announcement span{border-color:#cbd4df;background:#edf1f5;color:#697586;border-radius:8px}.hero{border-color:#cbd5e1;border-radius:9px;background:#e9eef4;box-shadow:none}.hero-copy{top:13%;width:63%}.hero-copy small{color:#7b8ca0;letter-spacing:1px}.hero-copy h1{color:#354c66;font-size:clamp(20px,5.3vw,29px);text-shadow:none;font-weight:700}.hero-copy em{color:#5f748e}.hero-copy>span{color:#405f84;background:#f8fafd;border:1px solid #b7c5d6;border-radius:5px;font-size:10px}.hero-visual{position:absolute;right:6%;top:16%;bottom:16%;width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-left:1px solid #c8d2de;color:#8290a1;font-size:10px}.hero-visual img{width:46px;height:46px;object-fit:contain;filter:grayscale(1) brightness(.3);opacity:.48}.category-nav{background:#fff;border-color:#d6dde6;border-radius:9px}.category{color:#738091}.category.active{background:#e3ebf4;color:#3d5b7d;box-shadow:inset 0 0 0 1px #b6c6d9}.home-tabs{border-color:#d4dce5}.home-tabs button{color:#8190a1;font-size:16px}.home-tabs button.active{color:#344d6a}.home-tabs button.active:after{background:#536e8b}.game-cover{border-color:#cbd4df;background:#e3e8ee;border-radius:7px}.game-cover>img,.mini-cover,.room-cover{filter:grayscale(1) contrast(.85);opacity:.85}.game-cover:hover>img{transform:none}.game-card p{color:#5c6878}.provider-label{background:#46576bd9;color:#fff;text-shadow:none;font-weight:600}.favorite,.favorite.selected{background:#fff;border:1px solid #b7c6d7;color:#405f84;box-shadow:none}.favorite.selected{background:#dbe6f1}.favorite .icon{opacity:.8}.count-note{color:#89929f}.section-title{color:#35455a;font-size:18px}.provider-card{border-color:#c6d1dd;background:#edf1f5;border-radius:8px;box-shadow:none}.provider-sketch{aspect-ratio:.76;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px}.provider-monogram{min-width:48px;min-height:42px;padding:7px 9px;display:grid;place-items:center;border:1px solid #b5c2d1;border-radius:6px;background:#f8fafd;color:#4f647c;font-weight:700;font-size:15px;text-align:center}.provider-sketch strong{font-size:12px;color:#536377;text-align:center}.provider-sketch small{font-size:10px;color:#8692a0}.soft-empty{background:#edf1f5;border-color:#d1d9e3;color:#8994a1}.footer{border-color:#d3dce6;color:#8a95a2}.footer-links a{color:#69798c}.side-button{background:#e9eef4;border-color:#d3dce6;color:#778598}.side-button.active{background:#405f84;border-color:#405f84;color:#fff}.chip{background:#fff;border-color:#c6d0dc;color:#788596}.chip.active{background:#e1e9f3;border-color:#9fb2c9;color:#405f84}.search-box{background:#fff;border-color:#cdd7e3}.search-box input{color:#34455b}.search-box>button{color:#405f84}.activity-card{border-color:#c8d2df;box-shadow:none;background:#fff;border-radius:8px}.activity-card-content{padding:13px}.activity-meta{display:flex;align-items:center;gap:6px;margin-bottom:9px;color:#8994a2;font-size:10px}.activity-meta .icon{width:17px;height:17px;opacity:.5}.activity-card-content h3{font-size:14px;color:#40556f}.activity-card-content p{font-size:11px;color:#85909d;line-height:1.6;margin:6px 0 10px}.activity-entry{display:block;padding-top:7px;border-top:1px solid #e0e5ed;font-size:10px;color:#5e7692}.activity-summary{padding:23px 19px;margin-bottom:16px;border:1px solid #c6d2df;border-radius:9px;background:#e8eef5}.activity-summary h3{font-size:22px;color:#405873}.activity-summary p{font-size:12px;color:#7a899b}.rich-text h2,.rich-text h3{color:#3c526b}.rich-text p,.rich-text ol,.rich-text dd{color:#69798a}.rich-text dt{color:#8a95a2}.kv dt{color:#8b95a2}.kv dd{color:#596b80}.vip-status h2{color:#334a66}.vip-status p{color:#7d8b9c}.vip-current.vip-token{width:58px;height:58px;font-size:20px}.vip-token{display:grid;place-items:center;flex:none;border:1px solid #adbdce;border-radius:50%;background:#edf2f7;color:#536a85;font-weight:700;filter:none}.vip-token.vip-medal{width:35px;height:35px;font-size:13px}.vip-status .text-link{color:#6a8099}.claim-row{border-color:#d7dfe8}.claim-row b{color:#405f84}.vip-tabs{border-color:#ccd6e2}.vip-tabs button{color:#8b96a3}.vip-tabs button.active{border-color:#57718e;color:#405f84}.vip-detail summary strong{color:#46566b}.vip-detail summary strong span{color:#76899e}.vip-toggle{color:#8091a5}.vip-benefit{border-color:#dce2e9}.benefit-icon{background:#eef2f6;border-color:#c8d3e0;border-radius:7px}.vip-benefit h3{color:#56677b}.vip-benefit h3 b{color:#506b89;background:#e6edf5}.vip-benefit p{color:#8b95a1}.vip-profile h3{color:#405f84}.vip-profile p{color:#8592a3}progress{accent-color:#607c9c;background:#dfe6ee}progress::-webkit-progress-bar{background:#dfe6ee}progress::-webkit-progress-value{background:#6f88a5}.badge,.status{border-color:#c4d0df;background:#edf2f7;color:#6d829a}.status.success{border-color:#c3dace;background:#edf5f0;color:#5b826b}.record-card p{color:#85909d}.record-card h2,.record-card .gold{color:#405f84}.report-summary strong,.metric-grid strong,.wallet-total{color:#405773}.summary-strip{border-color:#d1dbe6;background:#edf2f7}.summary-strip b{color:#405f84}.profile-card{border-radius:11px}.avatar{border-color:#c2cddb;filter:grayscale(1)}.member-line small{color:#8b97a5}.available{color:#8a96a6}.available strong{color:#557292}.wallet-total{font-size:32px}.bonus-entry{border-color:#cfd9e5;color:#64758a}.bonus-entry strong{color:#405f84}.bonus-entry small{color:#8c98a6}.quick-menu{border-color:#e0e6ed}.quick-menu a,.menu-grid a{color:#6d7c8e}.menu-grid{gap:22px 9px}.menu-grid .icon{opacity:.6}.empty{color:#8b97a6}.empty>.icon{opacity:.3}.empty h3{color:#6a7b90}.empty p{color:#9aa3af}.form-error{color:#aa6060}.field-label,label:not(.check-label):not(.setting-row){color:#64758a}input,select,textarea{border-color:#c7d2df;background:#fff;color:#3d4e63;border-radius:6px}input::placeholder,textarea::placeholder{color:#9ba5b2}input[readonly]{background:#edf1f5;color:#8190a2}input[type=checkbox],input[type=radio]{accent-color:#5a789a}.check-label{color:#7d899a}.security-illustration{background:#e9eff6;border-color:#c8d4e2}.security-illustration .icon{opacity:.55}.security-banner p{color:#8b96a3}.setting-row{border-color:#dce3ec;color:#647489}.setting-row small{color:#909aa8}.profile-avatar{border-color:#d9e1ea}.faq-item{border-color:#d4deea}.faq-item summary{color:#4c607a}.faq-item p{color:#8390a1}.about-brand h2{color:#5d728a}.about-brand p{color:#8290a1}.line-status{color:#7f90a3}.download-qr{border-color:#fff;box-shadow:0 0 0 1px #d3dce7}.payment-method{background:#e6edf5;border-color:#b6c7da;color:#465e7a}.payment-method small{color:#8192a7}.payment-method .badge{background:#fff;border-color:#bdcbdb;color:#6a7f98}.coin-usdt{background:#6b8199;color:#fff}.payment-address .address{color:#61758d}.amount-grid button{background:#fff;border-color:#c7d2e0;color:#6b7f98}.amount-grid button.active{background:#e3ecf6;color:#405f84;border-color:#92a9c3}.amount-input{background:#fff;border-color:#c1cedd}.amount-input span,.amount-input b{color:#8592a3}.amount-input input{color:#425b78}.info-text{color:#8a97a7}.payment-confirm h1,.withdraw-balance h1,.confirm-amount{color:#405f84}.account-choice{color:#526981}.support-hero{background:#e8eef5;border-color:#bdcbdb}.support-hero h2{color:#405873}.support-hero p{color:#8293a9}.support-hero .icon{opacity:.4}.service-row small{color:#909ca9}.invite-progress>div{opacity:.4}.invite-progress>div.done{opacity:.9}.invite-link{background:#eef2f7}.rule-cells>div{border-color:#c4d1e0;background:#f5f8fb}.rule-cells b{color:#5a7594}.referral-banner{background:#e8eff6;border-color:#bdcbdd}.referral-banner h1,.referral-banner em{color:#49627f}.referral-banner p{color:#8192a8}.referral-banner>.icon{opacity:.22}.platform-tile .gold{color:#4c6888}.platform-tile p{color:#8a97a7}.platform-logo{filter:grayscale(1) brightness(.4);opacity:.8}.provider-word{color:#71869e}.platform-balance h1{color:#405f84}.room-cover{border-color:#becbdb}.sports-banner{background:#e8eff4}.sports-banner>.icon{opacity:.22}.teams strong{color:#5b6d83}.teams span{color:#8f9eb0}.ui-dialog,.bonus-dialog{background:#fff;border-color:#b3c1d3;color:#34465c;border-radius:11px;box-shadow:0 15px 45px #28384d26}.ui-dialog::backdrop,.bonus-dialog::backdrop{background:#27344666;backdrop-filter:blur(2px)}.modal-head{border-color:#d8e1ec}.modal-head .icon-button{color:#77879b}.modal-intro{color:#8a98a8}.auth-tabs{border-color:#d1dbe8}.auth-tabs button{color:#8b99a9}.auth-tabs button.active{color:#405f84;border-color:#5b7799}.help-line{color:#8a98a8}.help-line a{color:#405f84}.toast{border-color:#b4c4d7;background:#eef3f9f5;color:#455f7f;box-shadow:0 5px 18px #32455d1c}.detail-list dt{color:#8c98a8}.detail-list dd{color:#566e8a}.game-preview .eyebrow{color:#7b8da3}.game-stage p{color:#8493a5}.chat-bubble{background:#e9eff6;color:#5d718a}.chat-bubble.mine{background:#dce7f3;color:#405f84}.bonus-close{color:#8190a3}.bonus-summary{color:#8c9aab}.bonus-summary strong{color:#405f84}.bonus-task{background:#f7f9fc;border-color:#c8d4e3}.bonus-status{background:#e7eef7;border-color:#bfd0e3;color:#7188a2}.bonus-amount{color:#4b6788}.bonus-task p{color:#8b99aa}.bonus-scope{color:#7d8fa5}.bonus-platform{color:#405f84}.bonus-platform img{filter:grayscale(1) brightness(.3);opacity:.8}.bonus-progress-text{color:#8d9bad}.bonus-progress-text strong{color:#597493}.bonus-footnote{color:#8b99a9}.bonus-task progress{accent-color:#6b86a5}::selection{background:#b9cbe0;color:#293b53}::-webkit-scrollbar-thumb{background:#bcc8d7}