@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=JetBrains+Mono:wght@100;400;700&display=swap";:root{font-family:Courier New,Courier,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#00ff00b3;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;overflow:hidden;background:#000}#root{width:100vw;height:100vh}canvas{position:fixed;top:0;left:0;z-index:-1}.scanline{width:100%;height:100px;z-index:1000;background:linear-gradient(0deg,#0000,#fff3 10%,#0000001a);opacity:.1;position:absolute;bottom:100%;animation:scanline 10s linear infinite}@keyframes scanline{0%{bottom:100%}to{bottom:0%}}.noise{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;pointer-events:none;opacity:.05;background:url(https://media.giphy.com/media/oEI9uWUPr9XRvA5WfR/giphy.gif)}.glitch-text{position:relative}.glitch-text:hover:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);animation:glitch 2s infinite linear alternate-reverse}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}:root{--bg-deep: #05070a;--bg-panel: #0b1116;--alien-mint: #98ffd8;--cold-cyan: #6ee7ff;--alert-red: #ff5c70;--terminal-gray: #5c6b77;--font-header: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace}body{margin:0;padding:0;background-color:var(--bg-deep);color:var(--terminal-gray);font-family:var(--font-mono);overflow:hidden;cursor:crosshair}.subliminal-flash{position:fixed;inset:0;background:var(--alert-red);color:#000;display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-size:15vw;font-weight:900;z-index:99999;mix-blend-mode:difference;pointer-events:none;text-align:center;line-height:.8}.whisper-logger-prominent{position:fixed;bottom:10rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:1.2rem;color:var(--alert-red);text-align:center;z-index:80;pointer-events:none;text-shadow:0 0 15px var(--alert-red);width:100%}.terminal-prompt{display:flex;align-items:center;justify-content:center;gap:.5rem}.ghost-placeholder{opacity:.2;font-size:.8rem;letter-spacing:.5rem}.terminal-cursor{animation:blink .8s step-end infinite;color:var(--alert-red)}.suppressed-warning{margin-top:1rem;font-size:1.8rem;font-weight:900;color:#fff;text-shadow:0 0 20px var(--alert-red);background:var(--alert-red);color:#000;padding:.5rem 2rem;animation:warning-jitter .1s infinite;display:inline-block}@keyframes warning-jitter{0%{transform:translate(0)}25%{transform:translate(5px,-5px)}50%{transform:translate(-5px,5px)}75%{transform:translate(2px,2px)}to{transform:translate(0)}}.intro-center-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#000;flex-direction:column}.anomaly-hud-minimal{text-align:center}.alert-text-dim{color:var(--terminal-gray);opacity:.6;letter-spacing:.2rem}.terminal-feed-bottom{position:fixed;bottom:2rem;left:2rem;text-align:left;font-size:.5rem;opacity:.2;line-height:1.8}.viewport-wrapper{position:fixed;inset:0;background:var(--bg-deep)}.scanline-overlay-dim{position:fixed;inset:0;pointer-events:none;z-index:1000;background:linear-gradient(#12101000 50%,#0000000d 50%);background-size:100% 2px;opacity:.1}.volumetric-noise-light{position:fixed;inset:0;pointer-events:none;z-index:1001;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.main-interface{width:100%;height:100vh;display:flex;flex-direction:column;padding:3rem;box-sizing:border-box;opacity:0;transition:opacity 4s ease}.main-interface.visible{opacity:1}.top-bar{display:flex;justify-content:space-between;border-bottom:1px solid rgba(110,231,255,.03);padding-bottom:1.5rem}.hero-content-frame{flex:1;display:flex;align-items:center;padding:0 5%}.hero-title-distorted{font-family:var(--font-header);font-size:3rem;color:var(--terminal-gray);opacity:.8;filter:url(#distort);margin:0;min-height:12rem;display:flex;align-items:center;letter-spacing:.4rem;max-width:800px;transition:opacity .5s}.hero-subtitle-dim{margin-top:1rem;font-size:.75rem;line-height:2;opacity:.3;border-left:1px solid rgba(122,140,153,.2);padding-left:2rem;max-width:500px;letter-spacing:.05rem}.text-glitch-active{opacity:.4;filter:blur(4px)}.transition-glitch-overlay{position:fixed;inset:0;background:#fff;z-index:800;pointer-events:none;opacity:0}.transition-glitch-overlay.active{animation:glitch-flash 1s steps(5) forwards}@keyframes glitch-flash{0%{opacity:0}20%{opacity:.8;background:#98ffd8}40%{opacity:.3;background:#ff5c70}60%{opacity:.9;background:#fff}80%{opacity:.4}to{opacity:0}}.area-warning{display:flex;align-items:center;gap:1rem;color:var(--alert-red);font-size:.7rem;letter-spacing:.2rem;margin-bottom:2rem}.back-btn{margin-top:3rem;background:transparent;border:1px solid var(--terminal-gray);color:var(--terminal-gray);padding:.8rem 2rem;font-family:var(--font-mono);font-size:.6rem;cursor:pointer;letter-spacing:.2rem;transition:all .3s}.back-btn:hover{border-color:var(--alien-mint);color:var(--alien-mint)}.nav-item-btn{background:none;border:none;padding:0;text-align:left;cursor:pointer;font-family:inherit}.nav-grid-ghost{position:fixed;bottom:5rem;left:5rem;display:flex;flex-direction:column;gap:1.5rem}.nav-item-ghost{font-size:.65rem;color:var(--terminal-gray);text-decoration:none;letter-spacing:.3rem;transition:all .8s;opacity:.3}.nav-item-ghost:hover{color:var(--alien-mint);opacity:.8}.artifact-panels-minimal{display:flex;gap:3rem;margin-top:4rem}.panel-card-ghost{border-left:1px solid rgba(152,255,216,.05);padding-left:1.5rem;width:180px}.panel-label{font-size:.4rem;color:var(--cold-cyan);margin-bottom:.8rem;letter-spacing:.2rem;opacity:.4}.panel-title{font-family:var(--font-header);font-size:.7rem;color:var(--terminal-gray);opacity:.6}.background-3d{position:fixed;inset:0;z-index:-1}.lunatic-footer{margin-top:auto;font-size:.45rem;opacity:.15;letter-spacing:.4rem;text-align:center}.blinking-pixel-red{width:2px;height:2px;background:var(--alert-red);margin:0 auto 2rem;animation:blink 1.5s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.hero-title-distorted{font-size:1.5rem;letter-spacing:.2rem}.nav-grid-ghost{position:static;flex-direction:row;flex-wrap:wrap;margin-top:4rem;gap:2rem}}
.subtle-signal-line{margin-top:.45rem;font-size:.58rem;letter-spacing:.24rem;opacity:.22;color:#6ee7ff;text-shadow:0 0 8px rgba(110,231,255,.22);min-height:.9rem}.subtle-whisper-line{margin-top:.2rem;font-size:.5rem;letter-spacing:.18rem;opacity:.16;color:#98ffd8;text-shadow:0 0 6px rgba(152,255,216,.2);min-height:.7rem}
.subtle-signal-line{margin-top:.5rem;font-size:.72rem;letter-spacing:.12rem;opacity:.58;color:#8ff2ff;text-shadow:0 0 10px rgba(110,231,255,.45);min-height:1rem}.subtle-whisper-line{margin-top:.28rem;font-size:.64rem;letter-spacing:.1rem;opacity:.52;color:#b8ffe8;text-shadow:0 0 8px rgba(152,255,216,.4);min-height:.95rem}
.subtle-signal-line,.subtle-whisper-line{display:block;width:100%;text-align:center;font-weight:700}.subtle-signal-line{background:rgba(6,18,22,.35);padding:.12rem 0}.subtle-whisper-line{background:rgba(8,16,12,.28);padding:.08rem 0}

@media (max-width: 900px){
  .main-interface{
    padding: 1.25rem;
    justify-content: space-between;
  }
  .top-bar{
    padding-bottom: .85rem;
    gap: .75rem;
  }
  .system-labels{
    font-size: .6rem;
    letter-spacing: .08rem;
    max-width: 78vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .hero-content-frame{
    padding: 0;
    align-items: flex-start;
  }
  .hero-text-block{
    width: 100%;
    margin-top: .5rem;
  }
  .hero-title-distorted{
    font-size: clamp(1.2rem, 6.4vw, 1.9rem);
    letter-spacing: .12rem;
    line-height: 1.2;
    min-height: auto;
  }
  .hero-subtitle-dim{
    margin-top: .65rem;
    padding-left: .8rem;
    font-size: .68rem;
    line-height: 1.45;
    max-width: 100%;
  }
  .artifact-panels-minimal{
    margin-top: 1.2rem;
    gap: .8rem;
    flex-wrap: wrap;
  }
  .panel-card-ghost{
    width: min(44vw, 160px);
    padding-left: .7rem;
  }
  .nav-grid-ghost{
    left: 1.25rem;
    bottom: 1.2rem;
    gap: .8rem;
  }
  .nav-item-btn{
    font-size: .68rem;
    letter-spacing: .12rem;
    opacity: .8;
  }
  .whisper-logger-prominent{
    bottom: 5.75rem;
    padding: 0 .9rem;
    font-size: .9rem;
  }
  .ghost-placeholder{
    font-size: .62rem;
    letter-spacing: .22rem;
  }
  .subtle-signal-line,
  .subtle-whisper-line{
    font-size: .58rem;
    line-height: 1.3;
    opacity: .85;
  }
  .lunatic-footer{
    font-size: .42rem;
    letter-spacing: .2rem;
    margin-top: .9rem;
  }
}

@media (max-width: 540px){
  .main-interface{
    padding: 1rem .8rem;
  }
  .top-bar{
    align-items: flex-start;
  }
  .audio-btn{
    font-size: .95rem;
    line-height: 1;
    padding: .25rem .4rem;
  }
  .hero-title-distorted{
    font-size: clamp(1.05rem, 7.1vw, 1.45rem);
    letter-spacing: .09rem;
  }
  .hero-subtitle-dim{
    font-size: .62rem;
    line-height: 1.4;
    padding-left: .6rem;
  }
  .nav-grid-ghost{
    left: .9rem;
    right: .9rem;
    bottom: .8rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: .7rem;
    row-gap: .55rem;
  }
  .panel-card-ghost{
    width: 100%;
  }
  .whisper-logger-prominent{
    bottom: 6.7rem;
    font-size: .82rem;
  }
  .terminal-prompt{
    flex-wrap: wrap;
    row-gap: .25rem;
  }
}