@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Montserrat:wght@500;700;800;900&display=swap";:root{color:#fff;background:#120a1b;font-family:Montserrat,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#120a1b}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.hero{min-height:88svh;padding:max(30px,env(safe-area-inset-top)) 22px 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#120a1b1a,#120a1b59 54%,#120a1b),url(../media/street-bg.png) center 46% / cover}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,29,.32),rgba(255,126,42,.08) 48%,transparent 70%);z-index:-1;top:8%}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(22,8,33,.68),transparent 38%,transparent 62%,rgba(22,8,33,.68))}.eyebrow,.section-heading span{font-size:11px;font-weight:900;letter-spacing:.22em;color:#ffcb22}.brand{width:min(272px,70vw);max-height:180px;object-fit:contain;margin:18px 0 16px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.45))}.hero h1{margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(48px,14vw,82px);line-height:.9;text-transform:uppercase;text-shadow:0 7px 0 rgba(66,24,72,.65)}.hero p{max-width:520px;margin:18px auto 26px;font-size:clamp(14px,3.8vw,18px);line-height:1.55;color:#f0e9f4}.scroll-hint{position:absolute;bottom:17px;font-size:9px;letter-spacing:.15em;font-weight:800;color:#d9cfe0}.scroll-hint span{display:block;width:2px;height:20px;margin:0 auto 6px;background:linear-gradient(#ffcf29,transparent)}.games{max-width:1180px;margin:0 auto;padding:40px 16px 90px}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2{margin:7px 0 0;font:800 clamp(28px,7vw,48px)/1 "Baloo 2",sans-serif}.game-grid{display:grid;gap:18px}.game-card{min-height:350px;display:grid;grid-template-rows:205px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#211329;box-shadow:0 20px 50px #00000047;transition:transform .22s ease,border-color .22s ease}.game-card:hover{transform:translateY(-5px);border-color:var(--accent)}.card-art{position:relative;overflow:hidden;background:#24142d var(--backdrop) center / cover}.card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c06121a,#120a1bc7)}.card-art img{position:absolute;z-index:2;width:148px;height:148px;object-fit:contain;right:14px;bottom:-9px;filter:drop-shadow(0 15px 12px rgba(0,0,0,.55));transition:transform .22s ease}.game-card:hover .card-art img{transform:scale(1.06) rotate(-2deg)}.game-number{position:absolute;z-index:3;left:18px;top:13px;font:900 38px/1 "Baloo 2";color:#fffffff2;text-shadow:0 3px 0 rgba(0,0,0,.35)}.game-tag{position:absolute;z-index:3;left:18px;bottom:17px;padding:7px 10px;border-radius:8px;background:var(--accent);color:#1c1023;font-size:9px;font-weight:900;letter-spacing:.08em}.card-copy{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;padding:18px;border-top:3px solid var(--accent)}.card-copy h3{margin:0 0 5px;font:800 25px/1 "Baloo 2"}.card-copy p{margin:0;color:#cfc3d5;font-size:11px;line-height:1.45}.play-button{flex:0 0 auto;display:flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;font-weight:900}.play-button b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#1b1021;background:var(--accent);font-size:22px}footer{padding:34px 20px calc(34px + env(safe-area-inset-bottom));text-align:center;background:#0b0610;border-top:1px solid rgba(255,255,255,.08)}footer img{width:110px;max-height:70px;object-fit:contain}footer p{margin:8px 0 0;color:#8e8195;font-size:10px;letter-spacing:.07em;text-transform:uppercase}@media(min-width:700px){.hero{min-height:720px}.game-grid{grid-template-columns:repeat(2,1fr)}.game-card:last-child{grid-column:1 / -1;max-width:570px;width:100%;justify-self:center}}@media(min-width:1050px){.game-grid{grid-template-columns:repeat(3,1fr)}.game-card:last-child{grid-column:auto;max-width:none}.game-card:nth-child(4){grid-column:1 / 2;margin-left:50%}.game-card:nth-child(5){grid-column:2 / 3;margin-left:50%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}