html,body{background:#242424;justify-content:center;align-items:center;height:100%;margin:0;display:flex}.links{flex-wrap:wrap;justify-content:center;gap:16px;padding:16px;display:flex}a{cursor:pointer;color:#666;text-decoration:none}a:hover{opacity:.8}#app{flex-direction:column;justify-content:center;align-items:center;display:flex}canvas{width:100%;min-width:320px;max-width:100vw;height:auto;min-height:240px;max-height:100vh;display:block}@media (min-width:320px) and (min-height:240px){canvas{width:320px;height:240px}}@media (min-width:640px) and (min-height:480px){canvas{width:640px;height:480px}}@media (min-width:960px) and (min-height:720px){canvas{width:960px;height:720px}}@media (min-width:1280px) and (min-height:960px){canvas{width:1280px;height:960px}}@media (min-width:1600px) and (min-height:1200px){canvas{width:1600px;height:1200px}}