:root{--bg:#0e0b1a;--band:#171229;--card:#201a38;--line:#3d3366;--text:#f4f2fb;--soft:#cdc8e4;--vio:#6a46f3;--vio2:#8a6df7;--mark:#b7a6ff} *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:104px} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:var(--mark)} h1,h2,h3{line-height:1.2;margin:0;font-weight:800} .hr-top{position:sticky;top:0;z-index:60;background:#0a0814;border-bottom:1px solid var(--line)} .hr-top-in{max-width:1180px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:6px 14px} .hr-logo{flex:none;line-height:0} .hr-logo img{height:48px;width:auto} .hr-menu{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:0 13px} .hr-menu a{color:var(--text);text-decoration:none;font-size:13.5px;font-weight:600;padding:2px;white-space:nowrap} .hr-menu a:hover{color:var(--mark)} .hr-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:11px 36px;border-radius:999px;background:var(--vio);color:#fff;font-weight:800;font-size:16px;text-decoration:none;border:0} .hr-btn:hover{background:var(--vio2)} .hr-top-btn{flex:none;order:3;min-height:38px;padding:6px 18px;font-size:14px} .hr-burger{display:none;flex:none;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;font:700 15px/1 inherit;padding:10px 14px;cursor:pointer;margin-left:auto} .hr-wrap{max-width:1180px;margin:0 auto;padding:0 16px} .hr-hero{background:linear-gradient(115deg,#1d1440 0%,#120d24 60%);padding:30px 0;border-bottom:1px solid var(--line)} .hr-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 517px;gap:36px;align-items:center} .hr-hero h1{font-size:40px;margin-bottom:14px} .hr-hero p{margin:0 0 14px;font-size:17px} .hr-hero .hr-go{margin:0;text-align:left} .hr-hero-art{margin:0;line-height:0} .hr-hero-art img{width:100%;border-radius:14px} .hr-sec{padding:36px 0 34px} .hr-alt{background:var(--band)} .hr-sec h2{font-size:27px;margin-bottom:14px} .hr-sec h2::after{content:"";display:block;width:64px;height:3px;background:var(--vio);margin-top:9px;border-radius:2px} .hr-lead{margin:0 0 12px;font-size:16.5px} .hr-sec p,.hr-sec li{overflow-wrap:break-word} .hr-go{text-align:center;margin:22px 0 0} .hr-games{display:grid;grid-template-columns:minmax(0,1fr) 690px;gap:24px;align-items:start} .hr-games-t .hr-card{margin-top:12px} .hr-games-r{display:flex;flex-direction:column;gap:12px} .hr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0} .hr-tile{margin:0;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden} .hr-tile img{width:100%;object-fit:contain;background:#000} .hr-grid3{grid-template-columns:repeat(3,minmax(0,1fr))} .hr-tile figcaption{padding:5px 6px;font-size:13px;font-weight:600;text-align:center;line-height:1.25} .hr-art{margin:0;line-height:0} .hr-band img{width:100%;height:190px;object-fit:cover;object-position:50% 45%;border-radius:10px} .hr-live{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:24px;align-items:stretch} .hr-live-t{display:flex;flex-direction:column} .hr-fill{flex:1 1 200px;position:relative;min-height:200px;margin-top:4px} .hr-fill img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:10px} .hr-row{display:grid;gap:16px;margin-top:14px} .hr-w1{grid-template-columns:1fr} .hr-w2{grid-template-columns:repeat(2,minmax(0,1fr))} .hr-w3{grid-template-columns:repeat(3,minmax(0,1fr))} .hr-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:15px 18px} .hr-alt .hr-card{background:#241d40} .hr-card h3{font-size:18px;margin-bottom:7px;color:var(--mark)} .hr-card p{margin:0 0 9px;color:#ebe8f6} .hr-card p:last-child{margin:0} .hr-card ul,.hr-card ol{margin:0 0 9px;padding-left:20px;color:#ebe8f6} .hr-offer{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;margin-top:14px} .hr-offer-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .hr-offer2{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;margin-top:16px} .hr-bon{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.hr-bon>:first-child{grid-row:1/3}.hr-bon>:nth-child(n+2){grid-column:2} .hr-lim{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-lim>:last-child{grid-column:1/-1} .hr-ban img{width:100%;border-radius:10px} .hr-side{position:relative;min-height:220px} .hr-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:10px} .hr-note{padding:13px 18px;border-left:3px solid var(--vio);background:rgba(106,70,243,.12);border-radius:0 8px 8px 0} .hr-note p{margin:0} .hr-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px} .hr-acts>div{display:flex;flex-direction:column;gap:16px} .hr-acts>div>.hr-card:only-child{flex:1} .hr-w32{grid-template-columns:minmax(0,3fr) minmax(0,2fr)} .hr-lic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start} .hr-ksa{width:200px;margin-top:6px} .hr-tab{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);margin:6px 0 10px} .hr-tab th{background:#2f2652;color:var(--text);text-align:left;padding:8px 12px;font-size:14.5px} .hr-tab td{padding:7px 12px;border-top:1px solid var(--line);overflow-wrap:anywhere} .hr-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .hr-faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 18px} .hr-faq summary{font-weight:700;cursor:pointer} .hr-faq p{margin:8px 0 0;color:#ebe8f6} .hr-foot{background:#0a0814;border-top:1px solid var(--line);padding:26px 16px 30px;text-align:center} .hr-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:12px} .hr-foot-links a{color:var(--text);text-decoration:none;font-size:14.5px} .hr-foot-links a:hover{color:var(--mark)} .hr-duty{margin:0;color:var(--soft);font-size:14.5px} .hr-age{display:inline-block;border:1px solid var(--soft);border-radius:50%;padding:3px 6px;margin-left:4px;font-size:12.5px;font-weight:700} .hr-dock{display:none} .hr-doc{max-width:1120px;margin:0 auto;padding:22px 16px 40px;display:block} .hr-trail{font-size:14px;color:var(--soft);margin-bottom:12px} .hr-trail a{color:var(--mark)} .hr-doc h1{font-size:34px;margin-bottom:14px} .hr-doc-body{columns:2;column-gap:32px} .hr-doc-body h2{font-size:20px;color:var(--mark);margin:18px 0 6px;break-after:avoid} .hr-doc-body h2:first-child{margin-top:0} .hr-doc-body p{margin:0 0 10px;color:#ebe8f6} .hr-doc-body ul{margin:0 0 12px;padding-left:20px;color:#ebe8f6} .hr-doc-body li{break-inside:avoid} .hr-mas{display:block;columns:2;column-gap:16px} .hr-mas>*{break-inside:avoid;margin:0 0 16px} .hr-mas{margin-bottom:-16px} .hr-inner{display:flex;flex-direction:column;min-height:100vh} .hr-inner .hr-doc{flex:1 0 auto;width:100%} @media (max-width:1100px){.hr-games{grid-template-columns:1fr}.hr-live{grid-template-columns:1fr}.hr-hero-in{grid-template-columns:1fr 1fr}} @media (max-width:900px){ html{scroll-padding-top:66px} .hr-top-in{gap:10px} .hr-logo img{height:42px} .hr-burger{display:block} .hr-top-btn{display:none} .hr-menu{display:none;flex-wrap:nowrap;position:fixed;top:54px;left:0;right:0;max-height:calc(100vh - 54px);overflow:auto;background:#0a0814;border-bottom:1px solid var(--line);flex-direction:column;padding:6px 16px 12px} .hr-open .hr-menu{display:flex} .hr-menu a{font-size:16px;padding:9px 2px;border-bottom:1px solid #2c2450} .hr-hero-in{grid-template-columns:1fr;gap:16px} .hr-hero h1{font-size:33px} .hr-hero .hr-go{text-align:center} .hr-sec h2{font-size:24px} .hr-w2,.hr-w3,.hr-w32,.hr-bon,.hr-lim,.hr-offer2{grid-template-columns:1fr}.hr-bon>*,.hr-lim>*{grid-column:auto!important;grid-row:auto!important} .hr-games-r{order:-1}.hr-games{gap:14px} .hr-games .hr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hr-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .hr-tile figcaption{font-size:12px;padding:4px} .hr-band{display:none} .hr-live-t{display:block}.hr-fill{display:none} .hr-offer,.hr-offer-c{grid-template-columns:1fr} .hr-ban{max-width:300px;margin:0 auto} .hr-acts{grid-template-columns:1fr} .hr-lic{grid-template-columns:1fr} .hr-mas{columns:1} .hr-faq{grid-template-columns:1fr} .hr-tab th,.hr-tab td{padding:7px;font-size:14px} .hr-doc-body{columns:1} .hr-dock{display:flex;position:sticky;bottom:0;z-index:50;background:#0a0814;border-top:1px solid var(--line);padding:7px 12px} .hr-dock .hr-btn{width:100%;min-height:44px} }