:root{--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-tertiary: #1a1a1a;--bg-hover: #202020;--border-color: #2a2a2a;--border-active: #3a3a3a;--text-primary: #e5e5e5;--text-secondary: #9a9a9a;--text-tertiary: #6a6a6a;--accent-orange: #ff8c42;--accent-orange-dim: #d97332;--accent-orange-glow: rgba(255, 140, 66, .15);--success: #4caf50;--warning: #ff9800;--error: #f44336;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}.decision-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:var(--spacing-2xl)}.decision-header{max-width:1200px;margin:0 auto var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.decision-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.meta-tag{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color)}.meta-tag.highlight{color:var(--accent-orange);border-color:var(--accent-orange-dim)}.decision-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.2;color:var(--text-primary)}.decision-subtitle{font-size:1.25rem;color:var(--text-secondary);font-weight:400}.context-section{max-width:1200px;margin:0 auto var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-left:2px solid var(--accent-orange)}.context-section h2{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-orange);margin-bottom:var(--spacing-md);font-weight:600}.context-section p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.context-section p:last-child{margin-bottom:0}.options-grid{max-width:1200px;margin:0 auto var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.option-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--spacing-xl);transition:all .2s ease;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--border-color);transition:background .2s ease}.option-card:hover{border-color:var(--border-active)}.option-card.chosen{border-color:var(--accent-orange-dim);background:var(--bg-secondary)}.option-card.chosen:before{background:var(--accent-orange)}.option-card.chosen:hover{border-color:var(--accent-orange)}.option-header{margin-bottom:var(--spacing-lg)}.option-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.option-badge.chosen-badge{background:transparent;border-color:var(--accent-orange);color:var(--accent-orange)}.option-badge-dot{width:6px;height:6px;background:var(--accent-orange)}.option-name{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.option-description{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.option-metrics{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.metric{flex:1}.metric-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.metric-value{font-size:.85rem;font-weight:600;text-transform:capitalize}.metric-value.high{color:var(--error)}.metric-value.medium{color:var(--warning)}.metric-value.low{color:var(--success)}.option-lists{display:flex;flex-direction:column;gap:var(--spacing-lg)}.option-list h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);color:var(--text-tertiary)}.option-list.advantages h4{color:var(--success)}.option-list.disadvantages h4{color:var(--error)}.option-list ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.option-list li{font-size:.875rem;line-height:1.5;color:var(--text-secondary);padding-left:var(--spacing-lg);position:relative}.option-list li:before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:50%;background:var(--text-tertiary)}.option-list.advantages li:before{background:var(--success)}.option-list.disadvantages li:before{background:var(--error)}.view-map-btn{width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid var(--border-active);color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.view-map-btn:hover,.option-card.chosen .view-map-btn{border-color:var(--accent-orange);color:var(--accent-orange)}.option-card.chosen .view-map-btn:hover{border-color:var(--accent-orange);color:var(--text-primary);background:#ff8c421a}.decision-section{max-width:1200px;margin:0 auto var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--accent-orange);position:relative}.decision-section:before{content:"DECISION MADE";position:absolute;top:-12px;left:var(--spacing-xl);padding:0 var(--spacing-sm);background:var(--bg-primary);color:var(--accent-orange);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;font-weight:600}.decision-section h2{font-size:1.75rem;margin-bottom:var(--spacing-md);color:var(--accent-orange)}.decision-rationale{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.key-factors{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.factor-tag{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-active);font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em}.outcome-section{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-left:2px solid var(--success)}.outcome-section h2{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--success);margin-bottom:var(--spacing-md);font-weight:600}.outcome-content p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.outcome-lesson{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-active);border-left:2px solid var(--accent-orange);font-style:italic;color:var(--text-primary)}@media (max-width: 768px){.decision-container{padding:var(--spacing-lg)}.decision-title{font-size:2rem}.options-grid{grid-template-columns:1fr}.option-metrics{flex-direction:column;gap:var(--spacing-sm)}}.fullscreen-map-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.fullscreen-canvas{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.decision-map-container{width:100%;height:100%;position:relative;cursor:grab;overflow:hidden;-webkit-user-select:none;user-select:none}.decision-map-container:active{cursor:grabbing}.decision-map{position:relative;width:200%;height:200%;min-width:2000px;min-height:2000px;transition:transform .1s ease-out;will-change:transform}.map-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-line{stroke:var(--border-active);stroke-width:1.5;fill:none;opacity:.4;stroke-dasharray:6,6;transition:opacity .2s ease,stroke .2s ease}.map-node{position:absolute;background:#0f0f14f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--border-active);padding:var(--spacing-md);min-width:200px;max-width:240px;cursor:pointer;transition:all .2s ease;z-index:5;box-shadow:0 4px 20px #0000004d}.map-node:hover{border-color:var(--accent-orange);z-index:10;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 30px #ff761433}.map-node.type-main{border-color:var(--accent-orange);border-width:2px;background:#ff76140d;box-shadow:0 4px 20px #ff761433}.map-node.type-technical{border-color:#4a9eff}.map-node.type-milestone{border-color:#9b59b6}.map-node.type-stakeholder{border-color:#2ecc71}.map-node.type-constraint{border-color:#e74c3c}.node-type-label{font-size:.65rem;color:var(--text-tertiary);font-family:var(--font-mono);margin-bottom:var(--spacing-xs);opacity:.6;text-transform:uppercase;letter-spacing:.05em}.node-label{font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary);line-height:1.3;text-transform:uppercase;letter-spacing:.02em;font-family:var(--font-mono)}.node-description{font-size:.72rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-xs);text-transform:none;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.node-status{display:inline-block;padding:3px var(--spacing-xs);font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;font-weight:500;margin-top:var(--spacing-sm);font-family:var(--font-mono);border:1px solid;background:var(--bg-primary)}.node-status.blocked{color:#f44336;border-color:#f44336}.node-status.critical{color:var(--accent-orange);border-color:var(--accent-orange)}.node-status.high-risk{color:#ffc107;border-color:#ffc107}.node-status.moderate{color:#2196f3;border-color:#2196f3}.node-status.feasible{color:#4caf50;border-color:#4caf50}.node-status.success{color:#2ecc71;border-color:#2ecc71}.zoom-controls{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:100}.zoom-btn{width:40px;height:40px;background:#0f0f14f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-active);color:var(--text-primary);font-size:1.2rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.zoom-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff76141a}.bottom-control-panel{position:fixed;bottom:0;left:0;right:0;background:#0f0f14fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-active);z-index:1000;box-shadow:0 -4px 30px #00000080}.panel-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-xl);max-width:100%}.panel-left{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.icon-button{background:transparent;border:1px solid var(--border-active);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.icon-button:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.panel-divider{width:1px;height:40px;background:var(--border-color)}.title-section{display:flex;flex-direction:column;gap:4px}.map-title{font-size:1.1rem;font-weight:600;color:var(--accent-orange);margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.map-subtitle{font-size:.75rem;color:var(--text-tertiary);margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.panel-center{flex:1;display:flex;justify-content:center;align-items:center}.option-toggles{display:flex;gap:var(--spacing-sm);background:transparent;padding:4px;border:1px solid var(--border-color)}.toggle-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;position:relative}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{color:var(--accent-orange);background:#ff76141a}.toggle-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-orange)}.panel-right{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.quick-stats{display:flex;gap:var(--spacing-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-item .stat-value{font-size:1.2rem;font-weight:700;color:var(--accent-orange);font-family:var(--font-mono)}.stat-item .stat-label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.mini-legend{display:flex;gap:var(--spacing-sm);align-items:center}.legend-dot{width:12px;height:12px;border:2px solid;flex-shrink:0;cursor:help;transition:transform .2s ease}.legend-dot:hover{transform:scale(1.2)}.legend-dot.main{background:var(--accent-orange);border-color:var(--accent-orange)}.legend-dot.technical{background:transparent;border-color:#4a9eff}.legend-dot.milestone{background:transparent;border-color:#9b59b6}.legend-dot.stakeholder{background:transparent;border-color:#2ecc71}.legend-dot.constraint{background:transparent;border-color:#e74c3c}@media (max-width: 1200px){.panel-content{flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg)}.panel-left{flex:1 0 100%;order:1}.panel-center{flex:1 0 100%;order:3;justify-content:flex-start;margin-top:var(--spacing-md)}.panel-right{order:2}}@media (max-width: 768px){.panel-content{padding:var(--spacing-md)}.zoom-controls{top:10px;right:10px}.zoom-btn{width:36px;height:36px;font-size:1rem}.option-toggles{flex-direction:column;width:100%}.toggle-btn{width:100%}.quick-stats{gap:var(--spacing-md)}.map-node{min-width:160px;max-width:180px;padding:var(--spacing-sm)}.node-label{font-size:.75rem}.node-description{font-size:.65rem}}.decision-map-container *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.map-view-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-xl)}
