:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none;background:#2a1d2e;height:100%;margin:0;overflow:hidden}body{flex-direction:column;justify-content:center;align-items:center;display:flex}#brand{image-rendering:pixelated;margin-bottom:calc(var(--game-px) * 6);display:none}body.framed{background-color:#f7e4b8;background-image:radial-gradient(#efd7a4 1px,#0000 1px);background-size:4px 4px}body.framed #brand{display:block}body.framed #game{box-shadow:0 0 0 var(--game-px) #2a1d2e, calc(var(--game-px) * 3) calc(var(--game-px) * 3) 0 var(--game-px) #2a1d2e52;margin-bottom:calc(var(--game-px) * 24)}#game{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}dialog.suggest{--ink:#2a1d2e;box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:calc(var(--px) * 8);padding-top:calc(var(--px) * 9);border:var(--px) solid var(--ink);box-shadow:calc(var(--px) * 2) calc(var(--px) * 3) 0 #2a1d2e52, inset 0 var(--px) 0 #fff4da;color:var(--ink);background:#f7e4b8;margin:auto;overflow:auto}dialog.suggest::backdrop{background:#2a1d2e9e}dialog.suggest .stripes{height:var(--px);margin:calc(var(--px) * -6) calc(var(--px) * -5) calc(var(--px) * 7);box-shadow:0 var(--px) 0 #f6c445;background:#1f7a47}dialog.suggest canvas.px{image-rendering:pixelated;image-rendering:crisp-edges;display:block}dialog.suggest canvas.center{margin:0 auto}dialog.suggest h2{margin:0 0 calc(var(--px) * 7)}dialog.suggest form,dialog.suggest .thanks{gap:calc(var(--px) * 4);flex-direction:column;display:flex}dialog.suggest [hidden]{display:none}dialog.suggest textarea,dialog.suggest input{box-sizing:border-box;width:100%;margin-bottom:calc(var(--px) * 3);padding:calc(var(--px) * 3);border:var(--px) solid var(--ink);color:var(--ink);resize:none;background:#fff4da;border-radius:0;font:16px/1.3 ui-monospace,Menlo,Consolas,monospace}dialog.suggest .row{justify-content:center;gap:calc(var(--px) * 6);margin-top:calc(var(--px) * 2);display:flex}dialog.suggest button{min-width:44px;min-height:44px;padding:0 calc(var(--px) * 8);border:var(--px) solid var(--ink);box-shadow:inset 0 calc(var(--px) * -2) 0 #e0c08a;cursor:pointer;background:#fff4da;border-radius:0}dialog.suggest button.primary{box-shadow:inset 0 calc(var(--px) * -2) 0 #135533, inset 0 var(--px) 0 #47a866;background:#1f7a47}dialog.suggest button:active{transform:translateY(var(--px))}dialog.suggest :focus-visible{outline:calc(var(--px) * 1) dashed #d9932a;outline-offset:calc(var(--px) * 1)}