*{box-sizing:border-box}html,body{color:#cfd6e6;background:#0d1120;height:100%;margin:0;font-family:system-ui,sans-serif}main{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;padding:16px;display:flex}canvas{aspect-ratio:16/9;background:#1b2440;border-radius:10px;width:min(960px,100%,177.778vh - 160px);box-shadow:0 10px 40px #00000080}.help{text-align:center;margin:0;font-size:14px}kbd{background:#1c2338;border:1px solid #4a5370;border-bottom-width:2px;border-radius:4px;min-width:1.6em;margin:0 1px;padding:1px 5px;font-family:inherit;font-size:12px;display:inline-block}code{color:#ffd23f}