*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a1a;color:#fff;overflow:hidden}#root{width:100vw;height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;width:100%;height:100%;padding:8px;gap:8px}.hud{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#222;border-radius:8px;font-size:14px}.hud-stat{display:flex;flex-direction:column;align-items:center}.hud-label{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.hud-value{font-size:20px;font-weight:700;margin-top:2px}.grid-container{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.grid{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:1px;background:#0a0a0a;padding:2px;border-radius:4px;aspect-ratio:1;width:100%;max-width:100%;max-height:100%;touch-action:none}.cell{position:relative;aspect-ratio:1;background:#333;border:1px solid #444;border-radius:2px;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.cell.empty{background:#2a2a2a}.cell.source{background:#1a4d1a;border-color:#2d8a2d}.cell.conveyor{background:#3a3a3a;border-color:#5a5a5a}.cell.machine{background:#4d2a1a;border-color:#8a4a2d}.cell.sink{background:#1a2a4d;border-color:#2d5a8a}.cell.splitter{background:#3a2a4d;border-color:#6a4a9a}.cell.dragging{background:#5a5a5a;border-color:#7a7a7a}.item{width:60%;height:60%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7em;animation:moveIn .1s ease-out}@keyframes moveIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.item.A{background:#4a9eff;color:#000}.item.B{background:#ff6b9d;color:#000}.item.C{background:#ffd93d;color:#000}.dir-arrow{position:absolute;top:1px;right:2px;font-size:9px;line-height:1;color:#cfcfcf;opacity:.85;pointer-events:none}.palette{display:flex;gap:6px;background:#222;padding:6px;border-radius:8px;flex-wrap:wrap}.tool{flex:1 1 60px;min-width:60px;min-height:44px;padding:4px;background:#333;border:2px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:nowrap;user-select:none;transition:all .2s}.tool:active{transform:scale(.95);background:#444}.tool.active{background:#4a9eff;border-color:#2a7fdf;color:#000}.tool-label{font-size:11px;font-weight:600}.rotate-btn{min-width:28px;height:22px;padding:0 4px;background:#444;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.tool.active .rotate-btn{background:#2a7fdf;color:#fff}.rotate-btn:active{background:#555}.controls{display:flex;gap:8px}.btn{flex:1;min-height:44px;padding:12px;background:#4a9eff;color:#000;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;user-select:none;transition:all .2s}.btn:active{transform:scale(.98);opacity:.9}.btn.secondary{background:#333;color:#fff;border:1px solid #555}.status{padding:8px 12px;background:#1a4d1a;border-radius:6px;text-align:center;font-weight:600;color:#4ade80;display:none}.status.show{display:block;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 600px){.app{padding:4px;gap:4px}.cell{border:.5px solid #444}}.onboarding-modal{position:fixed;inset:0;transform:translateZ(0);background:#08070cdb;display:flex;align-items:center;justify-content:center;z-index:9999}.onboarding-content{background:linear-gradient(160deg,#2a2a35,#1f1f28);border:1px solid rgba(74,158,255,.22);border-radius:6px;padding:26px 22px 22px;max-width:360px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0009}.onboarding-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#4a9eff;font-size:17px;letter-spacing:1px;margin-bottom:14px;text-align:center;font-weight:600}.onboarding-body p{margin-bottom:10px;font-size:13px;line-height:1.55;color:#fff}.onboarding-body strong{color:#4a9eff}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin:14px 0}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:#4a9eff40}.onboarding-dot.active{background:#4a9eff}.onboarding-close{width:100%;padding:12px;background:linear-gradient(160deg,#4a9eff,#2a7fdf);color:#000;border:none;border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.5px;cursor:pointer;user-select:none}.onboarding-close:active{opacity:.85;transform:scale(.98)}.info-button{width:44px;height:44px;padding:0;background:#333;color:#fff;border:1px solid #555;border-radius:4px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;transition:all .2s}.info-button:active{transform:scale(.95);background:#444}