:root{--red:#ef4d4d;--red2:#ff7368;--ink:#30333a;--muted:#8c919a;--line:#eeeef1;--bg:#f5f5f7}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.topbar{height:58px;padding:0 max(16px,calc((100% - 760px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.wordmark{display:flex;align-items:center;gap:8px}.wordmark span{width:34px;height:34px;display:grid;place-items:center;color:#fff;font:bold 21px Georgia;border-radius:10px;background:linear-gradient(145deg,#ff7f68,#e94149);box-shadow:0 4px 12px #ef4d4d42}.wordmark strong{font-size:16px;letter-spacing:.5px}.top-actions{display:flex;align-items:center;gap:10px;font-size:14px}.register-link{color:#fff;background:var(--red);padding:6px 13px;border-radius:18px}.page{width:min(760px,100%);margin:auto;padding-bottom:88px}.promo{min-height:205px;padding:28px 25px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;background:linear-gradient(130deg,#ef414d,#ff7c61);position:relative}.promo:before,.promo:after{content:"";position:absolute;border:1px solid #ffffff38;border-radius:50%}.promo:before{width:240px;height:240px;right:-85px;top:-120px}.promo:after{width:130px;height:130px;right:70px;bottom:-90px}.promo small{opacity:.85}.promo h1{font-size:31px;line-height:1.18;margin:10px 0 8px}.promo p{font-size:13px;margin:0;opacity:.85}.promo-balls{display:flex;gap:6px;align-items:center;z-index:1;transform:rotate(-8deg)}.promo-balls i{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#ed4c4c;background:#fff7df;font:bold 23px Georgia;box-shadow:0 8px 16px #9e252544}.promo-balls i:nth-child(2){margin-top:-36px}.notice{height:46px;padding:0 16px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line);font-size:12px;overflow:hidden}.notice b{color:var(--red);white-space:nowrap}.notice span{color:#72767e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;margin-bottom:10px;padding:17px 8px}.quick-actions a{text-align:center;border-right:1px solid var(--line)}.quick-actions a:last-child{border:0}.quick-actions img{display:block;width:55px;height:54px;object-fit:contain;margin:0 auto 4px}.quick-actions span,.quick-actions small{display:block}.quick-actions span{font-weight:650;font-size:14px}.quick-actions small{font-size:10px;color:#aaa;margin-top:2px}.content-card{background:#fff;margin:10px 0;padding:0 16px}.section-head{height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-head h2{font-size:17px;margin:0;padding-left:10px;position:relative}.section-head h2:before{content:"";position:absolute;left:0;top:5px;width:3px;height:16px;border-radius:2px;background:var(--red)}.section-head a{font-size:12px;color:var(--muted)}.game-list{display:grid;grid-template-columns:1fr 1fr}.game-list>a{min-height:82px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.game-list>a:nth-child(odd){border-right:1px solid var(--line);padding-right:12px}.game-list>a:nth-child(even){padding-left:12px}.game-list img{width:49px;height:49px;object-fit:contain}.game-list span{min-width:0}.game-list b,.game-list small{display:block}.game-list b{font-size:14px}.game-list small{font-size:10px;color:#aaa;white-space:nowrap}.game-list em{display:none}.empty-state{padding:28px 8px;color:var(--muted);display:flex;flex-direction:column;gap:5px;font-size:13px}.empty-state b{color:#555}.recent article,.draw-list article{min-height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.recent article span,.recent article small,.draw-list article div,.draw-list article small{display:block}.recent article b,.draw-list article b{font-size:14px}.recent article small,.draw-list article small{color:var(--muted);font-size:11px}.recent article strong,.draw-list article strong{color:var(--red);font-size:14px}.page-title{padding:22px 18px 17px;background:#fff;border-bottom:1px solid var(--line)}.page-title h1{font-size:23px;margin:0}.page-title p{font-size:12px;color:var(--muted);margin:4px 0 0}.lobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:10px}.lobby-grid a{min-height:145px;padding:18px 8px;display:flex;align-items:center;flex-direction:column;background:#fff}.lobby-grid img{width:67px;height:67px;object-fit:contain}.lobby-grid b{font-size:14px;margin-top:6px}.lobby-grid span{font-size:11px;color:var(--muted)}.wide{grid-column:1/-1;background:#fff}.draw-list{margin-top:10px}.offer-card{margin:12px;padding:28px;color:#fff;border-radius:15px;background:linear-gradient(135deg,#ff7764,#e94051);box-shadow:0 12px 25px #ef4d4d2b}.offer-card small{opacity:.8}.offer-card h2{font-size:24px;margin:12px 0 8px}.offer-card p{font-size:13px;opacity:.9}.offer-card span{display:inline-block;margin-top:12px;padding:7px 14px;color:#df4148;background:#fff;border-radius:18px;font-size:12px}.game-header{height:55px;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff}.game-header h1{font-size:17px;margin:0}.game-header a,.game-header span{font-size:12px}.game-header span{text-align:right;color:var(--red)}.period-card{margin:10px 0;padding:20px;background:linear-gradient(135deg,#ef4b50,#ff7961);color:#fff;position:relative}.period-card small{opacity:.8}.period-card h2{margin:4px 0;font-size:24px}.period-card p{margin:0;font-size:12px;opacity:.85}.state{position:absolute;right:18px;top:25px;padding:5px 11px;border-radius:16px;background:#ffffff32;font-size:12px}.betting-placeholder{padding:22px}.betting-placeholder h2{font-size:18px;margin:0}.betting-placeholder p{color:var(--muted);font-size:13px}.betting-placeholder button{width:100%;height:44px;border:0;border-radius:7px;color:#999;background:#e7e7ea}.bottom-nav{height:65px;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e8e8eb;box-shadow:0 -3px 16px #3331}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;color:#777}.bottom-nav img{width:24px;height:24px;object-fit:contain;margin-bottom:2px}.bottom-nav a.active{color:var(--red)}
/* Legacy form and account views are recolored without executing legacy code. */
.auth-wrap{min-height:calc(100vh - 123px);display:grid;place-items:center;padding:24px 14px}.auth-copy{display:none}.auth-card{width:min(430px,100%);background:#fff;border-radius:13px;padding:25px;box-shadow:0 8px 30px #3331}.auth-card h2{margin:0}.muted,.form-foot{color:var(--muted);font-size:13px}.auth-card label{display:block;font-size:13px;margin:17px 0}.auth-card input:not([type=checkbox]){display:block;width:100%;height:45px;margin-top:6px;padding:0 12px;border:1px solid #ddd;border-radius:7px;font:inherit}.button{display:flex;width:100%;height:45px;align-items:center;justify-content:center;border:0;border-radius:7px;color:#fff;background:var(--red);font-weight:700}.check{display:flex!important;gap:8px}.alert,.success{padding:10px;border-radius:7px;background:#fff0f0;color:#c33;font-size:12px}.dashboard{padding:18px 12px}.welcome h1{font-size:23px;margin:0}.welcome p{color:var(--muted);font-size:12px}.balance-grid,.portal-grid{display:grid;gap:10px}.balance-grid{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:1fr;margin-top:10px}.balance-card,.quick-card,.panel{background:#fff;padding:16px;border-radius:10px}.balance-card span,.balance-card small{display:block;color:var(--muted);font-size:12px}.balance-card strong{font-size:24px}.quick-card{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between}.panel-head h2{font-size:16px;margin:0}.panel-head span{color:var(--muted);font-size:11px}.record-list,.period-list{display:grid;gap:7px;margin-top:12px}.record-list article,.period-list article{display:flex;justify-content:space-between;padding:10px;background:#fafafa;border-radius:6px;font-size:12px}.record-list article div,.period-list article div{display:flex;flex-direction:column}.record-list span,.period-list span{color:var(--muted)}footer{display:none}@media(min-width:761px){.page{box-shadow:0 0 35px #3332;min-height:100vh}.bottom-nav{left:50%;right:auto;width:760px;transform:translateX(-50%)}.promo{border-radius:0 0 16px 16px}.topbar{padding-inline:calc((100% - 720px)/2)}}@media(max-width:430px){.promo{min-height:185px}.promo h1{font-size:27px}.promo-balls i{width:35px;height:35px;font-size:19px}.game-list{grid-template-columns:1fr}.game-list>a:nth-child(odd),.game-list>a:nth-child(even){border-right:0;padding:0}.lobby-grid{grid-template-columns:repeat(2,1fr)}}.topbar:not(.secondary-topbar) .top-actions>a:not(.account-identity),.topbar:not(.secondary-topbar) .top-actions .demo-button{min-height:38px;padding:0 12px;display:grid;place-items:center;border:1px solid #d8d8d8;border-radius:14px;color:#df463f!important;background:linear-gradient(#fff,#f8f8f8)!important;box-shadow:inset 0 0 0 1px #fff,0 1px 3px #0002;font-weight:500}.topbar:not(.secondary-topbar) .top-actions .register-link{color:#df463f!important;background:linear-gradient(#fff,#f8f8f8)!important}.topbar:not(.secondary-topbar) .top-actions form{margin:0}.lobby-grid-flush{margin-top:0}
