:root{--bg:#090e12;--panel:#11171d;--panel2:#171e25;--line:#252d35;--text:#f2f3f4;--muted:#8a929b;--accent:#ffae42;--accent2:#f47c22}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 Inter,"Microsoft YaHei",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#10151b;border-right:1px solid #1d242b;z-index:4;display:flex;flex-direction:column}.side-top{display:flex;gap:6px;padding:18px}.side-top button{height:43px;border:0;border-radius:11px;background:#1b222a;color:#a6adb4;font-weight:700}.menu{width:34px;background:transparent!important;font-size:20px}.seg{flex:1}.seg.active{color:white;background:linear-gradient(135deg,#ffc05c,#f69b2d)}.side-search{margin:0 17px 20px;background:#0b1015;border:1px solid #202831;border-radius:11px;padding:12px 15px;color:#7c858e}.side-search input,.game-search input{background:none;border:0;outline:0;color:#eee;width:85%;font:inherit}.sidebar nav{overflow:auto}.sidebar nav a,.sidebar nav small{display:block}.sidebar nav a{color:#bdc3c9;text-decoration:none;padding:10px 20px;font-size:16px}.sidebar nav a:hover{color:white;background:#181f26}.sidebar nav small{color:#626b74;padding:12px 20px 5px}.sidebar .event{border-block:1px solid #242b32;margin:0 0 6px;padding-block:20px}.social{margin-top:auto;border-top:1px solid var(--line);padding:14px 17px;display:flex;gap:11px}.social span{background:#1d252d;border-radius:9px;padding:9px}.social span:first-child{background:#28a7df}.support{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center}.support em{margin-left:auto;color:white;background:#f6a739;border-radius:20px;padding:4px 9px;font-style:normal;font-weight:800}main{margin-left:250px;min-height:100vh;padding:0 46px;max-width:1500px}header{height:66px;display:flex;align-items:center;gap:26px}.logo{width:140px;height:48px;object-fit:contain}.promo-btn,.account button,.primary,.ghost{border:0;border-radius:11px;padding:11px 17px;color:white;font-weight:800;background:#171e25}.account{margin-left:auto;display:flex;gap:10px}.primary{background:linear-gradient(145deg,#ffc05b,#f69828)!important}.hero{display:grid;grid-template-columns:1.7fr 1.7fr;gap:17px}.slider{position:relative;overflow:hidden;border-radius:15px;aspect-ratio:2.15}.slider img{width:100%;height:100%;object-fit:cover;transition:.3s}.dots{position:absolute;bottom:13px;left:50%;display:flex;gap:6px}.dots i{width:6px;height:6px;background:#fff8;border-radius:50%}.dots i.on{width:20px;border-radius:10px;background:white}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p{position:relative;border:1px solid #ffe0a4;border-radius:13px;color:white;padding:20px 22px;text-align:left;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.p b{font-size:27px}.p span{font-size:47px;filter:drop-shadow(0 8px 8px #0003)}.p sup{position:absolute;top:0;left:0;background:#fff4db;color:#ef711b;border-radius:0 0 10px 0;padding:2px 8px;font-weight:bold}.orange{background:linear-gradient(135deg,#d85d1e,#ec8627)}.gold{background:linear-gradient(135deg,#b87a00,#dcac26)}.bronze{background:linear-gradient(135deg,#9a5e1c,#caa467)}.green{background:linear-gradient(135deg,#27785d,#61a884)}.toolbar{display:flex;align-items:center;gap:14px;margin:26px 0}.tabs{display:flex;gap:4px;overflow:auto;white-space:nowrap}.tabs button,.section-head button{color:#8f969e;border:0;background:none;padding:12px 10px;font-weight:800}.tabs button.active{color:white;border-bottom:2px solid var(--accent)}.game-search{margin-left:auto;min-width:300px;background:#151c23;border-radius:10px;padding:12px 14px;color:#6e7780}.game-section{margin:26px 0 40px}.section-head{display:flex;align-items:center}.section-head h2{font-size:22px;margin:0}.section-head .all{margin-left:auto;color:white;background:#181f26;border:0;border-radius:9px;padding:9px 14px}.game-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:20px;margin-top:17px}.game-card{border:0;padding:0;background:#161d24;border-radius:14px;overflow:hidden;color:white;text-align:left;cursor:pointer;transition:.2s;box-shadow:0 9px 26px #0003}.game-card:hover{transform:translateY(-4px);box-shadow:0 13px 25px #0008}.game-card img{display:block;width:100%;aspect-ratio:.75;object-fit:cover}.game-card b{display:block;padding:9px 10px 2px}.game-card small{display:block;padding:0 10px 10px;color:#7d8790}.bets{margin:35px 0;background:#10161c;border-radius:15px;padding:22px}.bets .section-head>div{margin-left:auto}.section-head button.active{color:#ffb14c}.bet-table{margin-top:15px}.bet-row{display:grid;grid-template-columns:1.6fr 1.3fr 1fr .8fr 1fr;padding:14px;border-top:1px solid #242c34;color:#c6cbd0}.bet-row.header{color:#757f88;font-size:13px}.win{color:#58ce89}.lose{color:#f06c75}footer{text-align:center;color:#747e87;border-top:1px solid #222b33;margin-top:40px;padding:45px}footer img{width:130px}.float-support{position:fixed;right:26px;bottom:22px;width:48px;height:48px;border:0;border-radius:13px;background:#ffb13e;font-size:20px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,100px);background:#27313a;color:white;padding:12px 20px;border-radius:10px;opacity:0;transition:.25s;z-index:10}.toast.show{transform:translate(-50%,0);opacity:1}.light{--bg:#f6f7f8;--panel:#fff;--panel2:#eef0f2;--line:#dde1e4;--text:#171a1d;--muted:#66707a}.light .sidebar{background:#fff}.light .game-card,.light .bets{background:#fff}.light .game-card small{color:#66707a}
@media(max-width:1050px){.sidebar{width:210px}main{margin-left:210px;padding:0 24px}.hero{grid-template-columns:1fr}.promo-grid{grid-template-columns:repeat(4,1fr)}.p{padding:12px}.p b{font-size:18px}.p span{font-size:30px}.game-grid{grid-template-columns:repeat(4,1fr)}.toolbar{align-items:stretch;flex-direction:column}.game-search{margin:0}}
@media(max-width:720px){.sidebar{position:static;width:auto;height:auto}.sidebar nav,.social,.support,.side-search{display:none}main{margin:0;padding:0 14px}.side-top{padding:10px}.menu{display:none}header{height:62px}.promo-btn{display:none}.logo{width:110px}.hero{display:block}.promo-grid{grid-template-columns:1fr 1fr;margin-top:10px}.p b{font-size:17px}.toolbar{margin-top:15px}.game-grid{grid-template-columns:repeat(3,1fr);gap:10px}.game-card b{font-size:12px}.bets{overflow:auto}.bet-table{min-width:650px}}
.auth-overlay{position:fixed;inset:0;background:#030609d9;z-index:20;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.2s}.auth-overlay.open{opacity:1;visibility:visible}.auth-modal{position:relative;width:min(900px,96vw);min-height:585px;background:#171e27;border:1px solid #2b343e;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:48% 52%;box-shadow:0 28px 90px #000b;transform:translateY(14px) scale(.985);transition:.25s}.auth-overlay.open .auth-modal{transform:none}.auth-close{position:absolute;right:18px;top:14px;z-index:3;width:36px;height:36px;background:transparent;border:0;color:#969fa9;font-size:32px;line-height:1}.auth-close:hover{color:white}.auth-art{position:relative;min-height:585px;background:#ec9c35;overflow:hidden}.auth-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.95);transform:scale(1.02)}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#171e27)}.auth-art-dots{position:absolute;z-index:2;bottom:22px;left:50%;display:flex;gap:7px}.auth-art-dots i{width:7px;height:7px;background:#ffffff7d;border-radius:8px}.auth-art-dots .on{width:22px;background:#fff}.auth-form{padding:44px 52px 34px;display:flex;flex-direction:column}.auth-form h1{font-size:30px;margin:4px 0 28px}.auth-form form{display:flex;flex-direction:column;gap:15px}.auth-form form.hidden{display:none}.auth-input{height:52px;border:1px solid #353f49;border-radius:11px;background:#10161d;display:flex;align-items:center;padding:0 15px;color:#777f88;transition:.2s}.auth-input:focus-within{border-color:#d69c4b;box-shadow:0 0 0 3px #d69c4b16}.auth-input input{flex:1;background:none;border:0;outline:0;color:#f5f5f5;font:15px inherit;padding:0 12px}.eye{border:0;background:none;color:#67717c}.remember{display:flex;align-items:center;color:#9da5ad;font-size:14px}.remember input{appearance:none;width:18px;height:18px;border:1px solid #56616b;border-radius:5px;margin:0 8px 0 0}.remember input:checked{background:#f4a63b;border-color:#f4a63b;box-shadow:inset 0 0 0 4px #171e27}.agreement{font-size:12px}.agreement a{color:#f1aa4d;text-decoration:none}.auth-submit{height:50px;border:0;border-radius:11px;background:linear-gradient(100deg,#ffbe59,#f29a29);color:white;font-size:16px;font-weight:800}.auth-submit:disabled{background:#2b343e;color:#6f7882}.auth-or{display:flex;align-items:center;gap:12px;color:#7f8992;font-size:13px;margin:27px 0 17px}.auth-or:before,.auth-or:after{content:"";height:1px;flex:1;background:#303943}.telegram-login{align-self:center;width:48px;height:48px;border:0;border-radius:50%;background:#2babe2;color:white;font-size:22px;transform:rotate(-20deg)}.telegram-help{border:0;background:none;color:#75808a;font-size:12px;margin-top:11px}.auth-switch{text-align:center;color:#8b949d;margin:auto 0 0}.auth-switch button{border:0;background:none;color:#ffae43;font-weight:800}.light .auth-modal{background:#fff}.light .auth-art:after{background:linear-gradient(90deg,transparent 70%,#fff)}.light .auth-input{background:#f5f6f7}.light .auth-input input{color:#161a1e}
@media(max-width:720px){.auth-modal{display:block;width:min(430px,96vw);min-height:auto}.auth-art{display:none}.auth-form{padding:38px 24px 26px;min-height:580px}.auth-form h1{margin-bottom:24px}.auth-close{right:10px;top:8px}}