@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--color-bg:#0b0f1a;--color-bg-secondary:#111827;--color-surface:#151c2c;--color-surface-raised:#1a2236;--color-surface-overlay:#1e2840;--color-border:#1f2d45;--color-border-strong:#2a3d5a;--color-border-accent:#1d4ed8;--color-text:#e8edf5;--color-text-muted:#8fa3bf;--color-text-subtle:#4d6480;--color-accent:#00bceb;--color-accent-dim:#00bceb1f;--color-accent-hover:#00d4ff;--color-accent-text:#0b0f1a;--color-safe:#00c48c;--color-safe-dim:#00c48c1f;--color-warning:#f59e0b;--color-warning-dim:#f59e0b1f;--color-danger:#ef4444;--color-danger-dim:#ef44441f;--color-critical:#dc2626;--color-critical-dim:#dc262626;--sev-low:#3b82f6;--sev-low-dim:#3b82f626;--sev-medium:#f59e0b;--sev-medium-dim:#f59e0b26;--sev-high:#ef4444;--sev-high-dim:#ef444426;--sev-critical:#dc2626;--sev-critical-dim:#dc262633;--type-threat:#ef4444;--type-incident:#f97316;--type-compliance:#a78bfa;--type-board:#60a5fa;--type-internal:#34d399;--type-vendor:#fbbf24;--radius:8px;--radius-sm:4px;--radius-lg:12px;--shadow-card:0 1px 3px #0006, 0 4px 16px #0000004d;--shadow-elevated:0 8px 32px #00000080, 0 2px 8px #0006;--shadow-glow-accent:0 0 20px #00bceb26;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Monaco, Menlo, Consolas, monospace;--transition:.14s ease;--transition-slow:.28s ease}[data-theme=light]{--color-bg:#f0f4f8;--color-bg-secondary:#e8edf5;--color-surface:#fff;--color-surface-raised:#f5f7fa;--color-surface-overlay:#eef2f7;--color-border:#d1dbe8;--color-border-strong:#b0bfcf;--color-border-accent:#2563eb;--color-text:#0f172a;--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-accent:#0284c7;--color-accent-dim:#0284c71a;--color-accent-hover:#0369a1;--color-accent-text:#fff;--color-safe-dim:#00a06e1a;--color-warning-dim:#d977061a;--color-danger-dim:#dc26261a;--color-critical-dim:#b91c1c1f;--sev-low-dim:#2563eb1f;--sev-medium-dim:#d977061f;--sev-high-dim:#dc26261f;--sev-critical-dim:#b91c1c26;--shadow-card:0 1px 3px #0f172a14, 0 4px 16px #0f172a0f;--shadow-elevated:0 8px 32px #0f172a24, 0 2px 8px #0f172a14;--shadow-glow-accent:0 0 20px #0284c71f}@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--color-bg:#f0f4f8;--color-bg-secondary:#e8edf5;--color-surface:#fff;--color-surface-raised:#f5f7fa;--color-surface-overlay:#eef2f7;--color-border:#d1dbe8;--color-border-strong:#b0bfcf;--color-border-accent:#2563eb;--color-text:#0f172a;--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-accent:#0284c7;--color-accent-dim:#0284c71a;--color-accent-hover:#0369a1;--color-accent-text:#fff;--color-safe-dim:#00a06e1a;--color-warning-dim:#d977061a;--color-danger-dim:#dc26261a;--color-critical-dim:#b91c1c1f;--sev-low-dim:#2563eb1f;--sev-medium-dim:#d977061f;--sev-high-dim:#dc26261f;--sev-critical-dim:#b91c1c26;--shadow-card:0 1px 3px #0f172a14, 0 4px 16px #0f172a0f;--shadow-elevated:0 8px 32px #0f172a24, 0 2px 8px #0f172a14;--shadow-glow-accent:0 0 20px #0284c71f}}.theme-toggle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:2px;margin-left:8px;padding:3px;display:flex}.theme-btn{border-radius:var(--radius-sm);color:var(--color-text-subtle);letter-spacing:.04em;transition:background var(--transition), color var(--transition);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.theme-btn:hover{color:var(--color-text-muted);background:var(--color-surface-raised)}.theme-btn.active{background:var(--color-surface);color:var(--color-accent);box-shadow:0 1px 3px #0003}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}button{font-family:inherit;font-size:inherit;cursor:pointer}.app{background:var(--color-bg);grid-template-rows:56px 1fr 56px;grid-template-columns:520px 1fr 300px;gap:0;height:100vh;display:grid}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 20px 0 0;display:flex;position:relative}.topbar-brand{align-items:center;gap:0;height:56px;display:flex}.topbar-logo-block{border-right:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:10px;height:100%;padding:0 20px;display:flex}.topbar-logo-icon{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.topbar h1{letter-spacing:-.01em;color:var(--color-text);margin:0;font-size:15px;font-weight:700}.topbar-subtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);padding:0 16px;font-size:10px;font-weight:500}.turn-info{align-items:center;gap:4px;display:flex}.turn-chip{border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:flex}.turn-chip strong{color:var(--color-text);font-weight:600;font-family:var(--font-mono)}.turn-chip.phase-chip{border-color:#0000}.phase-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.phase-badge.early{background:var(--color-safe-dim);color:var(--color-safe)}.phase-badge.mid{background:var(--color-warning-dim);color:var(--color-warning)}.phase-badge.late{background:var(--color-danger-dim);color:var(--color-danger)}.topbar-divider{background:var(--color-border);width:1px;height:24px;margin:0 4px}.bottombar{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:10;grid-column:1/-1;align-items:center;height:56px;padding:0 20px;display:flex;position:relative}.metrics-panel{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;gap:0;padding:16px 14px;display:flex;overflow-y:auto}.panel-header{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.panel-header-icon{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.panel-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);margin:0;font-size:10px;font-weight:700}.metric{border-bottom:1px solid var(--color-border);padding:10px 0}.metric:last-child{border-bottom:none}.metric-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.metric-label{letter-spacing:.02em;color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:500}.metric-value-group{align-items:baseline;gap:4px;display:flex}.metric-value{font-family:var(--font-mono);color:var(--color-text);font-size:16px;font-weight:600;line-height:1}.metric-value.safe{color:var(--color-safe)}.metric-value.warning{color:var(--color-warning)}.metric-value.danger{color:var(--color-danger)}.metric-max{font-family:var(--font-mono);color:var(--color-text-subtle);font-size:10px}.metric-track{background:var(--color-border);border-radius:2px;height:4px;position:relative;overflow:hidden}.metric-fill{height:100%;transition:width var(--transition-slow), background var(--transition-slow);border-radius:2px;position:relative}.metric-fill:after{content:"";background:inherit;opacity:.8;border-radius:1px;width:2px;height:8px;position:absolute;top:-2px;right:0}.metric-fill.safe{background:var(--color-safe);box-shadow:0 0 6px #00c48c66}.metric-fill.warning{background:var(--color-warning);box-shadow:0 0 6px #f59e0b66}.metric-fill.danger{background:var(--color-danger);box-shadow:0 0 6px #ef444480}.metrics-panel-inner,.metrics-kpis{flex-direction:column;display:flex}.radar-section{border-top:1px solid var(--color-border);margin-top:4px;padding-top:16px}.radar-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);margin:0 0 12px;font-size:10px;font-weight:700}.radar-wrap{justify-content:center;align-items:center;display:flex}.radar-svg{overflow:visible}.radar-grid-ring{fill:none;stroke:var(--color-border);stroke-width:1px}.radar-axis{stroke:var(--color-border);stroke-width:1px}.radar-shape{fill:#00bceb1f;stroke:var(--color-accent);stroke-width:1.5px;stroke-linejoin:round}.radar-point{fill:var(--color-accent)}.radar-label{font-family:var(--font-mono);letter-spacing:.05em;fill:var(--color-text-subtle);text-anchor:middle;dominant-baseline:middle;font-size:8.5px;font-weight:600}.main-area{background:var(--color-bg);flex-direction:column;align-items:center;gap:0;padding:24px 32px;display:flex;overflow-y:auto}.event-loading{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;width:100%;max-width:680px;color:var(--color-text-muted,var(--color-text));padding:32px;font-size:.95rem}.event-loading[role=alert]{border-color:var(--sev-high,#d97706);color:var(--sev-high,#d97706)}.event-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;max-width:680px;overflow:hidden}.event-card:before{content:"";width:100%;height:3px;display:block}.event-card.sev-low:before{background:var(--sev-low)}.event-card.sev-medium:before{background:var(--sev-medium)}.event-card.sev-high:before{background:var(--sev-high)}.event-card.sev-critical:before{background:linear-gradient(90deg, var(--sev-critical), #ff6b6b);animation:2s ease-in-out infinite pulse-bar}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.6}}.event-card-inner{padding:24px}.event-card-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.severity-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.severity-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.severity-badge.low{background:var(--sev-low-dim);color:var(--sev-low)}.severity-badge.medium{background:var(--sev-medium-dim);color:var(--sev-medium)}.severity-badge.high{background:var(--sev-high-dim);color:var(--sev-high)}.severity-badge.critical{background:var(--sev-critical-dim);color:var(--sev-critical)}.type-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid;padding:3px 8px;font-size:10px;font-weight:600}.type-tag.threat{color:var(--type-threat);border-color:var(--type-threat);background:#ef444414}.type-tag.incident{color:var(--type-incident);border-color:var(--type-incident);background:#f9731614}.type-tag.compliance{color:var(--type-compliance);border-color:var(--type-compliance);background:#a78bfa14}.type-tag.board{color:var(--type-board);border-color:var(--type-board);background:#60a5fa14}.type-tag.internal{color:var(--type-internal);border-color:var(--type-internal);background:#34d39914}.type-tag.vendor{color:var(--type-vendor);border-color:var(--type-vendor);background:#fbbf2414}.event-card h2{letter-spacing:-.02em;color:var(--color-text);margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.3}.event-card .context{color:var(--color-text-muted);background:var(--color-bg);border-left:2px solid var(--color-border-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 20px;padding:12px 14px;font-size:13px;line-height:1.65}.options-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:8px;font-size:10px;font-weight:700}.options{flex-direction:column;gap:8px;display:flex}.option-btn{text-align:left;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);align-items:flex-start;gap:12px;width:100%;padding:12px 14px;display:flex;position:relative;overflow:hidden}.option-btn:before{content:"";background:var(--color-accent);width:0;transition:width var(--transition);border-radius:var(--radius) 0 0 var(--radius);position:absolute;top:0;bottom:0;left:0}.option-btn:hover{border-color:var(--color-accent);background:var(--color-surface-overlay);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-glow-accent)}.option-btn:hover:before{width:3px}.option-btn:active{transform:scale(.995)}.option-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.option-key{font-family:var(--font-mono);background:var(--color-bg);color:var(--color-accent);border:1px solid var(--color-border-accent);border-radius:var(--radius-sm);text-align:center;flex-shrink:0;min-width:22px;margin-top:1px;padding:2px 7px;font-size:11px;font-weight:700}.option-content{flex-direction:column;flex:1;gap:5px;display:flex}.option-label{color:var(--color-text);font-size:13px;font-weight:500;line-height:1.4}.option-preview{flex-wrap:wrap;gap:6px;display:flex}.delta{font-family:var(--font-mono);border-radius:var(--radius-sm);letter-spacing:.02em;padding:1px 6px;font-size:10px;font-weight:600}.delta.positive{background:var(--color-safe-dim);color:var(--color-safe);border:1px solid #00c48c33}.delta.negative{background:var(--color-danger-dim);color:var(--color-danger);border:1px solid #ef444433}.log-panel{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;padding:16px 14px;display:flex;overflow-y:auto}.log-entries{flex-direction:column-reverse;flex:1;gap:0;display:flex}.log-entry{border-bottom:1px solid var(--color-border);border-left:2px solid var(--color-border-strong);transition:border-color var(--transition);padding:8px 0 8px 12px;position:relative}.log-entry:last-child{border-bottom:none}.log-entry:hover{border-left-color:var(--color-accent);background:#00bceb05}.log-entry.passive{border-left-color:var(--color-border);opacity:.6}.log-entry .turn-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:2px;font-size:9px;font-weight:600}.log-entry .message{color:var(--color-text-muted);margin-bottom:4px;font-size:12px;line-height:1.4}.log-entry .effects{flex-wrap:wrap;gap:3px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#070a12d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);text-align:center;width:90%;max-width:500px;padding:36px;position:relative;overflow:hidden}.modal:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.modal.victory:before{background:linear-gradient(90deg, var(--color-safe), #00ffb3)}.modal.defeat:before{background:linear-gradient(90deg, var(--color-danger), #ff8c00)}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;display:flex}.modal.victory .modal-icon{background:var(--color-safe-dim);border:1px solid var(--color-safe)}.modal.defeat .modal-icon{background:var(--color-danger-dim);border:1px solid var(--color-danger)}.modal h2{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700}.modal h2.victory{color:var(--color-safe)}.modal h2.defeat{color:var(--color-danger)}.modal p{color:var(--color-text-muted);margin:0 0 24px;font-size:13px;line-height:1.6}.modal-stats{background:var(--color-border);border-radius:var(--radius);text-align:left;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:24px;display:grid;overflow:hidden}.modal-stat{background:var(--color-bg);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);font-size:10px;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--color-text);font-size:18px;font-weight:700}.modal-actions{justify-content:center;gap:10px;display:flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius);letter-spacing:.02em;transition:background var(--transition), box-shadow var(--transition);border:none;padding:10px 24px;font-size:13px;font-weight:700}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 0 16px #00bceb4d}.btn-secondary{color:var(--color-text-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius);transition:border-color var(--transition), color var(--transition);background:0 0;padding:10px 24px;font-size:13px;font-weight:600}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.intro-screen{background:var(--color-bg);background-image:radial-gradient(800px 600px at 50% 0,#00bceb0d 0%,#0000 70%),repeating-linear-gradient(90deg,#0000,#0000 39px,#ffffff04 39px 40px),repeating-linear-gradient(0deg,#0000,#0000 39px,#ffffff04 39px 40px);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.intro-card{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated), var(--shadow-glow-accent);text-align:center;width:100%;max-width:680px;padding:48px 44px;position:relative;overflow:hidden}.intro-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);height:2px;position:absolute;top:0;left:0;right:0}.intro-logo{filter:drop-shadow(0 0 32px #00bceb4d);justify-content:center;align-items:center;width:112px;height:112px;margin:0 auto 20px;display:flex}.intro-card h1{letter-spacing:-.03em;color:var(--color-text);margin:0 0 4px;font-size:28px;font-weight:800}.intro-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin:0 0 6px;font-size:10px;font-weight:700}.intro-card .tagline{color:var(--color-text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.intro-divider{background:var(--color-border);height:1px;margin:20px 0}.intro-desc{color:var(--color-text-subtle);margin:0 0 28px;font-size:13px;line-height:1.7}.intro-desc strong{color:var(--color-text-muted);font-weight:500}.intro-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-subtle);text-align:left;margin:0 0 10px;font-size:10px;font-weight:700}.industry-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.industry-btn{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius);text-align:center;transition:all var(--transition);flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.industry-btn:hover{border-color:var(--color-accent);background:var(--color-accent-dim);box-shadow:0 0 0 1px var(--color-accent)}.industry-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.industry-icon{font-size:20px;line-height:1}.industry-name{text-transform:capitalize;color:var(--color-text-muted);letter-spacing:.02em;font-size:12px;font-weight:600}.industry-btn:hover .industry-name{color:var(--color-accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.log-toggle,.log-backdrop{display:none}@media (width<=1000px){.app{grid-template-columns:440px 1fr 260px}}@media (width<=800px){.app{grid-template-rows:56px auto 1fr auto 56px;grid-template-columns:1fr;height:auto;min-height:100vh}.metrics-panel{border-right:none;border-bottom:1px solid var(--color-border);padding:12px}.log-panel{border-left:none;border-top:1px solid var(--color-border);max-height:220px}.main-area,.event-card-inner{padding:16px}}@media (width<=480px){.app{height:100dvh;display:block;overflow:hidden}.topbar{z-index:20;height:56px;padding:0;position:fixed;top:0;left:0;right:0}.topbar-brand{flex:none}.topbar-logo-block{gap:8px;padding:0 10px}.topbar h1{font-size:14px}.topbar-subtitle{display:none}.turn-info{flex-wrap:nowrap;flex:auto;justify-content:flex-end;gap:2px;min-width:0;padding-right:6px;overflow:hidden}.turn-info>:first-child,.turn-info>:nth-child(2),.turn-info>:nth-child(7),.turn-info>:nth-child(8){display:none}.turn-chip{flex-shrink:0;gap:3px;padding:3px 6px;font-size:10px}.topbar-divider{margin:0 2px}.theme-toggle{flex-shrink:0;margin-left:4px;padding:2px}.theme-btn{gap:0;min-height:30px;padding:5px 7px;font-size:14px}.theme-btn .theme-btn-label,.theme-toggle .theme-btn:nth-child(3){display:none}.metrics-panel{border-right:none;border-bottom:1px solid var(--color-border);z-index:19;height:114px;padding:8px 10px;position:fixed;top:56px;left:0;right:0;overflow:hidden}.metrics-panel .panel-header{display:none}.metrics-panel-inner{flex-direction:column;overflow:visible}.metrics-kpis{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;display:grid}.metric{border-bottom:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-width:0;padding:6px 8px}.metric-header{margin-bottom:4px}.metric-label{font-size:8px}.metric-value{font-size:12px}.metric-max{font-size:8px}.radar-section{display:none}.main-area{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 12px 60px;display:block;position:fixed;inset:170px 0 0;overflow-y:auto}.main-area>.event-card,.main-area>.event-loading{width:100%;max-width:100%;margin:0 auto}.event-card-inner{padding:14px}.event-card h2{font-size:17px}.event-card .context{padding:10px 12px;font-size:12px}.option-btn{gap:10px;min-height:56px;padding:14px}.option-key{min-width:26px;padding:4px 8px;font-size:12px}.option-label{font-size:13px}.log-panel{z-index:90;border-left:none;border-top:1px solid var(--color-border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:calc(100dvh - 104px);box-shadow:var(--shadow-elevated);transition:transform var(--transition-slow);padding-bottom:16px;position:fixed;inset:auto 0 48px;transform:translateY(calc(100% + 48px))}.app.log-open .log-panel{transform:translateY(0)}.log-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;opacity:0;pointer-events:none;transition:opacity var(--transition);background:#070a1280;display:block;position:fixed;inset:0}.app.log-open .log-backdrop{opacity:1;pointer-events:auto}.log-toggle{z-index:95;border:1px solid var(--color-accent);background:var(--color-accent);min-width:96px;height:48px;color:var(--color-accent-text);letter-spacing:.04em;box-shadow:var(--shadow-elevated), 0 0 18px #00bceb59;border-radius:24px;justify-content:center;align-items:center;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex;position:fixed;bottom:8px;right:16px}.log-toggle:active{transform:scale(.97)}.bottombar{z-index:20;height:48px;padding:0 12px;position:fixed;bottom:0;left:0;right:0}.intro-card{padding:28px 20px}.intro-card h1{font-size:22px}.intro-card .tagline{font-size:13px}.industry-grid{grid-template-columns:1fr;gap:10px}.industry-btn{text-align:left;flex-direction:row;gap:12px;min-height:56px;padding:14px}.industry-btn .industry-icon{font-size:24px}.industry-btn .industry-name{font-size:14px}.modal{width:94%;padding:24px 20px}.modal h2{font-size:19px}.modal-stats{grid-template-columns:1fr 1fr}.modal-stat{padding:10px 12px}.stat-value{font-size:15px}.modal-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{width:100%;min-height:48px;padding:12px 20px;font-size:14px}}