@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#141321;--panel:#1e1d2e;--ink:#f5f2ed;--muted:#aaa7bb;--green:#c4f370;--purple:#b9a1ff;--border:#343246}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}.nav,main,footer{max-width:1220px;margin:auto}.nav{padding:32px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:2px;font-size:18px}.logo{width:43px;height:43px;display:grid;place-items:center;background:var(--green);color:var(--bg);border-radius:13px;letter-spacing:-3px;font-size:31px;padding-right:4px}.brand-sub{display:block;font-size:9px;letter-spacing:2.5px;color:var(--muted);margin-top:3px}.nav-link{font-size:13px;color:#d3cfe4}.nav-link span{margin-left:20px;font-size:22px;color:var(--green)}main{padding:0 40px}.hero{padding:95px 0 88px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:var(--muted);display:flex;align-items:center;gap:9px}.spark{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 15px #c4f37580}h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0;letter-spacing:-2.6px}h1{font-size:clamp(40px,5.2vw,64px);line-height:1.09;margin:25px 0}h1 em{color:var(--green);font-style:normal}.hero-copy>p{max-width:410px;color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:29px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;padding:16px 21px;border-radius:9px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--green);color:var(--bg)}.button span{font-size:19px}.hero-details{display:flex;flex-wrap:wrap;gap:19px;color:var(--muted);font-size:10px;margin-top:23px}.hero-details span:before{content:'✓';color:var(--green);margin-right:6px}.hero-art{position:relative;min-height:345px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#6645a732,transparent 68%)}.orbit{position:absolute;width:345px;height:345px;border:1px solid #b9a1ff1a;border-radius:50%}.orbit-two{width:410px;height:220px;transform:rotate(-30deg);border-color:#b9a1ff22}.controller{width:282px;height:176px;background:linear-gradient(150deg,#dacbff,#9c7dde 55%,#7152b2);border-radius:55px 55px 62px 62px;transform:rotate(-14deg);position:relative;box-shadow:inset 0 5px 1px #ffffff40,inset -5px -9px 0 #63419c,0 25px 55px #0007;z-index:1}.controller:before,.controller:after{content:'';position:absolute;width:70px;height:90px;background:linear-gradient(#b797ef,#7c57ba);top:108px;border-radius:0 0 40px 40px;z-index:-1;box-shadow:inset -5px -4px 0 #63419c}.controller:before{left:0;transform:rotate(13deg)}.controller:after{right:0;transform:rotate(-13deg)}.controller-top{position:absolute;left:60px;right:60px;top:0;height:9px;background:#46355f;border-radius:0 0 12px 12px}.dpad{position:absolute;left:37px;top:52px;width:62px;height:62px;filter:drop-shadow(0 4px 0 #6b5590)}.dpad i{position:absolute;background:#30273f;border-radius:5px}.dpad i:first-child{width:24px;height:62px;left:19px}.dpad i:last-child{height:24px;width:62px;top:19px}.controller-center{position:absolute;left:124px;top:100px;display:flex;gap:10px}.controller-center i{width:13px;height:6px;border-radius:9px;background:#6b5298}.controller-buttons{position:absolute;right:27px;top:42px;width:80px;height:80px}.controller-buttons b{position:absolute;width:25px;height:25px;border-radius:50%;box-shadow:inset 0 3px 0 #ffffff40,0 4px 0 #6a518e}.controller-buttons b:nth-child(1){left:28px;top:0;background:#c4f370}.controller-buttons b:nth-child(2){right:0;top:28px;background:#ff9ec4}.controller-buttons b:nth-child(3){left:28px;bottom:0;background:#ffe095}.controller-buttons b:nth-child(4){left:0;top:28px;background:#8ee2ee}.art-star{position:absolute;font-size:39px;color:var(--green);z-index:2}.star-one{right:25px;top:25px}.star-two{left:16px;top:57px;color:var(--purple);font-size:26px}.star-three{left:70px;bottom:5px;font-size:20px;color:#ffb694}.float-label{position:absolute;right:10px;bottom:20px;border:1px solid #554368;border-radius:8px;padding:13px 15px;transform:rotate(8deg);font-size:10px;letter-spacing:2px;background:#242032;z-index:2}.float-label span{color:var(--green);margin-left:10px}.games-section{padding:30px 0 70px;border-top:1px solid var(--border)}.section-head{display:flex;align-items:end;justify-content:space-between}.section-head h2{font-size:31px;letter-spacing:-1.1px;margin-top:13px}.count{font-size:11px;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.filter{border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--muted);font-size:11px;padding:9px 17px;cursor:pointer;transition:.2s}.filter:hover{color:var(--ink);border-color:var(--purple)}.filter.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.game-card{border:1px solid var(--border);border-radius:15px;background:var(--panel);overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:#79708c}.game-card[hidden]{display:none}.game-image{height:214px;position:relative;overflow:hidden;background:#25203a}.game-image img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;left:16px;top:16px;background:#141321bd;backdrop-filter:blur(8px);border:1px solid #ffffff20;padding:7px 9px;border-radius:5px;letter-spacing:.8px;font-size:9px}.card-content{padding:21px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.category{font-size:9px;letter-spacing:1.7px;color:var(--purple);font-weight:700}.duration{font-size:10px;color:var(--muted)}h3{font-size:23px;letter-spacing:-.7px;margin:10px 0}.card-content p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;min-height:44px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:17px;margin-top:20px}.platform{font-size:9px;color:var(--muted)}.play{background:var(--green);border:0;border-radius:6px;padding:10px 13px;color:var(--bg);font-size:10px;font-weight:700;display:inline-flex;gap:17px;align-items:center}.play:hover{background:#d6ffa0}.play.disabled{background:#353145;color:#b4aabd}.empty{color:var(--muted);padding:30px 0}.end-note{display:flex;align-items:center;gap:22px;border:1px solid var(--border);padding:30px;border-radius:14px;margin-bottom:50px;background:linear-gradient(110deg,#272039,#1d1c2b)}.end-symbol{color:var(--purple);font-size:36px}.end-note h2{font-size:20px;letter-spacing:-.5px}.end-note p{color:var(--muted);font-size:12px;margin:8px 0 0}.end-note .button{margin-left:auto}.outline{border:1px solid #5c566e;color:var(--ink);font-size:11px}footer{border-top:1px solid var(--border);padding:26px 40px 32px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.brand.small{font-size:10px;letter-spacing:1.2px}.brand.small span{color:#6d6880;font-weight:400}@media(max-width:900px){.hero{padding-top:65px;gap:10px}.hero-art{transform:scale(.8)}.game-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:47px}.game-image{height:220px}}@media(max-width:620px){.nav{padding:23px}.nav-link{font-size:10px}.nav-link span{margin-left:8px}.brand{font-size:14px}.logo{width:36px;height:36px;font-size:27px}.brand-sub{font-size:7px}main{padding:0 23px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:47px 0 35px;gap:5px}h1{font-size:44px;letter-spacing:-2.3px}.hero-copy>p{font-size:14px;max-width:360px}.hero-art{min-height:295px;transform:scale(.85);margin:-4px -25px -20px}.orbit{width:310px;height:310px}.orbit-two{width:365px;height:210px}.star-one{right:12px}.game-grid{grid-template-columns:1fr;gap:22px}.game-image{height:230px}.section-head h2{font-size:27px}.section-head{align-items:center}.count{font-size:9px}.games-section{padding-top:28px;padding-bottom:40px}.end-note{padding:22px;gap:14px;flex-wrap:wrap}.end-note h2{font-size:18px}.end-note .button{margin-left:50px;padding:12px 16px}footer{padding:23px;gap:18px;flex-wrap:wrap}.hero-details{gap:13px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}