@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{align-items:center;background-color:#8b4513;background-image:linear-gradient(335deg,#8b4513 23px,transparent 0),linear-gradient(sienna 0 24px,#8b4513 0 48px);background-size:48px 48px;display:flex;font-family:Press Start\ 2P,cursive;justify-content:center;margin:0;min-height:100vh;overflow:hidden;position:relative}body:before{background-image:linear-gradient(90deg,rgba(0,0,0,.2) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,transparent 0);background-size:48px 24px}body:after,body:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}body:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY4ODY2NjY2QzQ5MTFFNDgyQzNERjYxMzY5NjU5NjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY4ODY2Njc2QzQ5MTFFNDgyQzNERjYxMzY5NjU5NjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3Njg4NjY2NDZDNDkxMUU0ODJDNERGNjEzNjk2NTk2NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3Njg4NjY2NTZDNDkxMUU0ODJDNERGNjEzNjk2NTk2NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==);opacity:.1}.game-container{align-items:center;background:#2a2a2a;border-radius:10px;box-shadow:0 0 0 4px #000,0 0 0 8px #444,0 0 20px rgba(0,0,0,.5);display:flex;flex-direction:column;padding:30px;position:relative}#score{background:#000;border:2px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;font-size:20px;margin-bottom:20px;padding:15px;position:relative;text-align:center;text-shadow:2px 2px 0 #000;width:100%}#score:before{background:linear-gradient(hsla(0,0%,100%,.2),transparent);border-radius:2px;content:"";height:50%;left:2px;position:absolute;right:2px;top:2px}canvas{border:4px solid #444;box-shadow:0 0 10px rgba(0,0,0,.5);display:block}.controls,canvas{background-color:#000}.controls{border:2px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;margin-top:20px;padding:20px;width:100%}.controls h2{color:gold;font-size:16px;margin:0 0 15px;text-align:center;text-shadow:2px 2px 0 #000}.controls ul{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.controls li{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:4px;display:flex;font-size:12px;justify-content:center;padding:8px;text-align:center}.controls li:hover{background:#2a2a2a}@keyframes glow{0%{box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0ff}to{box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #0ff}}canvas:focus{animation:glow 1s ease-in-out infinite alternate;outline:none}