#root{min-height:100vh}.siteShell{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.hero{position:relative;padding:104px 24px 88px;text-align:center;overflow:hidden}.brand{margin:0;color:#17233d;font-family:Silkscreen,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95;letter-spacing:-.04em}.sectionLabel{margin:0;color:#ef6a4c;font-family:Silkscreen,sans-serif;font-size:.78rem;letter-spacing:.2em}.slogan{margin:22px 0 12px;color:#ef6a4c;font-family:Silkscreen,sans-serif;font-size:clamp(1.1rem,2.4vw,1.65rem);line-height:1.2;letter-spacing:.02em}.positioning{margin:0;color:#667085;font-size:1rem;letter-spacing:.22em}.pixelBits{position:absolute;display:grid;grid-template-columns:repeat(2,12px);gap:7px;transform:rotate(12deg)}.pixelBits span{width:12px;height:12px;border-radius:3px}.pixelBits span:nth-child(1){background:#f7c948}.pixelBits span:nth-child(2){background:#55b8a8}.pixelBits span:nth-child(3){grid-column:2;background:#ef6a4c}.pixelBitsLeft{top:88px;left:7%}.pixelBitsRight{right:8%;bottom:70px;transform:rotate(192deg)}.gamesSection{padding:54px 44px 48px;border:1px solid rgba(23,35,61,.08);border-radius:32px;background:#ffffffb8;box-shadow:0 24px 70px #2a364f14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sectionHeading{margin-bottom:34px;text-align:left}.sectionHeading h2{margin:8px 0 0;color:#17233d;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gameCard{min-width:0;padding:28px 18px 22px;border:1px solid #e7e9ef;border-radius:24px;background:#fff;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.gameCard:hover{transform:translateY(-6px);border-color:#d9dfea;box-shadow:0 18px 34px #17233d1a}.iconFrame{overflow:hidden;width:min(164px,100%);margin:0 auto;border-radius:18px;background:#f4f5f7;aspect-ratio:1}.iconFrame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gameCard:hover .iconFrame img{transform:scale(1.025)}.gameDetails{padding:20px 4px 4px;text-align:center}.platform{margin:0 0 6px;color:#8991a3;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gameDetails h3{margin:0;color:#17233d;font-size:1.15rem;font-weight:700}.gameAction,.qrHint{min-height:24px;margin:20px 0 0;font-size:.88rem;font-weight:700}.gameAction{display:inline-flex;gap:7px;align-items:center;color:#4662d9;text-decoration:none}.gameAction span{transition:transform .18s ease}.gameAction:hover{color:#2f49b9}.gameAction:hover span{transform:translate(2px,-2px)}.gameAction:focus-visible,footer a:focus-visible{outline:3px solid rgba(70,98,217,.28);outline-offset:5px;border-radius:4px}.qrHint{color:#667085;font-weight:500}footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:34px 8px;color:#8991a3;font-size:.78rem;letter-spacing:.04em}footer p{margin:0}.contact{white-space:nowrap}footer a{color:inherit;text-decoration:none}footer a:hover{color:#17233d}@media (max-width: 760px){.siteShell{width:min(100% - 28px,560px)}.hero{padding:78px 12px 64px}.brand{font-size:clamp(2.8rem,14vw,4.2rem)}.slogan{margin-top:18px;font-size:1.1rem}.positioning{font-size:.88rem;letter-spacing:.14em}.pixelBitsLeft{top:50px;left:1%}.pixelBitsRight{right:2%;bottom:38px}.gamesSection{padding:32px 18px 20px;border-radius:24px}.sectionHeading{margin:0 4px 24px}.games{grid-template-columns:1fr;gap:14px}.gameCard{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border-radius:19px}.iconFrame{width:92px;border-radius:14px}.gameDetails{padding:0;text-align:left}.gameAction,.qrHint{margin-top:12px;font-size:.78rem}footer{padding:28px 4px}}@media (prefers-reduced-motion: reduce){.gameCard,.iconFrame img,.gameAction span{transition:none}}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#17233d;background:radial-gradient(circle at 12% 18%,rgba(247,201,72,.16),transparent 25%),radial-gradient(circle at 88% 10%,rgba(85,184,168,.14),transparent 28%),#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f7f8f5}body{min-width:320px;min-height:100vh;margin:0}img{max-width:100%}