:root{--koba-blue: #00aeef;--koba-cyan: #00f0ff;--koba-purple: #7a4dff;--koba-pink: #ff3dbf;--bg: #0e0e12;--surface: #16161c;--border: #2a2a33;--text: #ffffff;--muted: #a0a0b3;--brand-light: var(--koba-cyan);--brand: var(--koba-blue);--brand-mid: var(--koba-purple);--brand-dark: #5b32cc;--accent: var(--koba-blue);--accent-hover: #0099d6;--gradient-primary: linear-gradient(135deg, var(--koba-cyan) 0%, var(--koba-blue) 45%, var(--koba-purple) 100%);--gradient-purple: var(--gradient-primary);--gradient-purple-hover: linear-gradient(135deg, #33f3ff 0%, var(--koba-blue) 45%, #9b6dff 100%);--gradient-purple-soft: linear-gradient(135deg, rgba(0, 174, 239, .14) 0%, rgba(122, 77, 255, .08) 100%);--brand-glow: rgba(0, 174, 239, .35);--success: #00ff66;--warning: #ffcc00;--critical: #ff3366;--danger: #ff3366;--offline: #6b7280;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--ease-koba: cubic-bezier(.25, .1, .25, 1);--duration-page: .18s;--duration-ripple: .15s;--font-mono: "JetBrains Mono", ui-monospace, monospace;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--brand-light);text-decoration:none}a:hover{color:var(--brand)}button{cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:.5rem 1rem;font-size:.9rem;font-family:inherit;font-weight:500;background:var(--gradient-primary);color:#fff;transition:filter var(--duration-ripple) var(--ease-koba),transform 80ms var(--ease-koba);position:relative;overflow:hidden}button:hover{background:var(--gradient-purple-hover);filter:brightness(1.03)}button:active{transform:scale(.95)}button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}button.secondary:hover{filter:brightness(1.03);background:color-mix(in srgb,var(--surface) 92%,white)}input,textarea,select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.5rem .75rem;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:var(--space-m);box-shadow:0 1px #ffffff08;transition:filter var(--duration-ripple) var(--ease-koba),border-color var(--duration-ripple) var(--ease-koba)}.card:hover{filter:brightness(1.03)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:1rem}.sidebar nav{display:flex;flex-direction:column;flex-wrap:wrap;gap:.15rem}.sidebar nav a{display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border-radius:6px;color:var(--muted);margin-bottom:0;font-size:.88rem}.nav-link-icon{flex-shrink:0;opacity:.85}.sidebar nav a.active .nav-link-icon,.sidebar nav a:hover .nav-link-icon{opacity:1;color:var(--brand-light)}.sidebar nav a.active,.sidebar nav a:hover{background:var(--gradient-purple-soft);color:var(--brand-light);border-left:2px solid var(--brand);padding-left:calc(.75rem - 2px)}.main{flex:1;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--space-m)}.page-transition{animation:koba-page-in var(--duration-page) var(--ease-koba)}.auth-page{max-width:400px;margin:4rem auto}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;color:var(--muted);font-size:.85rem}.status-online{color:var(--success)}.status-offline{color:var(--muted)}.backend-banner{background:#ef444426;border:1px solid var(--danger);color:var(--text);padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.backend-banner code{background:var(--bg);padding:.15rem .4rem;border-radius:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 280px;gap:1rem;align-items:start}@media(max-width:1100px){.grid-3{grid-template-columns:1fr 1fr}.grid-3 .metrics-panel{grid-column:1 / -1}}@media(max-width:768px){.grid-2{grid-template-columns:1fr}.layout{flex-direction:column}.sidebar{display:none}.mobile-top-bar{display:flex;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.main-content{padding:1rem 1rem 0;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.copyright-footer{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));font-size:.7rem}.copyright-footer-legal{gap:.25rem .35rem}.bottom-nav{display:flex}h1{font-size:1.35rem}h2{font-size:1.05rem}button,.control-action-btn,.mobile-full-btn{min-height:44px;width:100%}.control-topbar{flex-direction:column;align-items:stretch}.control-topbar-actions{justify-content:space-between}.system-control-panel--mobile .control-feed .live-feed{max-height:280px}}.mobile-top-bar{display:none}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 24px #0006}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:.35rem .25rem;color:var(--muted);font-size:.68rem;text-decoration:none;border-top:2px solid transparent}.bottom-nav-item--active{color:var(--brand-light);border-top-color:var(--brand);background:var(--gradient-purple-soft)}.bottom-nav-label{text-align:center;line-height:1.2}.mobile-page{max-width:100%}.mobile-page-header h1{margin:0 0 .35rem}.mobile-page-header p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.mobile-section-title{font-size:.95rem;margin:1.25rem 0 .65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.mobile-muted{color:var(--muted);font-size:.88rem}.mobile-list{list-style:none;padding:0;margin:1rem 0 0}.mobile-list-card{display:block;padding:1rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit;text-decoration:none}.mobile-list-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.mobile-list-card p{margin:0;color:var(--muted);font-size:.88rem}.mobile-list-cta{display:inline-block;margin-top:.65rem;color:var(--brand-light);font-size:.85rem;font-weight:600}.faction-carousel{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.faction-carousel-card{flex:0 0 85%;scroll-snap-align:start;min-width:260px}.faction-carousel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.faction-carousel-head h2,.faction-carousel-head h3{margin:0;font-size:1.05rem}.mobile-graph-stack{display:flex;flex-direction:column;gap:.75rem}.mobile-roster{list-style:none;padding:0;margin:0}.mobile-roster-row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem .65rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border)}.mobile-roster-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.mobile-roster-info strong{font-size:.95rem}.mobile-roster-open{padding:.45rem .75rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--gradient-purple);color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap}.mobile-fab{position:fixed;right:1rem;bottom:calc(4.75rem + env(safe-area-inset-bottom,0px));z-index:850;padding:.75rem 1rem;border-radius:999px;background:var(--gradient-purple);color:#fff;font-weight:600;font-size:.82rem;text-decoration:none;box-shadow:0 4px 20px var(--brand-glow);min-height:44px;display:inline-flex;align-items:center}.mobile-world-hub{padding-bottom:5rem}.mobile-link-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.mobile-chip{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--brand-light);font-size:.85rem;text-decoration:none}.mobile-menu-section{margin-top:1.25rem}.mobile-menu-section h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem}.mobile-menu-list{list-style:none;padding:0;margin:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.mobile-menu-list li+li{border-top:1px solid var(--border)}.mobile-menu-list a{display:flex;align-items:center;min-height:48px;padding:.65rem 1rem;color:var(--text);background:var(--surface)}.mobile-account{margin-top:1.5rem}.mobile-back-link{display:inline-block;margin-bottom:.75rem;color:var(--brand-light);font-size:.9rem}.mobile-stat-line{margin:.5rem 0 0;font-size:.88rem;color:var(--muted)}.accordion-section{border:1px solid var(--border);border-radius:8px;margin-bottom:.65rem;overflow:hidden;background:var(--surface)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:.75rem 1rem;background:var(--surface);color:var(--text);font-weight:600;font-size:.95rem;border:none;border-radius:0;text-align:left}.accordion-header:hover{background:var(--gradient-purple-soft);filter:none}.accordion-body{padding:.75rem 1rem 1rem;border-top:1px solid var(--border)}.accordion-chevron{color:var(--brand-light);font-size:1.1rem}.mobile-slider-row label.mobile-slider-label{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.92rem}.mobile-slider-value{color:var(--brand-light);font-weight:600}.mobile-range{width:100%;height:8px;accent-color:var(--brand)}.mobile-range::-webkit-slider-thumb{width:22px;height:22px}.mobile-toggle-row{display:flex;justify-content:space-between;align-items:center;min-height:44px}.ios-toggle{position:relative;width:52px;height:32px;min-height:32px;padding:0;border-radius:999px;background:var(--border);border:none;flex-shrink:0}.ios-toggle--on{background:var(--gradient-purple)}.ios-toggle-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s ease}.ios-toggle--on .ios-toggle-knob{transform:translate(20px)}.mobile-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mobile-preset-grid button{font-size:.82rem;padding:.55rem .5rem}.console-filters{display:flex;gap:.35rem;margin-bottom:.65rem;flex-wrap:wrap}.console-filters button{flex:1;min-width:0;min-height:40px;font-size:.78rem;padding:.35rem .5rem}.summary-bar-mobile{position:sticky;bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));z-index:100;margin-top:1rem}.npc-detail-panel--mobile{border:none;padding:0;background:transparent}.npc-detail-tabs--mobile{display:flex;overflow-x:auto;gap:.35rem;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.npc-detail-tabs--mobile button{flex-shrink:0;min-height:40px;width:auto;font-size:.78rem;padding:.4rem .65rem}.npc-detail-tab--active{background:var(--gradient-purple)!important;color:#fff!important}.mobile-page--detail{padding-bottom:1rem}.brand-mark--mobile-bar{margin:0;padding:0;border:none}.live-feed-panel{margin-top:1rem;display:flex;flex-direction:column;min-height:280px}.live-feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.live-feed-header h3{margin:0;font-size:1rem}.live-feed-clear{padding:.25rem .6rem;font-size:.75rem}.live-feed{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:360px;overflow-y:auto;padding:.75rem;font-family:var(--font-mono);font-size:13px}.live-feed-empty{margin:0;color:var(--muted);font-style:italic}.live-feed-entry{padding:.5rem 0;border-bottom:1px solid var(--border)}.live-feed-entry--new{animation:koba-feed-in .12s var(--ease-koba)}.live-feed-entry:last-child{border-bottom:none}.live-feed-meta{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.live-feed-time{color:var(--muted);font-size:.75rem}.live-feed-command{font-weight:600;background:transparent;padding:0}.live-feed-entry--success .live-feed-command{color:var(--success)}.live-feed-entry--error .live-feed-command{color:var(--danger)}.live-feed-lines{margin:0;padding-left:1.1rem;color:var(--text);list-style:disc}.live-feed-lines li{margin:.15rem 0}.live-feed-entry--error .live-feed-lines{color:#fca5a5}.live-feed-entry--success .live-feed-lines{color:#bbf7d0}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.onboarding-modal{max-width:520px;width:100%}.onboarding-steps{margin:1rem 0;padding-left:1.25rem;color:var(--muted);font-size:.9rem}.onboarding-steps li{margin:.35rem 0}.plan-card .plan-price{font-size:1.5rem;margin:.5rem 0}.plan-features{padding-left:1.1rem;color:var(--muted);font-size:.9rem}.analytics-bar-row{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;margin-bottom:.5rem;align-items:center}.analytics-count{color:var(--accent);font-weight:600}.analytics-bar{grid-column:1 / -1;height:4px;background:var(--gradient-purple);border-radius:2px;opacity:.85}.setup-checklist{list-style:none;padding:0;margin:0}.setup-checklist li{margin:.5rem 0}.check-done{color:var(--success);text-decoration:line-through}.config-snippet{background:var(--bg);padding:1rem;border-radius:6px;overflow:auto;font-size:.85rem}.pack-form .form-group{margin-bottom:.75rem}.validation-errors{list-style:none;padding:.75rem;margin:.75rem 0 0;border-radius:6px;border:1px solid var(--danger);background:#ef44441a;color:#fca5a5;font-size:.85rem}.validation-errors li{margin:.25rem 0}.pack-detail-list{margin:.75rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:.9rem}.pack-detail-list dt{color:var(--muted);font-weight:600}.pack-detail-list dd{margin:0}.state-healthy{color:var(--success)}.state-warning{color:var(--warning)}.state-critical{color:var(--critical)}.state-failure{color:var(--danger)}.state-offline{color:var(--offline)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid currentColor}.status-badge-icon{flex-shrink:0}.status-badge--healthy{color:var(--success);background:#00ff661a}.status-badge--warning{color:var(--warning);background:#ffcc001a;animation:koba-pulse-warning 2s var(--ease-koba) infinite}.status-badge--critical,.status-badge--failure{color:var(--critical);background:#ff33661f;animation:koba-pulse-critical 1s var(--ease-koba) infinite}.status-badge--offline{color:var(--offline);background:#6b728026}.status-bar{height:6px;border-radius:3px;background:var(--bg);overflow:hidden;margin:.35rem 0}.status-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.status-bar-fill--healthy{background:var(--success)}.status-bar-fill--warning{background:var(--warning)}.status-bar-fill--critical{background:var(--critical)}.status-bar-fill--failure{background:var(--danger)}.status-bar-fill--offline{background:var(--offline)}.sidebar-systems{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.sidebar-systems h4{margin:0 0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.system-card-link{display:block;padding:.45rem .5rem;margin-bottom:.35rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);text-decoration:none;font-size:.78rem}.system-card-link:hover{border-color:var(--muted)}.system-card-link.active{border-color:var(--brand);background:var(--gradient-purple-soft)}.system-card-header{display:flex;justify-content:space-between;align-items:center;gap:.35rem}.system-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.system-card-dot--healthy{background:var(--success)}.system-card-dot--warning{background:var(--warning)}.system-card-dot--critical{background:var(--critical)}.system-card-dot--failure{background:var(--danger)}.system-card-dot--offline{background:var(--offline)}.metrics-panel h3{margin-top:0;font-size:.95rem}.metric-row{margin-bottom:.85rem}.metric-row-header{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.2rem}.mini-graph{margin-top:.5rem}.mini-graph-label{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.mini-graph-svg{width:100%;height:48px;display:block;overflow:visible}.mini-graph-line{stroke-dasharray:400;stroke-dashoffset:400;animation:koba-graph-draw 1.2s var(--ease-koba) forwards}.mini-graph-pulse-dot{animation:koba-dot-pulse 2s var(--ease-koba) infinite}.mini-graph-bars{display:flex;align-items:flex-end;gap:2px;height:48px}.mini-graph-bar{flex:1;min-width:4px;border-radius:2px 2px 0 0;background:var(--accent);opacity:.75}.validation-banner{padding:.5rem .75rem;border-radius:6px;margin-bottom:.75rem;font-size:.85rem;border:1px solid}.validation-banner--success{color:var(--success);border-color:var(--success);background:#22c55e1a}.validation-banner--failure{color:var(--danger);border-color:var(--danger);background:#ef44441a}.live-feed-entry--warning .live-feed-command{color:var(--warning)}.live-feed-entry--critical .live-feed-command{color:var(--critical)}.live-feed-entry--offline .live-feed-command{color:var(--offline)}.live-feed-entry--warning .live-feed-lines{color:#fde047}.live-feed-entry--critical .live-feed-lines{color:#fca5a5}.live-feed-entry--offline .live-feed-lines{color:#9ca3af}.live-feed-line--healthy{color:#bbf7d0}.live-feed-line--warning{color:#fde047}.live-feed-line--critical,.live-feed-line--failure{color:#fca5a5}.live-feed-line--offline{color:#9ca3af}.cross-links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.cross-link{font-size:.75rem;padding:.2rem .45rem;border-radius:4px;border:1px solid var(--border);background:var(--bg);text-decoration:none;color:var(--muted)}.cross-link:hover{color:var(--brand-light);border-color:var(--brand);background:var(--gradient-purple-soft)}.memory-inspector{display:grid;gap:1rem}.memory-section h4{margin:0 0 .5rem;font-size:.85rem}.memory-timeline{list-style:none;padding:0;margin:0}.memory-timeline li{border-left:2px solid var(--border);padding:.4rem 0 .4rem .75rem;margin-left:.25rem;font-size:.82rem}.memory-timeline li.state-healthy{border-left-color:var(--success)}.memory-timeline li.state-warning{border-left-color:var(--warning)}.memory-timeline li.state-critical{border-left-color:var(--critical)}.memory-timeline li.state-failure{border-left-color:var(--danger)}.bt-viewer{font-family:ui-monospace,monospace;font-size:.78rem}.bt-node{padding:.35rem .5rem;margin:.25rem 0;border-radius:4px;border:1px solid var(--border);background:var(--bg)}.bt-node--active{border-color:var(--koba-cyan);box-shadow:0 0 8px #00f0ff40;animation:koba-brain-glow 1.5s var(--ease-koba) infinite}.bt-node--failure{border-color:var(--danger)}.bt-node--success-path{border-color:var(--success)}.bt-children{margin-left:1rem;padding-left:.5rem;border-left:1px dashed var(--border)}.bt-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.npc-card{padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);cursor:pointer}.npc-card:hover{border-color:var(--accent)}.npc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.npc-card--selected{border-color:var(--brand);box-shadow:0 0 0 1px #a855f773}.ai-action-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.mode-toggle{display:flex;align-items:center;gap:.35rem}.quick-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.action-summary{margin-top:1rem;padding:.75rem 1rem;border-radius:6px;border:1px solid rgba(168,85,247,.35);background:var(--gradient-purple-soft);font-size:.92rem}.action-summary p{margin:.5rem 0 0;color:var(--text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.npc-detail-panel{margin-bottom:.5rem}.npc-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.npc-detail-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.npc-detail-tabs button{font-size:.78rem;padding:.35rem .6rem}.npc-detail-body{font-size:.9rem}.brain-chain{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.brain-step{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:.85rem}.brain-step--active{border-color:var(--success);color:var(--success)}.system-control-panel{max-width:1400px}.control-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.control-topbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.control-panel-layout{display:grid;grid-template-columns:220px minmax(280px,1fr) minmax(300px,360px);gap:1rem;align-items:start;margin-top:1rem}.control-actions h3,.control-settings h3,.control-feed h3{margin-top:0}.control-action-btn{display:block;width:100%;margin-bottom:.5rem;text-align:left;font-weight:600;background:var(--gradient-purple);color:#fff;border:none;border-radius:6px;padding:.55rem .75rem;cursor:pointer}.control-action-btn:hover:not(:disabled){background:var(--gradient-purple-hover);filter:brightness(1.05)}.control-action-btn:disabled{opacity:.45;cursor:not-allowed}.control-feed .live-feed-panel{min-height:420px}.control-feed .live-feed{max-height:480px}.faction-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.faction-card{padding:.85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.faction-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;font-size:.78rem;color:var(--muted);margin:.5rem 0}.npc-roster-actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}@media(max-width:1100px){.control-panel-layout{grid-template-columns:1fr 1fr}.control-feed{grid-column:1 / -1}}@media(max-width:700px){.control-panel-layout{grid-template-columns:1fr}}.brand-mark{display:flex;align-items:center;gap:.65rem}.brand-mark--wordmark{flex-direction:column;align-items:flex-start;gap:.35rem}.brand-mark-logo{display:block;width:auto;max-width:100%;height:auto}.brand-mark-icon{display:block;border-radius:8px;flex-shrink:0}.brand-mark-subtitle{font-size:.72rem;color:var(--muted);line-height:1.2}.brand-mark--sidebar{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);width:100%}.brand-mark--sidebar .brand-mark-logo{width:100%;max-width:196px;height:auto}.brand-mark--auth.brand-mark--wordmark{align-items:center;text-align:center}.brand-mark--auth .brand-mark-logo{width:min(280px,100%);height:auto}.brand-mark--legal .brand-mark-logo{width:min(220px,100%);height:auto}.copyright-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.75rem;color:var(--muted);background:var(--surface)}.copyright-footer-copy{margin:0 0 .5rem}.copyright-footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem}.copyright-footer-legal a{color:var(--muted);font-size:.75rem}.copyright-footer-legal a:hover{color:var(--brand-light)}.copyright-footer-link-btn{background:none;border:none;padding:0;font-size:.75rem;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.copyright-footer-link-btn:hover{color:var(--brand-light);filter:none;background:none}.copyright-footer p{margin:0}.auth-layout .copyright-footer{margin-top:1.25rem;border-top:none;padding:.75rem 0 0;background:transparent}.cookie-consent{position:fixed;inset:auto 0 0 0;z-index:1000;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);pointer-events:none}.cookie-consent-panel{max-width:640px;margin:0 auto;pointer-events:auto;border:1px solid rgba(168,85,247,.35);box-shadow:0 8px 32px #00000073}.cookie-consent-panel h2{margin:0 0 .5rem;font-size:1.05rem}.cookie-consent-list{margin:.75rem 0;padding-left:1.1rem;color:var(--muted);font-size:.85rem}.cookie-consent-list li{margin:.35rem 0}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.legal-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.legal-layout-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.legal-nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.85rem}.legal-layout-main{flex:1;max-width:800px;width:100%;margin:1.5rem auto;align-self:center}.legal-doc h1{margin-top:0}.legal-doc section{margin-top:1.5rem}.legal-doc h2{font-size:1rem;margin-bottom:.5rem}.legal-doc p,.legal-doc li{color:var(--muted);line-height:1.6;font-size:.92rem}.legal-updated{font-size:.82rem!important;font-style:italic}.legal-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:.5rem}.legal-table th,.legal-table td{border:1px solid var(--border);padding:.5rem .65rem;text-align:left}.legal-table th{background:var(--bg);color:var(--text)}.auth-layout{min-height:100vh;padding:1rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,var(--brand-glow) 0%,transparent 55%),var(--bg)}.auth-layout-inner{width:100%;max-width:480px}.build-progress{margin-top:1rem}.build-progress-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.build-progress-headline{margin:.35rem 0 0;color:var(--brand-light);font-size:.92rem}.build-progress-percent{font-size:1.5rem;font-weight:700;color:var(--brand-light);flex-shrink:0}.build-progress-track{height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:1rem}.build-progress-fill{height:100%;background:var(--gradient-purple);border-radius:999px;transition:width .4s ease}.build-progress-steps{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto;padding-right:.25rem}.build-progress--compact .build-progress-steps{max-height:220px}.build-progress-step{display:flex;gap:.65rem;align-items:flex-start;padding:.55rem .65rem;border-radius:6px;border:1px solid var(--border);background:var(--bg)}.build-progress-step--complete{opacity:.72;border-color:transparent}.build-progress-step--current{border-color:#a855f780;background:var(--gradient-purple-soft)}.build-progress-step--upcoming{opacity:.5}.build-progress-step-marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;background:var(--surface);border:1px solid var(--border)}.build-progress-step--complete .build-progress-step-marker,.build-progress-step--current .build-progress-step-marker{background:var(--gradient-purple);color:#fff;border:none}.build-progress-step-body{flex:1;min-width:0}.build-progress-step-body p{margin:.25rem 0 0;font-size:.82rem;color:var(--muted);line-height:1.4}.build-progress-action{display:inline-block;margin-top:.35rem;font-size:.82rem;font-weight:600;color:var(--brand-light)}.build-progress-next{margin-top:1rem;padding:.85rem 1rem;border-radius:8px;border:1px solid rgba(168,85,247,.35);background:var(--gradient-purple-soft)}.build-progress-next p{margin:.35rem 0 .65rem;color:var(--muted);font-size:.88rem}.build-progress-action-btn{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;border-radius:6px;background:var(--gradient-purple);color:#fff;font-weight:600;text-decoration:none}.build-progress-preflight{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.build-progress-preflight h4,.build-progress-production h4{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.build-progress-preflight ul{list-style:none;padding:0;margin:0}.build-progress-preflight li{display:flex;gap:.5rem;align-items:flex-start;padding:.4rem 0;font-size:.85rem}.preflight-dot{width:8px;height:8px;border-radius:50%;margin-top:.35rem;flex-shrink:0;background:var(--offline)}.preflight-pass .preflight-dot{background:var(--success)}.preflight-fail .preflight-dot{background:var(--warning)}.build-progress-production{margin-top:1rem}.landing-page{display:flex;flex-direction:column;gap:1.25rem}.landing-page--mobile{padding-bottom:5.5rem}.landing-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.landing-header-left{display:flex;align-items:center;gap:.85rem}.landing-title{margin:0;font-size:1.45rem;line-height:1.2}.landing-header-status{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;font-size:.82rem;color:var(--muted)}.landing-header-actions{display:flex;align-items:center;gap:.65rem}.landing-header-action{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:8px;background:var(--gradient-primary);color:#fff!important;font-size:.85rem;white-space:nowrap}.landing-header-action:hover{filter:brightness(1.08)}.landing-avatar{width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-purple-soft);border:1px solid var(--border);color:var(--brand-light)!important;font-weight:700;font-size:.95rem}.landing-section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.landing-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.landing-section-head .landing-section-title{margin:0}.landing-section-link{font-size:.82rem;white-space:nowrap}.landing-faction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.landing-faction-carousel{margin:0 -.25rem}.landing-faction-card{display:flex;flex-direction:column;gap:.65rem}.landing-faction-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.landing-faction-card-head h3{margin:0;font-size:1.05rem}.landing-faction-loyalty{margin:0;font-size:.85rem;color:var(--muted)}.landing-faction-open{align-self:flex-start;margin-top:.25rem;font-size:.85rem;font-weight:600}.landing-metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-metrics-stack{display:flex;flex-direction:column;gap:.75rem}.landing-metric-card{display:block;color:inherit;transition:border-color .15s ease}.landing-metric-card:hover{border-color:var(--brand)}.landing-metric-hint{display:block;margin-top:.5rem;font-size:.72rem;color:var(--muted)}.landing-system-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.landing-system-list{display:flex;flex-direction:column;gap:.65rem}.landing-system-tile{display:block;color:inherit;transition:border-color .15s ease,transform .15s ease}.landing-system-tile:hover{border-color:var(--brand);transform:translateY(-1px)}.landing-system-tile-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.landing-system-tile-metrics{margin:.5rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.4}.landing-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.landing-npc-section,.landing-events-section{margin:0}.landing-npc-list{list-style:none;margin:0;padding:0}.landing-npc-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.35rem .75rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.landing-npc-row:last-child{border-bottom:none}.landing-npc-row-main{display:flex;flex-direction:column;gap:.15rem}.landing-npc-row-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.65rem;font-size:.78rem}.landing-events-feed{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.landing-event-row{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.landing-event-row:last-child{border-bottom:none}.landing-event-text{line-height:1.35}.landing-event-time{font-size:.72rem;color:var(--muted);white-space:nowrap}.landing-quick-actions-bar{display:flex;flex-wrap:wrap;gap:.65rem}.landing-quick-action-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text)!important;font-size:.85rem;min-height:44px;transition:border-color var(--duration-ripple) var(--ease-koba),background var(--duration-ripple) var(--ease-koba),transform 80ms var(--ease-koba)}.landing-quick-action-btn:active{transform:scale(.95)}.landing-quick-action-btn:hover{border-color:var(--brand);background:var(--gradient-purple-soft);color:var(--brand-light)!important}.landing-quick-actions--sticky{position:fixed;left:0;right:0;bottom:3.75rem;z-index:20;margin:0;padding:.65rem 1rem;background:#0a0a0aeb;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-quick-actions--sticky .landing-section-title{display:none}.landing-quick-actions--sticky .landing-quick-actions-bar{justify-content:space-between}.landing-quick-actions--sticky .landing-quick-action-btn{flex:1 1 calc(50% - .35rem);justify-content:center;padding:.5rem .35rem;font-size:.72rem}.landing-getting-started-lead{margin:0 0 .75rem;font-size:.85rem;color:var(--muted)}@media(max-width:900px){.landing-faction-grid,.landing-metrics-row,.landing-two-col{grid-template-columns:1fr}}@media(max-width:768px){.landing-title{font-size:1.15rem}.landing-header-action{font-size:.75rem;padding:.4rem .65rem}}.koba-icon{display:block;flex-shrink:0}.landing-metric-label{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;margin-bottom:.35rem;color:var(--text)}.landing-metric-hint{display:inline-flex;align-items:center;gap:.35rem}.landing-system-tile-title{display:inline-flex;align-items:center;gap:.45rem}.landing-npc-row-links a{display:inline-flex;align-items:center;gap:.25rem}.metric-row-label{display:inline-flex;align-items:center;gap:.35rem}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.bottom-nav-icon{opacity:.75}.bottom-nav-item--active .bottom-nav-icon{opacity:1;color:var(--brand-light)}@keyframes koba-page-in{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}@keyframes koba-pulse-warning{0%,to{opacity:1}50%{opacity:.72}}@keyframes koba-pulse-critical{0%,to{opacity:1;box-shadow:0 0 #ff336659}50%{opacity:.85;box-shadow:0 0 0 4px #f360}}@keyframes koba-feed-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes koba-graph-draw{to{stroke-dashoffset:0}}@keyframes koba-dot-pulse{0%,to{opacity:1;r:3}50%{opacity:.55}}.brain-node--active{animation:koba-brain-glow 1.5s var(--ease-koba) infinite}@keyframes koba-brain-glow{0%,to{filter:drop-shadow(0 0 2px var(--koba-cyan));opacity:1}50%{filter:drop-shadow(0 0 8px var(--koba-blue));opacity:.85}}.koba-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg);color:var(--muted);transition:opacity .18s var(--ease-koba)}.koba-loading-spin{animation:koba-spin 1.1s linear infinite}.koba-loading-label{margin:0;font-size:.95rem}@keyframes koba-spin{to{transform:rotate(360deg)}}