@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&family=Special+Elite&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #0a0a0a;--bg-secondary: #0d0808;--bg-tertiary: #0a0a0f;--red-primary: #ff3333;--red-secondary: #ff6666;--red-dark: #8b0000;--green-terminal: #33ff33;--blue-path: #6699ff;--omega: #ff0000;--top-secret: #ff6600;--eyes-only: #ffcc00;--classified: #888888;--canon: #00ff00;--theoretical: #00ccff;--disproven: #666666;--status-active: #00ff00;--status-wounded: #ff8800;--status-monitored: #00aaff;--status-comatose: #ff0000;--status-dormant: #aa00ff;--status-destroyed: #ff3333;--threat-extinction: #ff0000;--threat-catastrophic: #ff3300;--threat-high: #ff6600;--threat-moderate: #ffaa00;--threat-low: #00ff00;--threat-unknown: #888888;--font-terminal: "VT323", "Courier New", monospace;--font-body: "Share Tech Mono", "Courier New", monospace;--font-special: "Special Elite", serif}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-primary);color:#e0e0e0;font-family:var(--font-body)}@keyframes float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) translate(30px);opacity:0}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-cmd{padding:12px 20px;cursor:pointer;border:1px solid #333;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-family:var(--font-body);background:#0a0a0acc;display:flex;align-items:center;gap:8px;color:#888}.nav-cmd:hover{border-color:var(--red-primary);background:#ff33331a;color:var(--red-secondary)}.nav-cmd.active{border-color:var(--red-primary);background:#ff333326;color:var(--red-primary);box-shadow:0 0 20px #f333,inset 0 0 20px #ff33330d}.timeline-entry{border-left:2px solid #333;padding-left:24px;padding-bottom:24px;position:relative;transition:all .3s ease}.timeline-entry:hover{border-left-color:var(--red-primary)}.timeline-entry:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;background:var(--bg-primary);border:2px solid var(--red-primary);border-radius:50%}.timeline-entry:hover:before{background:var(--red-primary);box-shadow:0 0 15px var(--red-primary)}.dossier-card{background:linear-gradient(135deg,#0f0a0af2,#140f0ff2);border:1px solid #2a2a2a;padding:20px;cursor:pointer;transition:all .3s ease;position:relative}.dossier-card:hover{border-color:var(--red-primary);transform:translateY(-3px);box-shadow:0 8px 30px #f333}.dossier-card:before{content:"CLASSIFIED";position:absolute;top:10px;right:10px;font-size:9px;letter-spacing:2px;color:var(--red-primary);opacity:.5}.classification-badge{display:inline-block;padding:3px 10px;font-size:10px;letter-spacing:1px;border:1px solid;font-family:var(--font-body)}.classification-OMEGA{border-color:var(--omega);color:var(--omega);background:#ff00001a}.classification-TOP-SECRET{border-color:var(--top-secret);color:var(--top-secret);background:#ff66001a}.classification-EYES-ONLY{border-color:var(--eyes-only);color:var(--eyes-only);background:#ffcc001a}.classification-CLASSIFIED{border-color:var(--classified);color:var(--classified);background:#8888881a}.classification-CANON{border-color:var(--canon);color:var(--canon);background:#00ff001a}.classification-THEORETICAL{border-color:var(--theoretical);color:var(--theoretical);background:#00ccff1a}.status-badge{display:inline-block;padding:3px 10px;font-size:10px;letter-spacing:1px;border:1px solid}.status-ACTIVE{border-color:var(--status-active);color:var(--status-active)}.status-WOUNDED,.status-ACTIVE---WOUNDED{border-color:var(--status-wounded);color:var(--status-wounded)}.status-MONITORED,.status-ACTIVE---MONITORED{border-color:var(--status-monitored);color:var(--status-monitored)}.status-RECOVERED,.status-ACTIVE---RECOVERED{border-color:var(--status-active);color:var(--status-active)}.status-COMATOSE{border-color:var(--status-comatose);color:var(--status-comatose)}.status-DORMANT{border-color:var(--status-dormant);color:var(--status-dormant)}.status-DECEASED{border-color:#666;color:#666}.status-UNKNOWN{border-color:#888;color:#888}.threat-badge{display:inline-block;padding:3px 10px;font-size:10px;letter-spacing:1px;border:1px solid;font-weight:700}.threat-EXTINCTION-LEVEL,.threat-OMEGA{border-color:var(--threat-extinction);color:var(--threat-extinction);background:#f003;animation:pulse 2s infinite}.threat-CATASTROPHIC,.threat-EXTREME{border-color:var(--threat-catastrophic);color:var(--threat-catastrophic);background:#ff330026}.threat-HIGH{border-color:var(--threat-high);color:var(--threat-high)}.threat-MODERATE,.threat-VARIABLE{border-color:var(--threat-moderate);color:var(--threat-moderate)}.threat-LOW{border-color:var(--threat-low);color:var(--threat-low)}.threat-UNKNOWN,.threat-NA,.threat-N\\/A{border-color:var(--threat-unknown);color:#666}.confidence-bar{height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden;border:1px solid #333}.confidence-fill{height:100%;transition:width .8s ease}.confidence-high{background:linear-gradient(90deg,#0a0,#0f0)}.confidence-medium{background:linear-gradient(90deg,#a60,#fa0)}.confidence-low{background:linear-gradient(90deg,#a33,#f66)}.section-category{border:1px solid #222;margin-bottom:24px;background:#0a0a0ae6}.section-header{background:linear-gradient(90deg,rgba(255,51,51,.15) 0%,transparent 100%);padding:14px 20px;font-family:var(--font-terminal);font-size:20px;letter-spacing:3px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.modal-overlay{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));animation:fadeIn .2s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-content{background:linear-gradient(135deg,#0a0808,#0f0a0a);border:2px solid var(--red-primary);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;box-shadow:0 0 60px #ff33334d}.close-btn{position:absolute;top:15px;right:15px;background:transparent;border:1px solid var(--red-primary);color:var(--red-primary);width:36px;height:36px;cursor:pointer;font-size:18px;transition:all .2s ease;font-family:monospace}.close-btn:hover{background:var(--red-primary);color:#000}.search-container{position:relative;margin-bottom:24px}.search-input{width:100%;background:#0a0a0ae6;border:1px solid #333;color:var(--green-terminal);font-family:var(--font-body);font-size:16px;padding:16px 20px;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--red-primary);box-shadow:0 0 20px #f333}.search-input::placeholder{color:#444}.search-results{margin-top:16px}.search-result-item{padding:16px;border:1px solid #222;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background:#0a0a0acc}.search-result-item:hover{border-color:var(--red-primary);background:#ff33330d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--red-primary)}.text-terminal{color:var(--green-terminal)}.text-red{color:var(--red-primary)}.text-warning{color:#fa0}.text-muted{color:#666}.font-terminal{font-family:var(--font-terminal)}.font-body{font-family:var(--font-body)}.glow-red{text-shadow:0 0 10px var(--red-primary)}.glow-green{text-shadow:0 0 10px var(--green-terminal)}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--touch-target-min: 44px;--container-padding: 24px;--mobile-nav-height: 60px}.nav-desktop{display:flex}.nav-mobile{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#050505fa;border-top:1px solid #333;display:flex;justify-content:space-around;padding:0;z-index:100;height:var(--mobile-nav-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav.upside-down{border-top-color:#422;background:#140505fa}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;min-height:var(--touch-target-min);cursor:pointer;border:none;background:transparent;color:#666;font-size:9px;letter-spacing:1px;font-family:var(--font-body);text-transform:uppercase;transition:all .2s ease;position:relative}.mobile-nav-item:active{background:#ff33331a}.mobile-nav-item.active{color:var(--red-primary);background:#ff33331a}.mobile-nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--red-primary)}.mobile-nav-item.locked{opacity:.4;cursor:not-allowed}.mobile-nav-item .icon{font-size:18px;margin-bottom:4px}.mobile-nav-item .label{font-size:9px;white-space:nowrap}.more-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:var(--mobile-nav-height);background:#000c;z-index:99;opacity:0;visibility:hidden;transition:all .3s ease}.more-panel-overlay.open{opacity:1;visibility:visible}.more-panel{position:fixed;bottom:var(--mobile-nav-height);left:0;right:0;background:linear-gradient(180deg,#0a0a0afa,#050505fa);border-top:1px solid var(--red-primary);transform:translateY(100%);transition:transform .3s ease;padding:16px;z-index:99;max-height:60vh;overflow-y:auto}.more-panel.open{transform:translateY(0)}.more-panel-header{font-family:var(--font-terminal);font-size:14px;color:var(--red-primary);letter-spacing:2px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #333}.more-panel-item{padding:16px;min-height:var(--touch-target-min);border:1px solid #333;margin-bottom:8px;display:flex;align-items:center;gap:12px;background:#0a0a0acc;cursor:pointer;transition:all .2s ease}.more-panel-item:active{background:#ff33331a;border-color:var(--red-primary)}.more-panel-item.active{border-color:var(--red-primary);background:#ff33331a}.more-panel-item.locked{opacity:.4;cursor:not-allowed}.more-panel-item .icon{font-size:20px;width:24px;text-align:center}.more-panel-item .label{font-family:var(--font-body);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#888}.more-panel-item.active .label{color:var(--red-primary)}.header-mobile{display:none}.header-desktop{display:block}.header-compact{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-family:var(--font-terminal);font-size:12px;background:#050505f2;border-bottom:1px solid #222}.header-compact .operator{color:#fff;font-weight:700}.header-compact .clearance{color:var(--red-primary);font-size:10px;padding:2px 6px;border:1px solid var(--red-primary)}.header-compact .time{color:var(--green-terminal);font-family:var(--font-terminal)}.header-expand-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #333;color:#666;font-size:16px;cursor:pointer;transition:all .2s ease}.header-expand-btn:active{border-color:var(--red-primary);color:var(--red-primary)}.header-expanded{animation:slideDown .2s ease;padding:16px;background:#050505fa;border-bottom:1px solid #333}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--container-padding: 12px}.nav-desktop{display:none}.nav-mobile{display:flex}.header-desktop{display:none}.header-mobile{display:block}.main-content{padding:16px 12px;padding-bottom:calc(var(--mobile-nav-height) + 16px)}.dossier-grid{grid-template-columns:1fr!important;gap:12px!important}.dossier-card{padding:16px}.timeline-entry{padding-left:16px;padding-bottom:16px}.timeline-filters{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:8px;margin-bottom:16px}.timeline-filter-btn{min-height:var(--touch-target-min);padding:12px 16px;white-space:nowrap;flex-shrink:0}.modal-overlay{padding:0;padding-top:env(safe-area-inset-top);align-items:flex-end;overflow:hidden}.modal-content{max-width:100%;width:100%;max-height:calc(90vh - env(safe-area-inset-top));border-radius:12px 12px 0 0;border-left:none;border-right:none;border-bottom:none;padding-bottom:env(safe-area-inset-bottom)}.modal-content>div{padding:24px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.modal-content-inner{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.close-btn{width:var(--touch-target-min);height:var(--touch-target-min);top:8px;right:8px;font-size:24px;z-index:10}.modal-drag-handle{width:40px;height:4px;background:#444;border-radius:2px;margin:8px auto 16px}.section-header{padding:12px 16px;font-size:16px}.search-input{font-size:16px;padding:14px 16px}.decryption-bar-wrapper{padding:12px}.boot-screen{padding:16px}.boot-line{font-size:14px;word-break:break-all}.footer-desktop{display:none}.classification-badge,.status-badge,.threat-badge{padding:6px 12px;font-size:11px}}@media(min-width:481px)and (max-width:768px){:root{--container-padding: 16px}.nav-desktop{display:none}.nav-mobile{display:flex}.header-desktop{display:none}.header-mobile{display:block}.main-content{padding-bottom:calc(var(--mobile-nav-height) + 24px)}.dossier-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:16px!important}.modal-content{max-width:90%}.modal-content-inner{padding:24px}.footer-desktop{display:none}}@media(min-width:769px){.nav-desktop{display:flex}.nav-mobile{display:none}.header-desktop{display:block}.header-mobile{display:none}.footer-desktop{display:block}}@media(hover:none)and (pointer:coarse){.nav-cmd{padding:14px 20px;min-height:var(--touch-target-min)}.search-result-item{padding:16px;min-height:var(--touch-target-min)}.dossier-card:hover{transform:none}.timeline-entry:hover{border-left-color:#333}.timeline-entry:hover:before{background:var(--bg-primary);box-shadow:none}.dossier-card:active{border-color:var(--red-primary);background:#ff33330d}.timeline-entry:active{border-left-color:var(--red-primary)}.search-result-item:active{border-color:var(--red-primary);background:#ff33330d}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.vhs-overlay,.particle,.glitch-overlay{display:none!important}}.tutorial-overlay{position:fixed;inset:0;background:#000000e6;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}.tutorial-box{background:linear-gradient(135deg,#0a0808,#0f0a0a);border:2px solid var(--red-primary);max-width:500px;width:100%;padding:24px;position:relative;box-shadow:0 0 60px #ff33334d}.tutorial-header{font-family:var(--font-terminal);font-size:14px;color:var(--red-primary);letter-spacing:2px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #333}.tutorial-content{font-size:14px;line-height:1.6;color:#ccc;margin-bottom:24px}.tutorial-content ul{margin:12px 0;padding-left:20px}.tutorial-content li{margin-bottom:8px}.tutorial-highlight{position:absolute;border:2px solid var(--red-primary);box-shadow:0 0 20px #ff333380;pointer-events:none;animation:pulse 1.5s infinite;z-index:2999}.tutorial-btn{background:transparent;border:1px solid var(--red-primary);color:var(--red-primary);padding:12px 24px;font-family:var(--font-body);font-size:13px;letter-spacing:2px;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min)}.tutorial-btn:hover,.tutorial-btn:active{background:#f333}.tutorial-progress{display:flex;gap:8px;margin-top:16px}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:#333;transition:all .2s ease}.tutorial-dot.active{background:var(--red-primary)}.tutorial-dot.completed{background:var(--green-terminal)}.corruption-overlay{position:fixed;inset:0;background:#000;z-index:4000;display:flex;align-items:center;justify-content:center;flex-direction:column}.corruption-text{font-family:var(--font-terminal);font-size:24px;color:var(--red-primary);text-align:center;text-shadow:0 0 20px var(--red-primary)}.corruption-zalgo{font-size:32px;animation:glitch .1s infinite}.corruption-static{position:absolute;inset:0;background:url('data:image/svg+xml,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.4"/></svg>');opacity:0;pointer-events:none}.corruption-static.active{opacity:.3;animation:staticFlicker .1s infinite}@keyframes staticFlicker{0%,to{opacity:.3}50%{opacity:.1}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(2px,1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}90%{transform:translate(-2px,-1px)}}.screen-shake{animation:screenShake .2s infinite}.rgb-split{position:relative}.rgb-split:before,.rgb-split:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.rgb-split:before{color:red;left:2px;text-shadow:none;animation:rgbShift .1s infinite}.rgb-split:after{color:#00f;left:-2px;text-shadow:none;animation:rgbShift .1s infinite reverse}@keyframes rgbShift{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(1px,-1px);opacity:.6}}
