:root{--color-primary: #00ffff;--color-primary-glow: rgba(0, 255, 255, .6);--color-primary-dim: rgba(0, 255, 255, .3);--color-secondary: #0080ff;--color-secondary-glow: rgba(0, 128, 255, .6);--color-accent: #ff00ff;--color-accent-glow: rgba(255, 0, 255, .6);--color-bg-primary: #0a0e1a;--color-bg-secondary: #121827;--color-bg-tertiary: #1a2332;--color-surface: rgba(30, 40, 60, .8);--color-surface-light: rgba(40, 55, 80, .9);--color-grid-line: rgba(0, 255, 255, .2);--color-grid-hover: rgba(0, 255, 255, .4);--color-grid-active: rgba(0, 255, 255, .8);--color-text-primary: #e0f0ff;--color-text-secondary: #a0c0e0;--color-text-dim: #607080;--color-text-bright: #ffffff;--color-success: #00ff88;--color-warning: #ffaa00;--color-error: #ff4444;--color-info: #00aaff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .7);--glow-sm: 0 0 8px var(--color-primary-glow);--glow-md: 0 0 16px var(--color-primary-glow);--glow-lg: 0 0 24px var(--color-primary-glow);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Orbitron", "Exo 2", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;overflow:hidden}.glass-panel{background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-primary-dim);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--glow-sm)}.glass-panel-light{background:var(--color-surface-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-primary-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.glow-primary{box-shadow:var(--glow-md);text-shadow:0 0 8px var(--color-primary-glow)}.glow-accent{box-shadow:0 0 16px var(--color-accent-glow);text-shadow:0 0 8px var(--color-accent-glow)}.hex-default{fill:var(--color-bg-secondary);stroke:var(--color-grid-line);stroke-width:1px}.hex-land{fill:#14283ccc;stroke:var(--color-grid-line)}.hex-ocean{fill:#0a142899;stroke:#0080ff1a}.hex-news{fill:var(--color-primary-dim);stroke:var(--color-primary);stroke-width:2px;filter:drop-shadow(0 0 8px var(--color-primary-glow))}.hex-hover{fill:var(--color-grid-hover);stroke:var(--color-primary);stroke-width:2px;cursor:pointer}.hex-active{fill:var(--color-grid-active);stroke:var(--color-primary);stroke-width:3px;filter:drop-shadow(0 0 16px var(--color-primary-glow))}.scanline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,255,255,.02) 51%);background-size:100% 4px;pointer-events:none;z-index:9999;opacity:.3}.gradient-border{position:relative;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.text-display{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.text-mono{font-family:var(--font-mono);font-size:.9em}.text-bright{color:var(--color-text-bright);text-shadow:0 0 4px var(--color-primary-glow)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary-dim);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:all .2s ease}.btn:hover{border-color:var(--color-primary);background:var(--color-primary-dim);box-shadow:var(--glow-sm)}.btn:active{transform:translateY(1px)}.loading{position:relative;color:var(--color-primary)}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-primary-dim);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary-dim);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:var(--glow-sm)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}.pulse-once{animation:pulse 1s ease-in-out}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--color-primary-glow)}50%{box-shadow:0 0 24px var(--color-primary-glow)}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .5s ease-out}.fade-in-slow{animation:fade-in 1s ease-out}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slide-in-right .3s ease-out}@keyframes slide-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-bottom{animation:slide-in-bottom .3s ease-out}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scale-in .3s ease-out}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,transparent,var(--color-primary-dim),transparent);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotate 1s linear infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.blink{animation:blink 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes hex-news-appear{0%{opacity:0;transform:scale(.5);filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 24px var(--color-primary-glow))}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 8px var(--color-primary-glow))}}.hex-news-appear{animation:hex-news-appear .6s ease-out}.transition-all{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .6s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.hover-glow:hover{box-shadow:var(--glow-md);border-color:var(--color-primary)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}@keyframes data-stream{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.data-stream{animation:data-stream 3s linear infinite}@keyframes grid-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.grid-scan{animation:grid-scan 4s linear infinite}.layer-controls{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-primary-dim)}.layer-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.layer-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-primary-dim);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:all .2s ease;position:relative}.layer-btn:hover{border-color:var(--color-primary);background:var(--color-surface);transform:translate(4px)}.layer-btn.active{border-color:var(--color-primary);background:var(--color-primary-dim);color:var(--color-primary);box-shadow:var(--glow-sm)}.layer-btn.active .layer-icon{transform:scale(1.2)}.layer-icon{font-size:16px;transition:transform .2s ease}.layer-name{flex:1;text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.layer-tooltip{position:absolute;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--spacing-sm);box-shadow:var(--shadow-lg),var(--glow-sm);z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:150px}.tooltip-content strong{display:block;color:var(--color-primary);margin-bottom:var(--spacing-xs);font-size:12px}.tooltip-content p{margin:0;color:var(--color-text-secondary);font-size:11px}.map-layers{pointer-events:none}.continent-outline{vector-effect:non-scaling-stroke}.continent-outline:hover{stroke-width:3}.country-border{fill:none;stroke:var(--color-secondary);stroke-width:.5;opacity:.6;vector-effect:non-scaling-stroke}.river{fill:none;stroke:#0080ff99;stroke-width:1;vector-effect:non-scaling-stroke}.river.major{stroke-width:2}.layer-elevated{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}@keyframes layer-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.layer-entering{animation:layer-fade-in .4s ease-out}@keyframes layer-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.layer-exiting{animation:layer-fade-out .3s ease-in}@media(max-width:768px){.layer-btn{padding:var(--spacing-xs) var(--spacing-sm)}.layer-name{font-size:10px}}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-secondary);border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 0 20px #00ffff4d,0 4px 16px #000c;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;z-index:1000;transition:opacity .3s,visibility .3s}.settings-panel.hidden{opacity:0;visibility:hidden;pointer-events:none}.settings-panel.visible{opacity:1;visibility:visible}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-primary-dim);background:#00141ecc}.settings-header h3{margin:0;color:var(--color-primary);font-size:18px;text-shadow:0 0 8px var(--color-primary-glow)}.close-btn{background:none;border:none;color:var(--color-primary);font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;line-height:1;transition:color .2s,text-shadow .2s}.close-btn:hover{color:var(--color-accent);text-shadow:0 0 8px var(--color-accent)}.settings-content{padding:var(--spacing-lg)}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section h4{color:var(--color-text-primary);font-family:var(--font-display);font-size:14px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--color-primary-dim);padding-bottom:var(--spacing-sm)}.storage-info{padding:var(--spacing-md);background:#00ffff0d;border:1px solid var(--color-primary-dim);border-radius:4px}.storage-info p{margin:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:13px;font-family:var(--font-mono)}.settings-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn{padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:.1em;border:1px solid;border-radius:4px;cursor:pointer;transition:all .2s;background:transparent}.btn-secondary{color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-bg-primary);box-shadow:0 0 12px var(--color-primary-glow)}.btn-danger{color:#f44;border-color:#f44}.btn-danger:hover{background:#f44;color:var(--color-bg-primary);box-shadow:0 0 12px #ff444480}.settings-toggle-btn{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:999;width:44px;height:44px;background:var(--color-bg-secondary);border:2px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000080}.settings-toggle-btn:hover{background:var(--color-primary);box-shadow:0 0 16px var(--color-primary-glow);transform:rotate(90deg)}.settings-toggle-btn:before{content:"⚙️";font-size:20px}.settings-panel::-webkit-scrollbar{width:8px}.settings-panel::-webkit-scrollbar-track{background:var(--color-bg-primary)}.settings-panel::-webkit-scrollbar-thumb{background:var(--color-primary-dim);border-radius:4px}.settings-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.settings-overlay{position:fixed;inset:0;background:#000000b3;z-index:999;transition:opacity .3s,visibility .3s}.settings-overlay.hidden{opacity:0;visibility:hidden}.settings-overlay.visible{opacity:1;visibility:visible}#app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{padding:var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-primary-dim);box-shadow:0 2px 8px #00000080;z-index:100}.app-title{font-family:var(--font-display);font-size:24px;color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow);letter-spacing:.1em;margin:0}.app-main{flex:1;display:flex;position:relative;overflow:hidden}#hex-world-map{flex:1;position:relative;background:var(--color-bg-primary)}#hex-world-map svg{width:100%;height:100%}.news-detail-panel{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:400px;max-height:calc(100vh - 120px);overflow-y:auto;padding:var(--spacing-lg);z-index:50}.news-detail-panel.hidden{display:none}.news-title{font-size:18px;font-weight:600;color:var(--color-text-bright);margin-bottom:var(--spacing-md);line-height:1.4}.news-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:12px;color:var(--color-text-secondary)}.news-source{color:var(--color-primary)}.news-summary{margin-bottom:var(--spacing-md);line-height:1.6;color:var(--color-text-primary)}.news-location{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-dim);border-radius:var(--radius-sm);font-size:12px;color:var(--color-primary);margin-bottom:var(--spacing-md)}.news-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-dim);color:var(--color-primary);text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--color-primary);transition:all .2s ease}.news-link:hover{background:var(--color-primary);color:var(--color-bg-primary);box-shadow:var(--glow-sm)}.control-panel{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);padding:var(--spacing-md);min-width:200px;z-index:50}.control-group{margin-bottom:var(--spacing-md)}.control-label{display:block;margin-bottom:var(--spacing-xs);font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.control-value{color:var(--color-primary);font-family:var(--font-mono);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md)}.stat-item{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-primary-dim)}.stat-label{font-size:10px;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:20px;color:var(--color-primary);font-family:var(--font-mono);font-weight:700}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0e1ae6;z-index:1000}.loading-content{text-align:center}.loading-spinner{width:60px;height:60px;border:3px solid var(--color-primary-dim);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.loading-text{color:var(--color-primary);font-family:var(--font-display);font-size:18px;letter-spacing:.1em}.error-message{padding:var(--spacing-md);background:#ff44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);margin:var(--spacing-md) 0}@media(max-width:768px){.news-detail-panel{width:calc(100vw - 32px);right:var(--spacing-md);left:var(--spacing-md);max-height:50vh}.control-panel{min-width:150px}.app-title{font-size:18px}}.event-filter-panel{position:fixed;top:80px;right:20px;width:320px;max-height:calc(100vh - 100px);overflow-y:auto;background:#001428f2;border:1px solid #00ffff;border-radius:8px;box-shadow:0 0 20px #00ffff4d;z-index:1000;transition:opacity .3s ease,transform .3s ease}.event-filter-panel.visible{opacity:1;transform:translate(0)}.event-filter-panel.hidden{opacity:0;transform:translate(20px);pointer-events:none}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#00ffff1a;border-bottom:1px solid #00ffff}.filter-header h3{margin:0;font-size:16px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.close-btn{background:none;border:none;color:#0ff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease,transform .3s ease}.close-btn:hover{color:#f60;transform:rotate(90deg)}.filter-content{padding:20px}.filter-section{margin-bottom:20px}.filter-section h4{margin:0 0 10px;font-size:14px;color:#0ff;text-transform:uppercase;letter-spacing:1px}.event-stats{color:#fff;font-size:13px}.event-stats p{margin:5px 0}.stats-breakdown{margin-top:10px;padding:10px;background:#00ffff0d;border-radius:4px;border:1px solid rgba(0,255,255,.2)}.stats-grid{display:flex;flex-direction:column;gap:10px;font-size:12px}.stat-group{line-height:1.6}.severity-critical{color:red;font-weight:700}.severity-high{color:#f60}.severity-medium{color:#fa0}.severity-low{color:#0ff}.filter-checkboxes{display:flex;flex-direction:column;gap:8px}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background .2s ease}.filter-checkbox:hover{background:#00ffff1a}.filter-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#00ffff}.filter-checkbox span{font-size:13px;-webkit-user-select:none;user-select:none}.filter-select{width:100%;padding:8px 12px;background:#001428cc;border:1px solid #00ffff;border-radius:4px;color:#fff;font-size:13px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.filter-select:hover{border-color:#0af}.filter-select:focus{outline:none;border-color:#0af;box-shadow:0 0 10px #00aaff4d}.filter-select option{background:#001428;color:#fff}.filter-buttons{display:flex;flex-direction:column;gap:8px}.btn{padding:10px 16px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#0ff,#0af);color:#001428;box-shadow:0 0 10px #00ffff4d}.btn-primary:hover{background:linear-gradient(135deg,#0af,#08f);box-shadow:0 0 20px #00ffff80;transform:translateY(-2px)}.btn-secondary{background:#00ffff1a;color:#0ff;border:1px solid #00ffff}.btn-secondary:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d}@keyframes event-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.event-marker-pulse{animation:event-pulse 1.5s ease-in-out infinite}@keyframes event-bounce{0%{transform:scale(.3) translateY(-50px);opacity:0}25%{opacity:1}50%{transform:scale(1.1) translateY(0)}65%{transform:scale(.9)}80%{transform:scale(1.05)}to{transform:scale(1)}}.event-marker-glow-low{filter:drop-shadow(0 0 4px #00ffff)}.event-marker-glow-medium{filter:drop-shadow(0 0 6px #ffaa00)}.event-marker-glow-high{filter:drop-shadow(0 0 10px #ff6600)}.event-marker-glow-critical{filter:drop-shadow(0 0 16px #ff0000)}.event-filter-panel::-webkit-scrollbar{width:8px}.event-filter-panel::-webkit-scrollbar-track{background:#00142880;border-radius:4px}.event-filter-panel::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}.event-filter-panel::-webkit-scrollbar-thumb:hover{background:#00ffff80}.event-timeline-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#001428f2;border:1px solid #00ffff;border-radius:8px;box-shadow:0 0 20px #00ffff4d;padding:15px 20px;z-index:1000;min-width:400px}.timeline-controls{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:10px}.timeline-btn{background:#00ffff1a;border:1px solid #00ffff;color:#0ff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.timeline-btn:hover:not(:disabled){background:#0ff3;box-shadow:0 0 10px #00ffff4d;transform:translateY(-2px)}.timeline-btn:disabled{opacity:.3;cursor:not-allowed}.timeline-btn.timeline-prev,.timeline-btn.timeline-next{width:40px;height:40px;padding:0;font-size:18px;display:flex;align-items:center;justify-content:center}.timeline-btn.timeline-live{background:linear-gradient(135deg,red,#f60);color:#fff;border-color:red;animation:pulse-live 2s ease-in-out infinite}.timeline-btn.timeline-live:hover{background:linear-gradient(135deg,#f33,#f80)}@keyframes pulse-live{0%,to{box-shadow:0 0 10px #ff000080}50%{box-shadow:0 0 20px #f00c}}.timeline-spread-select{background:#00ffff1a;border:1px solid #00ffff;color:#0ff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;font-family:JetBrains Mono,monospace;transition:all .3s ease;min-width:60px;max-height:120px;overflow-y:auto}.timeline-spread-select:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d}.timeline-spread-select:focus{outline:none;border-color:#0af;box-shadow:0 0 10px #00aaff80}.timeline-spread-select option{background:#001428;color:#0ff;padding:8px 12px;cursor:pointer;opacity:.5;transition:background .2s ease,opacity .2s ease}.timeline-spread-select option:hover{background:#0ff3;opacity:.8}.timeline-spread-select option:checked,.timeline-spread-select option[selected]{background:#00ffff4d;color:#fff;font-weight:700;opacity:1}.timeline-info{flex:1;text-align:center}.timeline-time{font-size:16px;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);margin-bottom:4px;font-family:Orbitron,monospace}.timeline-subtitle{font-size:12px;color:#ffffffb3;font-family:JetBrains Mono,monospace}.timeline-actions{display:flex;gap:10px;justify-content:center}.timeline-actions .timeline-btn{padding:6px 12px;font-size:12px}.event-popup{position:fixed;z-index:10000}.event-popup.visible{opacity:1!important;transform:scale(1)!important}.event-popup-header{font-size:14px;font-weight:700;margin-bottom:8px;padding-bottom:8px;padding-right:44px;border-bottom:1px solid rgba(0,255,255,.3);word-wrap:break-word;overflow-wrap:break-word}.event-popup-body{font-size:13px;line-height:1.6}.event-popup-close{position:absolute;top:8px;right:8px;background:#f003;border:1px solid #ff0000;color:red;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.event-popup-close:hover{background:#f006;box-shadow:0 0 10px #ff000080;transform:rotate(90deg)}@media(max-width:768px){.event-filter-panel{width:calc(100vw - 40px);max-width:320px;right:20px}.event-timeline-panel{min-width:calc(100vw - 40px);max-width:500px;left:50%;transform:translate(-50%)}.timeline-controls{gap:10px}.timeline-time{font-size:14px}}.filter-toggle-btn{position:fixed;top:20px;right:20px;background:#00ffff1a;border:1px solid #00ffff;color:#0ff;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;z-index:900;box-shadow:0 0 10px #0ff3}.filter-toggle-btn:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d}.filter-toggle-btn.active{background:linear-gradient(135deg,#0ff,#0af);color:#001428;box-shadow:0 0 15px #00ffff80}