.test-damage-page{color:#e0e0e0;background-color:#0a0a0a;width:100vw;height:100vh;font-family:Courier New,monospace;overflow:hidden}.damage-test-harness{flex-direction:column;width:100%;height:100%;display:flex}.test-header{background:linear-gradient(#1a1a1a 0%,#141414 100%);border-bottom:2px solid #333;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.5)}.test-header h1{color:#fff;letter-spacing:.5px;margin:0;font-size:20px;font-weight:600}.header-controls{align-items:center;gap:10px;display:flex}.control-bar{background-color:#1a1a1a;border-bottom:1px solid #333;flex-wrap:wrap;align-items:center;gap:20px;padding:15px 20px;display:flex}.control-group{flex-direction:column;gap:5px;display:flex}.control-group label{text-transform:uppercase;color:#888;letter-spacing:.5px;font-size:11px}.control-group select,.control-group input{color:#e0e0e0;background-color:#222;border:1px solid #444;border-radius:4px;min-width:120px;padding:6px 10px;font-size:13px}.control-group select:focus,.control-group input:focus{border-color:#0080ff;outline:none;box-shadow:0 0 0 2px rgba(0,128,255,.2)}.test-content{flex:1;display:flex;overflow:hidden}.view-container{background-color:#000;border-right:2px solid #333;flex:1;position:relative}.view-canvas{width:100%;height:100%}.view-overlay{color:#fff;pointer-events:none;background:rgba(0,0,0,.7);border-radius:4px;padding:10px 15px;font-size:12px;position:absolute;top:10px;left:10px}.view-overlay .status-line{margin:2px 0}.view-overlay .status-label{color:#888;margin-right:8px}.inspector-panel{background-color:#121212;flex-direction:column;width:400px;display:flex;overflow-y:auto}.inspector-section{border-bottom:1px solid #222}.inspector-section-header{text-transform:uppercase;color:#aaa;letter-spacing:.5px;background-color:#1a1a1a;border-bottom:1px solid #333;padding:10px 15px;font-size:12px;font-weight:600}.inspector-content{padding:15px}.component-list{flex-direction:column;gap:12px;display:flex}.component-item{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;padding:10px;transition:all .2s}.component-item:hover{background-color:#222;border-color:#444}.component-item.selected{background-color:#1a2533;border-color:#0080ff}.component-header{cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;display:flex}.component-checkbox{cursor:pointer;width:16px;height:16px}.component-name{color:#e0e0e0;flex:1;font-size:13px;font-weight:500}.component-value{color:#0080ff;font-size:12px;font-weight:600}.component-bar-container{background-color:#0a0a0a;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.component-bar{border-radius:4px;height:100%;transition:all .3s}.component-bar.damage-0{background:linear-gradient(90deg,#0c4 0%,#0a3 100%)}.component-bar.damage-25{background:linear-gradient(90deg,#8c0 0%,#6a0 100%)}.component-bar.damage-50{background:linear-gradient(90deg,#fa0 0%,#d80 100%)}.component-bar.damage-75{background:linear-gradient(90deg,#f60 0%,#d40 100%)}.component-bar.damage-100{background:linear-gradient(90deg,red 0%,#c00 100%)}.fire-indicator{color:#f64;background-color:rgba(255,100,0,.15);border:1px solid rgba(255,100,0,.4);border-radius:3px;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;font-size:11px;display:flex}.fire-icon{animation:.5s infinite alternate flicker}@keyframes flicker{0%{opacity:1}to{opacity:.6}}.damage-controls{flex-direction:column;gap:8px;margin-top:10px;display:flex}.damage-control-row{gap:8px;display:flex}.damage-btn{color:#e0e0e0;cursor:pointer;background-color:#222;border:1px solid #444;border-radius:4px;flex:1;padding:8px 12px;font-size:12px;transition:all .2s}.damage-btn:hover{background-color:#333;border-color:#555}.damage-btn:active{background-color:#1a1a1a;transform:scale(.98)}.damage-btn.primary{color:#fff;background-color:#06c;border-color:#0080ff}.damage-btn.primary:hover{background-color:#0080ff}.damage-btn.danger{color:#fff;background-color:#c00;border-color:red}.damage-btn.danger:hover{background-color:red}.quick-scenarios{flex-direction:column;gap:8px;display:flex}.scenario-btn{color:#e0e0e0;cursor:pointer;text-align:left;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;align-items:center;gap:10px;padding:10px 15px;font-size:12px;transition:all .2s;display:flex}.scenario-btn:hover{background-color:#222;border-color:#555;transform:translate(3px)}.scenario-btn:active{transform:translate(1px)}.scenario-icon{font-size:16px}.failures-list{flex-direction:column;gap:8px;display:flex}.failure-item{background-color:#1a1a1a;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.failure-item.active{background-color:rgba(255,0,0,.15);border:1px solid rgba(255,0,0,.4)}.failure-indicator{background-color:#0a0a0a;border:2px solid #333;border-radius:50%;width:12px;height:12px}.failure-indicator.active{background-color:red;border-color:red;box-shadow:0 0 8px rgba(255,0,0,.6)}.failure-label{color:#aaa;flex:1}.failure-item.active .failure-label{color:#f64;font-weight:600}.flight-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-item{flex-direction:column;gap:3px;display:flex}.stat-label{text-transform:uppercase;color:#666;letter-spacing:.5px;font-size:10px}.stat-value{color:#e0e0e0;font-size:14px;font-weight:600}.stat-change{margin-left:4px;font-size:11px}.stat-change.negative{color:#f64}.stat-change.positive{color:#0c4}.btn{color:#e0e0e0;cursor:pointer;white-space:nowrap;background-color:#222;border:1px solid #444;border-radius:4px;padding:8px 16px;font-size:13px;transition:all .2s}.btn:hover{background-color:#333;border-color:#555}.btn:active{transform:scale(.98)}.btn.btn-danger{color:#fff;background-color:#c00;border-color:red}.btn.btn-danger:hover{background-color:red}.btn.btn-primary{color:#fff;background-color:#06c;border-color:#0080ff}.btn.btn-primary:hover{background-color:#0080ff}