@font-face{font-family:Pixel;src:url('assets/pixel.woff2') format('woff2');font-display:swap}:root{--coral:#ceff63;--ink:#f1f1e8;background:#0b0d12;color:#f1f1e8}body{padding:12px}main{background:#11141b;border-radius:8px}.hero{background-image:linear-gradient(180deg,rgba(8,11,25,.7),rgba(10,13,25,.75)),url('assets/sky.webp');border-bottom:1px solid #38424e;min-height:880px}.brand{font-family:Pixel,Manrope,sans-serif;font-size:35px;letter-spacing:-.02em}.brand svg{color:#ceff63}.brand>span{color:#ceff63}.hero-copy{margin-top:30px}.hero h1{font-family:Pixel,Manrope,sans-serif;font-size:clamp(48px,6vw,86px);font-weight:400;line-height:1.05;letter-spacing:-.03em;color:#eff5df;text-shadow:0 5px 20px #07101c66}.hero h1::first-line{color:#ceff63}.hero-copy p{color:#c7d0d4;font-size:14px}.arcade-status{display:flex;gap:9px;align-items:center;justify-content:center;font-size:10px;letter-spacing:.12em;color:#d0dacd;margin-bottom:27px}.arcade-status>span{height:7px;width:7px;background:#ceff63}.arcade-status b{font-weight:400;margin-left:18px;color:#a4b2bc}.nav-play,.coral{background:#ceff63;color:#141b0e;border-radius:3px}.coral:hover,.nav-play:hover{background:#e0ff9c}.random-link{color:#e4e9e0}.button{border-radius:3px;padding:16px 22px}.fan{margin-top:58px}.fan-card{background:#1b222b;color:#edf3e8;border-radius:7px;box-shadow:0 20px 35px #03070f80;border:1px solid #4e5a60;height:238px}.fan-card img{height:165px}.fan-card div>span{color:#b4c3b9}.fan-card>div:last-child{padding-top:13px}.fan-card strong{font-family:Pixel,Manrope,sans-serif;font-size:18px;font-weight:400}.fan-liga,.fan-candy{height:227px}.fan-liga img,.fan-candy img{height:154px}.fan-sketch img{object-position:center 20%}.fan-card b{color:#ceff63}.hero-bottom{color:#d7e0df;background:none;font-size:10px;letter-spacing:.04em}.hero-bottom>span:first-child{color:#ceff63}.promise{background:#0d1118;border-bottom:1px solid #2d3440;color:#b8c1c8;font-size:11px}.promise i{background:#ceff63;border-radius:0}.section{padding-top:80px;padding-bottom:80px}.section-heading h2{font-family:Pixel,Manrope,sans-serif;font-weight:400;font-size:clamp(36px,4.3vw,61px);letter-spacing:-.02em}.section-heading h2>span{color:#ceff63}.section-heading p{color:#a6b2bc}.filters button{color:#c1cbd1;border-color:#3e4955;border-radius:3px}.filters button[aria-pressed=true]{background:#ceff63;border-color:#ceff63;color:#141b0e}.filters button:hover{border-color:#ceff63}.game-count{color:#a4b2be}.game-image{border-radius:5px;background:#202630}.free{background:#141b21;color:#ceff63;border:1px solid #485451;border-radius:3px;padding:7px 10px}.image-play{background:#ceff63;color:#141b0e;border-radius:3px}.game h3{font-family:Pixel,Manrope,sans-serif;font-size:29px;font-weight:400}.game h3 a:hover{color:#ceff63}.game h3 a span{color:#ceff63}.game-info div>p:last-child{color:#aebbc4}.game-type{color:#a5b7a2;letter-spacing:.04em}.catalog-note{color:#9eabb7}.about{background:#1a2026;border-top:1px solid #394049;gap:65px}.about h2{font-family:Pixel,Manrope,sans-serif;font-weight:400;font-size:clamp(34px,3.5vw,50px);letter-spacing:-.02em}.smile{background:#ceff63;border-radius:8px;transform:rotate(-8deg)}.smile svg{stroke:#1b2218}.about h3{color:#ceff63}.about p{color:#bcc7cd}.about-link{color:#ceff63}footer{background:#0d1117}footer p,footer>span{color:#a6b3bc}footer>a:not(.brand){color:#ceff63}:focus-visible{outline-color:#ceff63}button:focus-visible{outline-color:#fbafee}::selection{background:#ceff63;color:#141b0e}::-webkit-scrollbar-track{background:#0b0d12}::-webkit-scrollbar-thumb{background:#6b7e5c;border-color:#0b0d12}@media(max-width:900px){.hero{min-height:850px}.fan{margin-top:55px}.hero h1{font-size:65px}}@media(max-width:600px){body{padding:6px}.hero{min-height:820px}.hero-copy{margin-top:38px}.arcade-status{font-size:8px;letter-spacing:.05em;gap:7px;margin-bottom:26px}.arcade-status b{margin-left:8px}.hero h1{font-size:47px}.hero-copy p{font-size:12px}.fan{margin-top:48px}.fan-card{height:210px}.fan-card img{height:140px}.fan-card strong{font-size:15px}.section{padding-top:54px;padding-bottom:54px}.section-heading h2{font-size:39px}.about h2{font-size:36px}.about{gap:26px}.promise{font-size:10px}.brand{font-size:28px}.game h3{font-size:29px}}
/* User direction: clean dark arcade surface, without sky imagery. */
.hero{background:#101522;background-image:none}
.game-description,.audience{font-size:13px;line-height:1.75;color:#b9c5ce;margin:12px 0 0;max-width:56ch}.game-description b,.audience b{display:block;color:#e4eada;font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}.game-info div>p:last-child{margin-top:14px}.verbmon-cover img{object-position:center}

/* All five games remain available in the opening fan at every width. */
.fan{max-width:1190px}
.fan-card{width:220px}
.fan-liga{left:2%;width:210px;top:65px;--pose:rotateY(25deg) rotateZ(-13deg)}
.fan-mesto{left:21%;top:24px;--pose:rotateY(15deg) rotateZ(-7deg)}
.fan-sketch{left:40%;top:7px;--pose:rotateY(0deg) rotateZ(-1deg)}
.fan-candy{left:59%;width:220px;top:27px;--pose:rotateY(-15deg) rotateZ(7deg)}
.fan-verbmon{left:78%;width:210px;top:68px;--pose:rotateY(-25deg) rotateZ(13deg)}
.fan-verbmon img{object-position:center}
@media(max-width:900px) and (min-width:601px){.fan{min-width:1090px;margin-left:-545px;transform:scale(.68)}}
@media(max-width:600px){
.hero{min-height:900px}.fan{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:18px 25px 28px;margin:32px 0 0;height:275px;width:100%;perspective:none;scrollbar-width:thin;scrollbar-color:#ceff63 #171e29}
.fan .fan-card{display:block;position:relative;left:auto;top:auto;flex:0 0 210px;width:210px;height:222px;transform:none;scroll-snap-align:center;box-shadow:0 12px 22px #03070f66}
.fan .fan-card img{height:154px}.fan .fan-card:hover,.fan .fan-card:focus-visible{transform:translateY(-7px)}
.hero-bottom{bottom:14px}.hero-bottom a::after{content:" · karty posuň prstem";font-size:9px}
}
@media(min-width:901px){.fan{margin-top:43px}}

.about-simple{padding:38px 7%;border-top:1px solid #394049;background:#1a2026}.about-simple a{display:inline-flex;align-items:center;gap:22px;color:#ceff63;font-size:16px;text-decoration:underline;text-underline-offset:6px}.about-simple a:hover{color:#e0ff9c}