@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Krub:wght@400;600&display=swap";.tactical-about-container{--primary-rgb:0,136,204;--warning-rgb:255,136,0;--success-rgb:34,197,94;--bg-rgb:245,245,245;--surface-rgb:255,255,255;--text-rgb:0,0,0;--text-muted-rgb:107,114,126;--border-rgb:0,0,0;--primary:rgb(var(--primary-rgb));--warning:rgb(var(--warning-rgb));--success:rgb(var(--success-rgb));--bg:rgb(var(--bg-rgb));--surface:rgb(var(--surface-rgb));--text:rgb(var(--text-rgb));--text-muted:rgb(var(--text-muted-rgb));--border:rgb(var(--border-rgb));--border-offset:20px;--header-offset:32px;--content-padding-x:48px;--content-padding-y:48px;--main-content-gap:60px;--container-max-width:1200px;--container-height:630px;--status-label-width:80px;--status-bar-width:120px;--status-bar-height:8px;--command-indicator-size:8px;--cross-h-width:40px;--cross-h-height:2px;--cross-v-width:2px;--cross-v-height:40px;--polaroid-width:380px;--polaroid-image-size:360px;--polaroid-caption-height:140px;--animation-fast:.3s;--animation-medium:.5s;--animation-slow:.6s;--font-mono:"Space Mono",monospace;--font-secondary:"Krub",sans-serif}[data-theme=dark] .tactical-about-container{--primary-rgb:0,255,209;--warning-rgb:255,184,0;--success-rgb:0,255,209;--bg-rgb:0,0,0;--surface-rgb:255,255,255;--text-rgb:255,255,255;--text-muted-rgb:255,255,255;--border-rgb:255,255,255;box-shadow:0 20px 60px #000c,0 0 0 1px rgba(var(--primary-rgb),.1)}[data-theme=light] .tactical-about-container{--primary-rgb:0,136,204;--warning-rgb:255,136,0;--success-rgb:34,197,94;--bg-rgb:245,245,245;--surface-rgb:255,255,255;--text-rgb:0,0,0;--text-muted-rgb:107,114,126;--border-rgb:0,0,0;border:1px solid rgba(var(--border-rgb),.08);box-shadow:0 2px 8px #0000000d,0 1px 3px #00000008}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fillBar{0%{width:0}to{width:var(--fill-width)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes drawLine{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.tactical-about-container{width:100%;max-width:var(--container-max-width);height:var(--container-height);background:var(--bg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:grab;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative}.tactical-about{background:var(--bg);width:100%;height:100%;padding:var(--content-padding-y)var(--content-padding-x);font-family:var(--font-mono);flex-direction:column;display:flex;position:relative}.tactical-border{top:var(--border-offset);left:var(--border-offset);right:var(--border-offset);bottom:var(--border-offset);pointer-events:none;border:1px solid #00000026;position:absolute}[data-theme=light] .tactical-border{border-color:rgba(var(--border-rgb),.1)}.corner-cross{pointer-events:none;position:absolute}.cross-h,.cross-v{background:rgba(var(--border-rgb),.5);position:absolute}.cross-h{width:var(--cross-h-width);height:var(--cross-h-height);top:0}.cross-v{width:var(--cross-v-width);height:var(--cross-v-height);top:0;left:0}[data-theme=light] .cross-h,[data-theme=light] .cross-v{background:rgba(var(--border-rgb),.55)}.corner-cross.top-left{top:var(--border-offset);left:var(--border-offset)}.corner-cross.top-right{top:var(--border-offset);right:var(--border-offset)}.corner-cross.top-right .cross-h,.corner-cross.top-right .cross-v{left:auto;right:0}.corner-cross.bottom-left{bottom:var(--border-offset);left:var(--border-offset)}.corner-cross.bottom-left .cross-h,.corner-cross.bottom-left .cross-v{top:auto;bottom:0}.corner-cross.bottom-right{bottom:var(--border-offset);right:var(--border-offset)}.corner-cross.bottom-right .cross-h,.corner-cross.bottom-right .cross-v{inset:auto 0 0 auto}.tactical-header{top:var(--header-offset);left:var(--content-padding-x);right:var(--content-padding-x);color:#0009;letter-spacing:.1em;z-index:10;justify-content:space-between;font-size:10px;font-weight:600;display:flex;position:absolute}.main-content{gap:var(--main-content-gap);z-index:10;width:100%;padding-top:30px;display:flex}.tactical-ui{flex-direction:column;flex:1;justify-content:center;display:flex}.identity-section{margin-bottom:24px}.callsign{color:rgba(var(--primary-rgb),.7);letter-spacing:.15em;margin-bottom:6px;font-size:12px}[data-theme=light] .callsign{color:var(--primary)}.name{color:var(--text);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:44px;font-weight:700;line-height:1}.unit{color:var(--text-muted-rgb);letter-spacing:.1em;margin-top:6px;font-size:11px;font-weight:500}[data-theme=light] .unit{color:rgba(var(--text-muted-rgb),.8)}.mission-parameters,.systems-status{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);margin-bottom:32px;padding:14px 20px}[data-theme=light] .mission-parameters,[data-theme=light] .systems-status{background:rgba(var(--primary-rgb),.04)}.section-header{color:rgba(var(--primary-rgb),.8);letter-spacing:.1em;margin-bottom:8px;font-size:clamp(10px,1.2vw,12px);font-weight:700}[data-theme=light] .section-header{color:var(--primary)}.parameters-grid{color:rgba(var(--text-rgb),.7);flex-direction:column;gap:6px;font-size:clamp(10px,1.2vw,12px);font-weight:600;display:flex}.param-row{justify-content:space-between;display:flex}.param-value{color:rgba(var(--primary-rgb),.8)}.param-value.priority{color:rgba(var(--warning-rgb),.8)}[data-theme=light] .param-value{color:var(--primary)}[data-theme=light] .param-value.priority{color:var(--warning)}.status-row{color:rgba(var(--text-rgb),.7);align-items:center;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.status-row:last-child{margin-bottom:0}.status-label{width:var(--status-label-width);color:rgba(var(--primary-rgb),.8);font-size:12px;font-weight:600}[data-theme=light] .status-label{color:rgba(var(--text-muted-rgb),.9)}.status-bar{width:var(--status-bar-width);height:var(--status-bar-height);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);flex:none;position:relative;overflow:hidden}[data-theme=light] .status-bar{background:rgba(var(--primary-rgb),.08)}.status-fill{background:linear-gradient(90deg,rgba(var(--primary-rgb),.8),rgba(var(--primary-rgb),1));height:100%;box-shadow:0 0 10px rgba(var(--primary-rgb),.5);width:0;animation:fillBar var(--animation-slow)cubic-bezier(.4,0,.2,1)forwards;animation-delay:var(--delay,0s)}[data-theme=light] .status-fill{box-shadow:0 0 8px rgba(var(--primary-rgb),.5)}.status-text{color:rgba(var(--primary-rgb),.8);opacity:0;animation:fadeIn var(--animation-fast)ease-out forwards;animation-delay:calc(var(--delay,0s) + .5s);margin-left:auto;font-size:12px;font-weight:600}[data-theme=light] .status-text{color:var(--primary)}.command-interface{background:rgba(var(--bg-rgb),.8);border:1px solid rgba(var(--primary-rgb),.3);border-left:3px solid rgba(var(--primary-rgb),.8);backdrop-filter:blur(10px);align-items:center;gap:12px;padding:14px 18px;display:flex}[data-theme=light] .command-interface{background:rgba(var(--surface-rgb),.95);border-left-color:var(--primary)}.command-indicator{width:var(--command-indicator-size);height:var(--command-indicator-size);background:rgba(var(--primary-rgb),.8);box-shadow:0 0 10px rgba(var(--primary-rgb),.6);animation:2s infinite pulse}[data-theme=light] .command-indicator{background:var(--primary)}.command-text{color:rgba(var(--primary-rgb),.9);letter-spacing:.05em;font-size:12px;font-weight:600}[data-theme=light] .command-text{color:var(--primary)}.polaroid-container{flex-shrink:0;justify-content:center;align-items:center;display:flex}.polaroid{width:var(--polaroid-width);transition:transform var(--animation-fast)ease,box-shadow var(--animation-fast)ease;cursor:pointer;background:#fff;padding:10px 10px 0;box-shadow:0 10px 40px #0006}[data-theme=light] .polaroid{box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d}.polaroid:hover{box-shadow:0 20px 60px #00000080}[data-theme=light] .polaroid:hover{box-shadow:0 6px 20px #00000026,0 3px 6px #00000014}.polaroid-image{width:var(--polaroid-image-size);height:var(--polaroid-image-size);border:1px solid #0000000d;display:block}.polaroid-caption{width:var(--polaroid-image-size);height:var(--polaroid-caption-height);font-family:var(--font-mono);color:#333;background:#fff;padding:14px 0 10px 2px;font-size:8px}.spec-sheet{padding:0 14px}.spec-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.spec-id{letter-spacing:.05em;font-size:11px;font-weight:700}.spec-classification{color:#666;letter-spacing:.1em;font-size:9px}.spec-grid{flex-wrap:wrap;width:100%;font-size:10px;display:flex}.spec-item{flex:0 0 48%;justify-content:space-between;margin-bottom:4px;padding-right:14px;display:flex}.spec-item:nth-child(2n){flex:0 0 52%;padding-right:0}.spec-label,.spec-value{font-size:10px}.spec-label{color:#999;text-transform:uppercase;letter-spacing:.05em}.spec-value{color:#333;font-weight:600}.tactical-floating{z-index:50;transition:opacity var(--animation-fast)ease-out;position:fixed}.tactical-floating.animate-in{animation:fadeIn var(--animation-fast)ease-out}.tactical-floating.animate-in .tactical-about-container{animation:scaleIn var(--animation-fast)cubic-bezier(.34,1.56,.64,1)}.tactical-floating.dragging .tactical-about-container{cursor:grabbing;box-shadow:0 30px 80px #000000e6,0 0 0 1px rgba(var(--primary-rgb),.3)}.tactical-overlay-backdrop{backdrop-filter:blur(10px);z-index:48;background-color:#000000d9;display:none;position:fixed;inset:0}.tactical-connection-line{display:block}.tactical-connection-line line{animation:drawLine var(--animation-medium)ease-out}.tactical-stat-card{text-align:center;border:1px solid #08c3;border-radius:6px;padding:20px;font-family:Space Mono,monospace;box-shadow:0 0 10px #f4f4f41a}[data-theme=light] .tactical-stat-card{background:#0088cc0d;border:1px solid #08c3;box-shadow:0 0 10px #3f3f3f1a}.stat-label{letter-spacing:.1em;margin-bottom:8px;font-size:11px}[data-theme=light] .stat-label{color:#08c}.stat-value{color:#08c;font-size:32px;font-weight:700}@media (width<=767px){.tactical-about-container{--border-offset:15px;--content-padding-x:28px;--content-padding-y:28px;--cross-h-width:25px;--cross-v-height:25px;--polaroid-width:260px;--polaroid-image-size:240px;--polaroid-caption-height:80px;width:100%;max-width:min(100vw - 2rem,680px);height:auto;min-height:420px;max-height:90vh;overflow-y:auto}.tactical-header{font-size:8px;display:flex;top:22px;left:28px;right:28px}.main-content{flex-flow:wrap;align-items:flex-start;gap:20px;margin-top:20px;padding-top:16px}.tactical-ui{min-width:0;max-width:calc(100% - var(--polaroid-width) - 20px);flex:auto;order:1}.polaroid-container{flex:0 0 var(--polaroid-width);order:2;margin-top:-8px}.identity-section{margin-bottom:12px}.mission-parameters{margin-bottom:0;padding:10px 16px}.systems-status{margin-top:24px;margin-bottom:0;padding:10px 16px}.command-interface{flex-basis:100%;order:5;justify-content:center;width:100%;margin:16px 0 0;padding:12px 20px}.name{font-size:28px}.callsign,.unit{font-size:10px}.section-header,.parameters-grid,.status-row{font-size:11px}.status-bar{width:80px;height:6px}.status-row{gap:8px;margin-bottom:4px}.status-label{width:50px;font-size:10px}.status-text{font-size:10px}.polaroid{margin:0 auto}.polaroid-caption{height:var(--polaroid-caption-height);padding:8px 0 6px 2px;font-size:8px}.spec-sheet{flex-direction:column;height:60px;padding:0 10px;display:flex}.spec-header{border-bottom:1px solid #e0e0e0;margin-bottom:4px;padding-bottom:2px}.spec-id{font-size:9px;font-weight:700}.spec-classification{color:#666;font-size:7px}.spec-grid{flex:1;grid-template-columns:1fr 1fr;gap:1px 8px;display:grid}.spec-item{justify-content:space-between;font-size:7px;line-height:1.1;display:flex}.spec-label{color:#999;text-transform:uppercase;font-size:7px}.spec-value{color:#333;font-size:7px;font-weight:600}}@media (width<=555px){.tactical-header{font-size:6.5px}.identity-section{text-align:center}.mission-parameters{margin-bottom:0}.main-content{flex-direction:column;align-items:stretch;gap:16px}.polaroid-container{width:100%;max-width:100%;margin-top:0;margin-left:0;order:-10!important}.tactical-ui{flex-direction:column;flex:100%;order:0;justify-content:flex-start;align-items:stretch;width:100%;max-width:100%;display:flex}}@media (width<=550px){.name{font-size:19px}.status-bar,.command-interface{display:none}}@media (width<=650px){.status-bar{display:none}.name{font-size:23px}.command-interface{display:none}}@media (width>=768px){.tactical-ui{flex-direction:column;flex:1;justify-content:center;max-width:none;display:flex}.mission-parameters{margin-bottom:32px;padding:14px 20px}.systems-status{margin-top:0;margin-bottom:32px;padding:14px 20px}.main-content{gap:var(--main-content-gap);flex-flow:row;align-items:center;margin-top:30px;padding-top:0}.polaroid-container{flex:none;order:unset;margin-top:0;margin-left:0}.polaroid-caption{width:var(--polaroid-image-size);height:var(--polaroid-caption-height);font-family:var(--font-mono);color:#333;background:#fff;padding:14px 0 10px 2px;font-size:8px}.spec-sheet{padding:0 14px}.spec-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.spec-id{letter-spacing:.05em;font-size:11px;font-weight:700}.spec-classification{color:#666;letter-spacing:.1em;font-size:9px}.spec-grid{flex-wrap:wrap;width:100%;font-size:10px;display:flex}.spec-item{flex:0 0 48%;justify-content:space-between;margin-bottom:4px;padding-right:14px;display:flex}.spec-item:nth-child(2n){flex:0 0 52%;padding-right:0}.spec-label,.spec-value{font-size:10px}.spec-label{color:#999;text-transform:uppercase;letter-spacing:.05em}.spec-value{color:#333;font-weight:600}}@media (width>=768px) and (width<=895px){.tactical-about-container{--border-offset:10px;--header-offset:10px;--content-padding-x:clamp(16px,2.5vw,24px);--content-padding-y:clamp(16px,2.5vw,24px);--cross-h-width:20px;--cross-v-height:20px;--status-label-width:45px;--status-bar-width:70px;--status-bar-height:5px;--command-indicator-size:6px;--container-max-width:860px;width:750px;height:auto;max-height:none;overflow:hidden}.tactical-header{padding:2px 8px;font-size:7px}.main-content{flex-direction:row;justify-content:center;align-items:stretch;gap:clamp(20px,3vw,40px);height:calc(100% - 40px);margin-top:clamp(20px,3vw,30px);padding:0}.tactical-ui{flex-direction:column;flex:55%;justify-content:center;min-width:0;max-width:420px;padding:0 clamp(10px,1.5vw,20px);display:flex}.identity-section{margin-bottom:8px;padding-left:0}.mission-parameters{margin-bottom:8px;padding:6px 6px 6px 10px}.systems-status{margin-bottom:8px;padding-left:5px}.status-grid{padding:6px 0}.status-row{gap:clamp(6px,.8vw,10px);margin-bottom:clamp(3px,.4vw,5px);padding:0 clamp(8px,1.2vw,12px);font-size:clamp(9px,1.2vw,11px)}.status-label{font-size:8px}.status-text{font-size:9px}.command-interface{padding:7px 6px}.command-text{font-size:clamp(10px,1.3vw,12px)}.name{letter-spacing:.02em;margin-bottom:clamp(3px,.5vw,6px);font-size:clamp(24px,3.5vw,36px);line-height:1.1}.callsign{margin-bottom:clamp(2px,.3vw,4px);font-size:clamp(9px,1.2vw,11px)}.unit{margin-top:clamp(2px,.3vw,4px);font-size:clamp(8px,1.1vw,10px)}.section-header{margin-bottom:clamp(6px,.8vw,8px);padding-left:2px;font-size:clamp(10px,1.3vw,12px)}.parameters-grid{gap:clamp(4px,.5vw,6px);padding-left:2px;font-size:clamp(10px,1.3vw,12px)}.polaroid-container{flex:45%;justify-content:center;align-items:center;max-width:320px;display:flex}.polaroid{width:100%;max-width:280px;padding:clamp(8px,1.2vw,10px) clamp(8px,1.2vw,10px) 0}.polaroid-image{aspect-ratio:1;width:100%;height:auto}.polaroid-caption{width:100%;min-height:clamp(70px,10vw,85px);padding:clamp(5px,.8vw,8px) 0 clamp(4px,.6vw,6px) clamp(3px,.5vw,5px)}.spec-sheet{padding:0 6px}.spec-header{margin-bottom:4px;padding-bottom:3px}.spec-id{font-size:8px}.spec-classification{font-size:6px}.spec-item{margin-bottom:1px;font-size:7px}.spec-grid{font-size:7px}}@media (width>=896px) and (width<=1049px){.tactical-about-container{--container-max-width:1000px;--container-height:550px;--content-padding-x:36px;--content-padding-y:36px;--main-content-gap:40px;--polaroid-width:320px;--polaroid-image-size:300px;--polaroid-caption-height:120px}.main-content{gap:var(--main-content-gap);justify-content:space-between;align-items:flex-start}.tactical-ui{flex:0 0 48%;align-self:flex-start;max-width:460px;padding-right:16px}.polaroid-container{flex:none;justify-content:flex-end;align-items:flex-start;max-width:none;display:flex}.name{font-size:36px}.callsign{font-size:11px}.unit{font-size:9px}.identity-section,.mission-parameters,.systems-status{margin-bottom:20px}.mission-parameters{padding:12px 16px}}@media (width>=1050px){.tactical-about-container{--container-max-width:1084px;--polaroid-width:380px;--polaroid-image-size:360px;--polaroid-caption-height:140px;aspect-ratio:2}.main-content{gap:var(--main-content-gap);justify-content:space-between;align-items:flex-start}.tactical-ui{flex:0 0 50%;align-self:flex-start;max-width:550px;padding-right:20px}.polaroid-container{flex:none;align-items:flex-start;max-width:none;display:flex}.identity-section{margin-bottom:28px}.mission-parameters{padding:16px 20px}}@media (width>=1400px){.tactical-about-container{--content-padding-x:48px;--content-padding-y:48px}.main-content{gap:var(--main-content-gap)}.tactical-ui{flex:0 0 55%;max-width:535px;padding-right:40px}.name{font-size:46px}.identity-section{margin-bottom:32px}.mission-parameters{padding:18px 22px}.polaroid-caption{padding:16px 0 12px 2px}.spec-id{font-size:12px}.spec-classification{font-size:10px}.spec-item{margin-bottom:5px;font-size:10px}}@media (width>=1600px){.tactical-about-container{aspect-ratio:2.1}.main-content{gap:var(--main-content-gap)}.tactical-ui{flex:0 0 58%;max-width:550px;padding-right:60px}.name{font-size:44px}.polaroid-caption{padding:18px 0 14px 2px}}.tactical-about-container button,.tactical-about-container a,.tactical-about-container img{cursor:pointer}@media (width<=895px){.tactical-overlay-backdrop{display:block}.tactical-floating{transform:translate(-50%,-50%);top:50%!important;left:50%!important}.tactical-floating.dragging{transform:translate(-50%,-50%)!important}.tactical-floating .tactical-about-container{cursor:default!important}.tactical-connection-line{display:none!important}}@media (width<=860px){.unit-specialization{display:none!important}}