*{box-sizing:border-box}body{margin:0;background:#111019;color:#f4eefb;font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit}header,main,footer{width:min(1180px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 0}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:750;text-decoration:none;letter-spacing:-1px}.button{display:inline-block;padding:12px 20px;border:1px solid #655174;border-radius:12px;text-decoration:none;font-size:14px;font-weight:650}.primary{background:#dcef88;color:#202416;border-color:#dcef88}.hero{padding:66px 0 58px;max-width:780px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b699cb;font-weight:650}h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-3px;margin:20px 0}h1 span{color:#d6b3f0}.hero>p:not(.eyebrow){color:#bcb0c9;max-width:630px;margin:24px 0 30px}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{display:flex;flex-direction:column;padding:27px;border:1px solid #43344f;border-radius:20px;background:linear-gradient(145deg,#241c30,#191520)}article.flagship{border-color:#ad8651;background:linear-gradient(145deg,#35271d,#211a2c)}h2{font-size:25px;letter-spacing:-.6px;margin:8px 0}article>p:not(.eyebrow),aside p{color:#bfb2cc;font-size:14px}article>a{margin-top:auto;padding-top:18px;text-decoration:none;color:#dcef88;font-size:14px}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #dcef88;outline-offset:5px}aside{margin:40px 0;padding:26px;border-top:1px solid #43344f}footer{padding:20px 0 32px;color:#a99ab8;font-size:12px}footer>a{margin-right:24px}footer p{max-width:700px}@media(max-width:850px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){header,main,footer{width:calc(100% - 32px)}.brand{font-size:24px}.button{padding:10px 13px;font-size:12px}.hero{padding:36px 0}h1{letter-spacing:-1.5px}.games{grid-template-columns:minmax(0,1fr)}article{padding:23px}aside{padding:22px 0}}

.public-game-categories{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.public-game-categories a{padding:10px 15px;border:1px solid var(--line);border-radius:10px;font-size:13px}.games article{scroll-margin-top:25px;background:var(--panel);border-color:var(--line)}.hero h1 span{color:var(--accent)}.games article>a{color:var(--accent)}