@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-dark:#1d383f;--color-dark-deeper:#142930;--color-dark-surface:#1f3d45;--color-dark-elevated:#244a54;--color-red:#e6272f;--color-red-glow:#e6272f4d;--color-red-subtle:#e6272f1f;--color-white:#fff;--color-white-muted:#ffffffb3;--color-white-dim:#fff6;--color-white-ghost:#ffffff14;--color-green-accent:#3fccb0;--color-green-glow:#3fccb04d;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Mono", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-subtle:1px solid #ffffff14;--border-light:1px solid #ffffff26;--border-active:1px solid var(--color-red);--border-radius:4px;--border-radius-lg:8px;--glow-red:0 0 20px #e6272f33, 0 0 60px #e6272f0d;--glow-green:0 0 20px #3fccb026;--shadow-card:0 4px 24px #0000004d;--shadow-elevated:0 8px 40px #0006;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-smooth:.6s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-mono);background-color:var(--color-dark-deeper);color:var(--color-white);min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}::selection{background:var(--color-red);color:var(--color-white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-dark-deeper)}::-webkit-scrollbar-thumb{background:var(--color-dark-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-red)}:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}a{color:var(--color-green-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-white)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mouse-glow{pointer-events:none;z-index:0;will-change:transform;background:radial-gradient(circle,#e6272f14 0%,#e6272f00 70%);width:400px;height:400px;margin-top:-200px;margin-left:-200px;transition:opacity .5s;position:fixed;top:0;left:0}.voice-intro{margin:var(--space-xl) 0;gap:var(--space-sm);z-index:10;flex-direction:column;display:flex;position:relative}.voice-intro__state{gap:var(--space-sm);animation:fadeIn var(--transition-base);flex-direction:column;display:flex}.voice-intro__status{color:var(--color-white-muted);letter-spacing:.1em;font-size:.8rem}.voice-intro__btn{color:var(--color-white);font-family:var(--font-mono);cursor:pointer;width:fit-content;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #fff3;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;display:inline-flex}.voice-intro__btn:hover{border-color:var(--color-red);box-shadow:var(--glow-red);color:var(--color-red);transform:translateY(-1px)}.voice-intro__btn--active{border-color:var(--color-red);color:var(--color-red);animation:2s infinite pulse-border}.voice-intro__player{align-items:center;gap:var(--space-md);margin-top:var(--space-xs);display:flex}.voice-intro__time{color:var(--color-white-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.voice-intro__waveform{align-items:center;gap:3px;height:20px;display:flex}.voice-intro__waveform .bar{background-color:var(--color-red);border-radius:1px;width:3px;animation:1s ease-in-out infinite alternate waveform;display:block}.bar-1{height:40%;animation-delay:0s}.bar-2{height:80%;animation-delay:.2s}.bar-3{height:50%;animation-delay:.4s}.bar-4{height:100%;animation-delay:.1s}.bar-5{height:60%;animation-delay:.3s}.bar-6{height:90%;animation-delay:.5s}.bar-7{height:30%;animation-delay:.2s}@keyframes waveform{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes pulse-border{0%{box-shadow:0 0 #e6272f66}70%{box-shadow:0 0 0 6px #e6272f00}to{box-shadow:0 0 #e6272f00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative}.app__content{z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.header{z-index:100;padding:var(--space-sm) var(--space-lg);border-bottom:var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#142930d9;justify-content:space-between;align-items:center;height:44px;display:flex;position:fixed;top:0;left:0;right:0}.header__brand{letter-spacing:.25em;text-transform:uppercase;color:var(--color-white);font-size:.7rem;font-weight:600}.header__meta{align-items:center;gap:var(--space-lg);display:flex}.header__level{letter-spacing:.15em;color:var(--color-white-dim);font-size:.65rem;font-weight:400}.header__skip{letter-spacing:.15em;text-transform:uppercase;color:var(--color-white-dim);cursor:pointer;font-size:.6rem;font-family:var(--font-mono);transition:color var(--transition-fast);background:0 0;border:none;padding:4px 10px}.header__skip:hover{color:var(--color-red)}.main-menu{min-height:100dvh;padding:var(--space-2xl);text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.main-menu__title{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--color-white);margin-bottom:var(--space-xs);font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.1}.main-menu__subtitle{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--color-white-dim);margin-bottom:var(--space-3xl);font-size:clamp(.65rem,1.5vw,.8rem);font-weight:300}.main-menu__system{gap:var(--space-sm);margin-bottom:var(--space-3xl);text-align:left;flex-direction:column;width:100%;max-width:400px;display:flex}.main-menu__system-line{letter-spacing:.08em;color:var(--color-white-muted);font-size:.75rem;font-family:var(--font-mono);opacity:0;transform:translateY(4px)}.main-menu__system-line--visible{opacity:1;transition:all var(--transition-smooth);transform:translateY(0)}.main-menu__system-line .prompt{color:var(--color-red);margin-right:var(--space-xs)}.main-menu__system-line .value{color:var(--color-green-accent)}.main-menu__actions{align-items:center;gap:var(--space-md);opacity:0;flex-direction:column;display:flex;transform:translateY(8px)}.main-menu__actions--visible{opacity:1;transition:all var(--transition-smooth);transform:translateY(0)}.mission-objective{opacity:0;margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--color-green-dim);font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-white-dim);text-align:left;font-size:.8rem;transition:opacity .4s,transform .4s;transform:translateY(10px)}.mission-objective--visible{opacity:1;transform:translateY(0)}.mission-objective__title{color:var(--color-green-accent);letter-spacing:.1em;margin-bottom:var(--space-sm);text-transform:uppercase;font-size:.9rem}.mission-objective__desc{margin-bottom:var(--space-sm);line-height:1.4}.mission-objective__list{margin-bottom:var(--space-md);padding:0;list-style:none}.mission-objective__list li{margin-bottom:var(--space-sm);line-height:1.3}.mission-objective__list .value{color:var(--color-green-accent);font-weight:700}.mission-objective__list .subtext{color:var(--color-green-dim);padding-left:2rem;font-size:.75rem;display:block}.mission-objective__time{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px dotted var(--color-green-dim)}.main-menu__corner-tl,.main-menu__corner-tr,.main-menu__corner-bl,.main-menu__corner-br{z-index:3;letter-spacing:.12em;color:var(--color-white-dim);font-size:.55rem;font-family:var(--font-mono);text-transform:uppercase;opacity:.5;position:fixed}.main-menu__corner-tl{top:var(--space-lg);left:var(--space-lg)}.main-menu__corner-tr{top:var(--space-lg);right:var(--space-lg)}.main-menu__corner-bl{bottom:var(--space-lg);left:var(--space-lg)}.main-menu__corner-br{bottom:var(--space-lg);right:var(--space-lg)}.level-complete{min-height:100dvh;padding:var(--space-2xl);text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.level-complete__badge{letter-spacing:.25em;text-transform:uppercase;color:var(--color-green-accent);margin-bottom:var(--space-md);border:1px solid #3fccb04d;border-radius:2px;padding:4px 16px;font-size:.6rem}.level-complete__title{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--color-white);margin-bottom:var(--space-sm);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.level-complete__info{color:var(--color-white-dim);letter-spacing:.08em;margin-bottom:var(--space-2xl);font-size:.75rem}.level-complete__data{width:100%;max-width:600px;margin-bottom:var(--space-2xl)}.final-access{min-height:100dvh;padding:var(--space-2xl);text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.final-access__badge{letter-spacing:.25em;text-transform:uppercase;color:var(--color-red);margin-bottom:var(--space-md);border:1px solid var(--color-red);box-shadow:var(--glow-red);padding:6px 20px;font-size:.65rem}.final-access__title{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--color-white);margin-bottom:var(--space-sm);font-size:clamp(2rem,5vw,3rem);font-weight:700}.final-access__subtitle{color:var(--color-white-dim);letter-spacing:.12em;margin-bottom:var(--space-xs);font-size:.75rem}.final-access__name{font-family:var(--font-sans);letter-spacing:.2em;color:var(--color-white);margin-bottom:var(--space-2xl);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600}.final-access__links{gap:var(--space-sm);flex-direction:column;width:100%;max-width:320px;display:flex}.final-access__link-btn{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-white);border:var(--border-light);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);background:0 0;padding:12px 24px;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.final-access__link-btn:hover{border-color:var(--color-red);box-shadow:var(--glow-red);color:var(--color-white);background:var(--color-red-subtle)}.final-access__link-btn--primary{border-color:var(--color-red);background:var(--color-red-subtle)}.final-access__link-btn--primary:hover{background:var(--color-red)}.full-profile{padding:calc(44px + var(--space-2xl)) var(--space-lg) var(--space-2xl);z-index:2;width:100%;max-width:900px;margin:0 auto;position:relative}.full-profile__section{margin-bottom:var(--space-2xl)}.full-profile__section-title{letter-spacing:.25em;text-transform:uppercase;color:var(--color-red);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-subtle);font-size:.65rem}.sector-progress{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;display:flex}.sector-progress__item{align-items:center;gap:var(--space-xs);letter-spacing:.1em;color:var(--color-white-dim);font-size:.6rem;display:flex}.sector-progress__item--completed{color:var(--color-green-accent)}.sector-progress__item--active{color:var(--color-red)}@media (width<=768px){.header{padding:var(--space-xs) var(--space-md);height:40px}.main-menu{padding:var(--space-xl)}.main-menu__corner-tl,.main-menu__corner-tr,.main-menu__corner-bl,.main-menu__corner-br{display:none}.final-access{padding:var(--space-xl)}.full-profile{padding:calc(40px + var(--space-xl)) var(--space-md) var(--space-xl)}}@media (width<=480px){.main-menu__title{letter-spacing:.08em}.btn-primary{width:100%;max-width:280px;padding:12px 24px;font-size:.7rem}.btn-ghost{width:100%;max-width:280px;padding:8px 20px;font-size:.65rem}}.scanlines{pointer-events:none;z-index:9999;opacity:.4;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(#0000 50%,#14293099 100%);position:fixed;inset:0}.terminal-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-white-dim);font-size:.65rem;font-weight:500}.terminal-label--active{color:var(--color-green-accent)}.terminal-label--red{color:var(--color-red)}.sys-tag{align-items:center;gap:var(--space-xs);border:var(--border-subtle);letter-spacing:.12em;text-transform:uppercase;color:var(--color-white-dim);font-size:.6rem;font-family:var(--font-mono);border-radius:2px;padding:2px 8px;display:inline-flex}.sys-tag--online{color:var(--color-green-accent);border-color:#3fccb033}.sys-tag--online:before{content:"";background:var(--color-green-accent);width:5px;height:5px;box-shadow:var(--glow-green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.typing-cursor{background:var(--color-red);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.divider{background:linear-gradient(90deg,#0000,#ffffff1a 20% 80%,#0000);width:100%;height:1px}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-white);border:1px solid var(--color-red);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);background:0 0;padding:14px 32px;font-size:.8rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--color-red);transform-origin:0;transition:transform var(--transition-base);z-index:-1;position:absolute;inset:0;transform:scaleX(0)}.btn-primary:hover{box-shadow:var(--glow-red);transform:translateY(-2px)}.btn-primary:hover:before{transform:scaleX(1)}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-white-muted);border:var(--border-subtle);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);background:0 0;padding:10px 24px;font-size:.7rem;font-weight:400;display:inline-flex}.btn-ghost:hover{color:var(--color-white);border-color:var(--color-red);background:var(--color-white-ghost);box-shadow:var(--glow-red);transform:translateY(-1px)}.card{border:var(--border-subtle);border-radius:var(--border-radius);padding:var(--space-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base);background:#1d383f80}.card:hover{box-shadow:var(--shadow-card);border-color:#ffffff26}.progress-dot{border:1px solid var(--color-white-dim);width:8px;height:8px;transition:all var(--transition-base);border-radius:50%}.progress-dot--active{background:var(--color-red);border-color:var(--color-red);box-shadow:0 0 8px var(--color-red-glow)}.progress-dot--completed{background:var(--color-green-accent);border-color:var(--color-green-accent);box-shadow:0 0 8px var(--color-green-glow)}.status-line{align-items:center;gap:var(--space-sm);letter-spacing:.1em;color:var(--color-white-dim);font-size:.7rem;font-family:var(--font-mono);display:flex}.status-line__indicator{background:var(--color-white-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-line__indicator--ready{background:var(--color-green-accent);box-shadow:var(--glow-green)}.status-line__indicator--active{background:var(--color-red);box-shadow:0 0 8px var(--color-red-glow);animation:1.5s ease-in-out infinite pulse-dot}.game-container{min-height:100dvh;padding:calc(44px + var(--space-md)) var(--space-md) var(--space-md);z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.game-canvas-wrapper{border:var(--border-light);box-shadow:var(--shadow-card);background:#14293099;max-width:100%;position:relative}.game-canvas-wrapper canvas{max-width:100%;height:auto;display:block}.game-hud{width:100%;max-width:640px;padding:var(--space-sm) 0;margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.game-hud__sector{letter-spacing:.15em;text-transform:uppercase;color:var(--color-white);font-size:.7rem;font-weight:600}.game-hud__sector-num{color:var(--color-red)}.game-hud__data{letter-spacing:.1em;color:var(--color-white-dim);font-size:.65rem}.game-hud__data-count{color:var(--color-green-accent)}.game-hud__status{align-items:center;gap:var(--space-xs);letter-spacing:.1em;color:var(--color-green-accent);text-transform:uppercase;font-size:.6rem;display:flex}.game-hud__status:before{content:"";background:var(--color-green-accent);width:5px;height:5px;box-shadow:var(--glow-green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}.game-hud__status--exit{color:var(--color-red)}.game-hud__status--exit:before{background:var(--color-red);box-shadow:var(--glow-red);animation:1s ease-in-out infinite pulse-dot}.mobile-controls{margin-top:var(--space-md);-webkit-user-select:none;user-select:none;touch-action:none;display:none}.mobile-controls__grid{grid-template-rows:56px 56px 56px;grid-template-columns:56px 56px 56px;place-items:center;gap:4px;display:grid}.mobile-controls__btn{border:var(--border-light);border-radius:var(--border-radius);width:52px;height:52px;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);background:#1d383fb3;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.mobile-controls__btn:active{background:var(--color-red-subtle);border-color:var(--color-red);transform:scale(.92)}.mobile-controls__center{background:var(--color-dark-elevated);border:var(--border-subtle);border-radius:50%;width:20px;height:20px}.unlock-panel{z-index:200;padding:var(--space-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.unlock-panel__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#142930d9;position:absolute;inset:0}.unlock-panel__content{z-index:1;background:var(--color-dark-surface);border:1px solid var(--color-red);border-radius:var(--border-radius-lg);padding:var(--space-xl);width:100%;max-width:480px;box-shadow:var(--glow-red), var(--shadow-elevated);position:relative}.unlock-panel__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.unlock-panel__tag{letter-spacing:.2em;text-transform:uppercase;color:var(--color-red);border:1px solid var(--color-red);border-radius:2px;padding:3px 10px;font-size:.6rem}.unlock-panel__close{color:var(--color-white-dim);cursor:pointer;font-size:1rem;font-family:var(--font-mono);transition:color var(--transition-fast);background:0 0;border:none;padding:4px}.unlock-panel__close:hover{color:var(--color-white)}.unlock-panel__title{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--color-white);margin-bottom:var(--space-md);font-size:1rem;font-weight:600}.unlock-panel__body{color:var(--color-white-muted);font-size:.8rem;line-height:1.7}.unlock-panel__body p{margin-bottom:var(--space-sm)}.unlock-panel__body .label{color:var(--color-white-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-xs);font-size:.65rem}.unlock-panel__body .value{color:var(--color-white);margin-bottom:var(--space-md)}@media (width<=768px),(hover:none) and (pointer:coarse){.mobile-controls{display:block}}@media (width<=480px){.game-hud{gap:var(--space-xs);flex-direction:column;align-items:flex-start}.mobile-controls__grid{grid-template-rows:48px 48px 48px;grid-template-columns:48px 48px 48px}.mobile-controls__btn{width:44px;height:44px;font-size:1rem}}