:root{--text: #e2e8f0;--accent: #22d3ee;--panel-bg: rgba(10, 14, 28, .92)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#05070f;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{display:flex;align-items:center;justify-content:center}#stage{position:relative;line-height:0;border-radius:10px;overflow:hidden;box-shadow:0 0 40px #22d3ee1f}canvas{display:block}#hud{position:absolute;top:8px;left:12px;right:12px;display:flex;justify-content:space-between;font-size:18px;font-weight:600;line-height:1.4;text-shadow:0 1px 4px #000;pointer-events:none}#balls{letter-spacing:3px}#back{position:absolute;top:40px;left:12px;z-index:5}button{font:inherit;padding:8px 16px;border-radius:8px;border:1px solid #3b4a6b;background:#141c34;color:var(--text);cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:#0e7490;border-color:var(--accent)}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04060e8c;line-height:1.5}.panel{background:var(--panel-bg);border:1px solid #2b3a5c;border-radius:12px;padding:28px 36px;text-align:center;display:flex;flex-direction:column;gap:12px;min-width:260px}.panel h1{margin:0 0 6px;font-size:26px;line-height:1.2}.panel h2{margin:0 0 4px;font-size:22px}.panel p{margin:0}.panel .hint{color:#93a3c4;font-size:13px}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%);background:var(--panel-bg);border:1px solid #2b3a5c;border-radius:8px;padding:8px 18px;font-size:15px;line-height:1.4;pointer-events:none}.hidden{display:none!important}#editor-bar{position:absolute;top:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;background:#0a0e1cf0;border-bottom:1px solid #2b3a5c;line-height:1.4;z-index:4}#editor-bar .grp{display:flex;gap:6px;align-items:center}#editor-bar button{padding:5px 10px;font-size:13px}#editor-bar button.armed{background:#0e7490;border-color:var(--accent)}.balls-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#93a3c4}#ed-balls{font:inherit;font-size:13px;padding:4px 6px;width:46px;border-radius:8px;border:1px solid #3b4a6b;background:#0b1226;color:var(--text)}#ed-name{font:inherit;font-size:13px;padding:5px 8px;border-radius:8px;border:1px solid #3b4a6b;background:#0b1226;color:var(--text);width:110px}#editor-props{position:absolute;top:52px;right:10px;width:230px;background:var(--panel-bg);border:1px solid #2b3a5c;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;z-index:4;line-height:1.4}#editor-props h3{margin:0;font-size:14px}#ed-json{font-family:ui-monospace,monospace;font-size:11px;background:#0b1226;color:var(--text);border:1px solid #3b4a6b;border-radius:6px;padding:6px;resize:vertical}