:root{color-scheme:light;--ink: #000000;--paper: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:#999;background-image:repeating-conic-gradient(#a4a4a4 0% 25%,#8e8e8e 0% 50%);background-size:2px 2px;color:var(--ink);font-family:Geneva,Verdana,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#mac-window{display:inline-flex;flex-direction:column;background:var(--paper);border:1px solid #000;box-shadow:1px 1px #000}#mac-titlebar{position:relative;height:19px;border-bottom:1px solid #000;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}#mac-titlebar:before{content:"";position:absolute;inset:3px 2px;background:repeating-linear-gradient(to bottom,#000 0 1px,#fff 1px 3px)}#mac-titlebar .title{position:relative;background:var(--paper);padding:0 7px;font:12px/19px Charcoal,Geneva,Verdana,sans-serif;letter-spacing:.01em}#mac-titlebar .close-box{position:absolute;left:8px;top:4px;width:11px;height:11px;background:var(--paper);border:1px solid #000;box-shadow:0 0 0 2px #fff}#stage{position:relative;line-height:0}canvas#game{image-rendering:pixelated;image-rendering:crisp-edges;background:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none}.hint{font-size:11px;letter-spacing:.03em;color:#1a1a1a;opacity:.75;min-height:16px;text-align:center;padding:0 12px}#touch-controls{position:absolute;right:6px;bottom:6px;display:flex;flex-direction:column;gap:8px}#touch-controls.hidden{display:none}.touch-btn{font:11px/1 Geneva,Verdana,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#000;background:#ffffffd9;border:1px solid #000;border-radius:999px;padding:10px 14px}.touch-btn:active{background:#000;color:#fff}dialog#name-entry{border:1px solid #000;border-radius:0;outline:1px solid #000;outline-offset:-4px;background:var(--paper);color:var(--ink);padding:18px 20px;width:min(330px,86vw);box-shadow:2px 2px #000;font-family:Geneva,Verdana,Helvetica,sans-serif}dialog#name-entry::backdrop{background:#00000040}dialog#name-entry h2{margin:0 0 6px;font-size:15px}dialog#name-entry p{margin:0 0 12px;font-size:12px}dialog#name-entry input{width:100%;font-size:14px;padding:6px 8px;border-radius:0;border:1px solid #000;background:var(--paper);color:var(--ink);margin-bottom:14px}dialog#name-entry .row{display:flex;justify-content:flex-end;gap:10px}dialog#name-entry button{font:12px Geneva,Verdana,Helvetica,sans-serif;padding:6px 16px;border-radius:7px;border:1px solid #000;background:var(--paper);color:var(--ink)}dialog#name-entry button#name-save{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}dialog#name-entry button:active{background:#000;color:#fff}