body{background:radial-gradient(ellipse at 80% 8%,#34235b55,transparent 30%),#100b23}
.header{background:#100b23dd;border-bottom-color:#ffffff12}.hero{gap:18px;padding-block:30px 60px;min-height:650px;position:relative}.hero:after{content:'GO!';position:absolute;right:-15px;top:12%;font-size:clamp(200px,30vw,440px);font-weight:900;letter-spacing:-25px;color:transparent;-webkit-text-stroke:1px #b599e612;z-index:-1;pointer-events:none}.hero h1{font-size:clamp(58px,6.2vw,89px);letter-spacing:-4.8px;line-height:1.01}.hero h1>span{background:linear-gradient(100deg,#fff3a0,#ffda36 60%,#ffa71a);background-clip:text;padding-bottom:8px;transform:rotate(-2deg);transform-origin:left center}.hero .eyebrow{color:#aeedff;font-size:10px;letter-spacing:1.8px}.hero .lead{font-size:16px;max-width:425px}.hero .yellow{box-shadow:0 5px 0 #a77618,0 0 35px #ffd53b25}.hero-copy{position:relative;z-index:2}
.hero-art.playground{width:100%;max-width:650px;height:560px;aspect-ratio:auto;position:relative;display:block;perspective:1000px;isolation:isolate;--move-x:0px;--move-y:0px}.play-aura{position:absolute;inset:8% -3%;border-radius:50%;background:radial-gradient(ellipse,#7044c950,#267cbc22 45%,transparent 70%);filter:blur(15px);z-index:-1}.play-grid{position:absolute;inset:28% 0 10%;background-image:linear-gradient(#81cbff12 1px,transparent 1px),linear-gradient(90deg,#81cbff12 1px,transparent 1px);background-size:35px 35px;transform:rotateX(60deg) rotateZ(-25deg);mask-image:radial-gradient(ellipse,black,transparent 70%)}.play-crest{position:absolute;top:2%;left:23%;width:55%;height:auto;filter:drop-shadow(0 15px 18px #0008);transform:rotate(-7deg) translate(var(--move-x),var(--move-y));z-index:4}.play-world{position:absolute;inset:80px -25px 0;transform:translate(calc(var(--move-x) * .5),calc(var(--move-y) * .5));transition:transform .15s ease-out}.play-city{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px #0005);animation:city-hover 6s ease-in-out infinite}.play-coordinate{position:absolute;right:2%;top:30%;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;color:#9a83ba}.play-score{position:absolute;right:0;top:32%;padding:15px 20px;background:linear-gradient(135deg,#30234c,#17152c);border:1px solid #bc91f780;border-radius:13px;box-shadow:0 12px 30px #0006;transform:rotate(7deg);z-index:5;min-width:113px}.play-score>span:first-child{display:block;font-size:9px;font-weight:900;letter-spacing:2px;color:#c6badc}.play-score strong{font-size:32px;display:block;color:#ffdb36;margin-top:4px}.play-score small{font-size:10px;color:#ccc4db}.play-damage{opacity:0;position:absolute;right:16px;top:40px;color:#ff688b;font-size:28px;font-weight:900}.play-location{position:absolute;left:2%;top:40%;padding:12px 14px;border-radius:8px;background:#112c3ff0;border:1px solid #73dafb80;box-shadow:0 12px 30px #0005;font-size:8px;font-weight:900;letter-spacing:1px;transform:rotate(-6deg);z-index:3;display:flex;align-items:center;gap:8px}.play-location i{width:6px;height:6px;border-radius:50%;background:#8ee4ff;box-shadow:0 0 12px #8ee4ff}.play-location b{background:#ffda36;color:#21143f;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:14px}.play-bomb{position:absolute;width:85px;height:85px;object-fit:contain;left:11%;top:66%;z-index:6;filter:drop-shadow(0 9px 10px #0006);transform:rotate(-14deg);animation:bomb-idle 4s ease-in-out infinite}.play-control{position:absolute;bottom:0;left:16%;right:4%;z-index:7;transform:rotate(-2deg)}.play-control button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:13px 17px;background:#ffda36;color:#201335;border:1px solid #fff0a0;border-radius:12px;box-shadow:0 5px 0 #9d6918,0 15px 40px #0005;font-weight:900}.play-control button img{width:44px;height:44px;object-fit:contain}.play-control button span{font-size:14px}.play-control small{display:block;margin-top:5px;font-size:10px;font-weight:500}.play-control button>b{font-size:25px;margin-left:auto}.play-control button:hover{background:#ffe768}.play-control button:disabled{cursor:default}.play-control p{font-size:10px;color:#a89bbd;text-align:center;margin:14px 0 0;min-height:28px;line-height:1.5}.play-impact{position:absolute;left:58%;top:45%;width:20px;height:20px;border:3px solid #ffdd46;border-radius:50%;opacity:0;pointer-events:none}.is-firing .play-bomb{animation:bomb-throw 1.2s cubic-bezier(.2,.5,.3,1) both}.is-hit .play-impact{animation:impact-ring .9s ease-out both}.is-hit .play-city{animation:city-hit .45s ease-in-out}.is-hit .play-damage{animation:damage-rise 1.4s ease-out both}.is-hit .play-score{border-color:#ff5e8c}.play-particle{position:absolute;width:7px;height:7px;left:62%;top:53%;background:var(--particle-color);border-radius:2px;z-index:8;pointer-events:none;animation:particle-burst .9s ease-out forwards}
@keyframes city-hover{50%{transform:translateY(-9px)}}@keyframes bomb-idle{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes bomb-throw{0%{left:11%;top:66%;transform:scale(1) rotate(-14deg)}45%{left:45%;top:10%;transform:scale(1.3) rotate(140deg);opacity:1}85%{left:63%;top:48%;transform:scale(.6) rotate(300deg);opacity:1}100%{left:63%;top:48%;transform:scale(.2) rotate(330deg);opacity:0}}@keyframes impact-ring{0%{opacity:1;transform:scale(.2)}100%{opacity:0;transform:scale(14)}}@keyframes city-hit{25%{transform:translateX(-6px) rotate(-1deg)}75%{transform:translateX(6px) rotate(1deg)}}@keyframes damage-rise{10%,60%{opacity:1}100%{opacity:0;transform:translateY(-65px)}}@keyframes particle-burst{to{transform:translate(var(--particle-x),var(--particle-y)) rotate(220deg);opacity:0}}
.ticker{background:#ffda36;padding:14px 0;box-shadow:0 0 40px #ffda3612}.ticker>div{font-size:11px}.games .section-heading h2{font-size:clamp(36px,4.5vw,58px)}.game-grid{gap:22px}.video-game-grid .game-card{border-radius:22px;border-color:#ffffff36;transition:box-shadow .3s,border-color .3s;background-size:100%}.video-game-grid .city-card{background:radial-gradient(ellipse at top right,#30b9dc50,transparent 65%),linear-gradient(135deg,#143f5a,#182540)}.video-game-grid .battle-card{background:radial-gradient(ellipse at top right,#b649d950,transparent 65%),linear-gradient(135deg,#592887,#27163f)}.video-game-grid .city-card:hover{box-shadow:0 0 60px #43c8ff15;border-color:#80dcff80}.video-game-grid .battle-card:hover{box-shadow:0 0 60px #b963ff20;border-color:#d08cff80}.video-game-grid .game-heading{flex-direction:row-reverse;justify-content:space-between}.video-game-grid .game-heading h3{font-size:43px;line-height:.95}.video-game-grid .game-heading h3 span{display:block;margin:3px 0 0;font-size:.7em;letter-spacing:3px}.video-game-grid .game-heading .pill{border-radius:5px;transform:rotate(-3deg);font-size:8px;padding:8px 10px}.film-frame{box-shadow:0 12px 30px #0003}.own-route-compact{position:relative;overflow:hidden}.own-route-compact:after{content:'↗';position:absolute;right:25%;font-size:170px;line-height:1;color:#ffffff05;transform:rotate(-15deg);pointer-events:none}
@media(min-width:1100px){.playground{margin-right:-15px}.hero-art.playground{width:calc(100% + 25px)}}
@media(min-width:761px) and (max-width:1100px){.hero-art.playground{height:465px}.hero h1{font-size:58px}.play-world{inset:70px -20px 10px}.play-crest{top:7%}.play-score{right:-5px;top:32%;padding:12px}.play-location{font-size:6px;left:0;padding:10px}.play-control{left:5%;right:0}.play-control button span{font-size:12px}.play-bomb{width:65px;height:65px}}
@media(max-width:760px){.hero{padding-block:30px 28px;gap:8px;min-height:0}.hero h1{font-size:clamp(49px,12vw,76px);letter-spacing:-3px}.hero .lead{font-size:14px;line-height:1.75}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:20px}.hero:after{right:10px;top:48%;font-size:260px}.hero-art.playground{max-width:470px;width:100%;height:440px;margin:0 auto}.play-crest{top:6%;left:23%;width:57%}.play-world{inset:65px -14px 0}.play-score{top:32%;right:0;min-width:85px;padding:11px 13px}.play-score strong{font-size:25px}.play-score>span:first-child{font-size:7px}.play-location{top:38%;left:0;font-size:6px;padding:8px;gap:5px}.play-coordinate{font-size:6px;right:0}.play-bomb{width:65px;height:65px;top:65%}.play-control{left:9%;right:2%;bottom:0}.play-control button{padding:11px;gap:8px}.play-control button span{font-size:12px}.play-control small{font-size:9px}.play-control button img{width:36px;height:36px}.play-control p{font-size:9px;margin-top:11px}.hero .scroll-hint{display:none}.hero-pills{font-size:9px;margin-top:18px}.video-game-grid .game-heading h3{font-size:35px}.games .section-heading{margin-bottom:23px}}
@media(max-width:360px){.hero-art.playground{height:380px}.play-control{left:2%;right:0}.play-score{right:0;top:30%}.play-world{inset:55px -10px 0}.play-control button span{font-size:11px}}
.play-score{right:15px}
.experience-reveal{opacity:.25;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.experience-reveal.has-arrived,.experience-reveal:focus-within{opacity:1;transform:none}
.battle-card.experience-reveal{transition-delay:.08s}
@media(prefers-reduced-motion:reduce){.play-city,.play-bomb{animation:none!important}.hero-art.playground{--move-x:0px!important;--move-y:0px!important}.is-firing .play-bomb{opacity:0}.is-hit .play-damage{opacity:1}.play-particle{display:none}}
@media(prefers-reduced-motion:reduce){.experience-reveal{opacity:1;transform:none}}