*{box-sizing:border-box;margin:0;padding:0}
body{background:#131313;color:#e5e2e1;font-family:'Inter',sans-serif;overflow-x:hidden}
.oswald{font-family:'Oswald',sans-serif}
.mono{font-family:'JetBrains Mono',monospace}
.hard{box-shadow:4px 4px 0 0 #000}
.grain{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:0.04;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuCPHe_VKhvmmNj4-lb_PJ9BoqrfpzqUSSGyLF4fAHmrpQXc-nUAh3hOaizUrl8gn1mI3pYM0ez6Y71tmusK3ZCbGwqVymZBwoaTqyim3z3unqVlKdP4OfLVoVyKjeCIXFrTflAsM-4uTRtGKvdDHhKIAd3wxzaL-5JFduksq2Q4_LNpJlmqvClwKP9-7SbGMWkwxYKlMjGH8XZnA9ByfateHeI8jxI6UcCV74JS1rOp53PcjWg5T0TrVYoIijNFEgp00J4PlTSe0Roe)}
.sport-card{cursor:pointer;border:2px solid #414844;background:#1c1b1b;transition:transform 0.2s,border-color 0.2s;box-shadow:4px 4px 0 0 #000}
.sport-card:hover{transform:translateY(-4px);border-color:#a5d0b9}
.sport-card.selected{border-color:#a5d0b9}
.sport-img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 0.4s}
.sport-card.selected .sport-img{filter:grayscale(0)}
.checkbox{width:28px;height:28px;border:2px solid #414844;background:#353534;position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;z-index:5}
.sport-card.selected .checkbox{background:#ffe16d;border-color:#000;color:#221b00;font-weight:700;font-size:14px}
.map-texture{background-image:radial-gradient(circle,#274e3d 1px,transparent 1px);background-size:20px 20px}
.screen{display:none;flex-direction:column}
.screen.active{display:flex}