:root{color-scheme:dark}html,body,#app{width:100%;height:100%;margin:0}body{background:#0f0f0f;overflow:hidden}#app{display:grid;place-items:center}canvas{image-rendering:pixelated;border:2px solid #333}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0000008c}.hidden{display:none}.modal{background:#111;border:2px solid #333;padding:14px;width:min(360px,90vw);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.modal-text{font-size:14px;margin-bottom:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn{border:1px solid #444;background:#1a1a1a;color:#fff;padding:8px 10px;cursor:pointer}.btn.primary{border-color:#666;background:#2a2a2a}