:root{--yellow:#f6cc2d;--red:#ef4f43;--blue:#247be8;--green:#32b976;--ink:#16254a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff8e7;font-family:Arial,sans-serif}header{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 6vw;border-bottom:4px solid var(--ink);background:#fff8e7;position:sticky;top:0;z-index:5}.logo{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font-weight:900;line-height:.9;letter-spacing:.08em}.logo i{width:38px;height:38px;display:grid;place-items:center;background:var(--red);border:3px solid var(--ink);border-radius:50%;font:bold 15px Arial;color:#fff;font-style:normal}.logo b{color:var(--red)}nav{display:flex;gap:24px}nav a{color:var(--ink);font:900 11px Arial;letter-spacing:.13em;text-decoration:none}.hero{min-height:670px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 7vw;overflow:hidden;background:linear-gradient(#78c9ff 0 67%,#7bd35a 67%)}.hero>div:first-child{z-index:3}.hero p,.title p,.play-copy>p{font-size:10px;font-weight:900;letter-spacing:.15em}.hero h1,.title h2,.play h2,.info h2{font-size:clamp(48px,7vw,106px);line-height:.82;letter-spacing:-.08em;margin:19px 0 28px}.hero h1 em{font-style:normal;color:var(--red)}.hero a,.play button{display:inline-block;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--yellow);color:var(--ink);padding:15px 18px;text-decoration:none;font:900 11px Arial;letter-spacing:.13em;cursor:pointer}.hero a:hover,.play button:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}.scene{height:540px;position:relative}.sun{position:absolute;right:8%;top:15px;width:130px;height:130px;border-radius:50%;background:var(--yellow);border:4px solid var(--ink)}.cloud{position:absolute;width:135px;height:42px;background:#fff;border:4px solid var(--ink);border-radius:99px}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border:4px solid var(--ink);border-bottom:0;border-radius:50% 50% 0 0}.cloud:before{width:55px;height:42px;left:18px;top:-35px}.cloud:after{width:42px;height:32px;right:16px;top:-27px}.c1{top:110px;right:19%}.c2{top:200px;left:8%;transform:scale(.62)}.mountain{position:absolute;bottom:0;border-left:170px solid transparent;border-right:170px solid transparent;border-bottom:280px solid var(--blue);filter:drop-shadow(4px 0 var(--ink))}.m1{left:7%}.m2{right:-13%;border-bottom-color:var(--green);transform:scale(.8)}.cart{position:absolute;z-index:2;left:36%;bottom:165px;width:176px;height:165px;padding:35px 20px;background:var(--green);border:4px solid var(--ink);border-radius:17px 17px 4px 4px;box-shadow:8px 8px 0 #183c4d}.cart span{display:block;padding:17px;background:#fff8e7;border:3px solid var(--ink);font:900 19px/.9 Arial}.console{position:absolute;z-index:3;left:30%;bottom:65px;width:290px;height:107px;background:#9fabb7;border:4px solid var(--ink);border-radius:36px 36px 50px 50px;box-shadow:inset 12px 11px #e8eef1,8px 8px #183c4d}.console i{position:absolute;width:22px;height:22px;border:3px solid var(--ink);border-radius:50%;top:47px;background:var(--red)}.console i:nth-child(1){left:48px}.console i:nth-child(2){left:92px;background:var(--blue)}.console i:nth-child(3){right:39px;background:var(--yellow)}.pad{position:absolute;z-index:4;right:7%;bottom:38px;width:140px;height:98px;border:4px solid var(--ink);border-radius:48% 48% 43% 43%;background:#aebbc7;transform:rotate(-14deg);box-shadow:5px 5px #183c4d}.pad b{position:absolute;left:22px;top:28px;font-size:31px}.pad span{position:absolute;right:27px;top:25px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:10px}.pad span:last-child{top:52px;right:13px;background:var(--red)}.shelf,.play,.info{padding:110px 7vw}.title{display:grid;grid-template-columns:1fr .75fr;align-items:end;gap:30px;margin-bottom:35px}.title h2{font-size:clamp(40px,5vw,75px)}.title small{color:#4f5f84;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.card{min-height:182px;padding:14px;border:3px solid var(--ink);background:var(--c);box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column;justify-content:end}.card:before{content:"";height:78px;margin-bottom:auto;background:#fff8e7;border:3px solid var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}.card span{font-size:9px;font-weight:bold;letter-spacing:.08em}.card b{font-size:17px;line-height:1.05;margin-top:5px}.play{background:var(--ink);display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;color:#fff8e7;align-items:center}.play h2{font-size:clamp(42px,5vw,75px)}.formats{display:flex;gap:7px;margin:20px 0}.formats span{border:2px solid #fff8e7;padding:6px;font:800 10px monospace}.play button{background:var(--red);color:#fff8e7;border-color:#fff8e7;box-shadow:6px 6px 0 #fff8e7}.play small{display:block;margin-top:17px;color:#c0cee3;font:10px monospace;letter-spacing:.1em}.screen{position:relative;height:clamp(560px,82vh,980px);border:4px solid #fff8e7;background:#020918;display:grid;place-items:center;overflow:hidden}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0004 4px)}#blank{text-align:center;z-index:1}.screen #blank b{font-size:45px;line-height:.84}.screen #blank span{display:block;margin-top:17px;color:#b6c7e2;font-size:10px;letter-spacing:.14em}.screen #emulator{position:absolute;inset:0;display:none}.screen #emulator>*{width:100%!important;height:100%!important}.info{background:var(--yellow);border-top:4px solid var(--ink)}.info h2{font-size:clamp(40px,5vw,78px)}.info h2 em{font-style:normal;color:var(--red)}.info p{max-width:600px;font-size:16px;line-height:1.75}footer{text-align:center;padding:28px;background:var(--ink);color:#fff8e7;font-size:10px;font-weight:bold;letter-spacing:.14em}@media(max-width:850px){nav{display:none}.hero,.play{grid-template-columns:1fr}.hero{padding-top:80px}.scene{transform:scale(.85);transform-origin:left top;margin-bottom:-90px}.title{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.screen{height:calc(100vh - 78px);min-height:440px}}