@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:300}*{box-sizing:border-box;margin:0;padding:0;font-family:VT323;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{margin:0;padding:8px;align-items:center;background-color:#2b4d5c;color:#fff;min-width:350px}.keyboard{display:flex;flex-direction:column;margin-inline:auto;width:100%;min-width:250px;-webkit-user-select:none;user-select:none;gap:16px}.key{display:inline-flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.key.pressed{background-color:#50cb93}.arrow{width:153px;height:153px}.top-keys{display:flex;justify-content:space-between;align-items:center;gap:8px}.arrow-top,.arrow-bottom{width:100%;display:inline-flex;justify-content:center;align-items:center}.arrow-mid{width:100%;padding:0;margin:0;display:flex;justify-content:center;align-items:center;gap:44px}.key{font-size:24px;height:50px;width:50px;border:3px solid white}.arrow .left{border-right:none;border-radius:6px 0 0 6px}.arrow .right{border-left:none;border-radius:0 6px 6px 0}.arrow .up{border-bottom:none;border-radius:6px 6px 0 0}.arrow .down{border-top:none;border-radius:0 0 6px 6px}.arrow .up,.arrow .down{height:47px}.ab{display:flex;justify-content:center;align-items:center;gap:2px;position:relative;top:-6px}.ab .key{height:56px;width:56px;border:3px solid white;border-radius:100%;font-size:30px;font-weight:900;font-family:VT323;letter-spacing:0px;line-height:100px}.a{position:relative;top:-22px}.b{position:relative;top:22px}.bottom-keys{display:flex;justify-content:center;align-items:center;gap:14px}.select,.start{font-size:14px;font-weight:600;height:32px;min-width:90px;border:3px solid white;border-radius:6px;font-weight:900;font-family:VT323;letter-spacing:1px;line-height:0px}canvas{display:block}.keyboard{margin-block:8px;max-width:700px}.divider.kbd{margin-block:12px;max-width:850px}#canvas-container{min-width:256px;min-height:240px;max-width:100%;padding:6px;border:3px solid #58b09c;background-color:#000c;margin-inline:auto;font-size:0;border-radius:4px}#screen{font-size:0;border-radius:4px;image-rendering:pixelated;width:100%}.stats{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:3px}.stats canvas{border:1px solid rgb(209,154,154);border-radius:4px}.split{display:flex;flex-direction:column}#canvas-container{margin-bottom:20px}.part1{margin-top:18px}@media (min-width: 1024px){.split{flex-direction:row;gap:1rem;margin-inline:1rem}#canvas-container{max-width:100%;margin-bottom:20px}.part1{width:70%;margin-top:1rem}.part2{max-width:100%;margin-top:1rem}}.section-title{font-size:1.7rem;line-height:1.2;margin-bottom:8px}.divider{width:100%;color:#fff;display:block;margin:15px auto}ul{list-style-type:none}li{cursor:pointer;padding:4px;margin:5px;border:1px solid black;border-radius:5px;background-color:#4f6d7a}.controls-list,.rom-list{font-size:1.15rem}.controls-list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:5px}.controls-list li{margin:0}.info{font-size:1.25rem;line-height:1.2;padding-inline:4px}.info span{border-bottom:3px dotted white}.info a,.source{color:#fff;font-size:1.23rem;border-bottom:3px dotted white;text-decoration:none}.space{margin-block:8px}.table{padding-inline:4px}table{width:100%;margin-inline:auto}table,th,td{border:solid 1px white;padding:6px;text-align:center}table{border-collapse:collapse;font-size:1.3rem}