:root{--color-bg-app: #f4f1ea;--color-bg-canvas: #eee9df;--color-surface-1: #fbf8f2;--color-surface-2: #f3eee4;--color-surface-3: #e9e2d6;--color-surface-4: #ded6c8;--color-border-subtle: #d8d0c3;--color-border-default: #c7bca9;--color-border-strong: #a9997e;--color-text-primary: #2d2a26;--color-text-secondary: #5b554e;--color-text-muted: #7a736a;--color-text-inverse: #fffdf8;--color-shadow-soft: rgba(78, 61, 34, .08);--color-shadow-medium: rgba(78, 61, 34, .14);--color-overlay-light: rgba(255, 252, 245, .72);--color-accent-gold-1: #f7d87b;--color-accent-gold-2: #e8bc4c;--color-accent-gold-3: #c6931f;--color-accent-azure-1: #bdebff;--color-accent-azure-2: #6ccff6;--color-accent-azure-3: #2a9fd6;--color-accent-verdant-1: #c8f2b2;--color-accent-verdant-2: #7ed957;--color-accent-verdant-3: #4daa34;--color-accent-violet-1: #e1ccff;--color-accent-violet-2: #b98cf5;--color-accent-violet-3: #8556d8;--color-accent-coral-1: #ffc8b2;--color-accent-coral-2: #ff8e6e;--color-accent-coral-3: #d95b38;--color-success-bg: #e8f7e1;--color-success-fg: #2e6a25;--color-warning-bg: #fff1d6;--color-warning-fg: #8a5a00;--color-danger-bg: #ffe4de;--color-danger-fg: #9a3b23;--color-info-bg: #e5f5fc;--color-info-fg: #256c8c;--color-disabled-bg: #e8e2d8;--color-disabled-fg: #948a7d;--color-disabled-border: #cfc5b7;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-xs: 0 1px 2px rgba(78, 61, 34, .06);--shadow-sm: 0 2px 6px rgba(78, 61, 34, .08);--shadow-md: 0 8px 20px rgba(78, 61, 34, .12);--shadow-lg: 0 14px 32px rgba(78, 61, 34, .16);--motion-fast: .12s;--motion-medium: .2s;--motion-slow: .26s;--focus-ring: 0 0 0 2px rgba(42, 159, 214, .35);--button-secondary-bg: var(--color-surface-2);--button-secondary-border: var(--color-border-default);--button-secondary-fg: var(--color-text-primary);--button-primary-bg: linear-gradient(180deg, var(--color-accent-gold-1) 0%, var(--color-accent-gold-2) 100%);--button-primary-border: var(--color-accent-gold-3);--button-primary-fg: var(--color-text-primary);--button-danger-bg: var(--color-danger-bg);--button-danger-border: #d78d78;--button-danger-fg: var(--color-danger-fg);--bg-app: var(--color-bg-app);--bg-canvas: var(--color-bg-canvas);--bg-surface: var(--color-surface-1);--bg-surface-muted: var(--color-surface-2);--bg-elevated: var(--color-surface-3);--bg-featured: var(--color-surface-4);--border-subtle: var(--color-border-subtle);--border-default: var(--color-border-default);--border-strong: var(--color-border-strong);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-inverse: var(--color-text-inverse);--accent-primary: var(--color-accent-azure-3);--accent-primary-strong: var(--color-info-fg);--accent-gold: var(--color-accent-gold-3);--accent-success: var(--color-accent-verdant-3);--accent-warning: var(--color-warning-fg);--accent-danger: var(--color-danger-fg);--status-success-bg: var(--color-success-bg);--status-warning-bg: var(--color-warning-bg);--status-danger-bg: var(--color-danger-bg)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--bg-app) 0%,var(--bg-canvas) 100%);color:var(--text-primary);line-height:1.45}.header{position:sticky;top:0;z-index:10;padding:14px 18px 12px;background:linear-gradient(180deg,#fbf8f2f5,#f3eee4e6);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header h1{margin:0 0 10px;font-size:var(--font-size-md);font-weight:650;letter-spacing:.01em;color:var(--text-secondary)}.banner{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.8rem;color:var(--text-secondary);margin-bottom:10px}.banner-row{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border-default);border-radius:999px;background:#fffdf8bf}.banner-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.67rem}.banner .status-pill{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;vertical-align:middle}.banner .status-ok{background:var(--accent-success);box-shadow:0 0 0 1px #2ea04359}.banner .status-bad{background:var(--accent-danger);box-shadow:0 0 0 1px #f8514959}.banner .status-warn{background:var(--accent-warning);box-shadow:0 0 0 1px #8a5a0033}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem}.nav a{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);border:1px solid transparent;padding:6px 10px;transition:background var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease}.nav a:hover{background:#e9e2d6cc;border-color:var(--border-default);color:var(--text-primary)}.nav a.active{color:var(--accent-primary);font-weight:600;text-decoration:none;border-color:#58a6ff59;background:#6ccff63d}.nav-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;min-height:1.2rem;border-radius:999px;border:1px solid var(--border-default);color:var(--text-muted);font-size:.62rem;font-weight:700;letter-spacing:.03em;line-height:1;background:#fffdf8bf}.nav a.active .nav-icon{color:var(--accent-primary);border-color:#58a6ff73;background:#6ccff63d}.nav-sep{color:var(--text-muted);margin:0 3px}.main{padding:20px 18px;max-width:1080px;margin:0 auto}section h2{margin-top:0;margin-bottom:12px;font-size:1.1rem;letter-spacing:.01em}button,input,select,textarea{font:inherit;margin-right:8px;margin-bottom:8px}button{background:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);color:var(--button-secondary-fg);border-radius:var(--radius-sm);min-height:40px;padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}button:hover{background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.btn-primary{background:var(--button-primary-bg);border-color:var(--button-primary-border);color:var(--button-primary-fg)}.btn-primary:hover{background:linear-gradient(180deg,var(--color-accent-gold-1) 0%,var(--color-accent-gold-3) 100%)}.btn-secondary{background:var(--button-secondary-bg);border-color:var(--button-secondary-border);color:var(--button-secondary-fg)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-default)}.btn-danger{background:var(--button-danger-bg);border-color:var(--button-danger-border);color:var(--button-danger-fg)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}input,select,textarea{background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:6px 8px}.msg,.meta{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:12px;overflow:auto;white-space:pre-wrap;font-size:.8rem}button:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-fg);opacity:1;cursor:not-allowed;box-shadow:none}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.catalog-sidebar{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px;background:var(--bg-surface);max-height:70vh;overflow:auto}.catalog-sidebar button{display:block;width:100%;text-align:left;margin-bottom:4px}.catalog-sidebar .sidebar-item{cursor:pointer;padding:6px 8px;border-radius:4px;margin-bottom:2px;font-size:.85rem}.catalog-sidebar .sidebar-item.active{background:var(--bg-elevated);border:1px solid rgba(88,166,255,.35);font-weight:600}.form-grid{display:grid;gap:8px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.data-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:12px}.data-table th,.data-table td{border:1px solid var(--border-default);padding:6px 8px;text-align:left}.data-table th{background:var(--bg-surface)}.trait-axis-fixed{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:var(--text-secondary)}.collapsible summary{cursor:pointer;color:var(--accent-primary);margin-bottom:8px}.progress-line{font-size:.9rem;color:var(--text-secondary);margin:8px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffcf5b8;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;max-width:min(900px,96vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-default);margin:0;font-size:1rem;font-weight:600}.modal-header span{flex:1;margin:0}.modal.modal-confirm{max-height:none;display:grid;grid-template-columns:1fr auto auto;column-gap:8px;row-gap:0;padding-bottom:16px}.modal-confirm-title{margin:0;padding:12px 16px 0;font-size:1rem;font-weight:600;grid-column:1 / -1}.modal-confirm-message{margin:0;padding:8px 16px;grid-column:1 / -1}.modal-confirm-cancel,.modal-confirm-ok{margin-top:12px;align-self:end}.modal-confirm-cancel{grid-column:2;justify-self:end}.modal-confirm-ok{grid-column:3;justify-self:end;margin-right:16px}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;padding:0 8px}.modal-body{padding:12px 16px;overflow:auto}.chart-block{margin:16px 0}.chart-title{margin:0 0 8px;font-size:.95rem}.chart-row{display:grid;grid-template-columns:72px 1fr 48px;align-items:center;gap:8px;margin-bottom:4px;font-size:.8rem}.chart-label{color:var(--text-secondary)}.chart-track{height:14px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-azure-2) 0%,var(--color-accent-azure-3) 100%);border-radius:4px;min-width:2px}.chart-count{text-align:right;font-variant-numeric:tabular-nums}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0}.summary-tile{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:10px;font-size:.85rem}.summary-tile .label{color:var(--text-secondary);font-size:.75rem}.summary-tile .value{font-size:1.1rem;font-variant-numeric:tabular-nums}.error-banner{background:var(--status-danger-bg);border:1px solid var(--button-danger-border);color:var(--accent-danger);padding:10px 12px;border-radius:6px;margin:8px 0;font-size:.9rem}.inline-help{font-size:.8rem;color:var(--text-secondary);margin:4px 0}.outcome-actions{margin-top:16px}.encounter-browser{margin:20px 0;padding:16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px}.encounter-browser--empty{padding:12px 16px}.encounter-browser-title{margin:0 0 12px;font-size:1rem;font-weight:600}.encounter-browser-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:8px}.encounter-browser-label{font-size:.9rem;color:var(--text-primary)}.encounter-browser-label select{margin-left:8px;font:inherit;padding:4px 8px;border-radius:6px;background:var(--bg-canvas);border:1px solid var(--border-default);color:var(--text-primary)}.encounter-browser-truncate{margin:0;max-width:42rem}.encounter-browser-meta{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px}.encounter-browser-body{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:16px;align-items:start}@media (max-width: 800px){.encounter-browser-body{grid-template-columns:1fr}}.encounter-browser-list{min-width:0}.encounter-browser-list-head{display:grid;grid-template-columns:40px 36px 52px minmax(64px,.28fr) 1fr;gap:8px;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;padding:0 8px 6px;border-bottom:1px solid var(--border-default)}.encounter-turn-rows{list-style:none;margin:0;padding:0;max-height:min(55vh,520px);overflow:auto}.encounter-turn-row{display:grid;grid-template-columns:40px 36px 52px minmax(64px,.28fr) 1fr;gap:8px;width:100%;text-align:left;font:inherit;font-size:.8rem;padding:8px;margin:0;border:none;border-bottom:1px solid var(--border-subtle);border-radius:4px;background:transparent;color:var(--text-primary);cursor:pointer}.encounter-turn-row:hover{background:var(--bg-elevated)}.encounter-turn-row--active{background:var(--bg-elevated);outline:1px solid var(--accent-primary)}.encounter-turn-cell--num{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.encounter-turn-cell--kind{font-size:.72rem;color:var(--color-accent-violet-3);text-transform:capitalize}.encounter-turn-cell--actor{font-size:.75rem;color:var(--accent-primary);word-break:break-all}.encounter-turn-cell--summary{color:var(--text-primary);word-break:break-word}.encounter-browser-detail{min-width:0;border:1px solid var(--border-default);border-radius:6px;padding:12px;background:var(--bg-surface-muted);max-height:min(60vh,640px);overflow:auto}.encounter-detail-heading{margin:0 0 12px;font-size:.95rem}.encounter-detail-block{margin-bottom:14px}.encounter-detail-block:last-child{margin-bottom:0}.encounter-detail-sub{margin:0 0 6px;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.encounter-detail-pre{margin:0;padding:10px;font-size:.75rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;background:var(--bg-surface);border-radius:4px;border:1px solid var(--border-default);color:var(--text-primary)}