@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--fg: #d0d0d0;--fg-dim: #606060;--fg-bright: #ffffff;--bg: #080808;--bg-panel: #0e0e0e;--border: #2a2a2a;--border-bright: #4a4a4a;--scanline-opacity: .035}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Share Tech Mono,monospace;font-size:12px;line-height:1.4}#root:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px);pointer-events:none;z-index:9999}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:9998}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.blink{animation:blink 1s step-end infinite}.pulse{animation:pulse 2.5s ease-in-out infinite}.app{display:grid;grid-template-columns:220px 1fr 320px;grid-template-rows:36px 1fr 32px;grid-template-areas:"header header header" "sidebar radar events" "footer footer footer";height:100vh;width:100vw;gap:1px;background:var(--border)}.header{grid-area:header;background:var(--bg-panel);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.header-title{font-size:14px;letter-spacing:4px;text-transform:uppercase;color:var(--fg-bright)}.header-meta{color:var(--fg-dim);font-size:11px;display:flex;gap:20px}.header-meta span{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--fg-dim);display:inline-block}.status-dot.active{background:var(--fg-bright)}.sidebar{grid-area:sidebar;background:var(--bg-panel);display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border)}.panel{border-bottom:1px solid var(--border);padding:12px}.panel-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--fg-dim);margin-bottom:8px;display:flex;align-items:center;gap:6px}.panel-title:before{content:"▸";color:var(--fg-dim)}.emblem-container{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-bottom:1px solid var(--border)}.emblem{width:80px;height:80px;border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative}.emblem svg{width:50px;height:50px}.emblem-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--fg-dim);text-align:center;line-height:1.6}.search-container{display:flex;align-items:center;border:1px solid var(--border);padding:6px 8px;background:var(--bg)}.search-prompt{color:var(--fg-dim);margin-right:4px}.search-input{background:none;border:none;color:var(--fg);font-family:inherit;font-size:12px;outline:none;flex:1;caret-color:var(--fg-bright)}.search-input::placeholder{color:var(--fg-dim)}.filter-group{display:flex;flex-wrap:wrap;gap:4px}.filter-btn{background:var(--bg);border:1px solid var(--border);color:var(--fg-dim);font-family:inherit;font-size:10px;padding:3px 8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s}.filter-btn:hover{border-color:var(--fg-dim);color:var(--fg)}.filter-btn.active{border-color:var(--fg);color:var(--fg-bright);background:#ffffff0d}.source-list{display:flex;flex-direction:column;gap:4px}.source-item{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--fg-dim)}.source-item .label{display:flex;align-items:center;gap:6px}.source-dot{width:5px;height:5px;border-radius:50%;background:var(--fg-dim)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-box{border:1px solid var(--border);padding:8px;text-align:center}.stat-value{font-size:18px;color:var(--fg-bright);display:block}.stat-label{font-size:9px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:1px}.radar{grid-area:radar;background:var(--bg-panel);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.radar-canvas{width:100%;height:100%}.events-panel{grid-area:events;background:var(--bg-panel);display:flex;flex-direction:column;border-left:1px solid var(--border);overflow:hidden}.events-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.events-header-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--fg-dim)}.events-count{font-size:10px;color:var(--fg-dim)}.events-list{flex:1;overflow-y:auto;padding:4px 0}.event-card{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;animation:fadeIn .3s ease;position:relative}.event-card:hover{background:#ffffff05}.event-card.priority{border-left:2px solid var(--fg-bright)}.event-card.expanded{background:#ffffff08}.event-date-badge{font-size:10px;color:var(--fg-dim);margin-bottom:2px;display:flex;justify-content:space-between;align-items:center}.event-title{font-size:13px;color:var(--fg-bright);margin-bottom:2px}.event-venue{font-size:11px;color:var(--fg-dim)}.event-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.event-tag{font-size:9px;padding:1px 6px;border:1px solid var(--border);color:var(--fg-dim);text-transform:uppercase;letter-spacing:1px}.event-score{font-size:10px;color:var(--fg-dim)}.event-score.high{color:var(--fg-bright)}.event-details{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;color:var(--fg-dim);line-height:1.5}.event-detail-row{display:flex;justify-content:space-between;margin-bottom:4px}.event-detail-label{color:var(--fg-dim)}.event-detail-value{color:var(--fg)}.event-description{margin-top:6px;font-style:italic;color:var(--fg-dim)}.event-link{display:inline-block;margin-top:6px;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:1px}.event-link:hover{border-color:var(--fg)}.priority-badge{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--fg-bright)}.footer{grid-area:footer;background:var(--bg-panel);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid var(--border);font-size:10px;color:var(--fg-dim)}.radar-legend{position:absolute;bottom:50px;left:12px;border:1px solid var(--border);background:#080808d9;padding:10px 12px;font-size:10px;z-index:10}.legend-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--fg-dim);margin-bottom:6px}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:3px;color:var(--fg-dim)}.legend-item.clickable{cursor:pointer;transition:color .15s}.legend-item.clickable:hover{color:var(--fg)}.legend-item.active{color:var(--fg-bright)}.legend-ring{border-radius:50%;border:1px solid var(--fg-dim);flex-shrink:0}.legend-item.active .legend-ring{border-color:var(--fg-bright)}.legend-count{margin-left:auto;font-size:9px;opacity:.5}.radar-zoom{position:absolute;top:12px;right:12px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2px}.zoom-btn{width:28px;height:28px;background:#080808d9;border:1px solid var(--border);color:var(--fg-dim);font-family:inherit;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.zoom-btn:hover{color:var(--fg-bright);border-color:var(--fg-dim)}.zoom-level{font-size:9px;color:var(--fg-dim);letter-spacing:1px;padding:2px 0}.radar-info{position:absolute;top:12px;left:12px;z-index:10}.radar-info-box{border:1px solid var(--border);background:#080808d9;padding:8px 10px;margin-bottom:6px;font-size:10px;letter-spacing:1px}.radar-info-box .label{color:var(--fg-dim);text-transform:uppercase;font-size:9px;letter-spacing:2px}.radar-info-box .value{color:var(--fg-bright);font-size:13px}.radar-tooltip{position:absolute;background:#080808eb;border:1px solid var(--border-bright);padding:8px 10px;font-size:11px;pointer-events:none;z-index:20;max-width:200px}.radar-tooltip .tt-title{color:var(--fg-bright);margin-bottom:2px}.radar-tooltip .tt-venue{color:var(--fg-dim);font-size:10px}.radar-tooltip .tt-date{color:var(--fg-dim);font-size:10px;margin-top:2px}.radar-crosshair{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.radar-hud{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:8px;z-index:10}.hud-box{border:1px solid var(--border);background:#080808d9;padding:6px 10px;font-size:10px}.hud-box .label{color:var(--fg-dim);font-size:9px;text-transform:uppercase;letter-spacing:1px}.hud-box .value{color:var(--fg)}.sort-controls{display:flex;gap:4px}.sort-btn{background:none;border:1px solid var(--border);color:var(--fg-dim);font-family:inherit;font-size:9px;padding:2px 6px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.sort-btn:hover{color:var(--fg);border-color:var(--fg-dim)}.sort-btn.active{color:var(--fg-bright);border-color:var(--fg)}.genre-legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--fg-dim);margin-bottom:2px}.genre-legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ring-filter-badge{display:inline-block;margin-left:8px;font-size:9px;padding:1px 6px;border:1px solid var(--fg-dim);color:var(--fg-bright);text-transform:uppercase;letter-spacing:1px;vertical-align:middle}.zoom-btn-sm{font-size:9px;letter-spacing:1px;margin-top:2px}.event-card{border-left:3px solid transparent}.feedback-buttons{margin-left:auto;display:flex;gap:2px;flex-shrink:0}.fb-btn{background:none;border:1px solid rgba(255,255,255,.1);color:#ffffff4d;font-size:9px;padding:1px 5px;cursor:pointer;transition:all .15s;font-family:inherit}.fb-btn:hover{color:var(--fg);border-color:var(--fg-dim)}.fb-btn.active-up{color:#4ade80;border-color:#4ade80}.fb-btn.active-down{color:#f87171;border-color:#f87171}.feedback-summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--fg-dim)}.export-btn{background:none;border:1px solid var(--border);color:var(--fg-dim);font-size:9px;padding:2px 8px;cursor:pointer;font-family:inherit;letter-spacing:1px;text-transform:uppercase}.export-btn:hover{color:var(--fg);border-color:var(--fg-dim)}.sidebar-toggle{display:none;background:none;border:1px solid var(--border);color:var(--fg-dim);font-size:16px;padding:2px 6px;cursor:pointer;font-family:inherit;line-height:1}.sidebar-toggle:hover{color:var(--fg);border-color:var(--fg-dim)}.sidebar-backdrop{display:none}@media(max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:44px 50vh 1fr 32px;grid-template-areas:"header" "radar" "events" "footer"}.sidebar-toggle{display:block}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;z-index:100;transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--border)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:99}.header{padding:0 10px}.header-title{font-size:12px;letter-spacing:2px}.header-date{display:none}.header-meta{gap:10px;font-size:10px}.events-panel{border-left:none}.radar-info{display:none}.radar-legend{bottom:8px;left:8px;padding:6px 8px;font-size:9px}.radar-zoom{top:8px;right:8px}.radar-hud{bottom:8px;left:auto;right:8px;gap:4px}.hud-box{padding:4px 6px;font-size:9px}.footer{padding:0 10px;font-size:9px}}@media(min-width:769px)and (max-width:1024px){.app{grid-template-columns:180px 1fr 280px}.emblem-container{display:none}}@media(max-width:480px){.app{grid-template-rows:40px 45vh 1fr 28px}.header-stats{display:none}.header-title{font-size:11px}.events-header,.event-card{padding:8px 10px}.event-title{font-size:12px}.event-tags{gap:3px}.event-tag{font-size:8px;padding:1px 4px}.fb-btn{padding:2px 6px;font-size:10px}.radar-legend{display:none}}