@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";.network-stats{min-width:280px;max-width:350px}.network-stats.compact{min-width:200px;max-width:250px}.network-stats.graphical{min-width:350px;max-width:400px}.stats-grid{display:grid;gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{display:flex;align-items:center;gap:8px}.trend-indicator{font-size:12px;opacity:.8}.trend-indicator.up{color:#4ade80}.trend-indicator.down{color:#f87171}.trend-indicator.stable{color:var(--hud-text)}.stat-change{font-size:11px;opacity:.7}.stat-detail{font-size:11px;opacity:.6}.difficulty-progress{margin-top:4px}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--hud-accent);transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-20px)}to{transform:translate(20px)}}.fee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.fee-tier{display:flex;flex-direction:column;align-items:center;padding:8px;background:#ffffff0d;border-radius:4px;transition:all .2s ease}.fee-tier:hover{background:#ffffff1a}.fee-tier.recommended{background:#f7931a1a;border:1px solid rgba(247,147,26,.3)}.fee-label{font-size:10px;text-transform:uppercase;opacity:.6;margin-bottom:4px}.fee-value{font-size:12px;font-weight:600;font-family:Space Mono,monospace}.activity-stats{display:flex;flex-direction:column;gap:6px;margin-top:8px}.activity-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.activity-row span:first-child{opacity:.7}@media (max-width: 768px){.network-stats{min-width:unset;max-width:100%}.fee-grid{gap:4px}.fee-tier{padding:6px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.network-stats.updating .hud-value{animation:pulse 1s ease-in-out}.network-stats.error{border:1px solid rgba(248,113,113,.3);background:#f871710d}.network-stats.loading{opacity:.8}.error-message{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px;background:#f871711a;border-radius:4px;font-size:12px}.error-message small{opacity:.6;font-size:10px}.object-inspector{min-width:280px;max-width:350px;max-height:400px;overflow-y:auto}.object-inspector.empty{text-align:center;opacity:.6}.inspector-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.inspector-placeholder span{font-size:2em;opacity:.5}.inspector-placeholder p{font-size:12px;line-height:1.4;margin:0}.inspector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--hud-border)}.inspector-header h3{margin:0;font-size:16px;color:var(--hud-accent)}.close-btn{background:none;border:none;color:var(--hud-text);font-size:18px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;opacity:.6}.close-btn:hover{opacity:1;background:#ffffff1a}.inspector-content{display:flex;flex-direction:column;gap:12px}.detail-group{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.6;color:var(--hud-text)}.detail-value{font-family:Space Mono,monospace;font-size:13px;color:var(--hud-text);word-break:break-all}.detail-value.amount{color:var(--hud-accent);font-weight:600;font-size:14px}.detail-value.fee-rate{color:#60a5fa;font-weight:500}.detail-value.height{color:var(--hud-accent);font-weight:600}.hash-value{display:flex;align-items:center;gap:8px}.copy-btn{background:none;border:none;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:2px;transition:all .2s ease;opacity:.5}.copy-btn:hover{opacity:1;background:#ffffff1a}.status{display:flex;align-items:center;gap:4px;font-size:12px}.status.confirmed{color:#4ade80}.status.pending{color:#fbbf24}.object-inspector.transaction{border-left:3px solid #60a5fa}.object-inspector.block{border-left:3px solid var(--hud-accent)}.object-inspector.unknown{border-left:3px solid #ef4444}.object-inspector::-webkit-scrollbar{width:4px}.object-inspector::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.object-inspector::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.object-inspector::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.object-inspector{min-width:unset;max-width:100%;max-height:300px}.detail-value{font-size:12px}.detail-value.amount{font-size:13px}}.object-inspector{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.camera-controls{min-width:400px;max-width:720px;width:fit-content}.controls-section{margin-bottom:8px}.controls-section h4{margin:0 0 6px;font-size:12px;color:var(--hud-accent);font-family:Space Mono,monospace;font-weight:600}.controls-main{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.time-section,.camera-section,.actions-section,.quality-section{display:flex;align-items:center;gap:8px}.section-label{font-size:11px;color:var(--hud-accent);font-family:Space Mono,monospace;font-weight:600;min-width:fit-content}.camera-mode-list{display:flex;gap:4px;align-items:center}.camera-mode-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff0d;border:1px solid var(--hud-border);border-radius:4px;color:var(--hud-text);cursor:pointer;transition:all .2s ease;text-align:left;min-width:80px}.camera-mode-btn:hover{background:#ffffff1a;border-color:#64c8ff80}.camera-mode-btn.active{background:#f7931a33;border-color:var(--hud-accent)}.camera-icon{font-size:14px;min-width:16px;text-align:center}.camera-info{display:flex;flex-direction:column;gap:1px;flex:1}.camera-label{font-size:11px;font-weight:600;font-family:Space Mono,monospace;line-height:1}.camera-description{font-size:8px;opacity:.5;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions{display:flex;gap:4px}.action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#ffffff0d;border:1px solid var(--hud-border);border-radius:4px;color:var(--hud-text);cursor:pointer;transition:all .2s ease;font-size:10px;min-width:60px;justify-content:center;height:100%}.action-btn:hover{background:#ffffff1a;border-color:#64c8ff80}.action-btn.reset:hover{border-color:#4ade80;color:#4ade80}.action-btn.pause:hover{border-color:#fbbf24;color:#fbbf24}.action-btn.quality-toggle{transition:all .2s ease}.action-btn.quality-toggle.active{background:#22c55e33;border-color:#22c55e;color:#22c55e}.action-btn.quality-toggle:hover{border-color:#22c55e;color:#22c55e}.action-btn.quality-toggle:not(.active):hover{border-color:#6b7280;color:#6b7280}.action-btn span:first-child{font-size:12px}.action-btn span:last-child{font-weight:600;font-family:Space Mono,monospace}@media (max-width: 768px){.camera-controls{min-width:unset;max-width:100%}.controls-main{gap:12px}.camera-mode-btn,.action-btn{padding:4px 6px;font-size:9px;min-width:60px}.camera-description{display:none}}.camera-controls{animation:slideInFromBottom .3s ease-out}@keyframes slideInFromBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.camera-mode-btn.active .camera-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}:root{--hud-bg: rgba(0, 10, 20, .8);--hud-border: rgba(100, 200, 255, .3);--hud-text: rgba(255, 255, 255, .9);--hud-accent: #f7931a;--hud-opacity: 1;--panel-padding: 16px;--panel-radius: 8px;--transition-speed: .3s}.hud-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;opacity:var(--hud-opacity);transition:opacity var(--transition-speed) ease}.hud-container.hidden{opacity:0}.hud-container.minimal{opacity:.7}.hud-panel{background:var(--hud-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--hud-border);border-radius:var(--panel-radius);padding:var(--panel-padding);color:var(--hud-text);pointer-events:auto;box-shadow:0 0 20px #64c8ff1a,inset 0 0 20px #64c8ff0d;transition:all var(--transition-speed) ease}.hud-panel:hover{border-color:#64c8ff80;box-shadow:0 0 30px #64c8ff33,inset 0 0 30px #64c8ff1a}.hud-top{position:absolute;top:20px;left:20px;display:flex;justify-content:flex-start;gap:20px;max-width:400px}.hud-top-right{position:absolute;top:20px;right:20px;display:flex;justify-content:flex-end;gap:20px;max-width:400px}.hud-center-left{position:absolute;top:50%;left:20px;transform:translateY(-50%);max-width:350px}.hud-center-right{position:absolute;top:50%;right:20px;transform:translateY(-50%);max-width:350px}.hud-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:20px}.hud-bottom-left{position:absolute;bottom:20px;left:20px;display:flex;gap:20px}.hud-bottom-right{position:absolute;bottom:20px;right:20px;display:flex;gap:20px}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.hud-panel{animation-duration:.5s;animation-fill-mode:both}.hud-top .hud-panel,.hud-top-right .hud-panel{animation-name:slideInFromTop}.hud-top .hud-panel:nth-child(2),.hud-top-right .hud-panel:nth-child(2){animation-delay:.1s}.hud-center-left .hud-panel{animation-name:slideInFromLeft;animation-delay:.2s}.hud-center-right .hud-panel{animation-name:slideInFromRight;animation-delay:.2s}.hud-bottom .hud-panel,.hud-bottom-left .hud-panel,.hud-bottom-right .hud-panel{animation-name:slideInFromBottom;animation-delay:.3s}.hud-panel h2,.hud-panel h3{margin:0 0 12px;color:var(--hud-accent);font-family:Space Mono,monospace;font-weight:600}.hud-panel h2{font-size:18px}.hud-panel h3{font-size:14px}.hud-panel p{margin:0 0 8px;font-size:13px;line-height:1.5}@media (max-width: 768px){.hud-top,.hud-top-right,.hud-bottom-left,.hud-bottom-right{max-width:300px}.hud-top{left:10px;top:10px}.hud-top-right{right:10px;top:10px}.hud-center-left,.hud-center-right{max-width:280px}.hud-center-left{left:10px}.hud-center-right{right:10px}.hud-bottom{bottom:10px}.hud-bottom-left{left:10px;bottom:10px}.hud-bottom-right{right:10px;bottom:10px}.hud-panel{padding:12px;font-size:.9em}}.hud-value{font-family:Space Mono,monospace;font-weight:600;color:var(--hud-accent)}.hud-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.hud-divider{height:1px;background:var(--hud-border);margin:12px 0}.hud-loading{display:inline-block;width:12px;height:12px;border:2px solid var(--hud-border);border-top-color:var(--hud-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.keyboard-help{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;z-index:2000;animation:slideInFromBottom .3s ease}.keyboard-help h3{margin-bottom:16px;text-align:center}.shortcuts-list{display:grid;gap:8px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.shortcut-item kbd{background:#ffffff1a;border:1px solid var(--hud-border);border-radius:4px;padding:4px 8px;font-family:Space Mono,monospace;font-size:11px;min-width:50px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;overflow:hidden}#root{width:100vw;height:100vh}*:focus{outline:2px solid #f7931a;outline-offset:2px}*:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}
