*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #ECEFF1;--dim: #7a7a9a;--line: #2a2a4a;--panel: #12122a;--accent: #FFD54F;--crisp: #4CAF50;--soft: #FF9800}body{background:#0a0a1a;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;font-family:"Press Start 2P",monospace;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#shell{display:flex;flex-direction:column;align-items:center;gap:10px;touch-action:none}#game-container{border:4px solid var(--line);border-radius:6px;box-shadow:0 0 0 1px var(--panel),0 0 40px #7878ff29,0 0 90px #7878ff12;line-height:0;touch-action:none}#game-container canvas{display:block;touch-action:none;image-rendering:auto!important}#game-container canvas.crisp{image-rendering:crisp-edges!important;image-rendering:pixelated!important}#size-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:9px;color:var(--dim);max-width:100%;flex-wrap:wrap;justify-content:center}#size-bar label{color:var(--accent);letter-spacing:1px}#size-readout{min-width:210px;color:var(--dim)}#size-readout[data-crisp=yes]{color:var(--crisp)}#size-readout[data-crisp=no]{color:var(--soft)}#size-range{width:240px;height:18px;accent-color:var(--accent);cursor:pointer}#size-range::-webkit-slider-runnable-track{height:4px}#size-bar button{font-family:inherit;font-size:8px;color:var(--ink);background:#1e1e3a;border:1px solid #3a3a5a;border-radius:4px;padding:6px 9px;cursor:pointer;letter-spacing:1px}#size-bar button:hover{background:#2a2a5a;border-color:var(--accent);color:var(--accent)}#size-bar button:active{transform:translateY(1px)}