:root{color:#172033;background:#edf2f8;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}html{min-height:100%;background:#edf2f8}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:0 20px 92px;background:#f7f9fc;box-shadow:0 0 50px #182a4814}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;border:0;padding:0;background:transparent;color:#13294b}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#fff;background:#176fe5;font-size:24px;font-weight:900;box-shadow:inset -8px -8px #ffcb3d}.brand>span:last-child{display:flex;align-items:baseline;gap:5px}.brand strong{font-size:22px}.brand small{color:#f3a800;font-weight:800}.top-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dbe3ef;border-radius:8px;color:#375272;background:#fff}.hero{position:relative;height:250px;overflow:hidden;border-radius:8px;background:#dbe9f8}.hero img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:absolute;z-index:1;left:18px;bottom:16px}.hero-copy button{display:flex;align-items:center;gap:4px;padding:9px 13px;border:1px solid rgba(255,255,255,.72);border-radius:6px;color:#102849;background:#ffffffeb;font-weight:700}.account-strip{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0;padding:15px 18px;border:1px solid #dce5f1;border-radius:8px;background:#fff}.account-strip div{display:flex;flex-direction:column;gap:4px}.account-strip span{color:#78869a;font-size:12px}.account-strip strong{color:#13294b;font-size:22px}.account-strip button{display:flex;align-items:center;gap:6px;border:0;border-radius:6px;padding:10px 14px;color:#fff;background:#176fe5;font-weight:700}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px 0 16px}.quick-actions button{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;color:#52647d;background:transparent}.quick-actions button span{width:47px;height:47px;display:grid;place-items:center;border-radius:8px;color:#176fe5;background:#e4f0ff}.quick-actions svg{width:23px}.quick-actions small{font-size:13px}.notice{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:18px;padding:8px 13px;border-left:3px solid #ffbd1f;color:#5f6f84;background:#fff7dd;font-size:13px}.notice p{overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis}.catalog-layout{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px}.category-rail{display:flex;flex-direction:column;gap:8px}.category-rail button{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #dce4ef;border-radius:8px;color:#7a879a;background:#fff}.category-rail button.active{color:#176fe5;border-color:#176fe5;box-shadow:inset 3px 0 #176fe5}.category-rail span{font-size:12px}.catalog{min-width:0}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.catalog-heading span{color:#f0a500;font-size:10px;font-weight:800}.catalog-heading h1{margin:2px 0 0;font-size:22px}.search-box{width:min(220px,45%);height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dde4ee;border-radius:6px;color:#8190a4;background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#25334a;background:transparent}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-card{overflow:hidden;border:1px solid #dfe6ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px #263b5912}.game-media{position:relative;aspect-ratio:16 / 7;overflow:hidden;background:#d9e2ee}.game-cover{width:100%;height:100%;background-repeat:no-repeat;background-size:800% auto;transition:transform .18s ease}.game-card:hover .game-cover{transform:scale(1.025)}.local-card .game-media{display:grid;place-items:center;background:#f4f7fb}.local-card .game-cover{width:min(78%,150px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 5px 8px rgba(31,56,91,.16))}.provider-card .game-media{background:#fff}.provider-card .game-media img{object-fit:contain;padding:10px}.provider-card .game-info strong{color:#2d4667}.status{position:absolute;top:9px;right:9px;padding:4px 8px;border-radius:5px;color:#fff;background:#1c9b6c;font-size:11px;font-weight:700}.status.coming_soon{background:#66758a}.game-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 6px}.game-info>div{min-width:0;display:flex;flex-direction:column;gap:3px}.game-info strong{overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.game-info span{color:#8290a2;font-size:11px}.game-info button{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:6px;color:#fff;background:#176fe5}.game-info button:disabled{opacity:.55}.game-meta{display:flex;align-items:center;gap:5px;padding:0 12px 12px;color:#8b97a8;font-size:11px}.empty-state{padding:50px 20px;text-align:center;color:#8290a2;background:#fff}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:0;width:min(100%,1120px);height:calc(68px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding:7px 20px env(safe-area-inset-bottom);border-top:1px solid #dce4ef;transform:translate(-50%);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;color:#8b96a8;background:transparent}.bottom-nav button.active{color:#176fe5}.bottom-nav svg{width:20px}.bottom-nav span{font-size:11px}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#121f3294;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-dialog{width:min(100%,410px);padding:22px;border-radius:8px;background:#fff;box-shadow:0 24px 70px #0b1b3240}.auth-dialog header{display:flex;align-items:flex-start;justify-content:space-between}.auth-dialog header span{color:#f0a500;font-size:10px;font-weight:800}.auth-dialog h2{margin:3px 0 0;font-size:21px}.auth-dialog header button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:6px;color:#66758a;background:#f0f3f7}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 16px;padding:3px;border-radius:7px;background:#edf2f8}.auth-tabs button{height:38px;border:0;border-radius:5px;color:#708096;background:transparent;font-weight:700}.auth-tabs button.active{color:#176fe5;background:#fff;box-shadow:0 2px 8px #2038581a}.auth-dialog label{display:grid;gap:6px;color:#53657d;font-size:12px;font-weight:700}.auth-dialog input{width:100%;height:44px;padding:0 12px;border:1px solid #d8e1ec;border-radius:6px;outline:0;color:#172033;background:#fff}.auth-dialog input:focus{border-color:#176fe5;box-shadow:0 0 0 3px #176fe51f}.auth-error{margin:0;color:#c93a47;font-size:13px}.auth-submit{height:46px;border:0;border-radius:6px;color:#fff;background:#176fe5;font-weight:800}.auth-submit:disabled{opacity:.6}@media(max-width:640px){.app-shell{min-height:100dvh;padding:0 10px calc(78px + env(safe-area-inset-bottom));box-shadow:none}.topbar{height:56px}.brand-mark{width:38px;height:38px;font-size:21px}.brand strong{font-size:19px}.icon-button{width:38px;height:38px}.hero{height:auto;aspect-ratio:16 / 7}.hero-copy{left:14px;bottom:12px}.hero-copy button{padding:8px 10px;font-size:12px}.account-strip{margin-top:10px;padding:10px 12px}.account-strip strong{font-size:18px}.account-strip button{min-height:40px;padding:8px 12px}.quick-actions{padding:12px 0 10px}.quick-actions button{min-height:64px}.quick-actions button span{width:43px;height:43px}.notice{margin-bottom:12px}.catalog-layout{grid-template-columns:64px minmax(0,1fr);gap:10px}.category-rail button{min-height:62px}.catalog-heading{align-items:center}.catalog-heading h1{font-size:18px}.search-box{width:40px;padding:0 10px}.search-box:focus-within{width:145px}.search-box input{opacity:0}.search-box:focus-within input{opacity:1}.game-grid{grid-template-columns:1fr}.game-info button{width:40px;height:40px}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-inline:8px}.modal-backdrop{align-items:end;padding:12px 10px calc(12px + env(safe-area-inset-bottom))}.auth-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}}@media(max-width:380px){.brand small{display:none}.catalog-layout{grid-template-columns:58px minmax(0,1fr)}}.topbar{gap:32px}.brand img{width:48px;height:48px;object-fit:contain}.desktop-nav{height:100%;display:flex;gap:5px}.desktop-nav button{position:relative;border:0;padding:0 15px;color:#718096;background:transparent;font-weight:700}.desktop-nav button.active{color:#176fe5}.desktop-nav button.active:after{content:"";position:absolute;right:15px;bottom:0;left:15px;height:3px;background:#176fe5}.menu-button{display:none}.mobile-menu{position:absolute;z-index:25;top:62px;right:12px;width:190px;padding:8px;border:1px solid #dfe7f1;border-radius:8px;background:#fff;box-shadow:0 16px 40px #1c314f2e}.mobile-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;padding:12px;color:#3b4d66;background:transparent;text-align:left}.mobile-menu svg{width:19px}.hero-track{height:100%;display:flex;transition:transform .45s ease}.hero article{position:relative;flex:0 0 100%;height:100%}.hero article>img{display:block}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;color:#17315a}.hero-copy strong{font-size:27px}.hero-copy span{margin:5px 0 12px}.hero-dots{position:absolute;z-index:2;right:18px;bottom:14px;display:flex;gap:6px}.hero-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#ffffffb3}.hero-dots button.active{width:24px;border-radius:4px;background:#176fe5}.wallet-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 18px;border:1px solid #dce5f1;border-radius:8px;background:#fff}.wallet-identity{display:flex;align-items:center;gap:11px}.wallet-identity>svg{width:42px;height:42px;padding:9px;border-radius:50%;color:#176fe5;background:#e4f0ff}.wallet-identity span{display:flex;flex-direction:column;gap:3px}.wallet-identity small{color:#8290a3}.wallet-identity strong{font-size:19px}.wallet-actions{display:flex;gap:8px}.wallet-actions button{display:flex;align-items:center;gap:6px;border:1px solid #d7e1ec;border-radius:6px;padding:9px 12px;color:#34506f;background:#fff;font-weight:700}.wallet-actions .primary{border-color:#176fe5;color:#fff;background:#176fe5}.wallet-actions svg{width:18px}.quick-actions button{min-height:80px;flex-direction:row;justify-content:center;border-radius:8px;background:#fff;box-shadow:0 5px 18px #2341660f}.quick-actions img{width:49px;height:49px;object-fit:contain}.quick-actions button span{width:auto;height:auto;color:#426084;background:transparent;font-weight:700}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{cursor:pointer}.game-media{aspect-ratio:16/9}.game-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s}.game-card:hover .game-media img{transform:scale(1.035)}.play-label{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:2px;padding:6px 8px;border-radius:5px;color:#fff;background:#18509ae0;font-size:11px;font-weight:800}.play-label svg{width:15px}.game-info{padding:11px 12px}.game-info>span:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.game-info small{color:#8290a2}.players{display:flex;align-items:center;gap:4px;color:#8b97a8;font-size:11px}.players svg{width:13px}.page-header{height:76px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e2e9f1}.page-header>button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dce5f0;border-radius:8px;color:#3e587a;background:#fff}.page-header small,.auth-dialog header small{color:#d99e18;font-size:10px;font-weight:900}.page-header h1{margin:2px 0 0;font-size:22px}.page-content{width:min(100%,900px);margin:auto;padding:24px 0}.balance-hero{min-height:185px;display:flex;flex-direction:column;justify-content:center;padding:30px 38px;border-radius:8px;color:#fff;background:#335fb0}.balance-hero small{opacity:.8}.balance-hero strong{margin:5px 0;font-size:40px}.balance-hero span{font-size:13px;opacity:.85}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:18px 0;padding:4px;border-radius:7px;background:#e9eff6}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{height:40px;border:0;border-radius:5px;color:#6e7d91;background:transparent;font-weight:800}.segmented button.active{color:#176fe5;background:#fff;box-shadow:0 2px 8px #2038581a}.finance-form{display:grid;gap:15px;padding:22px;border:1px solid #dfe7f0;border-radius:8px;background:#fff}.finance-form label{display:grid;gap:7px;color:#53657d;font-size:12px;font-weight:700}.finance-form input,.message-box input{height:46px;padding:0 12px;border:1px solid #d8e1ec;border-radius:6px;outline:0}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-row button{height:38px;border:1px solid #d7e2ef;border-radius:6px;color:#3e5d82;background:#f7faff}.form-error{margin:0;color:#c93a47;font-size:13px}.submit-button{height:47px;border:0;border-radius:6px;color:#fff;background:#176fe5;font-weight:900}.record-list{display:grid;gap:8px}.record-list article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dfe7f0;border-radius:8px;background:#fff}.record-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:#176fe5;background:#e4f0ff}.record-icon svg{width:20px}.record-list article>div,.record-amount{display:flex;flex-direction:column;gap:4px}.record-list small{color:#8491a3}.record-amount{text-align:right}.promotion-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.promotion-list article{min-height:150px;display:flex;gap:16px;padding:22px;border:1px solid #dfe7f0;border-radius:8px;background:#fff}.promotion-list article>span{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:#176fe5;background:#e4f0ff}.promotion-list h2{margin:4px 0 8px;font-size:19px}.promotion-list p{margin:0;color:#728197;line-height:1.6}.promotion-list small{color:#d39916;font-weight:800}.support-page{height:calc(100dvh - 250px);min-height:500px;display:grid;grid-template-rows:auto 1fr auto;padding-bottom:8px}.support-status{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#fff;background:#176fe5}.support-status span{display:flex;flex-direction:column}.support-status small{opacity:.8}.messages{overflow:auto;padding:20px;background:#eef4fa}.support-welcome{max-width:390px;margin:55px auto;text-align:center;color:#687b94}.support-welcome svg{width:42px;height:42px;color:#176fe5}.support-welcome h2{margin:12px 0 5px;color:#273a54}.support-welcome p{line-height:1.6}.messages article{max-width:72%;margin:9px 0}.messages article.player{margin-left:auto}.messages article small{display:block;margin:0 7px 4px;color:#8795a7}.messages article.player small{text-align:right}.messages article p{margin:0;padding:11px 13px;border-radius:8px;background:#fff;line-height:1.55}.messages article.player p{color:#fff;background:#176fe5}.message-box{display:grid;grid-template-columns:1fr 48px;gap:8px;padding:12px;background:#fff}.message-box button{display:grid;place-items:center;border:0;border-radius:6px;color:#fff;background:#176fe5}.profile-page{display:grid;gap:9px}.profile-head{display:flex;align-items:center;gap:16px;margin-bottom:8px;padding:25px;color:#fff;background:#176fe5}.profile-head>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fff3}.profile-head h2,.profile-head p{margin:0}.profile-head p{margin-top:4px;opacity:.75}.profile-page>button{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:10px;border:1px solid #dfe7f0;border-radius:8px;padding:15px;color:#3b4f69;background:#fff;text-align:left}.profile-page>button>span{display:flex;flex-direction:column;gap:3px}.profile-page small{color:#8b97a8}.profile-page .logout-row{margin-top:10px;color:#b83745}.auth-dialog form{display:grid;gap:14px}@media(min-width:900px){.bottom-nav{display:none}.app-shell{padding-bottom:36px}}@media(max-width:899px){.desktop-nav{display:none}.menu-button{display:grid}.hero{height:auto;aspect-ratio:2.5/1}.catalog-layout{grid-template-columns:70px minmax(0,1fr)}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions button{flex-direction:column;gap:4px}}@media(max-width:640px){.brand img{width:40px;height:40px}.hero-copy{display:none}.wallet-strip{padding:10px}.wallet-identity>svg{width:38px;height:38px}.wallet-identity strong{font-size:15px}.wallet-actions button{width:40px;height:40px;justify-content:center;padding:0;font-size:0}.wallet-actions .primary{width:auto;padding:0 12px;font-size:13px}.quick-actions{gap:4px}.quick-actions button{min-height:66px;padding:4px;background:transparent;box-shadow:none}.quick-actions img{width:42px;height:42px}.quick-actions button span{font-size:12px;font-weight:600}.game-media{aspect-ratio:1/1}.game-info{padding:9px}.game-info strong{font-size:13px}.game-info small{font-size:10px}.players{display:none}.page-header{height:62px}.page-header h1{font-size:19px}.page-content{padding-top:12px}.balance-hero{min-height:150px;padding:23px}.balance-hero strong{font-size:32px}.finance-form{padding:16px}.promotion-list{grid-template-columns:1fr}.promotion-list article{min-height:125px;padding:16px}.support-page{height:calc(100dvh - 150px);min-height:430px}.messages article{max-width:86%}.record-list article{grid-template-columns:40px minmax(0,1fr) auto;padding:12px 8px;gap:8px}.record-icon{width:38px;height:38px}.record-list strong{font-size:13px}.record-list small{font-size:10px}}.balance-hero{position:relative;isolation:isolate;overflow:hidden}.balance-hero>*{position:relative;z-index:2}.winner-ticker{height:42px;display:flex;align-items:center;gap:10px;margin:10px 0;overflow:hidden;padding:0 14px;border:1px solid #f1c867;border-radius:6px;color:#b42318;background:#fff8df}.winner-ticker>svg{width:18px;flex:0 0 auto;color:#d99800}.winner-window{position:relative;min-width:0;height:24px;flex:1;overflow:hidden}.winner-window span{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;line-height:24px;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.winner-window strong{color:#d43b16}.winner-roll-enter-active,.winner-roll-leave-active{transition:transform .35s ease,opacity .35s ease}.winner-roll-enter-from{transform:translateY(24px);opacity:0}.winner-roll-leave-to{transform:translateY(-24px);opacity:0}.deposit-guide{padding:14px;border-left:3px solid #176fe5;background:#f2f7fd}.deposit-guide p{margin:0 0 12px;color:#53657d;line-height:1.6}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px}.copy-field button{border:0;border-radius:6px;color:#fff;background:#176fe5;font-weight:800}.payout-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.payout-methods button{height:40px;border:1px solid #d8e1ec;border-radius:6px;color:#53657d;background:#fff}.payout-methods button.active{border-color:#176fe5;color:#176fe5;background:#eef6ff}.qr-preview{width:160px;max-height:160px;object-fit:contain;border:1px solid #dfe7f0}.finance-success{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding:13px 15px;border:1px solid #9ad2b1;border-radius:7px;color:#17633a;background:#effaf3}.finance-success button{border:0;color:#176fe5;background:transparent;font-weight:800;white-space:nowrap}.identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #dce5f1;border-radius:7px;background:#f7faff}@media(max-width:640px){.identity-fields{grid-template-columns:1fr}}