@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap";:root{color:#f7f4e9;font-synthesis:none;background:#080d1a;font-family:Space Mono,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#080d1a;margin:0}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}header{z-index:20;background:linear-gradient(#080d1ae8,#0000);justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 5vw;display:flex;position:fixed;top:0;left:0}.mini-logo{color:#ffe24a;font-family:"Press Start 2P";font-size:20px}.burger{cursor:pointer;background:#080d1a;border:2px solid #f7f4e9;place-content:center;gap:5px;width:46px;height:42px;display:grid;box-shadow:4px 4px #e74645}.burger i{background:#f7f4e9;width:22px;height:3px;transition:all .2s;display:block}.burger.open i:first-child{transform:translateY(8px)rotate(45deg)}.burger.open i:nth-child(2){opacity:0}.burger.open i:nth-child(3){transform:translateY(-8px)rotate(-45deg)}nav{z-index:15;background:#0d1530;flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:all .3s;display:flex;position:fixed;inset:0;transform:translateY(-105%)}nav.open{transform:none}nav a{text-shadow:5px 5px #e74645;font-family:"Press Start 2P";font-size:clamp(24px,6vw,58px)}nav a:hover{color:#ffe24a}.hero{background:linear-gradient(#111b3d,#080d1a 78%);place-items:center;height:100svh;min-height:620px;display:grid;position:relative}.grid{transform-origin:top;opacity:.45;background-image:linear-gradient(#3154a7 1px,#0000 1px),linear-gradient(90deg,#3154a7 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:55% -20% -20%;transform:perspective(350px)rotateX(62deg)}.logo-wrap{text-align:center;z-index:2;padding:30px;position:relative}.pixel-logo{letter-spacing:-.06em;color:#ffe24a;text-shadow:7px 7px #e74645,14px 14px #2c51a3;margin:0;font-family:"Press Start 2P";font-size:clamp(42px,10vw,126px);line-height:1.15;animation:3s ease-in-out infinite float;position:relative}.logo-wrap p{color:#7ce7d8;margin:32px 0 0;font-family:"Press Start 2P";font-size:clamp(8px,1.3vw,13px);line-height:1.8}.spark{color:#f7f4e9;font-size:30px;animation:1.2s steps(2,end) infinite blink;position:absolute}.s1{top:5%;left:5%}.s2{animation-delay:.5s;bottom:10%;right:3%}.down{font-family:"Press Start 2P";font-size:24px;animation:1s infinite bounce;position:absolute;bottom:34px}.section{max-width:1100px;margin:auto;padding:110px 5vw}.section-title{align-items:baseline;gap:20px;margin-bottom:42px;display:flex}.section-title span{color:#e74645;font-family:"Press Start 2P";font-size:11px}.section-title h2{margin:0;font-family:"Press Start 2P";font-size:clamp(28px,5vw,48px)}.games{min-height:80vh}.game-card{background:#101a37;border:3px solid #f7f4e9;grid-template-columns:1.05fr 1fr;transition:all .18s;display:grid;box-shadow:10px 10px #2c51a3}.game-card:hover{transform:translate(-4px,-4px);box-shadow:14px 14px #e74645}.rink{background:repeating-linear-gradient(90deg,#dff7f5 0 60px,#ccefeb 60px 62px);border-right:3px solid #f7f4e9;min-height:320px;position:relative;overflow:hidden}.rink:before{content:"";border:5px solid #e74645;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rink:after{content:"";background:#e74645;width:5px;height:100%;position:absolute;left:50%}.goal{z-index:2;border:6px solid #e74645;border-bottom:0;width:80px;height:52px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.puck{z-index:3;background:#080d1a;width:24px;height:10px;position:absolute;top:57%;left:48%;box-shadow:3px 3px #6b7590}.stick{z-index:3;background:#7d4e2d;width:130px;height:9px;position:absolute;top:42%;left:25%;transform:rotate(-40deg);box-shadow:0 0 0 2px #080d1a}.stick:after{content:"";background:#7d4e2d;width:35px;height:17px;position:absolute;top:-4px;right:-18px}.game-copy{flex-direction:column;justify-content:center;padding:50px;display:flex}.eyebrow{color:#7ce7d8;font-family:"Press Start 2P";font-size:9px}.game-copy h2{color:#ffe24a;margin:18px 0;font-family:"Press Start 2P";font-size:clamp(26px,4vw,44px);line-height:1.3}.game-copy p{font-size:18px}.play{color:#f7f4e9;margin-top:30px;font-family:"Press Start 2P";font-size:11px}.play b{color:#e74645}.about{min-height:55vh}.about p{color:#b9c3dc;max-width:720px;font-size:clamp(20px,3vw,32px);line-height:1.6}footer{color:#7ce7d8;border-top:2px solid #25345e;justify-content:space-between;gap:20px;padding:32px 5vw;font-family:"Press Start 2P";font-size:8px;display:flex}@keyframes float{50%{transform:translateY(-8px)}}@keyframes blink{50%{opacity:0}}@keyframes bounce{50%{transform:translateY(8px)}}@media (width<=720px){.game-card{grid-template-columns:1fr}.rink{border-bottom:3px solid #f7f4e9;border-right:0;min-height:230px}.game-copy{padding:34px 26px}.section{padding-top:90px}.pixel-logo{text-shadow:4px 4px #e74645,8px 8px #2c51a3}footer{flex-direction:column;line-height:1.8}}