:root{--bg:#080808;--panel:#111;--panel2:#171717;--line:#292929;--muted:#9a9a9a;--text:#f5f5f5;--red:#e00018;--red2:#ff2438;--gold:#f4bf43;--green:#34d37b;--shell:min(1520px,calc(100vw - 64px));font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:1024px;color:var(--text);background:radial-gradient(circle at 50% -15%,#261416 0,transparent 33%),var(--bg)}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.page-shell{width:var(--shell);margin-left:auto;margin-right:auto}.site-header{height:76px;position:sticky;top:0;z-index:40;border-bottom:1px solid #262626;background:rgba(8,8,8,.94);backdrop-filter:blur(16px)}.header-inner{width:var(--shell);height:100%;margin:auto;display:flex;align-items:center;gap:24px}.brand{width:145px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:#aaa;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.brand img{width:130px;height:34px;object-fit:contain;object-position:left center}.primary-nav{display:flex;align-items:stretch;height:100%;gap:3px;flex:1}.primary-nav button{border:0;background:none;padding:0 12px;font-weight:700;font-size:13px;cursor:pointer;position:relative;white-space:nowrap}.primary-nav button:after{content:"";height:2px;position:absolute;left:12px;right:12px;bottom:0;background:var(--red);transform:scaleX(0);transition:.2s}.primary-nav button:hover,.primary-nav button.active{color:#fff}.primary-nav button.active:after{transform:scaleX(1)}.header-tools,.guest-tools,.member-tools,.language{display:flex;align-items:center;gap:8px}.mobile-version{font-size:12px;color:#bbb;text-decoration:none;white-space:nowrap}.mobile-version:hover{color:var(--gold)}.language{padding:3px;border:1px solid #292929;border-radius:9px}.language button{border:0;background:transparent;color:#888;padding:4px 5px;font-size:10px;cursor:pointer;border-radius:6px}.language button.active{background:#2d2d2d;color:#fff}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:9px;min-height:40px;padding:0 20px;font-weight:850;font-size:13px;text-decoration:none;cursor:pointer;transition:transform .18s,filter .18s,border-color .18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.red{background:linear-gradient(135deg,var(--red2),#c40012);box-shadow:0 7px 24px rgba(224,0,24,.22)}.btn.gold{background:linear-gradient(135deg,#ffda6a,#cf8b10);color:#171008}.btn.ghost,.btn.dark{background:#181818;border-color:#333}.btn.compact{min-height:34px;padding:0 14px}.btn.full{width:100%;margin-top:6px}.member-tools,.member-account,.member-rule{display:none}.is-member .guest-tools,.is-member .guest-account,.is-member .guest-rule{display:none}.is-member .member-tools{display:flex}.is-member .member-account{display:grid}.is-member .member-rule{display:block}.balance-button{border:0;background:none;text-align:right;color:#999;font-size:10px;cursor:pointer}.balance-button b{display:block;color:#fff;font-size:14px}.avatar,.large-avatar{border-radius:50%;display:grid;place-items:center;font-weight:900;color:#17100a;background:linear-gradient(145deg,#ffe084,#b77a12)}.avatar{width:36px;height:36px;border:1px solid #f9cf64;cursor:pointer}.account-strip{padding:22px 0 16px}.guest-account,.member-account{min-height:124px;border:1px solid #302322;border-radius:18px;background:linear-gradient(100deg,rgba(91,13,20,.44),rgba(24,17,15,.88) 52%,rgba(72,49,14,.27));box-shadow:0 18px 50px rgba(0,0,0,.25);padding:24px 30px;align-items:center}.guest-account{display:flex;justify-content:space-between}.guest-account small,.member-account small{color:var(--gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guest-account h1,.member-account h1{margin:5px 0 3px;font-size:25px}.guest-account p{margin:0;color:#aaa}.account-actions,.quick-actions{display:flex;gap:10px}.member-account{grid-template-columns:1.15fr .7fr 1.6fr;gap:24px}.member-identity{display:flex;align-items:center;gap:15px}.large-avatar{width:66px;height:66px;font-size:25px}.vip-badge{display:inline-block;margin-top:5px;padding:3px 9px;border:1px solid #8c651f;border-radius:999px;color:#f2c85e;font-size:11px}.member-balance{border-left:1px solid #44322b;padding-left:25px}.member-balance b{display:block;font-size:26px;margin-top:6px}.refresh-button{border:0;background:transparent;color:#aaa;cursor:pointer}.quick-actions{justify-content:flex-end;align-items:center}.quick-actions .btn{padding:0 16px}.logout{border:0;background:none;color:#888;cursor:pointer}.announce{height:42px;display:flex;align-items:center;gap:12px;border:1px solid #282828;background:#111;border-radius:11px;padding:0 16px;color:#c9c9c9;overflow:hidden}.announce-icon{filter:saturate(.7)}.announce>div{overflow:hidden;white-space:nowrap}.announce span:last-child{display:inline-block;animation:announce 28s linear infinite}@keyframes announce{from{transform:translateX(15%)}to{transform:translateX(-100%)}}.hero{height:clamp(300px,27vw,420px);margin-top:18px;border:1px solid #2c2c2c;border-radius:20px;overflow:hidden;position:relative;background:#151515;box-shadow:0 24px 60px rgba(0,0,0,.32)}.hero-track{height:100%;display:flex;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero-slide{min-width:100%;height:100%;border:0;background:#111;padding:0;cursor:pointer}.hero-slide img{width:100%;height:100%;display:block;object-fit:cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:24%;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.45))}.hero-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:62px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(0,0,0,.45);font-size:35px;cursor:pointer;opacity:0;transition:.2s}.hero:hover .hero-arrow{opacity:1}.hero-arrow.prev{left:18px}.hero-arrow.next{right:18px}.hero-dots{position:absolute;z-index:3;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:7px}.hero-dots button{width:7px;height:7px;padding:0;border:0;border-radius:9px;background:#888;cursor:pointer;transition:.2s}.hero-dots button.active{width:24px;background:var(--red)}.winbar{height:72px;margin-top:15px;border:1px solid #342b1b;border-radius:13px;background:linear-gradient(90deg,#18130b,#121212 35%);display:flex;align-items:center;overflow:hidden}.win-label{width:150px;align-self:stretch;display:flex;align-items:center;justify-content:center;border-right:1px solid #3e3018;font-size:17px;font-weight:950}.win-label span{color:var(--gold);margin-left:4px}.win-track{flex:1;padding:0 25px;color:#aaa}.win-row{width:100%;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;animation:winIn .35s ease}.win-row img{width:46px;height:46px;object-fit:cover;border-radius:9px}.win-row b{display:block;color:#fff}.win-row small{color:#999}.win-amount{color:var(--gold);font-size:19px;font-weight:900}@keyframes winIn{from{opacity:0;transform:translateY(12px)}}.content-section{padding-top:34px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{margin:0;font-size:21px}.section-title a,.section-title button{border:0;background:transparent;color:#c7a64b;text-decoration:none;font-size:13px;cursor:pointer}.match-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.match-card{border:1px solid #292929;border-radius:15px;background:linear-gradient(145deg,#171717,#101010);padding:15px;min-height:238px;transition:.2s}.match-card:hover{border-color:#494949;transform:translateY(-2px);box-shadow:0 15px 35px rgba(0,0,0,.25)}.match-head{display:flex;justify-content:space-between;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.live-pill{color:#ff6c78}.live-pill i,.online-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 8px var(--green)}.teams{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;text-align:center;gap:5px;margin:17px 0 15px}.team img{width:38px;height:28px;object-fit:cover;border-radius:4px;border:1px solid #333}.team b{display:block;font-size:12px;margin-top:7px;min-height:30px}.score{font-size:20px;font-weight:900}.score small{font-size:10px;color:#777}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.odd{border:1px solid #323232;background:#202020;border-radius:7px;padding:6px;display:flex;justify-content:space-between;font-size:11px}.odd strong{color:var(--gold)}.match-foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:10px;color:#777}.watch-link{color:#ddd;text-decoration:none}.fourd-card{border:1px solid #322b1d;border-radius:16px;background:linear-gradient(105deg,#17130d,#111);min-height:170px;padding:24px;display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:28px;align-items:center}.fourd-brand{display:flex;align-items:center;gap:16px}.fourd-brand img{width:82px;height:82px;border-radius:12px;object-fit:cover}.fourd-brand b{font-size:20px}.fourd-brand span,.last-draw>span{display:block;color:#888;font-size:12px;margin-top:6px}.countdown{display:flex;gap:9px}.time-box{min-width:68px;padding:12px 8px;border:1px solid #3c3320;border-radius:10px;background:#0b0b0b;text-align:center}.time-box b{display:block;font-size:24px;color:var(--gold)}.time-box span{font-size:9px;color:#888}.last-nums{display:flex;gap:8px;margin-top:10px}.last-nums div{flex:1;border:1px solid #343434;border-radius:9px;padding:9px;text-align:center}.last-nums small{display:block;color:#888}.last-nums b{font-size:18px}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}.category-card{height:215px;border:1px solid #303030;border-radius:15px;overflow:hidden;position:relative;padding:0;background:#151515;text-align:left;cursor:pointer;transition:.22s}.category-card:hover{transform:translateY(-4px);border-color:#6d494c;box-shadow:0 18px 38px rgba(0,0,0,.33)}.category-card>img{width:100%;height:100%;object-fit:cover;transition:.3s}.category-card:hover>img{transform:scale(1.04)}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.92))}.category-copy{position:absolute;z-index:2;left:13px;right:10px;bottom:13px}.category-copy em{display:inline-block;background:var(--red);border-radius:4px;padding:2px 5px;font-style:normal;font-size:8px;font-weight:900}.category-copy b{display:block;font-size:16px;margin:5px 0 2px}.category-copy>span{display:block;color:#aaa;font-size:10px}.online-pill{margin-top:7px!important;color:#aeb8b1!important;font-size:9px!important}.jackpot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.jackpot-card{height:220px;border:1px solid #32302a;border-radius:14px;overflow:hidden;position:relative;background:#111;padding:0;cursor:pointer;text-align:left;transition:.2s}.jackpot-card:hover{transform:translateY(-3px);border-color:#7c632d}.jackpot-card img{width:100%;height:100%;object-fit:cover}.jackpot-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 22%,rgba(0,0,0,.95))}.jackpot-tier,.jackpot-copy{position:absolute;z-index:2}.jackpot-tier{left:10px;top:10px;border-radius:4px;padding:3px 6px;background:#ac7618;font-size:9px;font-weight:900}.jackpot-copy{left:12px;right:12px;bottom:12px}.jackpot-copy strong{display:block;color:var(--gold);font-size:17px}.jackpot-copy b{display:block;margin-top:5px}.jackpot-copy small{color:#999}.provider-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.provider-card{min-height:130px;border:1px solid #2c2c2c;border-radius:13px;background:linear-gradient(145deg,#191919,#101010);padding:14px 10px;position:relative;cursor:pointer;transition:.2s}.provider-card:hover{transform:translateY(-3px);border-color:#555;background:#1c1c1c}.provider-card>img{width:100%;height:48px;object-fit:contain}.provider-card b{display:block;margin-top:8px}.provider-card .online-pill{display:block}.hot{position:absolute;right:6px;top:6px;color:#ff5361;font-size:8px}.play-rule{text-align:center;color:#737373;font-size:11px}.support{margin-top:38px;margin-bottom:40px;border:1px solid #312626;border-radius:16px;background:linear-gradient(90deg,#1b1112,#111);padding:22px 28px;display:flex;justify-content:space-between;align-items:center}.support>div{display:flex;align-items:center;gap:15px}.support-icon{font-size:28px}.support b{font-size:18px}.support p{margin:4px 0 0;color:#999}.site-footer{border-top:1px solid #242424;background:#0b0b0b;padding:31px 0;color:#777}.site-footer .page-shell{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:28px}.site-footer img{width:140px}.site-footer p{font-size:12px}.site-footer>a{color:#aaa;font-size:12px}.trust{display:flex;gap:9px}.trust span{padding:4px 8px;border:1px solid #333;border-radius:6px;font-size:10px}.category-view{display:none;min-height:calc(100vh - 76px);padding:35px 0 70px}.category-view.open{display:block}.category-view.open~.site-footer{}.back-home{border:0;background:none;color:#aaa;cursor:pointer;padding:0 0 20px}.category-hero{height:220px;border:1px solid #333;border-radius:18px;overflow:hidden;position:relative;background:#151515}.category-hero img{width:100%;height:100%;object-fit:cover}.category-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),transparent)}.category-hero div{position:absolute;z-index:2;left:34px;top:50%;transform:translateY(-50%)}.category-hero h1{font-size:32px;margin:0}.category-hero p{color:#bbb}.lobby-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:22px}.lobby-card{min-height:180px;border:1px solid #303030;border-radius:15px;background:#151515;padding:20px;text-align:left;cursor:pointer}.lobby-card img{width:100%;height:80px;object-fit:contain}.lobby-card b{display:block;font-size:16px}.lobby-card span{color:#888;font-size:11px}.modal{display:none;position:fixed;z-index:80;inset:0;place-items:center}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.login-card{position:relative;width:430px;border:1px solid #383838;border-radius:18px;background:#151515;padding:30px;box-shadow:0 30px 90px #000}.login-card>img{width:145px}.login-card h2{margin:20px 0 5px}.login-card p{color:#999;margin:0 0 22px}.login-card label{display:block;margin:14px 0;color:#bbb;font-size:12px}.login-card input{width:100%;height:45px;margin-top:7px;border:1px solid #393939;border-radius:9px;background:#0d0d0d;color:#fff;padding:0 13px;outline:none}.login-card input:focus{border-color:#8d4149}.login-card>a{display:block;text-align:center;color:#d2b15a;margin-top:17px;font-size:12px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px;color:#888;cursor:pointer}.launch-overlay{display:none;position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.76);place-items:center}.launch-overlay.open{display:grid}.launch-overlay>div{border:1px solid #383838;border-radius:15px;background:#151515;padding:28px 40px;display:flex;align-items:center;gap:18px}.spinner{width:25px;height:25px;border:3px solid #444;border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:120;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#eee;color:#111;border-radius:9px;padding:11px 18px;font-weight:750;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.skeleton{min-height:170px;border-radius:14px;background:linear-gradient(100deg,#141414 20%,#212121 40%,#141414 60%);background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}@media(max-width:1320px){:root{--shell:calc(100vw - 38px)}.primary-nav button{padding:0 8px;font-size:12px}.mobile-version{display:none}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{height:190px}.provider-grid{grid-template-columns:repeat(6,1fr)}.match-grid{grid-template-columns:repeat(3,1fr)}.jackpot-grid{grid-template-columns:repeat(4,1fr)}.member-account{grid-template-columns:1fr .7fr 1.4fr}.quick-actions .btn:nth-of-type(3){display:none}}

/* Desktop composition QA pass — 2026-07-18 */
:root{--shell:min(1360px,calc(100vw - 72px))}
.site-header{height:66px}
.account-strip{padding:14px 0 12px}
.guest-account,.member-account{min-height:92px;padding:15px 22px;border-radius:14px}
.guest-account h1,.member-account h1{font-size:22px}.guest-account p{font-size:13px}
.desktop-top{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:stretch}
.desktop-main{min-width:0}.desktop-main .announce{width:100%;height:34px;font-size:12px}.desktop-main .hero{width:100%;height:auto;aspect-ratio:1920/691;margin-top:12px;border-radius:15px}.desktop-main .hero-slide img{object-fit:contain}.desktop-main .winbar{width:100%;height:58px;margin-top:12px;border-radius:11px}.desktop-main .win-label{width:125px;font-size:14px}.desktop-main .win-row img{width:38px;height:38px}.desktop-main .win-amount{font-size:16px}
.desktop-side{border:1px solid #302a20;border-radius:15px;padding:16px;background:linear-gradient(145deg,#17130d,#101010);display:flex;flex-direction:column;min-width:0}
.side-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.side-heading h2{font-size:17px;margin:0}.side-heading button{border:0;background:none;color:#c7a64b;font-size:12px;cursor:pointer}
.desktop-side .fourd-card{border:0;background:none;border-radius:0;min-height:0;padding:0;display:flex;flex-direction:column;gap:15px;align-items:stretch}
.desktop-side .fourd-brand img{width:58px;height:58px}.desktop-side .fourd-brand b{font-size:17px}.desktop-side .countdown{margin-top:7px}.desktop-side .time-box{flex:1;min-width:0;padding:8px 5px}.desktop-side .time-box b{font-size:19px}.desktop-side .last-nums div{padding:7px 4px}.desktop-side .last-nums b{font-size:15px}
.side-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px}.side-shortcuts button{border:1px solid #35302a;border-radius:10px;background:#171717;color:#fff;padding:11px;text-align:left;cursor:pointer}.side-shortcuts b,.side-shortcuts span{display:block}.side-shortcuts b{font-size:12px}.side-shortcuts span{margin-top:4px;color:#9a895f;font-size:9px}
.content-section{padding-top:24px}.section-title{margin-bottom:11px}.section-title h2{font-size:18px}
.match-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.match-card{min-height:205px;padding:13px}.teams{margin:13px 0}.match-foot{margin-top:10px}
.category-grid{grid-template-columns:repeat(4,1fr);gap:12px}.category-card{height:auto;aspect-ratio:16/9;border-radius:13px}.category-card:after{background:linear-gradient(90deg,rgba(0,0,0,.82),transparent 75%),linear-gradient(transparent 45%,rgba(0,0,0,.7))}.category-copy{left:15px;bottom:13px}.category-copy b{font-size:17px}
.jackpot-grid{grid-template-columns:repeat(3,1fr);gap:12px}.jackpot-card{height:112px;display:grid;grid-template-columns:112px 1fr;align-items:center;padding:0 14px 0 0;background:linear-gradient(135deg,#1b1711,#111)}.jackpot-card img{width:112px;height:112px;object-fit:contain;image-rendering:auto;background:#0c0c0c}.jackpot-card:after{display:none}.jackpot-tier{left:7px;top:7px}.jackpot-copy{position:relative;left:auto;right:auto;bottom:auto;padding-left:14px}.jackpot-copy strong{font-size:18px}.jackpot-copy b{font-size:13px}.jackpot-copy small{font-size:10px}
.provider-card{min-height:112px}.support{margin-top:27px;margin-bottom:28px;padding:15px 22px}.site-footer{padding:22px 0}
@media(max-width:1320px){:root{--shell:calc(100vw - 38px)}.desktop-top{grid-template-columns:minmax(0,1fr) 320px}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{height:auto}.jackpot-grid{grid-template-columns:repeat(3,1fr)}.match-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}