@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d0b14;--text:#f9f6fa;--muted:#a9a2b4;--pink:#ff2fa2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:radial-gradient(ellipse at 60% -10%,#372039,transparent 52%),var(--bg);color:var(--text);font:14px/1.45 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.announce{position:relative;z-index:31;min-height:42px;padding:11px 52px 10px 16px;background:linear-gradient(90deg,#e91f85,#ff57ae);text-align:center;font-size:13px;font-weight:700}.announce>.play-button{position:absolute;right:19px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:23px;font-weight:400}.announce>.play-button:hover{background:#ffffff30}
header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:26px;min-height:68px;padding:9px max(24px,calc((100vw - 1280px)/2));background:#100e16ee;border-bottom:1px solid #ffffff13;backdrop-filter:blur(14px)}.logo{display:inline-flex;flex-direction:column;justify-content:center;min-width:70px;height:47px;transform:skew(-7deg);line-height:.9}.logo b{font:italic 800 31px/1 Inter,Arial,sans-serif;letter-spacing:-5px}.logo i{padding-left:5px;color:var(--pink);font:700 15px/1 cursive}header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}header nav a{font-size:13px;font-weight:700;color:#ddd7e1}header nav a:hover{color:var(--pink)}.right{margin-left:auto;display:flex;align-items:center;gap:9px}.menu,.search{display:grid;place-items:center;min-width:32px;min-height:32px;font-size:24px;color:#c8c1ce}.menu{display:none}.login,.register{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 17px;border-radius:22px;font-size:12px;font-weight:800;white-space:nowrap}.login{background:#2b2433}.register{background:var(--pink);color:#200018}.login:hover{background:#3c3045}.register:hover{background:#ff68b9}.gift{display:grid;place-items:center;align-self:flex-start;width:21px;height:21px;margin-left:-18px;margin-top:-5px;border-radius:50%;background:#fff;color:#da1384;font-size:13px}
main{width:min(100% - 36px,1240px);margin:20px auto 80px}.hero{position:relative;display:flex;align-items:flex-end;min-height:390px;overflow:hidden;padding:clamp(24px,4vw,52px);border:1px solid #ffffff21;border-radius:25px;background:linear-gradient(90deg,#0d0917dd,#0d091759 60%,transparent),url('assets/la-hero.png') center/cover;box-shadow:0 24px 60px #0005}.hero-copy{max-width:590px;text-shadow:0 2px 20px #000}.hero h1{margin:0 0 9px;font:700 clamp(34px,4.5vw,60px)/1 Oswald,Impact,sans-serif;text-transform:uppercase}.hero p{margin:0 0 24px;font:600 clamp(17px,2.2vw,27px)/1.18 Inter,Arial,sans-serif}.hero .register{min-height:44px;padding:10px 23px;font-size:14px;text-shadow:none}
.categories{display:flex;gap:9px;overflow-x:auto;margin:16px 0 31px;padding:0 0 7px;scrollbar-width:none;scroll-snap-type:x proximity}.categories::-webkit-scrollbar,.games::-webkit-scrollbar,.bonuses::-webkit-scrollbar{display:none}.categories a{flex:0 0 auto;padding:10px 17px;border:1px solid #362b3d;border-radius:24px;background:#1b1522;font-size:13px;font-weight:700;white-space:nowrap;scroll-snap-align:start}.categories a:hover{background:#322139;border-color:var(--pink)}main>section:not(.hero){margin-top:28px}.shelf-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 4px 13px}.shelf-title b,.wins h2{font:700 22px/1.15 Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.025em}.shelf-title a{color:#d9b8ce;font-size:12px;font-weight:800;white-space:nowrap}.shelf-title a:hover{color:#fff}
.games{display:flex;gap:12px;overflow-x:auto;padding:1px 1px 12px;scrollbar-width:none;scroll-snap-type:x proximity}.game{flex:0 0 170px;display:block;min-width:0;min-height:227px;overflow:hidden;border:1px solid #2c2333;border-radius:17px;background:#16111d;scroll-snap-align:start;transition:transform .18s,border-color .18s}.game:hover{transform:translateY(-3px);border-color:var(--pink)}.cover,.thumb{background-image:url('assets/game-sprite.png');background-size:400% 400%;background-repeat:no-repeat}.cover{height:166px;position:relative}.cover:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;background:#0009;opacity:0;font-size:27px;transition:opacity .18s}.game:hover .cover:after{opacity:1}.game h3{margin:9px 10px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25}.game p{margin:0 10px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}
.pos-0{background-position:0 0}.pos-1{background-position:33.333% 0}.pos-2{background-position:66.666% 0}.pos-3{background-position:100% 0}.pos-4{background-position:0 33.333%}.pos-5{background-position:33.333% 33.333%}.pos-6{background-position:66.666% 33.333%}.pos-7{background-position:100% 33.333%}.pos-8{background-position:0 66.666%}.pos-9{background-position:33.333% 66.666%}.pos-10{background-position:66.666% 66.666%}.pos-11{background-position:100% 66.666%}.pos-12{background-position:0 100%}.pos-13{background-position:33.333% 100%}.pos-14{background-position:66.666% 100%}.pos-15{background-position:100% 100%}
.wins h2{margin:0 4px 14px}.wins-wrap{display:grid;grid-template-columns:minmax(290px,390px) 1fr;gap:15px}.podium{display:flex;align-items:end;gap:7px}.podium article{flex:1;min-width:0;min-height:157px;padding:10px 5px;border:1px solid #453347;border-radius:16px;background:linear-gradient(160deg,#2c1d31,#19121f);text-align:center}.podium article.first{min-height:173px;background:linear-gradient(160deg,#56304e,#261827);border-color:#9c477e}.thumb{display:block;width:min(100%,79px);height:79px;margin:0 auto 5px;border-radius:11px}.podium article>b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eebddd;color:#1b101c;font-size:11px}.podium small,.podium strong{display:block;white-space:nowrap;font-family:Oswald,sans-serif}.podium small{margin-top:3px;color:#c3aabd;font-size:10px}.podium strong{margin-top:3px;font-size:12px}.win-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.win-list>div{display:flex;align-items:center;gap:8px;min-width:0;min-height:52px;padding:9px 12px;border:1px solid #33283b;border-radius:13px;background:#19141f}.win-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.win-list small{display:block;color:#a399ac;font-size:10px;font-weight:400}.win-list b{margin-left:auto;white-space:nowrap;color:#f4d9e8;font:600 12px Oswald,sans-serif}
.bonuses{display:flex;gap:12px;overflow-x:auto;padding:1px 1px 12px;scrollbar-width:none;scroll-snap-type:x proximity}.bonuses article{position:relative;flex:0 0 293px;height:205px;overflow:hidden;padding:16px;border:1px solid #583358;border-radius:18px;background:radial-gradient(circle at 72% 30%,#743267,#25142e 65%,#160f21);scroll-snap-align:start}.bonuses label{display:inline-block;padding:4px 8px;border-radius:7px;background:#f85baa;color:#2b0920;font-size:10px;font-weight:800}.bonus-art{position:absolute;right:16px;top:36px;display:flex;align-items:center;gap:4px;font-size:53px;filter:drop-shadow(0 5px 15px #ff68bf5c)}.bonus-art strong{font:700 22px/1 Oswald,sans-serif;color:#ffe5a1;text-align:center}.bonuses article>small{position:absolute;left:16px;bottom:63px;font:700 13px/1.2 Oswald,sans-serif;text-transform:uppercase}.bonuses footer{position:absolute;inset:auto 0 0;min-height:47px;background:#120f19}.bonuses footer a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:9px 16px;font-size:12px;font-weight:800}.bonuses footer a:hover{background:#3d1c37}.bonuses footer b{font-size:22px}
@media(max-width:950px){header{padding:10px 18px}.wins-wrap{grid-template-columns:1fr}.podium{max-width:420px}.hero{min-height:330px}}@media(max-width:650px){.announce{font-size:11px}header{min-height:61px;gap:10px;padding:7px 11px}header nav,.search,.gift{display:none}.menu{display:grid;flex:0 0 28px}.right{flex:0 0 auto;gap:5px}.right .login{display:none}.right .register{min-height:34px;padding:7px 11px;font-size:11px}.logo{min-width:55px;flex:0 0 55px}.logo b{font-size:26px}.logo i{font-size:12px}main{width:calc(100% - 20px);margin-top:11px}.hero{min-height:320px;align-items:end;padding:25px 20px;background-position:61% center;border-radius:18px}.hero h1{font-size:34px}.hero p{max-width:300px;font-size:17px}.categories{margin-bottom:21px}.categories a{padding:9px 13px;font-size:12px}.shelf-title b,.wins h2{font-size:19px}.game{flex-basis:148px;min-height:204px}.cover{height:145px}.wins-wrap{display:block}.podium{margin-bottom:9px}.win-list{grid-template-columns:1fr}.bonuses article{flex-basis:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game,.cover:after{transition:none}}