:root{font-family:Arial,Helvetica,sans-serif;color:#e8e9d9;background:#101f29;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#1d3540 0,transparent 65%)}main{max-width:1100px;margin:auto;padding:32px 48px 26px}header{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.8px}.brand{color:inherit;text-decoration:none;font-weight:700}.brand-icon{color:#e5bd64;font-size:22px;vertical-align:middle;margin-right:10px}.muted{color:#71868e;margin-left:12px}.edition{color:#83969c}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin:54px 0 30px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#d6b973;margin:0 0 16px}h1{font-size:62px;line-height:.98;letter-spacing:-3px;margin:0;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:400;color:#e8c477}.intro{font-size:15px;line-height:1.6;color:#d2d8d6;margin:0 0 5px}.intro span{color:#82979c;font-size:12px}.arcade{border:1px solid #455553;border-radius:10px;overflow:hidden;box-shadow:0 24px 65px #0005}.toolbar{height:45px;display:flex;justify-content:space-between;align-items:center;background:#192c34;padding:0 21px;font-size:9px;letter-spacing:1.6px;color:#bac9c7}.toolbar i{display:inline-block;width:6px;height:6px;background:#c8d998;border-radius:50%;margin-right:8px}button{font:inherit;letter-spacing:1px;color:#c3cfcb;background:transparent;border:0;padding:10px;cursor:pointer}button:hover,button:focus-visible{color:#f5d483;background:#ffffff0a}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none}canvas:focus-visible{outline:2px solid #f4d37a;outline-offset:-3px}.screen{aspect-ratio:16/9;background:#80cce0}.stats{display:flex;align-items:center;background:#192c34;padding:21px 28px;gap:55px}.stats>div>span{display:block;font-size:8px;letter-spacing:1.6px;color:#8ca4a7;margin-bottom:7px}.stats strong{font-family:monospace;font-size:29px;font-weight:400;letter-spacing:1px}.stats>div:nth-child(2) strong{color:#e6c67d}.flight-note{margin-left:auto;font-size:9px;letter-spacing:1.5px;line-height:1.7;color:#8ca4a7;position:relative;padding-right:35px}.flight-note span{position:absolute;right:0;top:0;font-size:25px!important;color:#d7bf83!important}footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#98adaf;margin-top:23px}footer p{margin:0}footer p span{color:#6f878e;letter-spacing:0}footer b{margin:0 10px;font-weight:400}kbd{font:inherit;border:1px solid #44565d;border-radius:3px;padding:3px 5px}footer>span{font-size:8px}.star{color:#e6c67d;font-size:17px;margin-left:10px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:650px){main{padding:22px 16px}.muted,.edition{display:none}.heading{margin:35px 0 23px}h1{font-size:45px}.eyebrow{font-size:8px;letter-spacing:1.7px}.intro{font-size:11px}.intro span{font-size:9px}.toolbar{padding:0 8px;font-size:8px;height:40px}button{padding:10px 6px;font-size:8px}.stats{gap:28px;padding:16px}.stats>div>span{font-size:7px;letter-spacing:.8px}.stats strong{font-size:24px}.flight-note{display:none}footer{font-size:8px;line-height:2}footer>span{display:none}footer b{margin:0 5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.mode-picker{display:flex;justify-content:center;gap:12px;background:#192c34;border-top:1px solid #ffffff0a;padding:4px 8px}.mode-picker button{font-size:8px;letter-spacing:1.1px;padding:7px 12px;border-radius:3px;color:#8ca4a7}.mode-picker button[aria-pressed=true]{color:#f1d68d;background:#e6c67d12;box-shadow:inset 0 -1px #d5b877}.mode-picker.locked button{cursor:default}.mode-picker.locked button[aria-pressed=false]{opacity:.35}.dev-stats{background:#10242d;border-top:1px solid #56736c;padding:12px 20px;color:#dbe7d7;font-family:monospace}.dev-stats-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#e5c77d;margin-bottom:10px}.dev-stats-heading span{color:#94b5b7;font-size:9px}.dev-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 16px}.dev-stats-grid>div>span{display:block;font-size:8px;letter-spacing:.6px;color:#8ca9ad;margin-bottom:4px}.dev-stats-grid strong{font-size:14px;font-weight:400;font-variant-numeric:tabular-nums}.dev-stats-grid [data-stat=fraction]{color:#9bd9ea}.dev-stats-grid [data-verdict=PASS]{color:#c8e795}.dev-stats-grid [data-verdict=FAIL]{color:#f0a47d}.dev-stats-note{color:#8fa9a5;font-size:9px;line-height:1.5;margin:10px 0 0}@media(max-width:650px){.dev-stats{padding:11px 12px}.dev-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-stats-grid strong{font-size:12px}.dev-stats-heading{font-size:9px}}
