:root{--bg:#180d25;--panel:#29153e;--panel2:#3d205d;--text:#fff9ed;--muted:#cbb5d9;--accent:#f2bf49;--accent2:#b164ff;--line:#694487;--shadow:rgba(242,191,73,.23)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{position:sticky;z-index:50;top:0;display:flex;align-items:center;gap:28px;min-height:68px;padding:0 max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.08em}.brand span{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--accent);border-radius:12px;background:var(--panel);color:var(--accent);font-size:20px}header nav{display:flex;gap:24px;margin:auto;color:var(--muted)}header nav a:hover{color:var(--accent)}.auth{display:flex;gap:9px}.auth a,.cta,.ghost,.promo a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 21px;border:1px solid var(--accent);border-radius:10px;font-weight:850}.auth .primary,.cta,.promo a{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#101014;box-shadow:0 10px 25px var(--shadow)}main{max-width:1320px;margin:auto;padding:24px}.hero{position:relative;min-height:440px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--panel)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 97%,transparent) 4%,color-mix(in srgb,var(--bg) 78%,transparent) 45%,transparent 80%)}.hero-copy{position:relative;z-index:2;max-width:680px;padding:72px 56px}.hero-copy>span,.section-head>span,.promo>div>span{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.18em}.hero h1{max-width:640px;margin:13px 0 17px;font-size:clamp(42px,6vw,72px);line-height:.96;letter-spacing:-.035em}.hero p{max-width:560px;margin:0 0 26px;color:var(--muted);font-size:18px}.hero-copy>div{display:flex;gap:10px}.ghost{background:color-mix(in srgb,var(--panel) 85%,transparent)}.hero aside{position:absolute;z-index:3;right:28px;bottom:25px;display:grid;grid-template-columns:auto auto;gap:3px 12px;padding:17px 20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg) 87%,transparent);backdrop-filter:blur(12px)}.hero aside span{font-size:20px;font-weight:900;color:var(--accent2)}.hero aside small{align-self:center;color:var(--muted)}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 34px}.quick a{display:flex;gap:13px;align-items:center;min-height:82px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.quick i{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--panel2);color:var(--accent);font-style:normal;font-weight:900}.quick span{display:grid;font-weight:800}.quick small{color:var(--muted);font-weight:400}.section-head{margin:38px 0 14px}.section-head h2{margin:3px 0;font-size:34px}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.game-card{position:relative;overflow:hidden;aspect-ratio:1/1.2;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.game-card img{width:100%;height:100%;object-fit:cover;transition:.3s}.game-card:hover img{transform:scale(1.04)}.game-card:after{position:absolute;inset:45% 0 0;content:"";background:linear-gradient(transparent,rgba(0,0,0,.9))}.game-card span{position:absolute;z-index:2;right:54px;bottom:12px;left:11px;overflow:hidden;color:white;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.game-card em{position:absolute;z-index:3;right:8px;bottom:10px;padding:4px 7px;border-radius:7px;background:var(--accent);color:#101014;font-size:10px;font-style:normal;font-weight:900}.promo{display:flex;align-items:center;justify-content:space-between;min-height:260px;margin:45px 0;padding:42px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(125deg,var(--panel),var(--panel2));overflow:hidden}.promo h2{margin:7px 0;font-size:40px;line-height:1}.promo p{max-width:590px;color:var(--muted)}.promo-mark{display:grid;place-items:center;width:190px;height:190px;border:2px solid var(--accent);border-radius:50%;background:radial-gradient(circle,var(--panel2),var(--bg));box-shadow:0 0 55px var(--shadow);font-size:76px;transform:rotate(-8deg)}.content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:48px 0}.content>section,.faq{padding:26px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.content h2{margin:0 0 12px;font-size:25px;line-height:1.15}.content p{margin:9px 0;color:var(--muted)}.faq{grid-column:1/-1}.faq details{padding:14px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800}.faq p{margin-bottom:0}footer{display:flex;align-items:center;gap:24px;padding:30px max(24px,calc((100vw - 1320px)/2));border-top:1px solid var(--line);color:var(--muted)}footer p{flex:1}footer>span{font-size:26px;font-weight:900;color:var(--accent)}.dock{display:none}
body.v1 header{border-bottom:2px solid var(--text)}body.v1 .hero{display:grid;grid-template-columns:56% 44%;border-radius:0;border-width:2px}body.v1 .hero>img{position:relative;grid-column:2;height:100%;filter:sepia(.18)}body.v1 .hero:after{background:linear-gradient(90deg,var(--bg) 0%,transparent 70%)}body.v1 .hero-copy{position:absolute}body.v1 .quick a,body.v1 .content>section,body.v1 .faq{border-radius:2px}body.v1 .game-card{border-radius:2px}body.v1 .promo{border-radius:2px;border-width:2px}
body.v2 .hero{border-radius:38px 8px 38px 8px;box-shadow:0 0 45px var(--shadow)}body.v2 .quick{transform:translateY(-38px);position:relative;z-index:4;margin-bottom:-10px;padding:0 20px}body.v2 .quick a{box-shadow:0 12px 30px rgba(0,0,0,.3)}body.v2 .game-card:nth-child(1),body.v2 .game-card:nth-child(2){grid-column:span 2;grid-row:span 2}body.v2 .game-grid{grid-auto-flow:dense}body.v2 .promo{background:radial-gradient(circle at 80%,var(--panel2),var(--panel))}
body.v3 main{max-width:1480px}body.v3 .hero{min-height:510px;border-radius:8px}body.v3 .hero-copy{margin-left:8%;padding-top:100px}body.v3 .hero aside{top:28px;bottom:auto}body.v3 .quick a{border-radius:999px}body.v3 .promo{border-radius:80px 15px 80px 15px}body.v3 .content>section:nth-child(3n){grid-column:1/-1}
body.v4 .hero{min-height:370px;border-radius:0;border-left:7px solid var(--accent)}body.v4 .hero-copy{padding:48px}body.v4 .hero h1{font-size:clamp(38px,5vw,60px)}body.v4 .quick{grid-template-columns:repeat(2,1fr)}body.v4 .quick a{min-height:105px}body.v4 .game-grid{grid-template-columns:repeat(3,1fr)}body.v4 .game-card{aspect-ratio:1.55/1}body.v4 .promo{border-radius:0;box-shadow:12px 12px 0 var(--line)}
body.v5 header{min-height:78px}body.v5 .hero{min-height:520px;border-radius:110px 22px 110px 22px}body.v5 .hero-copy{padding:94px 70px}body.v5 .quick{grid-template-columns:repeat(4,1fr);max-width:1050px;margin:20px auto 45px}body.v5 .game-grid{grid-template-columns:repeat(4,1fr)}body.v5 .game-card:nth-child(1),body.v5 .game-card:nth-child(6){grid-column:span 2}body.v5 .content{grid-template-columns:1fr;max-width:1000px;margin-inline:auto}body.v5 .promo{max-width:1080px;margin-inline:auto}
@media(max-width:900px){header nav{display:none}.hero aside{display:none}.quick{grid-template-columns:repeat(2,1fr)}.game-grid,body.v4 .game-grid,body.v5 .game-grid{grid-template-columns:repeat(3,1fr)}.content{grid-template-columns:1fr}.faq{grid-column:auto}}
@media(max-width:620px){header{min-height:60px;padding:0 10px;gap:8px}.brand{font-size:11px}.brand span{width:34px;height:34px}.auth{margin-left:auto}.auth a{min-height:38px;padding:0 12px;font-size:11px}header>.brand{max-width:125px}main{padding:10px 10px 86px}.hero,body.v1 .hero,body.v3 .hero,body.v4 .hero,body.v5 .hero{display:block;min-height:410px;border-radius:18px}.hero>img,body.v1 .hero>img{position:absolute;inset:0;width:100%;height:100%;object-position:62% center}.hero:after,body.v1 .hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 52%,transparent) 74%,transparent)}.hero-copy,body.v1 .hero-copy,body.v3 .hero-copy,body.v5 .hero-copy{position:relative;margin:0;padding:46px 18px}.hero h1{font-size:37px}.hero p{font-size:14px}.hero-copy>div{flex-wrap:wrap}.quick,body.v2 .quick,body.v4 .quick,body.v5 .quick{grid-template-columns:repeat(2,minmax(0,1fr));transform:none;margin:15px 0 34px;padding:0}.quick a{min-width:0;padding:10px}.quick small{font-size:10px}.game-grid,body.v2 .game-grid,body.v4 .game-grid,body.v5 .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card,.game-card:nth-child(1),.game-card:nth-child(2),body.v5 .game-card:nth-child(1),body.v5 .game-card:nth-child(6){grid-column:span 1;grid-row:span 1;aspect-ratio:1/1.12}.promo{min-height:420px;padding:27px 20px 205px;position:relative;display:block;border-radius:18px!important;box-shadow:none!important}.promo h2{font-size:31px}.promo-mark{position:absolute;right:50%;bottom:18px;width:170px;height:170px;transform:translateX(50%) rotate(-8deg)}.content{display:block;margin-top:32px}.content>section,.faq{margin:10px 0;padding:20px}.content h2{font-size:23px}footer{align-items:flex-start;padding:24px 14px 85px}footer p{font-size:11px}.dock{position:fixed;z-index:80;right:8px;bottom:7px;left:8px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px)}.dock a{padding:8px;text-align:center;color:var(--muted);font-size:11px}.dock a:last-child{border-radius:10px;background:var(--panel2);color:var(--text)}}