*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:#0b0b1e;color:#fff;font-family:'Press Start 2P',monospace;image-rendering:pixelated}
a{color:inherit;text-decoration:none}
.checker{height:18px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/18px 18px}
.stars{background:#0b0b1e radial-gradient(#ffffff55 1px,transparent 1px) 0 0/40px 40px}
.wrap{max-width:1100px;margin:0 auto;padding:28px 18px;text-align:center}
h1,h2{color:#ffd21f;text-shadow:4px 4px 0 #c0151a,8px 8px 0 #000;line-height:1.3}
h1{font-size:clamp(26px,6vw,64px)}
h2{font-size:clamp(16px,3.4vw,30px);margin:34px 0 18px}
p{font-size:clamp(9px,1.6vw,13px);line-height:2;color:#dfe6ff}
.btn{display:inline-block;margin:18px 8px;padding:16px 26px;font:inherit;font-size:clamp(11px,2vw,16px);color:#fff;background:#2fa53a;border:4px solid #fff;box-shadow:6px 6px 0 #000;cursor:pointer}
.btn:hover,.btn:focus{background:#39c947;outline:none;transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}
.btn.red{background:#c0151a}.btn.blue{background:#1f5bd6}
.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.riders{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}
.rider{background:#15153a;border:4px solid #3a3a7a;padding:10px 6px;cursor:pointer;box-shadow:4px 4px 0 #000}
.rider img{width:100%;max-width:150px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}
.rider span{display:block;margin-top:8px;font-size:10px;color:#ffd21f}
.rider.sel{border-color:#ffd21f;box-shadow:0 0 0 3px #ffd21f,6px 6px 0 #000;background:#24245a}
.panel{background:#15153a;border:4px solid #fff;box-shadow:8px 8px 0 #000;padding:22px;margin:18px auto;max-width:760px}
@media(max-width:600px){.riders{grid-template-columns:repeat(2,1fr)}}
/* full-viewport screens: content vertically centered, checker bars frame top/bottom of the screen */
body.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.screen>.checker{flex:0 0 auto}
body.screen>.wrap{flex:1 0 auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:14px;padding-bottom:14px}
body.screen>.wrap>*{max-width:100%}
body.screen .panel{width:100%}