:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;flex-direction:column;place-items:center;justify-content:center;min-width:320px;min-height:100vh;background:radial-gradient(circle,#c9c9ca 10%,transparent 11%),radial-gradient(circle at bottom left,#c9c9ca 5%,transparent 6%),radial-gradient(circle at bottom right,#c9c9ca 5%,transparent 6%),radial-gradient(circle at top left,#c9c9ca 5%,transparent 6%),radial-gradient(circle at top right,#c9c9ca 5%,transparent 6%);background-size:1em 1em;background-color:#fff;opacity:1}h1{font-size:3.2em;line-height:1.1}#game-canvas{width:var(--canvas-width, 640px);height:var(--canvas-height, 480px);border:1px solid #777;border-radius:5px;image-rendering:pixelated;max-width:98vw}.fullscreen-letterbox{position:relative;background-color:#aaa;display:flex}.fullscreen-toggle{border:none;outline:none;background:transparent;position:absolute;bottom:8px;right:0;cursor:pointer}.fullscreen-toggle svg{transition:transform .1s ease-in-out,fill .1s ease-in-out;transform-origin:50% 50%;width:32px;height:32px;fill:#000}.fullscreen-toggle svg:hover{transform:scale(1.1)}@media all and (display-mode:fullscreen){.fullscreen-letterbox{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#game-canvas{width:auto;height:100%;max-width:100%;max-height:100vh}}