:root{--bg: #0b1120;--panel: #111827;--panel-2: #1e293b;--border: #243044;--text: #e2e8f0;--muted: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:1000px;margin:0 auto;padding:32px 20px 64px}.header h1{margin:0 0 4px;font-size:26px;letter-spacing:-.5px}.subtitle{color:var(--muted);margin:0 0 24px}.prompt{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.prompt-input{width:100%;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:15px;font-family:inherit}.prompt-input:focus{outline:2px solid var(--accent)}.prompt-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.examples{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.chip:hover{color:var(--text);border-color:var(--accent)}.generate-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}.generate-btn:hover:not(:disabled){background:var(--accent-hover)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.catalog-hint{margin-top:10px;font-size:12px;color:var(--muted)}.error{margin-top:18px;padding:14px 16px;background:#3b1414;border:1px solid #7f1d1d;color:#fecaca;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.error .retry{background:#7f1d1d;border-color:#b91c1c;color:#fee2e2;white-space:nowrap}.error .retry:hover{background:#991b1b}.loading{margin-top:18px;padding:14px 16px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:10px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:24px;display:flex;flex-direction:column;gap:20px}.result-top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}@media (max-width: 760px){.result-top{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.card h2{margin:0 0 14px;font-size:16px}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--border)}.kv .k{color:var(--muted);font-size:13px}.kv .v{font-size:14px;text-align:right}.badge{background:var(--accent);color:#fff;padding:2px 10px;border-radius:999px;font-size:12px}.block{margin-top:14px}.block-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:10px 0 6px}.desc-list,.cond-list{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.cond-list.win li{color:#86efac}.cond-list.lose li{color:#fca5a5}.team-counts,.gadgets{display:flex;gap:8px;flex-wrap:wrap}.team-pill,.gadget-pill{font-size:12px;padding:4px 10px;border-radius:8px;border:1px solid var(--border)}.team-1{background:#3b82f626;color:#93c5fd}.team-2{background:#ef444426;color:#fca5a5}.gadget-pill{background:var(--panel-2);color:var(--text)}.minimap{width:max-content}.minimap-canvas{border-radius:10px;border:1px solid var(--border);display:block}.legend{display:flex;gap:14px;align-items:center;margin-top:10px;font-size:12px;color:var(--text)}.legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.legend .muted{color:var(--muted)}.sim-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.sim-head h2{margin:0}.approx{font-size:11px;font-weight:400}.sim-controls{display:flex;gap:8px}.sim-controls select.btn{padding-right:8px}.sim .minimap-canvas{border-radius:10px;border:1px solid var(--border);display:block}.sim-hud{display:flex;gap:16px;align-items:center;margin-top:10px;font-size:13px;font-variant-numeric:tabular-nums}.sim-banner{margin-top:12px;padding:10px 14px;border-radius:10px;font-weight:700;text-align:center}.sim-banner.win{background:#22c55e26;color:#86efac;border:1px solid #15803d}.sim-banner.lose{background:#ef444426;color:#fca5a5;border:1px solid #7f1d1d}.json-head{display:flex;justify-content:space-between;align-items:center}.json-actions{display:flex;gap:8px}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:default}.launch-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:16px 0;padding:14px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.launch-bar .muted{color:var(--muted);font-size:13px}.launch-ok{color:#22c55e;font-size:13px}.launch-err{color:#ef4444;font-size:13px}.json-pre{margin:14px 0 0;max-height:420px;overflow:auto;background:#0a0f1d;border:1px solid var(--border);border-radius:10px;padding:14px;font-size:12px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#cbd5e1}