:root{--spacing-small:0.625rem;--spacing-medium:0.9375rem;--spacing-large:1.25rem;--max-width:62.5rem;--font-mono:"Courier New",Courier,monospace;--primary-color:#005cc5;--text-color:#272727;--background-color:#fff}*{font-family:var(--font-mono);margin:0;padding:0;box-sizing:border-box;color:var(--text-color);background-color:var(--background-color)}h1,h2,h3,h4,h5,h6{margin-top:var(--spacing-large);margin-bottom:var(--spacing-small)}.navbar{position:sticky;top:0;background-color:var(--background-color);padding:var(--spacing-medium) var(--spacing-large);display:flex;justify-content:center;align-items:center;z-index:2}.navbar-links a{padding:.5rem var(--spacing-small)}.navbar-links{flex-direction:row;align-items:center}a{color:var(--primary-color)}main{padding:var(--spacing-large);max-width:var(--max-width);margin:0 auto;font-size:1rem}div{display:flex;flex-direction:column}@media (prefers-color-scheme:dark){:root{--text-color:#e0e0e0;--background-color:#121212;--primary-color:#bb86fc}a{color:var(--primary-color)}.navbar,body{background-color:var(--background-color)}body{color:var(--text-color)}}@media (max-width:900px){.navbar{position:relative}.navbar-links{display:flex;flex-direction:column;align-items:center}.navbar-links a{margin:var(--spacing-small) 0;padding:var(--spacing-small)}}canvas{border:1px solid var(--primary-color)}button{margin:.125rem 0;border:none;cursor:pointer;color:var(--primary-color)}button:not(:last-child){margin-right:.5rem}.game-wrapper{display:flex;align-items:center;justify-content:center}