@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{font-family:Manrope,sans-serif;color:#171916;background:#eeeee7;font-synthesis:none;--coral:#ff775e;--ink:#171916}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;padding:14px}main{max-width:1700px;margin:auto;background:#fcfcf8;border-radius:18px;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}::selection{background:#ff775e;color:#171916}:focus-visible{outline:3px solid #ff775e;outline-offset:5px}button:focus-visible{outline-color:#0753b7}.skip{position:fixed;top:-80px;left:24px;background:white;padding:12px;z-index:10}.skip:focus{top:20px}.hero{position:relative;min-height:820px;background:#0964c2 url('assets/sky.webp') center/cover;color:white;overflow:hidden}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:20px}.brand{display:inline-flex;align-items:center;font-size:34px;font-weight:700;letter-spacing:-.04em;gap:9px}.brand>span{color:var(--coral);margin-left:-9px}.brand svg{width:31px;height:34px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}nav{display:flex;gap:32px;font-size:13px}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{border-bottom-color:currentColor}.nav-play{font-size:13px;background:white;color:#151716;padding:12px 17px;border-radius:7px}.nav-play span{margin-left:25px}.hero-copy{text-align:center;margin:42px auto 0;padding:0 22px;position:relative;z-index:2}.hero h1{font-size:clamp(48px,5.7vw,80px);letter-spacing:-.04em;line-height:1.05;font-weight:700;margin:0 0 24px;text-wrap:balance}.hero-copy p{font-size:16px;line-height:1.7;margin:0 auto 26px;color:white}.actions{display:flex;align-items:center;justify-content:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 21px;border-radius:7px;font-size:13px;font-weight:700}.coral{background:var(--coral);color:#201c19}.coral:hover{background:#ff937f}.random-link{border:0;background:none;color:white;display:flex;align-items:center;gap:10px;font-size:13px;padding:12px 0}.random-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.random-link:hover{text-decoration:underline;text-underline-offset:5px}.fan{height:300px;max-width:1070px;margin:45px auto 0;position:relative;perspective:1100px}.fan-card{position:absolute;display:block;width:255px;height:225px;background:#fcfcf8;border-radius:12px;overflow:hidden;color:#171916;box-shadow:0 18px 32px #07265c38;transition:transform .45s cubic-bezier(.16,1,.3,1);transform:var(--pose)}.fan-card:hover,.fan-card:focus-visible{transform:var(--pose) translateY(-22px);z-index:5}.fan-card img{width:100%;height:165px;object-fit:cover;object-position:center}.fan-card>div:last-child{padding:11px 15px;position:relative}.fan-card strong{display:block;font-size:15px}.fan-card div>span{display:block;font-size:9px;margin-top:4px}.fan-card b{position:absolute;right:15px;top:18px;font-size:19px}.fan-liga{left:5%;top:51px;--pose:rotateY(26deg) rotateZ(-13deg);height:214px;width:230px}.fan-liga img{object-position:right;height:154px}.fan-mesto{left:27%;top:13px;--pose:rotateY(14deg) rotateZ(-6deg);z-index:2}.fan-mesto img{object-position:left}.fan-sketch{left:51%;top:12px;--pose:rotateY(-14deg) rotateZ(7deg);z-index:3}.fan-candy{left:74%;top:57px;--pose:rotateY(-26deg) rotateZ(14deg);height:214px;width:230px}.fan-candy img{height:154px;object-position:27% center}.sketch-title{height:165px;background:#11121b;color:#f3f0d9;padding:15px 20px!important}.sketch-title small{font-size:8px;letter-spacing:.16em}.sketch-title strong{font-size:43px;line-height:1;letter-spacing:.03em;margin-top:9px}.sketch-title span{color:#d6d4b8}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:21px 4.5%;font-size:11px;color:#12364e;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#d7eaf666)}.hero-bottom a{display:flex;gap:16px;align-items:center}.hero-bottom a span{font-size:20px}.promise{display:flex;justify-content:space-evenly;align-items:center;padding:27px 5%;font-size:12px;border-bottom:1px solid #e5e5dd}.promise i{width:5px;height:5px;border-radius:50%;background:var(--coral)}.section{padding:90px 7%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}h2{font-size:clamp(32px,3.4vw,49px);letter-spacing:-.04em;line-height:1.13;margin:0;font-weight:700}.section-heading h2>span{color:#df5138}.section-heading p{font-size:13px;line-height:1.7;color:#5d6159;margin:0}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:none;color:#42473f;border:1px solid #d8dbd3;border-radius:30px;font-size:12px;padding:10px 17px}.filters button[aria-pressed=true]{background:#1d2420;border-color:#1d2420;color:white}.filters button:hover{border-color:#171916}.filters button span{margin-left:6px;opacity:.7}.game-count{font-size:11px;color:#62665d}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.game[hidden]{display:none}.game-image{display:block;position:relative;aspect-ratio:1.65;background:#e8e9e1;border-radius:12px;overflow:hidden}.game-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.game-image:hover>img{transform:scale(1.035)}.sketch-cover>img{object-fit:cover;object-position:center 49%}.city-cover>img{object-position:left center}.liga-cover>img{object-position:right center}.free{position:absolute;left:15px;top:15px;font-size:10px;background:white;color:#1d2420;border-radius:30px;padding:7px 12px}.image-play{position:absolute;bottom:15px;right:15px;border-radius:30px;background:#fff;color:#171916;padding:10px 17px;font-size:12px;font-weight:700}.game-info{padding:19px 0 0}.game-type{font-size:10px;color:#65695f;margin:0 0 7px}.game h3{margin:0 0 10px;font-size:25px;letter-spacing:-.03em}.game h3 a{display:flex;align-items:center;justify-content:space-between}.game h3 a span{font-size:21px}.game h3 a:hover{color:#c8432d}.game-info div>p:last-child{font-size:13px;line-height:1.7;max-width:54ch;margin:0;color:#5a5f55}.catalog-note{text-align:center;margin:43px 0 0;font-size:11px;color:#62665d}.about{background:#1d2722;color:#f2f1e7;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding-top:75px;padding-bottom:80px}.about h2{font-size:clamp(30px,3vw,43px)}.smile{display:block;width:62px;height:62px;background:var(--coral);border-radius:50%;margin-bottom:28px;transform:rotate(-12deg)}.smile svg{fill:none;stroke:#1d2722;stroke-width:5;stroke-linecap:round}.about-copy{padding-top:15px}.about h3{font-size:21px;margin:0 0 16px;letter-spacing:-.02em}.about p{font-size:13px;line-height:1.9;color:#d6dcd2;max-width:47ch}.about-link{display:flex;align-items:center;gap:22px;margin-top:28px;color:#ff9d86;font-size:12px;text-decoration:underline;text-underline-offset:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 7%;font-size:11px}footer p{margin-right:auto;color:#5a5f55}footer>a:not(.brand){text-decoration:underline;text-underline-offset:5px}footer>span{color:#62665d}.footer-brand{font-size:26px}.footer-brand span{margin-left:-9px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#9aa99e;border:2px solid #eeeee7;border-radius:7px}::-webkit-scrollbar-track{background:#eeeee7}
@media(min-width:1400px){.hero{min-height:880px}.hero-copy{margin-top:50px}.fan{margin-top:57px}}@media(max-width:900px){.hero{min-height:800px}header{height:85px}.hero-copy{margin-top:40px}.hero h1{font-size:64px}.fan{transform:scale(.82);transform-origin:top center;min-width:880px;left:50%;margin-left:-440px;margin-top:55px}.section{padding:65px 5%}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.about{gap:35px}.promise{font-size:10px}.game-grid{gap:35px 22px}}
@media(max-width:600px){body{padding:7px}main{border-radius:12px}.hero{min-height:790px}header{height:77px;padding:0 6%}.brand{font-size:29px}.brand svg{width:26px}nav{gap:18px;font-size:11px}.nav-play{display:none}.hero-copy{margin-top:48px;padding:0 16px}.hero h1{font-size:46px;line-height:1.1}.hero-copy p{font-size:13px;margin-top:20px;line-height:1.8}.actions{gap:20px}.button{padding:14px 17px;font-size:12px;gap:18px}.random-link{font-size:12px}.fan{min-width:0;width:100%;left:auto;margin:46px 0 0;transform:none;height:290px}.fan-card{width:182px;height:198px}.fan-card img{height:140px}.fan-card strong{font-size:12px}.fan-card>div:last-child{padding:10px 11px}.fan-card div>span{font-size:8px}.fan-mesto{left:calc(50% - 165px);top:15px;--pose:rotateY(10deg) rotateZ(-9deg)}.fan-sketch{left:calc(50% - 5px);top:40px;--pose:rotateY(-10deg) rotateZ(10deg)}.sketch-title{height:140px;padding:14px!important}.sketch-title strong{font-size:36px}.fan-liga,.fan-candy{display:none}.hero-bottom{padding:14px 6%;font-size:9px}.hero-bottom>span:last-child{display:none}.promise{display:grid;grid-template-columns:1fr 1fr;gap:17px;text-align:center;padding:24px 6%;font-size:10px}.promise i{display:none}.section{padding:53px 6%}h2{font-size:33px}.section-heading{margin-bottom:28px}.section-heading p{font-size:12px}.catalog-toolbar{align-items:flex-start;gap:13px;flex-direction:column}.filters{gap:5px}.filters button{padding:9px 12px;font-size:10px}.game-count{font-size:10px}.game-grid{grid-template-columns:1fr;gap:35px}.game-image{aspect-ratio:1.45}.game h3{font-size:25px}.game-info div>p:last-child{font-size:12px}.game-type{font-size:9px}.catalog-note{font-size:10px;line-height:1.7;margin-top:30px}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:32px}.about-copy{padding-top:0}.about h3{font-size:20px}.smile{width:50px;height:50px;margin-bottom:25px}footer{flex-wrap:wrap;gap:18px;padding:28px 6%}footer p{font-size:10px}footer>a:not(.brand){width:50%}footer>span{margin-left:auto;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}