:root{--bg:#11090b;--ink:#f9f6f5;--muted:#bcaeb2;--panel:#1a1114;--panel2:#241316;--line:#442126;--red:#ed2330;--red2:#a30718;--gold:#f1c56b;--max:1280px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 55% -10%,#3c090e 0,transparent 35%),#11090b;color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";pointer-events:none;position:fixed;inset:0;opacity:.2;z-index:-1;background-image:radial-gradient(#712129 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(#0007,transparent 65%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
header{position:relative;background:#09090e;border-bottom:1px solid #351a1e;z-index:3}
.top{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:block;line-height:0}
.brand img{width:208px;height:auto;max-height:46px;object-fit:contain}
.top-actions,.hero-buttons{display:flex;align-items:center;gap:11px}
.action-btn,.plain-btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:11px;padding:12px 18px;font-weight:820;line-height:1;transition:transform .18s,background .18s,border-color .18s}
.action-btn{color:white;background:linear-gradient(110deg,#a50919,#f02b39);border:1px solid #ff5660;box-shadow:0 10px 24px #8d061b70}
.action-btn:hover{transform:translateY(-2px);background:#f63845}
.plain-btn{background:#1a1013;border:1px solid #633039;color:#f7e8e9}
.plain-btn:hover{border-color:var(--red);transform:translateY(-2px)}
.nav-wrap{overflow:visible}
.main-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:0 0 14px}
.main-nav a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;text-transform:uppercase;font-size:.69rem;letter-spacing:.02em;font-weight:800;padding:10px 9px;border:1px solid #402126;border-radius:10px;background:#171014;color:#e9dee0;transition:.2s;white-space:nowrap}
.main-nav a i{display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px;font-style:normal;color:#ff5964}
.ico{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.main-nav a:hover,.main-nav a.active{background:linear-gradient(120deg,#a30718,#e72431);border-color:#fb555e;color:#fff}
.main-nav a.active i{color:white}
.home-hero{min-height:600px;overflow:hidden;position:relative;background:linear-gradient(90deg,#10080b 0%,#160a0d 46%,#1d090eaa 100%);border-bottom:1px solid #3a1b21}
.home-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 81% 43%,#e3243325,transparent 24%),linear-gradient(90deg,transparent 60%,#0009);pointer-events:none}
.home-grid{min-height:600px;display:grid;grid-template-columns:1.06fr .94fr;gap:20px;align-items:center;position:relative;z-index:1}
.hero-copy{padding:75px 0 84px}
.eyebrow,.section-heading>div>span,.editorial>div>span,.feature-split>div>span{color:#ff5963;font-weight:850;font-size:.75rem;letter-spacing:.16em}
.eyebrow:before{content:"";display:inline-block;width:28px;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));margin:0 10px 3px 0}
.hero-copy h1{font-size:clamp(2.85rem,6vw,5.8rem);line-height:.98;letter-spacing:-.06em;max-width:750px;margin:16px 0 24px}
.hero-copy>p{max-width:670px;font-size:1.08rem;color:#e3d7d9;margin:0 0 30px}
.trust-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}
.trust-tags span{font-size:.78rem;color:#e4c0c3;background:#241217;border:1px solid #592a31;border-radius:30px;padding:7px 11px}
.trust-tags span:before{content:"◆";font-size:.58rem;color:var(--red);margin-right:7px}
.hero-art{height:530px;position:relative;display:flex;justify-content:center;align-items:flex-end}
.hero-art>img{position:absolute;right:12%;bottom:0;max-height:520px;filter:drop-shadow(0 22px 35px #000c);z-index:2}
.hero-art:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #97242d;border-radius:50%;background:radial-gradient(circle,#b50c1d70,transparent 65%);bottom:18px}
.hero-tiles{position:absolute;display:flex;right:1%;bottom:40px;z-index:3}
.hero-tiles img{width:142px;height:142px;object-fit:cover;border:1px solid #a42b35;border-radius:16px;background:#12080a;box-shadow:0 13px 35px #000a}
.hero-tiles img+img{margin-left:-32px;margin-bottom:-42px}
.category-showcase{position:relative;z-index:2;margin-top:-47px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.category-showcase a{min-height:142px;border:1px solid #54252c;border-radius:14px;background:linear-gradient(145deg,#231216,#160f12);padding:18px;display:flex;flex-direction:column;transition:.2s}
.category-showcase a:hover{transform:translateY(-5px);border-color:#fb3341;box-shadow:0 14px 30px #0009}
.category-showcase i{display:grid;place-items:center;width:42px;height:42px;color:#ff4854;font-style:normal;line-height:1}
.category-showcase .ico{width:34px;height:34px;stroke-width:1.45}
.category-showcase strong{font-size:1.02rem;margin-top:auto}
.category-showcase span{color:#d1a3a7;font-size:.76rem;margin-top:2px}
.auto-slider{margin-top:38px;border:1px solid #5d2831;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#211014,#120c0e);box-shadow:0 18px 42px #0007}
.slider-heading{height:45px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #472229;background:#170d10}
.slider-heading>span{color:#f4cc78;font-size:.74rem;letter-spacing:.13em;font-weight:830}
.slider-heading p{display:flex;gap:7px;margin:0}
.slider-heading b{width:8px;height:8px;display:block;border-radius:50%;background:#734047;cursor:pointer;transition:.2s}
.slider-heading b.active{width:24px;border-radius:12px;background:#ef3040}
.slider-card{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;min-height:220px}
.slider-card>div{padding:33px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.slider-card span{font-weight:830;font-size:.74rem;letter-spacing:.13em;color:#ff5b67}
.slider-card h2{max-width:600px;margin:8px 0;font-size:clamp(1.6rem,3vw,2.65rem);line-height:1.02;letter-spacing:-.04em}
.slider-card p{max-width:560px;margin:0;color:#cfb9bd}
.slider-card em{margin-top:18px;color:#f6c96e;font-size:.85rem;font-style:normal;font-weight:800}
.slider-card img{width:100%;height:220px;object-fit:contain;object-position:center;background:radial-gradient(circle,#7d1120,#120b0d 72%)}
.match-section,.game-area,.mechanic{padding:88px 0 0}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}
.section-heading h2{margin:5px 0 5px;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.04em}
.section-heading p{margin:0;color:var(--muted);max-width:620px}
.small-link{font-size:.83rem;color:var(--gold);font-weight:750}
.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.match-card{position:relative;overflow:hidden;padding:18px;border:1px solid #60272f;border-radius:17px;background:linear-gradient(145deg,#231316,#171013);box-shadow:inset 0 -2px #c5112538}
.match-card:after{content:"";position:absolute;inset:auto 10% 0;height:2px;background:linear-gradient(90deg,transparent,#ef1e30,transparent)}
.match-time{color:#e3b7bb;font-size:.72rem;font-weight:750}
.teams{display:grid;grid-template-columns:58px 1fr 24px 1fr 58px;align-items:center;gap:8px;margin:17px 0}
.teams img{width:56px;height:56px;object-fit:contain}
.teams b{font-size:.91rem;line-height:1.18}
.teams em{font-style:normal;color:#e94b55;font-weight:800;text-align:center}
.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.odds span{background:#10090b;border-radius:8px;padding:8px;text-align:center;color:#f3d4d6;font-weight:780;font-size:.8rem}
.odds strong{color:#ff3947;display:block;margin-top:2px}
.demo-label{color:#bc9da0;font-size:.7rem;text-align:center;margin-top:13px}
.feature-split{margin-top:86px;border:1px solid #69232a;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(120deg,#240d12,#0f0b0d)}
.feature-image{min-height:236px;display:block;background:#170a0d}
.feature-image img{width:100%;height:100%;object-fit:cover}
.feature-split>div{display:flex;justify-content:center;flex-direction:column;padding:38px}
.feature-split h2{font-size:2.1rem;line-height:1.05;margin:8px 0 12px}
.feature-split p{color:var(--muted);margin:0 0 20px}
.game-area{padding-bottom:0}
.filter-bar{display:flex;gap:7px;flex-wrap:wrap}
.filter-bar button{border:1px solid #663039;background:#1e1114;color:#eee4e5;border-radius:20px;padding:8px 13px;font-weight:750;cursor:pointer}
.filter-bar button.selected{border-color:#fb4250;background:#ad0b1b}
.games-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.game-card{border-radius:15px;overflow:hidden;background:#1e1014;border:1px solid #5d2630;transition:transform .2s,border-color .2s}
.game-card:hover{transform:translateY(-5px);border-color:#fd4050}
.game-card img{display:block;width:100%;aspect-ratio:250/314;object-fit:cover;background:#12090b}
.game-card span{display:block;padding:9px 10px;font-weight:740;font-size:.77rem;line-height:1.25;min-height:51px}
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:90px;background:#54262e;border:1px solid #54262e;border-radius:16px;overflow:hidden}
.editorial>div{background:#1a1013;padding:34px}
.editorial h2{font-size:1.65rem;line-height:1.13;margin:8px 0}
.editorial p{color:#cbbcc0;margin:0}
.crumb{color:#aa969a;padding:17px 0;font-size:.84rem}
.crumb a{color:#ff7180}
.crumb span+span{margin-left:9px}
.page-hero{position:relative;overflow:hidden;border-bottom:1px solid #54252c;background:radial-gradient(circle at 75% 0,#6e101c77,transparent 38%),linear-gradient(116deg,#16090c,#09090d);min-height:465px}
.page-hero:after{content:"";position:absolute;right:6%;bottom:-165px;width:560px;height:560px;border-radius:50%;border:1px solid #821824;box-shadow:0 0 0 60px #9f132117,0 0 0 120px #9f13210b}
.page-hero .hero-copy{position:relative;z-index:1;padding:80px 0 76px}
.page-hero h1{font-size:clamp(2.65rem,5vw,4.9rem);max-width:930px}
.page-hero .hero-copy>p{max-width:800px}
.mechanic{padding-top:58px}
.mechanic-stage{border:1px solid #5c2730;border-radius:18px;background:linear-gradient(145deg,#1e1013,#130c0e);min-height:205px;overflow:hidden}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:62px;padding-top:78px}
.article section{padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid #3b2025}
.article h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.12;letter-spacing:-.04em;margin:5px 0 12px}
.article p{font-size:1.03rem;line-height:1.8;color:#d7c7ca;margin:0}
.section-num{color:#ef3541;font-weight:850;letter-spacing:.15em;font-size:.8rem}
.notice{border:1px solid #6d3139!important;border-radius:15px;background:#211215;padding:27px}
.notice ul{color:#d9c5c8;padding-left:18px;margin:12px 0 0}
.notice li+li{margin-top:10px}
.reading-layout aside{align-self:start;position:sticky;top:20px;border:1px solid #5b2b32;border-radius:15px;padding:25px;background:#1c1013}
.reading-layout aside span{color:#fc5965;font-size:.72rem;letter-spacing:.12em;font-weight:800}
.reading-layout aside h2{font-size:1.75rem;line-height:1.1;margin:9px 0}
.reading-layout aside p{color:#c8b3b6;font-size:.88rem}
.reading-layout aside .action-btn{margin:15px 0;display:flex}
.reading-layout aside>a:last-child{font-weight:750;color:#f5c66d;font-size:.83rem}
.faq{padding-top:66px;padding-bottom:92px}
.faq .section-heading{margin-bottom:16px}
.faq details{background:#1b1013;border:1px solid #52272e;border-radius:11px;padding:16px 19px}
.faq details+details{margin-top:9px}
.faq summary{cursor:pointer;font-weight:770}
.faq summary::marker{color:#f13644}
.faq p{color:#cbb8bb;margin:12px 0 1px}
.mechanic-stage{padding:22px}
.mechanic-stage button{cursor:pointer}
.support-tabs,.event-row,.rank-grid,.mission-grid,.poker-row,.wheel-row,.blog-row,.promo-row,.vip-row,.access-row,.safe-row{display:grid;gap:12px}
.support-tabs{grid-template-columns:repeat(4,1fr)}
.support-tabs button,.event-card,.rank-card,.mission,.poker-chip,.blog-card,.promo-card,.vip-card,.access-check,.safe-card{border:1px solid #593038;background:#251419;border-radius:12px;padding:18px;color:#eee4e5;text-align:left}
.support-tabs button[aria-pressed="true"],.vip-card.selected{border-color:#f13845;background:linear-gradient(145deg,#8f0a16,#2b1317)}
.support-out{margin-top:15px;padding:18px;border-radius:12px;background:#110b0d;color:#ddcbcd}
.event-row{grid-template-columns:repeat(3,1fr)}
.event-card .date{color:#ff5965;font-weight:850;font-size:.8rem}
.event-card h3,.rank-card h3,.promo-card h3{margin:7px 0;font-size:1.1rem}
.event-card p,.promo-card p{margin:0;color:#cdb9bc;font-size:.88rem}
.rank-grid{grid-template-columns:repeat(4,1fr)}
.rank-card strong{font-size:1.75rem;color:#f6cc77;display:block}
.rank-card small{color:#c9afb3}
.mission-grid{grid-template-columns:repeat(3,1fr)}
.mission strong,.mission span{display:block}
.meter{height:7px;border-radius:5px;background:#0c0809;margin:13px 0;overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,#e32332,#f5c970);width:var(--val)}
.poker-row{grid-template-columns:repeat(4,1fr)}
.poker-chip{font-weight:800;text-align:center}
.poker-out{margin:15px 0 0;text-align:center;font-size:1.04rem;color:#f3cf78}
.wheel-row{display:flex;gap:35px;justify-content:center;align-items:center}
.wheel{width:165px;height:165px;border:13px solid #e12737;border-radius:50%;background:conic-gradient(#f1c56b 0 45deg,#33151b 45deg 90deg,#e12737 90deg 135deg,#33151b 135deg 180deg,#f1c56b 180deg 225deg,#33151b 225deg 270deg,#e12737 270deg 315deg,#33151b 315deg);box-shadow:0 0 0 6px #481e24,0 0 32px #e51d2e66;transition:transform 1.3s cubic-bezier(.16,.88,.28,1)}
.wheel-run{transform:rotate(905deg)}
.wheel-info{max-width:410px}
.wheel-info h3{margin:0 0 7px;font-size:1.5rem}
.wheel-info p{color:#c9b4b7}
.wheel-info button{padding:11px 17px;border:1px solid #f8505c;border-radius:9px;background:#bd0d1e;color:#fff;font-weight:800}
.blog-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.blog-filters button{border:1px solid #5c2b32;background:#160d10;color:#eee0e2;border-radius:18px;padding:7px 12px}
.blog-filters button.active{background:#b30b1b;border-color:#f6414f}
.blog-row{grid-template-columns:repeat(3,1fr)}
.blog-card h3{font-size:1.18rem;line-height:1.2;margin:12px 0 5px}
.blog-card p{margin:0;color:#bfadb0;font-size:.86rem}
.blog-card span{font-size:.73rem;color:#f6c96e}
.promo-row{grid-template-columns:repeat(3,1fr)}
.promo-card button{float:right;border:0;background:transparent;color:#fb5661;font-size:1.3rem}
.promo-card .promo-detail{display:none;border-top:1px solid #573038;padding-top:12px;margin-top:13px}
.promo-card.open .promo-detail{display:block}
.vip-row{grid-template-columns:repeat(5,1fr)}
.vip-card{text-align:center;cursor:pointer}
.vip-card i{display:block;color:#f4c66e;font-size:2rem;font-style:normal}
.vip-card .stage-icon{display:block;width:34px;height:34px;margin-inline:auto;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.vip-card strong{display:block;margin-top:7px}
.vip-detail{margin-top:13px;border:1px solid #573038;padding:18px;border-radius:12px;color:#d7c1c4}
.access-row{grid-template-columns:1fr 1fr}
.access-check{display:flex;gap:12px;align-items:center;cursor:pointer}
.access-check i{width:27px;height:27px;border:1px solid #6e3740;border-radius:50%;display:grid;place-items:center;font-style:normal}
.access-check.done i{background:#d71929;border-color:#fa4f5a}
.safe-row{grid-template-columns:repeat(3,1fr)}
.safe-card strong{display:block;color:#f3ca77;font-size:1.8rem}
.safe-card p{margin:7px 0 0;color:#cdb9bc;font-size:.85rem}
footer{border-top:1px solid #482329;background:#0b090b;padding:51px 0 34px}
.footer-grid{display:grid;grid-template-columns:1.4fr .65fr .65fr 1fr;gap:32px}
.foot-logo{width:176px;height:auto;object-fit:contain}
.footer-grid p{color:#ab969a;font-size:.84rem}
.footer-grid b{font-size:.75rem;letter-spacing:.11em;color:#f4ce79}
.footer-grid a{display:block;color:#d5c5c7;font-size:.88rem;margin-top:10px}
.tiny{font-size:.75rem!important}
.support-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;z-index:8;background:#d71929;border:1px solid #ff7880;color:#fff;font-size:1.6rem;box-shadow:0 12px 27px #000a}
.redirect-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 12%,#72111e,#10090b 55%)}
.redirect-page main{width:min(520px,calc(100% - 40px));text-align:center}
.redirect-page main>img{width:230px;height:auto;margin-bottom:34px}
.redirect-page span{display:block;color:#f5c96e;letter-spacing:.16em;font-size:.73rem;font-weight:800}
.redirect-page h1{font-size:2.25rem;line-height:1.05;margin:10px 0}
.redirect-page p{color:#d5c0c3}
.progress{height:8px;overflow:hidden;background:#47252b;border-radius:20px;margin:28px 0}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#da1526,#f4ca70);animation:progress 4.1s linear forwards}
@keyframes progress{to{width:100%}
}
.back-link{display:block;margin-top:18px;color:#f4c96e;font-size:.85rem}
@media(max-width:1020px){.nav-wrap{overflow:auto;scrollbar-color:#5b2630 transparent}
.main-nav{display:flex;min-width:max-content}
.main-nav a{font-size:.66rem}
.home-grid{grid-template-columns:1fr .7fr}
.games-grid{grid-template-columns:repeat(4,1fr)}
.category-showcase{grid-template-columns:repeat(3,1fr)}
.match-grid{grid-template-columns:1fr}
.reading-layout{grid-template-columns:1fr;gap:25px}
.reading-layout aside{position:static;display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}
.reading-layout aside span,.reading-layout aside h2,.reading-layout aside p{grid-column:1}
.reading-layout aside .action-btn{grid-column:2;grid-row:1/4}
.reading-layout aside>a:last-child{grid-column:1}
.footer-grid{grid-template-columns:repeat(2,1fr)}
.vip-row{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){.shell{width:calc(100% - 30px)}
.top{min-height:70px}
.brand img{width:166px}
.top-actions .plain-btn{display:none}
.top-actions .action-btn{font-size:.75rem;padding:10px 12px}
.home-hero,.home-grid{min-height:680px}
.home-grid{grid-template-columns:1fr}
.hero-copy{padding:54px 0 0}
.hero-copy h1{font-size:3rem}
.hero-copy>p{font-size:1rem}
.hero-art{height:290px;margin-top:-20px}
.hero-art>img{max-height:295px;right:2%;opacity:.82}
.hero-art:before{width:260px;height:260px}
.hero-tiles{right:0;bottom:7px}
.hero-tiles img{width:94px;height:94px}
.category-showcase{margin-top:-15px;grid-template-columns:1fr 1fr}
.category-showcase a{min-height:110px}
.category-showcase a:last-child{grid-column:1/-1}
.auto-slider{margin-top:25px}.slider-card{grid-template-columns:1fr}.slider-card>div{padding:28px 23px}.slider-card h2{font-size:2rem}.slider-card img{height:176px;order:-1}
.match-section,.game-area{padding-top:58px}
.section-heading{align-items:flex-start;flex-direction:column;gap:12px}
.games-grid{grid-template-columns:repeat(2,1fr);gap:9px}
.feature-split,.editorial{grid-template-columns:1fr}
.feature-split>div{padding:27px}
.page-hero{min-height:510px}
.page-hero .hero-copy{padding:58px 0}
.page-hero h1{font-size:2.9rem}
.mechanic{padding-top:43px}
.mechanic-stage{padding:13px}
.support-tabs,.event-row,.rank-grid,.mission-grid,.poker-row,.blog-row,.promo-row,.safe-row{grid-template-columns:1fr 1fr}
.support-tabs button{font-size:.75rem}
.wheel-row{gap:15px;align-items:flex-start}
.wheel{width:130px;height:130px;flex:none}
.wheel-info h3{font-size:1.25rem}
.vip-row{grid-template-columns:1fr 1fr}
.access-row{grid-template-columns:1fr}
.reading-layout{padding-top:52px}
.reading-layout aside{display:block}
.footer-grid{grid-template-columns:1fr 1fr;gap:25px}
.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}
.support-float{right:16px;bottom:16px}
.faq{padding-bottom:72px}
.hero-buttons .action-btn,.hero-buttons .plain-btn{padding:11px 13px;font-size:.82rem}
}