:root{--bg:#10121b;--panel:#1a1d2a;--line:#2b2f3e;--text:#f4f5fa;--muted:#a0a5ba;--lime:#c8ff68;--purple:#c3acff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 30px}.header{height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-1.3px;font-size:23px;white-space:nowrap}.logo img{height:34px;width:34px}.logo span{color:var(--lime)}nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c5c8d6}.navplay{background:#252a34;color:var(--lime);padding:10px 17px;border:1px solid #394534;border-radius:9px}.hero{padding:66px 0 48px;display:grid;grid-template-columns:1fr 1.12fr;gap:46px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--lime);display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(50px,6.3vw,82px);line-height:1.02;letter-spacing:-4.7px;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}.lead{color:var(--muted);font-size:16px;max-width:390px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;background:var(--lime);color:#172319;padding:15px 22px;border-radius:10px;font-size:13px;font-weight:800;transition:transform .15s,background .15s}.button:hover{background:#dcff9b;transform:translateY(-2px)}.hero .button{margin-top:15px}.tiny{margin-top:15px;font-size:10px;color:#868b9e;letter-spacing:.7px}.featured{position:relative;border:1px solid #3b405a;border-radius:22px;overflow:hidden;aspect-ratio:1.12;background:#0b1027;box-shadow:0 18px 80px #0004;transform:rotate(1.5deg);display:block}.featured:hover img{transform:scale(1.04)}.featured>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.featured:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#090f25)}.pill{font-size:9px;font-weight:800;letter-spacing:1.5px;background:var(--lime);color:#213023;padding:7px 12px;border-radius:25px;position:absolute;top:22px;left:22px;z-index:1}.featuretitle{position:absolute;bottom:26px;left:27px;right:27px;z-index:1;display:flex;align-items:end;justify-content:space-between}.featuretitle h2{font-size:38px;letter-spacing:4px;margin:0;line-height:1.3}.featuretitle p{color:#b5c1de;font-size:11px;letter-spacing:2px;margin:4px 0}.circleplay{width:54px;height:54px;border-radius:50%;background:var(--lime);color:#1d2d1d;display:grid;place-items:center;padding-left:3px;font-size:20px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;color:#b1b5c8;font-size:11px;letter-spacing:.5px}.strip span:before{content:'✦';color:var(--lime);margin-right:10px}.section{padding:62px 0 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.sectionhead h2{font-size:31px;letter-spacing:-1px;margin:0}.sectionhead p{font-size:12px;color:var(--muted);margin:0}.gamegrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gamecard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);display:grid;grid-template-columns:43% 1fr}.gamecard .art{height:100%;min-height:236px;overflow:hidden}.gamecard .art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gamecard:hover .art img{transform:scale(1.05)}.cardbody{padding:25px 23px;align-self:center}.tags{display:flex;gap:6px;font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:var(--purple)}.tags span{background:#c3acff12;border:1px solid #c3acff24;padding:4px 7px;border-radius:4px}.cardbody h3{font-size:24px;letter-spacing:-.5px;margin:13px 0 7px}.cardbody p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:15px}.textlink{font-size:11px;font-weight:800;color:var(--lime);display:inline-block}.soon{border:1px dashed #44495d;border-radius:16px;padding:28px;display:flex;align-items:center;gap:24px;background:radial-gradient(ellipse at 100% 100%,#b99bff0d,transparent)}.soon .plus{font-size:52px;color:#b8a2ef;line-height:1}.soon h3{font-size:21px;margin:0 0 8px;letter-spacing:-.5px}.soon p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.bestline{font-size:10px;color:var(--muted);margin-top:12px}.bestline strong{color:var(--lime)}.how{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:35px}.how .num{font-size:11px;color:var(--lime);font-weight:800;letter-spacing:2px}.how h3{font-size:17px;margin:10px 0}.how p{font-size:12px;line-height:1.8;color:var(--muted);max-width:290px}.faq{max-width:790px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:14px;font-weight:600}.faq p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:0}.footer{margin-top:70px;border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .logo{font-size:17px}.footer .logo img{width:25px;height:25px}.footer p{font-size:10px;color:#777f95;margin:8px 0 0}.footer nav{font-size:11px;gap:20px}.article{max-width:760px;margin:60px auto 80px}.article h1{font-size:46px;letter-spacing:-2px;margin:25px 0}.article h2{font-size:21px;margin-top:35px;letter-spacing:-.5px}.article p,.article li{color:#b0b5c7;font-size:14px;line-height:1.9}.article a:not(.button){color:var(--lime)}.article .button{margin-top:20px}.updated{color:#7e879e;font-size:11px}.skip{position:fixed;top:-70px;left:20px;z-index:10;background:var(--lime);color:#142012;padding:12px}.skip:focus{top:10px}@media(max-width:850px){.hero{gap:25px}.hero h1{font-size:59px;letter-spacing:-3px}.lead{font-size:14px}.gamecard{grid-template-columns:1fr}.gamecard .art{height:190px;min-height:0}.soon{display:block}.soon .plus{margin-bottom:20px}.header nav{gap:18px}}@media(max-width:600px){.wrap{padding:0 20px}.header{height:77px}.logo{font-size:20px}.logo img{width:30px;height:30px}.header nav>a:not(.navplay){display:none}.navplay{font-size:11px;padding:9px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:43px 0 30px;gap:35px}.hero h1{font-size:62px;letter-spacing:-3.5px;margin:20px 0}.lead{max-width:340px;font-size:14px}.hero .button{width:100%}.tiny{text-align:center}.featured{aspect-ratio:1.13;transform:none;border-radius:15px}.featuretitle h2{font-size:29px}.featuretitle{left:22px;bottom:22px}.circleplay{height:44px;width:44px}.strip{flex-wrap:wrap;gap:12px;font-size:10px}.strip span{width:45%}.section{padding-top:40px}.sectionhead{display:block}.sectionhead p{margin-top:7px}.sectionhead h2{font-size:27px}.gamegrid{grid-template-columns:1fr;gap:18px}.gamecard{grid-template-columns:40% 1fr}.gamecard .art{height:100%;min-height:220px}.cardbody{padding:19px 16px}.cardbody h3{font-size:22px}.soon{display:flex;padding:24px}.soon .plus{margin:0}.how{grid-template-columns:1fr;gap:12px;padding-top:25px}.how p{max-width:none}.how h3{margin:7px 0}.footer{margin-top:45px;align-items:start;flex-direction:column}.footer nav{flex-wrap:wrap}.article{margin:36px auto 50px}.article h1{font-size:37px}.article p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;transform:none!important}}
