:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060a;--panel:#12141c;--line:#2a2e3a;--text:#e8eaf0;--accent:#ff4500}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);overscroll-behavior:none;touch-action:none;margin:0;font-family:system-ui,sans-serif}.app{flex-direction:column;display:flex;position:fixed;inset:0}.stage-wrap{flex:1;position:relative;overflow:hidden}.stage,.stage canvas{position:absolute;inset:0}.statusbar,.controls{background:var(--panel);border-color:var(--line);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.statusbar{border-bottom:1px solid var(--line);font-size:.85rem}.controls{border-top:1px solid var(--line);flex-direction:column;align-items:stretch}.statusbar .spacer{flex:1}.statusbar button{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;background:#1b1e28;border-radius:.25rem;padding:.25rem .5rem}.palette{gap:.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.palette button{cursor:pointer;border:2px solid #0000;border-radius:.25rem;flex:none;width:2rem;height:2rem}.palette button[aria-pressed=true]{border-color:var(--text)}.place-row{align-items:center;gap:.75rem;display:flex}.place-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:1rem}.place-row button:disabled{cursor:not-allowed;background:#4a4d57}.cooldown{text-align:right;font-variant-numeric:tabular-nums;min-width:5rem}.notice{padding:.5rem .75rem;font-size:.85rem}.notice.error{background:#3a1414}.notice.info{background:#14263a}.dialog-backdrop{background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:.5rem;flex-direction:column;gap:.75rem;width:min(24rem,100%);padding:1rem;display:flex}.dialog h2{margin:0;font-size:1.1rem}.dialog p{margin:0;font-size:.85rem}.dialog button,.dialog input,.dialog textarea{font:inherit;color:var(--text);border:1px solid var(--line);background:#1b1e28;border-radius:.25rem;padding:.5rem}.dialog button{cursor:pointer}.dialog form{flex-direction:column;gap:.5rem;display:flex}.notice{align-items:center;gap:.5rem;display:flex}.notice span{flex:1}.notice-close{color:inherit;border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:.25rem;padding:0 .4rem;line-height:1.4}.sheet{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;gap:.5rem;max-height:60%;padding:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #0006}.sheet-head{align-items:baseline;gap:.5rem;display:flex}.sheet-rect{color:var(--muted,#9aa);font-size:.8rem}.sheet-reasons{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.sheet-reasons label{cursor:pointer;align-items:center;gap:.4rem;display:flex}.sheet textarea{color:var(--text);border:1px solid var(--line);font:inherit;resize:vertical;background:#1b1e28;border-radius:.25rem;padding:.4rem}.sheet-actions{gap:.5rem;display:flex}.sheet-actions button{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;background:#1b1e28;border-radius:.25rem;flex:1;padding:.5rem}.confirm-bar{background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.85rem;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0006}.confirm-rect{color:var(--muted,#9aa);flex:1}.confirm-bar button{color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;white-space:nowrap;background:#1b1e28;border-radius:.25rem;padding:.3rem .6rem}
