:root{--qm-bg:#0f0d14;--qm-panel:#181522;--qm-panel-2:#1f1b2c;--qm-border:#2a2438;--qm-border-soft:rgba(255,255,255,0.05);--qm-ink:#e6e1f0;--qm-ink-dim:#9a93ad;--qm-ink-faint:#5f586f;--qm-gold:#d4af37;--qm-gold-soft:#e8c862;--qm-rune:#8b7ad6;--qm-rune-soft:#b9a9ff;--qm-crimson:#9b2c2c;--qm-crimson-soft:#fc8181;--qm-emerald:#2f855a;--qm-emerald-soft:#68d391;--qm-gold-bg:rgba(212,175,55,0.12);--qm-gold-border:rgba(212,175,55,0.30);--qm-gold-glow:rgba(212,175,55,0.15);--qm-rune-bg:rgba(139,122,214,0.15);--qm-rune-border:rgba(139,122,214,0.30);--qm-crimson-bg:rgba(155,44,44,0.15);--qm-crimson-border:rgba(155,44,44,0.30);--qm-emerald-bg:rgba(47,133,90,0.15);--qm-emerald-border:rgba(47,133,90,0.30);--qm-slate-bg:rgba(255,255,255,0.05);--qm-hp-bar:linear-gradient(90deg,#e53e3e,#c53030);--qm-hp-healthy:var(--qm-emerald-soft);--qm-hp-wounded:var(--qm-gold-soft);--qm-hp-critical:var(--qm-crimson-soft);--qm-accent:var(--qm-gold);--qm-accent-soft:var(--qm-gold-soft);--qm-accent-strong:rgba(212,175,55,0.18);--qm-accent-faint:rgba(212,175,55,0.02);--qm-accent-glow:var(--qm-gold-glow);--qm-font-display:"Cinzel","Trajan Pro",Georgia,serif;--qm-font-body:"Inter",system-ui,-apple-system,sans-serif;--qm-font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--qm-tracking-uppercase:0.08em;--qm-tracking-display:0.02em;--qm-tracking-wider:0.05em;--qm-text-xs:11px;--qm-text-sm:12px;--qm-text-base:14px;--qm-text-md:15px;--qm-text-lg:18px;--qm-text-xl:20px;--qm-text-2xl:24px;--qm-text-3xl:30px;--qm-text-4xl:36px;--qm-leading-tight:1.15;--qm-leading-snug:1.35;--qm-leading-normal:1.55;--qm-leading-relaxed:1.65;--qm-space-1:4px;--qm-space-2:8px;--qm-space-3:12px;--qm-space-4:16px;--qm-space-5:20px;--qm-space-6:24px;--qm-space-8:32px;--qm-space-10:40px;--qm-space-12:48px;--qm-radius-xs:4px;--qm-radius-sm:6px;--qm-radius-md:8px;--qm-radius-lg:10px;--qm-radius-xl:14px;--qm-radius-2xl:18px;--qm-radius-3xl:20px;--qm-radius-full:9999px;--qm-ease:cubic-bezier(0.4,0,0.2,1);--qm-dur-fast:150ms;--qm-btn-primary:linear-gradient(180deg,#b8932f,#8a6d22);--qm-btn-rune:linear-gradient(180deg,#9384de,#6f5fc0);--qm-grid-dots:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.04) 1px,transparent 0);--qm-rune-border-gradient:linear-gradient(135deg,rgba(212,175,55,0.4),rgba(139,122,214,0.4));--qm-dur-base:180ms;--qm-dur-slow:280ms;--qm-shadow-card:0 1px 2px rgba(0,0,0,0.4);--qm-shadow-pop:0 10px 30px -5px rgba(0,0,0,0.5);--qm-shadow-modal:0 30px 80px rgba(0,0,0,0.5);--qm-glow-gold:0 0 0 1px rgba(212,175,55,0.3),0 0 24px rgba(212,175,55,0.15);--qm-glow-rune:0 0 0 1px rgba(139,122,214,0.3),0 0 24px rgba(139,122,214,0.15);--qm-sidebar-w:264px;--qm-topbar-h:60px;--qm-cap-default:1180px;--qm-cap-wide:1320px;--qm-cap-narrow:820px;--qm-cap-cross:1080px;--qm-cap-gate:840px;--qm-cap-form:420px;--bg:var(--qm-bg);--panel:var(--qm-panel);--panel-2:var(--qm-panel-2);--border:var(--qm-border);--ink:var(--qm-ink);--ink-dim:var(--qm-ink-dim);--ink-faint:var(--qm-ink-faint);--gold:var(--qm-gold);--gold-soft:var(--qm-gold-soft);--rune:var(--qm-rune);--rune-soft:var(--qm-rune-soft);--crimson:var(--qm-crimson);--crimson-soft:var(--qm-crimson-soft);--emerald:var(--qm-emerald);--emerald-soft:var(--qm-emerald-soft)}[data-role=player]{--qm-accent:var(--qm-rune);--qm-accent-soft:var(--qm-rune-soft);--qm-accent-strong:rgba(139,122,214,0.20);--qm-accent-faint:rgba(139,122,214,0.02);--qm-accent-glow:rgba(139,122,214,0.18)}.display{font-family:var(--qm-font-display);letter-spacing:var(--qm-tracking-display)}.eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:var(--qm-tracking-uppercase)}.eyebrow,.flavor{color:var(--qm-ink-dim)}.flavor{font-family:var(--qm-font-display);font-style:italic;font-weight:600}.text-gold{color:var(--qm-gold-soft)}.text-dim{color:var(--qm-ink-dim)}.text-faint{color:var(--qm-ink-faint)}.card{background:var(--qm-panel);border:1px solid var(--qm-border);border-radius:var(--qm-radius-xl);padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap;border:0;cursor:pointer;font-family:inherit;transition:filter var(--qm-dur-fast) var(--qm-ease),border-color var(--qm-dur-fast) var(--qm-ease),background var(--qm-dur-fast) var(--qm-ease),color var(--qm-dur-fast) var(--qm-ease)}.btn svg{width:16px;height:16px}.btn:disabled{opacity:1;cursor:not-allowed;filter:none;background:var(--qm-panel-2);color:var(--qm-ink-dim);border-color:var(--qm-border)}.btn-rune{background:var(--qm-btn-rune);color:#fff}.btn-rune:hover{filter:brightness(1.1)}.btn-danger{background:var(--qm-crimson-bg);color:var(--qm-crimson-soft);border:1px solid var(--qm-crimson-border)}.btn-danger:hover{background:rgba(155,44,44,.28)}.btn-sm{padding:6px 11px;font-size:12px;border-radius:8px}.btn-lg{padding:12px 22px;font-size:14px;border-radius:11px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;font-weight:600;color:var(--qm-ink-dim);text-transform:uppercase;letter-spacing:.06em}.input{background:var(--qm-panel-2);border:1px solid var(--qm-border);color:var(--qm-ink);border-radius:9px;padding:9px 12px;font-size:13.5px;transition:border-color var(--qm-dur-fast);outline:none;font-family:inherit}:where(.input){width:100%}.input::-moz-placeholder{color:var(--qm-ink-faint)}.input::placeholder{color:var(--qm-ink-faint)}.input:focus{border-color:var(--qm-gold)}textarea.input{resize:vertical;min-height:84px;line-height:1.5}.btn:focus-visible,.input:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--qm-gold);outline-offset:2px;border-radius:8px}.hr{height:1px;background:var(--qm-border);border:0;margin:0}.dashed{border:1px dashed var(--qm-border)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--qm-border);margin-bottom:18px}.tab{padding:9px 15px;font-size:13px;font-weight:600;color:var(--qm-ink-dim);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;background:none;font-family:inherit}.tab:hover{color:var(--qm-ink)}.tab.active{color:var(--qm-gold-soft);border-bottom-color:var(--qm-gold)}.empty{text-align:center;padding:46px 24px}.empty .glyph{font-size:40px;margin-bottom:12px}.stat-line{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0;border-bottom:1px solid var(--qm-border)}.stat-line:last-child{border-bottom:0}.stat-line .k{color:var(--qm-ink-dim)}.stat-line .v{color:var(--qm-ink)}.count-pill,.stat-line .v{font-family:var(--qm-font-mono)}.count-pill{font-size:10px;color:var(--qm-ink-dim);background:var(--qm-panel-2);border:1px solid var(--qm-border);padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.count-pill.live{color:var(--qm-crimson-soft);border-color:var(--qm-crimson-border);background:var(--qm-crimson-bg)}.icon-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--qm-ink-dim);border:1px solid var(--qm-border);background:var(--qm-panel-2);cursor:pointer;transition:color var(--qm-dur-fast),border-color var(--qm-dur-fast)}.icon-btn:hover{color:var(--qm-gold-soft);border-color:var(--qm-gold-border)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--qm-border)}.tl-item{position:relative;padding:0 0 22px}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-27px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--qm-panel);border:2px solid var(--qm-gold);box-shadow:0 0 0 3px var(--qm-bg)}.tl-dot.rune{border-color:var(--qm-rune)}.tl-dot.crimson{border-color:var(--qm-crimson-soft)}.tl-dot.emerald{border-color:var(--qm-emerald-soft)}.tl-dot.slate{border-color:var(--qm-border)}.tl-legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--qm-panel);border:2px solid var(--qm-gold)}.tl-legend-dot.rune{border-color:var(--qm-rune)}.tl-legend-dot.crimson{border-color:var(--qm-crimson-soft)}.tl-legend-dot.emerald{border-color:var(--qm-emerald-soft)}.tl-legend-dot.slate{border-color:var(--qm-border)}.meta-strip{display:flex;gap:22px;flex-wrap:wrap}.meta-strip .m{display:flex;flex-direction:column;gap:2px}.meta-strip .m .mk{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--qm-ink-dim);font-weight:700}.meta-strip .m .mv{font-family:var(--qm-font-mono);font-size:15px;color:var(--qm-ink)}.agent-seam{position:relative;background:var(--qm-panel);border:1px solid transparent;border-radius:13px;padding:16px;background-image:linear-gradient(var(--qm-panel),var(--qm-panel)),linear-gradient(135deg,rgba(139,122,214,.5),rgba(212,175,55,.35));background-origin:padding-box,border-box;background-clip:padding-box,border-box}.agent-tag{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--qm-rune-soft)}.agent-name{font-family:var(--qm-font-mono);font-size:10px;color:var(--qm-ink-dim)}.build-card-active{border-color:var(--qm-gold-border);box-shadow:0 0 0 1px var(--qm-gold-border),0 0 0 4px var(--qm-gold-glow)}.build-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border:1px dashed var(--qm-border);border-radius:var(--qm-radius-xl);background:transparent;color:var(--qm-ink-dim);font-size:12px;font-weight:700;text-align:center;cursor:pointer;transition:border-color var(--qm-dur-fast) var(--qm-ease),color var(--qm-dur-fast) var(--qm-ease)}.build-card-add:hover:not(:disabled){border-color:var(--qm-accent-soft);color:var(--qm-accent-soft)}.build-card-add:disabled{cursor:not-allowed;background:var(--qm-panel-2);color:var(--qm-ink-dim)}.wiz-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.wiz-step{display:inline-flex;gap:7px;padding:6px 13px;border-radius:999px;background:var(--qm-panel-2);border:1px solid var(--qm-border);font-size:11.5px}.wiz-step,.wiz-step .n{align-items:center;color:var(--qm-ink-dim)}.wiz-step .n{width:18px;height:18px;border-radius:50%;background:var(--qm-border);display:flex;justify-content:center;font-size:10px;font-weight:700}.wiz-step.active{border-color:var(--qm-gold-border);color:var(--qm-gold-soft)}.wiz-step.active .n{background:var(--qm-gold);color:#15111d}.wiz-step.done{border-color:var(--qm-emerald-border);color:var(--qm-emerald-soft)}.wiz-step.done .n{background:var(--qm-emerald);color:#fff}.roll-field{position:relative}.roll-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:4px 9px;border-radius:7px;font-size:11px;color:var(--qm-rune-soft);border:1px solid var(--qm-rune-border);background:var(--qm-rune-bg);display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-family:inherit}.roll-btn:hover{filter:brightness(1.15)}.shimmer{background:linear-gradient(90deg,var(--qm-panel-2) 0,#262035 50%,var(--qm-panel-2) 100%);background-size:200% 100%;animation:qm-shimmer 1.5s infinite;border-radius:8px}@keyframes qm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--qm-rune-border);border-top-color:var(--qm-rune-soft);animation:qm-spin .8s linear infinite}@keyframes qm-spin{to{transform:rotate(1turn)}}.thinking-row{display:flex;align-items:center;gap:8px;color:var(--qm-rune-soft);font-size:12.5px}.thinking-dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--qm-rune-soft);margin:0 1px;animation:qm-blink 1.2s infinite both}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes qm-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--qm-crimson-soft);box-shadow:0 0 8px rgba(252,129,129,.6);animation:qm-pulse 1.4s infinite;flex-shrink:0}@media (prefers-reduced-motion:reduce){.live-dot,.shimmer,.spinner,.thinking-dots span{animation:none}.shimmer{background-position:0 0}.thinking-dots span{opacity:1}}