.main-content{margin-left:var(--sidebar-width);min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#010508 100%)}.briefing-header{position:relative;padding:var(--space-12) var(--space-8);overflow:hidden}.header-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,var(--accent-glow) 0%,var(--accent-dim) 30%,transparent 70%);pointer-events:none;animation:header-pulse 4s ease-in-out infinite}@keyframes header-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.05)}}.header-content{position:relative;z-index:1;max-width:1100px;margin:0 auto}.brand-mark{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.mark-bar{width:6px;height:28px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:2px;box-shadow:0 0 15px var(--accent-glow)}.mark-text{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.2em;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.briefing-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:var(--space-2)}.briefing-title .accent{color:var(--accent);text-shadow:0 0 30px var(--accent-glow)}.briefing-subtitle{font-size:var(--font-size-base);color:var(--text-muted)}.phase-section{max-width:1100px;margin:0 auto;padding:0 var(--space-8) var(--space-6)}.phase-indicator{background:linear-gradient(135deg,#00e5cc14,#00e5cc05);border:1px solid var(--accent-dim);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.phase-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);box-shadow:0 0 20px var(--accent-glow)}.phase-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.phase-badge{flex-shrink:0;background:var(--accent);color:var(--bg-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);box-shadow:0 0 20px var(--accent-glow)}.phase-number{font-family:var(--font-mono);letter-spacing:.05em}.phase-info{flex:1}.phase-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1)}.phase-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.phase-meta{display:flex;gap:var(--space-6);margin-bottom:var(--space-4);flex-wrap:wrap}.phase-dates,.phase-gate{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.phase-dates svg,.phase-gate svg{width:16px;height:16px;color:var(--accent)}.phase-progress{position:relative}.progress-track{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.progress-segment{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1}.segment-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border);transition:all var(--transition-base)}.progress-segment.completed .segment-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.progress-segment.current .segment-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 10px var(--accent-glow)}50%{transform:scale(1.2);box-shadow:0 0 20px var(--accent-glow)}}.segment-label{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted)}.progress-segment.completed .segment-label,.progress-segment.current .segment-label{color:var(--accent)}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:2px;box-shadow:0 0 10px var(--accent-glow);transition:width .5s ease-out}.section-title{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.summary-section{max-width:1100px;margin:0 auto;padding:0 var(--space-8) var(--space-6)}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.summary-card{background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(8,20,32,.6) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);position:relative;overflow:hidden;transition:all var(--transition-base)}.summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);border-radius:2px 0 0 2px}.summary-card.status-active:before{background:linear-gradient(180deg,var(--success) 0%,rgba(0,230,118,.5) 100%);box-shadow:0 0 15px var(--success-glow)}.summary-card.status-standby:before{background:linear-gradient(180deg,var(--warning) 0%,rgba(255,213,79,.5) 100%);box-shadow:0 0 15px var(--warning-glow)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-value{font-size:var(--font-size-2xl);font-weight:700;line-height:1;font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.summary-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.05em}.weather-summary{position:relative}.weather-counts{display:flex;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:700}.weather-count{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.weather-count.green{background:var(--success-bg);color:var(--success)}.weather-count.yellow{background:var(--warning-bg);color:var(--warning)}.weather-count.red{background:var(--danger-bg);color:var(--danger)}.weather-loading .summary-value{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.sites-section{max-width:1100px;margin:0 auto;padding:0 var(--space-8) var(--space-8)}.sites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.view-toggle{display:flex;gap:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px}.toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn svg{width:18px;height:18px}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 10px var(--accent-glow)}.sites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-5);align-items:start}.site-card{background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(8,20,32,.6) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.site-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.site-card[data-assessment=green]:before{background:var(--success);box-shadow:0 0 10px var(--success-glow)}.site-card[data-assessment=yellow]:before{background:var(--warning);box-shadow:0 0 10px var(--warning-glow)}.site-card[data-assessment=red]:before{background:var(--danger);box-shadow:0 0 10px var(--danger-glow)}.site-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.site-card.selected{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.site-card.relevant{border-color:var(--accent-dim)}.site-card.relevant:after{content:"";position:absolute;top:3px;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.relevance-badge{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--accent);z-index:1}.relevance-badge svg{width:20px;height:20px;filter:drop-shadow(0 0 8px var(--accent-glow))}.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.site-identity{display:flex;flex-direction:column;gap:var(--space-2)}.role-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;width:fit-content}.role-icon{font-size:14px}.role-label{letter-spacing:.03em}.site-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.site-operator{font-size:var(--font-size-xs);color:var(--text-muted)}.site-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.status-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.6}50%{opacity:1}}.assessment-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);letter-spacing:.08em}.assessment-badge.assessment-green{background:var(--success-bg);color:var(--success);box-shadow:0 0 10px var(--success-glow)}.assessment-badge.assessment-yellow{background:var(--warning-bg);color:var(--warning);box-shadow:0 0 10px var(--warning-glow)}.assessment-badge.assessment-red{background:var(--danger-bg);color:var(--danger);box-shadow:0 0 10px var(--danger-glow)}.weather-snapshot{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border)}.weather-loading,.weather-unavailable{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-2)}.weather-main{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.weather-temp{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.weather-condition{font-size:var(--font-size-sm);color:var(--text-secondary)}.weather-details{display:flex;gap:var(--space-4)}.weather-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-muted)}.weather-item svg{width:14px;height:14px;color:var(--accent)}.site-capacity{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.site-capacity svg{width:16px;height:16px;color:var(--accent)}.site-redundancy{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.site-redundancy svg{width:14px;height:14px;color:var(--accent-dim)}.site-contacts-preview{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.contact-chip{padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.contact-more{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted)}.webcam-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast);width:fit-content}.webcam-link:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.webcam-link svg{width:16px;height:16px}.map-view-container{margin-top:var(--space-2)}.sites-map-container{position:relative}.sites-map{height:600px;border-radius:var(--radius-xl);border:2px solid var(--accent);overflow:hidden;box-shadow:0 0 0 1px var(--bg-primary),0 0 40px #00e5cc33,0 4px 30px #0006}.map-legend{position:absolute;bottom:var(--space-4);left:var(--space-4);background:#0a1923f2;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);z-index:10;backdrop-filter:blur(10px)}.legend-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;margin-bottom:var(--space-2)}.legend-items{display:flex;flex-direction:column;gap:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.green{background:var(--success);box-shadow:0 0 8px var(--success-glow)}.legend-dot.yellow{background:var(--warning);box-shadow:0 0 8px var(--warning-glow)}.legend-dot.red{background:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.map-control-panel{position:absolute;top:var(--space-4);left:var(--space-4);background:linear-gradient(135deg,#0a1923fa,#06121cf2);border:1px solid rgba(0,229,204,.2);border-radius:var(--radius-lg);padding:var(--space-4);z-index:10;backdrop-filter:blur(12px);min-width:220px;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff08 inset}.control-panel-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(0,229,204,.15)}.control-icon{font-size:12px;opacity:.8}.layer-toggle-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.layer-toggle-btn:hover{background:#ffffff0a;border-color:#00e5cc4d}.layer-toggle-btn.active{background:#4ade8014;border-color:#4ade804d}.toggle-indicator{width:12px;height:12px;border-radius:3px;background:#64748b66;border:2px solid rgba(100,116,139,.6);transition:all .2s ease;flex-shrink:0}.layer-toggle-btn.active .toggle-indicator{background:#4ade80;border-color:#22c55e;box-shadow:0 0 8px #4ade8080}.toggle-content{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.toggle-stats{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.focus-pws-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid rgba(0,229,204,.3);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.focus-pws-btn:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 16px #00e5cc4d}.focus-pws-btn svg{width:14px;height:14px}.map-legend-panel{position:absolute;bottom:var(--space-4);left:var(--space-4);background:linear-gradient(135deg,#0a1923f2,#06121ceb);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-4);z-index:10;backdrop-filter:blur(10px);min-width:200px}.legend-section{margin-bottom:var(--space-3)}.legend-section:last-child{margin-bottom:0}.legend-header{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2)}.legend-items-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.legend-item{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-secondary)}.legend-marker{width:12px;height:12px;border-radius:50%;border:2px solid #0A1923;box-shadow:0 0 0 2px #ffffffe6}.legend-marker.green{background:#00e676}.legend-marker.yellow{background:#ffd54f}.legend-marker.red{background:#ff5252}.legend-kelp{width:10px;height:10px;border-radius:50%;border:1.5px solid}.legend-kelp.high{background:#4ade80;border-color:#22c55e;box-shadow:0 0 6px #4ade8066}.legend-kelp.moderate{background:#fbbf24;border-color:#f59e0b;box-shadow:0 0 6px #fbbf2466}.legend-kelp.low{background:#f87171;border-color:#ef4444;box-shadow:0 0 6px #f8717166}.legend-kelp.not-viable{background:#64748b;border-color:#475569;opacity:.6}.legend-depth-gradient{display:flex;flex-direction:column;gap:4px}.depth-bar{height:8px;border-radius:4px;background:linear-gradient(to right,#90e0ef99,#48cae480,#0096c766,#0077b659,#034ea24d);border:1px solid rgba(0,119,182,.3)}.depth-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);font-family:var(--font-mono)}.legend-route{width:24px;height:2px;background:repeating-linear-gradient(to right,#00E5CC 0px,#00E5CC 4px,transparent 4px,transparent 8px);border-radius:1px}.kelp-tooltip{position:absolute;top:var(--space-4);right:60px;background:linear-gradient(135deg,#0a1923fa,#06121cf2);border:1px solid rgba(0,229,204,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);z-index:15;backdrop-filter:blur(12px);min-width:180px;box-shadow:0 4px 20px #0006;animation:tooltip-fade-in .15s ease-out}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.quality-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.05em}.quality-badge.high{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.quality-badge.moderate{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.quality-badge.low{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.4)}.not-viable-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:9px;font-weight:600;background:#64748b4d;color:#94a3b8;border:1px solid rgba(100,116,139,.4)}.tooltip-coords{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--space-1)}.tooltip-stats{display:flex;gap:var(--space-2);font-size:11px;color:var(--text-muted)}.tooltip-stats span:nth-child(2){opacity:.4}.kelp-header{background:linear-gradient(180deg,rgba(0,100,50,.15) 0%,var(--bg-primary) 100%)}.kelp-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md);color:#81c784;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-3)}.kelp-icon{font-size:16px}.viability-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-mono);letter-spacing:.08em}.viability-badge.viable{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.viability-badge.not-viable{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.viability-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:status-pulse 2s ease-in-out infinite}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quality-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.quality-label{font-size:var(--font-size-xs);color:var(--text-muted)}.quality-value{font-size:var(--font-size-base);font-weight:700;font-family:var(--font-mono)}.quality-value.substrate{color:var(--text-secondary);text-transform:capitalize;font-family:var(--font-sans);font-weight:500}.scuba-notice{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:var(--radius-md);color:#64b5f6;font-size:var(--font-size-sm)}.scuba-notice svg{width:18px;height:18px;flex-shrink:0}.species-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.species-chip{padding:var(--space-2) var(--space-3);background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md);color:#81c784;font-size:var(--font-size-sm)}.no-species{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.field-notes{padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.field-notes p{margin:0;color:var(--text-secondary);line-height:1.6}.survey-info{display:flex;flex-direction:column;gap:var(--space-3)}.survey-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.survey-label{color:var(--text-muted);font-size:var(--font-size-sm)}.survey-value{color:var(--text-primary);font-weight:500}.source-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:transparent;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast)}.source-link:hover{background:var(--accent);color:var(--bg-primary)}.source-link svg{width:16px;height:16px}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(1000px,90vw);background:var(--bg-primary);border-left:1px solid var(--border);z-index:200;transform:translate(100%);transition:transform var(--transition-base);overflow-y:auto}.detail-panel.open{transform:translate(0)}.panel-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.panel-close:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.panel-close svg{width:20px;height:20px}.panel-header{padding:var(--space-6);padding-right:var(--space-12);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.header-identity{margin-bottom:var(--space-4)}.role-badge-large{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.panel-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1)}.panel-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.header-badges{display:flex;gap:var(--space-3);flex-wrap:wrap}.status-badge-large{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.phase-relevant-badge{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--accent-dim);color:var(--accent);font-size:var(--font-size-sm);font-weight:600}.panel-body{padding:var(--space-6)}.detail-section{margin-bottom:var(--space-6)}.detail-section-title{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.weather-detail-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.weather-assessment{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.weather-assessment.assessment-green{background:var(--success-bg);border:1px solid var(--success)}.weather-assessment.assessment-yellow{background:var(--warning-bg);border:1px solid var(--warning)}.weather-assessment.assessment-red{background:var(--danger-bg);border:1px solid var(--danger)}.assessment-label{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-mono);letter-spacing:.1em}.assessment-reason{font-size:var(--font-size-sm);opacity:.8}.weather-main-display{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4)}.weather-temp-large{font-size:var(--font-size-3xl);font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.weather-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.weather-detail-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.weather-detail-item svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.item-content{display:flex;flex-direction:column}.item-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.item-label{font-size:var(--font-size-xs);color:var(--text-muted)}.tides-section{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.tides-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;margin:0 0 var(--space-3)}.tides-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.tide-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid}.tide-item.tide-h{border-color:var(--accent)}.tide-item.tide-l{border-color:var(--text-muted)}.tide-type{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.tide-time{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-primary)}.tide-height{font-size:var(--font-size-xs);color:var(--text-muted)}.alerts-section{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.alerts-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;margin:0 0 var(--space-3)}.alerts-list{display:flex;flex-direction:column;gap:var(--space-2)}.alert-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-sm)}.alert-item svg{width:16px;height:16px;color:var(--danger);flex-shrink:0}.alert-text{font-size:var(--font-size-sm);color:var(--danger)}.weather-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:transparent;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.weather-link:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 20px var(--accent-glow)}.weather-link svg{width:16px;height:16px}.map-section .map-container{position:relative;margin-bottom:var(--space-3)}.site-map{height:250px;border-radius:var(--radius-lg);border:1px solid var(--accent);overflow:hidden}.map-other-site-marker{width:8px;height:8px;background:var(--text-muted);border-radius:50%;border:2px solid var(--bg-primary);opacity:.6}.coordinates-display{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.coord-label{color:var(--text-muted)}.coord-value{font-family:var(--font-mono);color:var(--accent)}.capacity-grid{display:flex;flex-direction:column;gap:var(--space-3)}.capacity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.capacity-item svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.capacity-content{display:flex;flex-direction:column}.capacity-value{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.capacity-label{font-size:var(--font-size-xs);color:var(--text-muted)}.site-notes{margin-top:var(--space-4);padding:var(--space-3);background:#00e5cc0d;border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.site-notes p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.contacts-list{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.contact-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;flex-shrink:0}.contact-info{flex:1;display:flex;flex-direction:column}.contact-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.contact-role{font-size:var(--font-size-xs);color:var(--text-muted)}.contact-phone{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;color:var(--accent);transition:all var(--transition-fast)}.contact-phone:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.contact-phone svg{width:16px;height:16px}.webcam-link-large{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:transparent;border:2px solid var(--accent);border-radius:var(--radius-lg);color:var(--accent);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all var(--transition-base)}.webcam-link-large:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 30px var(--accent-glow)}.webcam-link-large svg{width:24px;height:24px}.briefing-footer{max-width:1100px;margin:0 auto;padding:var(--space-8);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);position:relative}.briefing-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%)}.back-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--accent);text-decoration:none;transition:all var(--transition-fast)}.back-link:hover{text-shadow:0 0 15px var(--accent-glow)}.back-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.back-link:hover svg{transform:translate(-3px)}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.footer-text{font-weight:600;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}@media(max-width:768px){.main-content{margin-left:0}.briefing-header{padding:var(--space-8) var(--space-4);padding-top:calc(var(--space-8) + 52px)}.phase-section,.summary-section,.sites-section{padding:0 var(--space-4) var(--space-6)}.briefing-footer{padding:var(--space-6) var(--space-4);flex-direction:column;gap:var(--space-4)}.summary-cards{grid-template-columns:repeat(2,1fr)}.sites-grid{grid-template-columns:1fr}.sites-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.phase-header{flex-direction:column}.phase-meta{flex-direction:column;gap:var(--space-2)}.progress-segment .segment-label{display:none}.sites-map{height:400px}.detail-panel{width:100vw}.panel-header{padding:var(--space-4);padding-right:var(--space-10)}.panel-body{padding:var(--space-4)}.weather-detail-grid{grid-template-columns:1fr}.tides-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.briefing-header{padding:var(--space-6) var(--space-3);padding-top:calc(var(--space-6) + 52px)}.phase-section,.summary-section,.sites-section{padding:0 var(--space-3) var(--space-4)}.summary-cards{grid-template-columns:1fr}.summary-value{font-size:var(--font-size-xl)}.briefing-footer{padding:var(--space-4) var(--space-3)}.phase-indicator{padding:var(--space-4)}.sites-map{height:300px}.weather-details{flex-direction:column;gap:var(--space-2)}}.simulation-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#ff980033,#ff98001a);border:1px solid rgba(255,152,0,.4);border-radius:var(--radius-md);color:#ffb74d;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.simulation-toggle:hover{background:linear-gradient(135deg,#ff98004d,#ff980033);border-color:#ff980099;box-shadow:0 0 20px #ff980033}.simulation-toggle.active{background:linear-gradient(135deg,#ff980066,#ff980040);border-color:#ff9800;box-shadow:0 0 25px #ff98004d}.simulation-toggle svg{width:18px;height:18px}.simulation-panel{position:fixed;top:0;right:0;bottom:0;width:380px;background:linear-gradient(180deg,var(--bg-primary) 0%,#010508 100%);border-left:1px solid rgba(255,152,0,.3);z-index:250;display:flex;flex-direction:column;box-shadow:-10px 0 40px #00000080;animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-header-sim{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:linear-gradient(180deg,rgba(255,152,0,.15) 0%,transparent 100%);border-bottom:1px solid rgba(255,152,0,.2)}.panel-title-sim{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:700;color:#ffb74d}.title-icon{font-size:20px}.panel-close-sim{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.panel-close-sim:hover{background:var(--danger);border-color:var(--danger);color:#fff}.panel-close-sim svg{width:16px;height:16px}.connection-status{font-size:10px;margin-left:var(--space-2)}.connection-status.connected{color:#4ade80}.connection-status.disconnected{color:var(--text-muted)}.panel-header-actions{display:flex;align-items:center;gap:var(--space-2)}.mode-toggle-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.mode-toggle-btn:hover{background:#ff98001a;border-color:#ff980066;color:#ffb74d}.mode-toggle-btn.server{border-color:#4ade8066;color:#4ade80}.mode-toggle-btn.server:hover{background:#4ade801a}.panel-body-sim{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.sim-loading,.sim-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:#ff9800;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sim-error{color:var(--danger)}.error-icon{font-size:24px}.simulation-controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.time-display{text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.sim-date{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.sim-time{font-size:var(--font-size-3xl);font-weight:700;font-family:var(--font-mono);color:#ffb74d;text-shadow:0 0 20px rgba(255,152,0,.4)}.sim-phase{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.playback-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3)}.control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover{background:var(--border)}.control-btn.play-pause{width:48px;height:48px;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;color:#fff;box-shadow:0 0 20px #ff980066}.control-btn.play-pause:hover{transform:scale(1.05);box-shadow:0 0 30px #ff980099}.control-btn.play-pause.playing{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 0 20px #4caf5066}.control-btn svg{width:18px;height:18px}.speed-controls{display:flex;gap:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px}.speed-btn{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.speed-btn:hover{color:var(--text-primary)}.speed-btn.active{background:#ff9800;color:var(--bg-primary)}.time-jump{position:relative}.jump-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.jump-btn:hover{border-color:#ff9800;color:#ffb74d}.jump-btn svg{width:16px;height:16px}.time-presets{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;z-index:10}.preset-btn{display:flex;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.preset-btn:last-child{border-bottom:none}.preset-btn:hover{background:#ff98001a}.preset-time{font-family:var(--font-mono);font-weight:600}.preset-desc{color:var(--text-muted);font-size:var(--font-size-xs)}.time-input-form{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.time-input{flex:1;padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.time-input::placeholder{color:var(--text-muted)}.time-input:focus{outline:none;border-color:#ff9800}.time-set-btn{padding:var(--space-2) var(--space-3);background:#ff9800;border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.time-set-btn:hover{background:#ffb74d}.weather-override{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.override-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.override-buttons{display:flex;gap:var(--space-2);flex:1}.override-btn{flex:1;padding:var(--space-2);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.override-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.override-btn.active{background:#ff980033;border-color:#ff9800;color:#ffb74d}.override-btn.go.active{background:#4caf5033;border-color:#4caf50;color:#81c784}.override-btn.nogo.active{background:#f4433633;border-color:#f44336;color:#e57373}.mission-info{background:linear-gradient(135deg,#ff98001a,#ff98000d);border:1px solid rgba(255,152,0,.2);border-radius:var(--radius-lg);padding:var(--space-4)}.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.mission-label{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;color:var(--text-muted)}.go-nogo-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono)}.go-nogo-badge.go{background:var(--success-bg);color:var(--success)}.go-nogo-badge.caution{background:var(--warning-bg);color:var(--warning)}.go-nogo-badge.no_go{background:var(--danger-bg);color:var(--danger)}.mission-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.mission-objective{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.mission-crew{display:flex;align-items:center;gap:var(--space-2)}.crew-label{font-size:var(--font-size-xs);color:var(--text-muted)}.crew-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border);font-size:var(--font-size-xs);font-weight:700;color:var(--text-primary)}.crew-badge.diving{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff;animation:pulse-badge 2s ease-in-out infinite}.crew-badge.on_mission{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;color:#fff}@keyframes pulse-badge{0%,to{box-shadow:0 0 #2196f366}50%{box-shadow:0 0 0 8px #2196f300}}.simulation-activity-feed{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.feed-header{padding:var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.status-row{display:flex;justify-content:space-between;align-items:center}.weather-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono)}.weather-status.go{background:var(--success-bg);color:var(--success)}.weather-status.caution{background:var(--warning-bg);color:var(--warning)}.weather-status.no_go{background:var(--danger-bg);color:var(--danger)}.status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.current-phase{font-size:var(--font-size-sm);color:var(--text-secondary)}.weather-reason{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted)}.feed-events{max-height:250px;overflow-y:auto}.feed-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-style:italic}.feed-event{display:flex;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.feed-event:last-child{border-bottom:none}.feed-event:hover{background:var(--bg-tertiary)}.event-icon{font-size:18px;line-height:1}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.event-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.event-time{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted)}.event-description{font-size:var(--font-size-xs);color:var(--text-secondary)}.feed-event.event-success .event-title{color:var(--success)}.feed-event.event-warning .event-title{color:var(--warning)}.feed-event.event-critical .event-title{color:var(--danger)}.feed-live-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);background:var(--danger-bg);color:var(--danger);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);letter-spacing:.1em}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse-live 1s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.vessel-status-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.status-header{padding:var(--space-3);background:var(--bg-tertiary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border)}.vessel-status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border)}.vessel-status-item:last-child{border-bottom:none}.vessel-status-item .vessel-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.vessel-stat{display:flex;align-items:center;gap:var(--space-2)}.vessel-stat .status-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;font-family:var(--font-mono)}.vessel-stat .status-badge.docked{background:var(--bg-tertiary);color:var(--text-muted)}.vessel-stat .status-badge.underway,.vessel-stat .status-badge.returning{background:#ff980033;color:#ffb74d}.vessel-stat .status-badge.on_station{background:#2196f333;color:#64b5f6}.vessel-stat .status-badge.maintenance{background:var(--warning-bg);color:var(--warning)}.crew-count{font-size:var(--font-size-xs);color:var(--text-muted)}.vessel-marker{display:flex;flex-direction:column;align-items:center;cursor:pointer}.vessel-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.vessel-icon.underway,.vessel-icon.returning{animation:vessel-pulse 2s ease-in-out infinite}.vessel-icon.on_station{filter:drop-shadow(0 2px 8px rgba(33,150,243,.6))}.vessel-icon.docked{filter:drop-shadow(0 2px 4px rgba(96,125,139,.4));opacity:.8}@keyframes vessel-pulse{0%,to{filter:drop-shadow(0 2px 4px rgba(255,152,0,.4))}50%{filter:drop-shadow(0 2px 12px rgba(255,152,0,.8))}}.vessel-img{width:100%;height:100%;object-fit:contain}.vessel-icon svg{width:16px;height:16px}.vessel-emoji{font-size:20px;line-height:1}.vessel-label{margin-top:4px;padding:2px 6px;background:#0a1923e6;border-radius:var(--radius-sm);font-size:10px;font-weight:600;color:#fff;white-space:nowrap}.vessel-speed{margin-top:2px;font-size:9px;font-family:var(--font-mono);color:#ffb74d}.vessel-marker-mini{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#ff9800;cursor:pointer;transition:transform .3s ease;filter:drop-shadow(0 1px 4px rgba(255,152,0,.6))}.vessel-marker-mini.underway,.vessel-marker-mini.returning{color:#ff9800;animation:vessel-mini-pulse 2s ease-in-out infinite}.vessel-marker-mini.on_station{color:#2196f3;filter:drop-shadow(0 1px 4px rgba(33,150,243,.6))}.vessel-marker-mini.docked{color:#607d8b;filter:drop-shadow(0 1px 4px rgba(96,125,139,.6))}@keyframes vessel-mini-pulse{0%,to{filter:drop-shadow(0 1px 4px rgba(255,152,0,.6))}50%{filter:drop-shadow(0 1px 8px rgba(255,152,0,1))}}.vessel-marker-mini svg{width:16px;height:16px}.vessel-emoji-mini{font-size:18px;line-height:1}.person-marker{display:flex;flex-direction:column;align-items:center;cursor:pointer}.person-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;font-size:9px;font-weight:700;color:var(--text-primary);box-shadow:0 2px 8px #0000004d}.person-avatar.active{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;color:#fff}.person-avatar.diving{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff;animation:diving-pulse 1.5s ease-in-out infinite}@keyframes diving-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #2196f34d}50%{transform:scale(1.1);box-shadow:0 2px 15px #2196f399}}.person-name{margin-top:2px;padding:1px 4px;background:#0a1923e6;border-radius:2px;font-size:9px;color:#fff;white-space:nowrap}.dive-indicator{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:#2196f3;border:2px solid white;border-radius:50%;animation:dive-blink 1s ease-in-out infinite}@keyframes dive-blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:768px){.simulation-panel{width:100%}}