*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#000;color:#fff;font-family:Courier New,Courier,monospace;overflow:hidden;-webkit-text-size-adjust:100%}#container{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(0,255,0,.15) 0px,rgba(0,255,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;opacity:.1;mix-blend-mode:screen;transition:opacity 1.2s ease}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px #000c,inset 0 0 60px #0009;pointer-events:none;transition:box-shadow 1.2s ease}.stage-2 .scanlines{opacity:.16}.stage-3 .scanlines{opacity:.24}.stage-4 .scanlines{opacity:.34}.stage-3 .vignette{box-shadow:inset 0 0 140px #3c0000d9,inset 0 0 70px #000000b3}.stage-4 .vignette{box-shadow:inset 0 0 180px #5a0000e6,inset 0 0 80px #000c}.stage-3 #container-inner,.stage-4 #container-inner{animation:drift 7s ease-in-out infinite}.stage-4 #container-inner{animation-duration:4.5s}@keyframes drift{0%,to{transform:translateZ(0)}33%{transform:translate3d(-1px,1px,0)}66%{transform:translate3d(1px,-1px,0)}}.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2.5rem 1.5rem}.content.dialogue-mode{justify-content:flex-start}.phase{width:100%;max-width:760px;text-align:center}.init-text{font-size:1.2rem;letter-spacing:.15em;color:#666;font-weight:300;opacity:0;animation:fadeInSlow 2s ease-out forwards}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}@keyframes fadeInDelayed{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDelayed{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.message-text{font-size:clamp(1.9rem,7vw,3.5rem);font-weight:700;letter-spacing:.08em;line-height:1.2;min-height:1.2em;word-break:break-word}.char{display:inline-block;color:#0f0;text-shadow:0 0 5px #00ff00;animation:charAppear .1s ease-out forwards;opacity:0}@keyframes charAppear{0%{opacity:0;transform:translateY(-5px) scaleY(.8)}50%{opacity:.6;transform:translateY(2px) scaleY(1.05)}to{opacity:1;transform:translateY(0) scaleY(1)}}.char.glitch{animation:charGlitch .08s ease-out forwards;color:red;text-shadow:2px 2px 0 #ff0000,-2px -2px 0 #00ffff,0 0 10px #ff0000}@keyframes charGlitch{0%{opacity:.3;transform:translate(-8px) translateY(4px);color:red}50%{opacity:.8;transform:translate(3px) translateY(-2px)}to{opacity:1;transform:translate(0) translateY(0)}}.cursor-blink{display:inline-block;width:2px;height:1em;background:#0f0;margin-left:2px;vertical-align:text-bottom;animation:cursorBlink .6s steps(2) infinite;box-shadow:0 0 5px #0f0}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:.1}}.cursor-blink.glitching{animation:cursorGlitch .15s infinite;background:red;box-shadow:0 0 8px red,0 0 15px #0ff}@keyframes cursorGlitch{0%{transform:translate(0) translateY(0);opacity:1}25%{transform:translate(-3px) translateY(2px);opacity:.7}50%{transform:translate(2px) translateY(-1px);opacity:1}75%{transform:translate(-1px) translateY(1px);opacity:.6}to{transform:translate(0) translateY(0);opacity:1}}.metadata-box{margin-top:3rem;font-size:.75rem;color:#888;line-height:1.9;letter-spacing:.06em;animation:fadeInDelayed .8s ease-out forwards}.divider{height:1px;width:min(200px,60%);background:linear-gradient(to right,transparent,#00ff00,transparent);margin:1.5rem auto}.choice-prompt{font-size:.9rem;color:#fa0;letter-spacing:.1em;animation:fadeInDelayed .8s ease-out forwards}.choices{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;flex-wrap:wrap;animation:fadeInDelayed .8s ease-out forwards}.btn{padding:1rem 2.5rem;border:2px solid;background:#000;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.15em;min-width:160px}.btn-respond{border-color:#0f0;color:#0f0}.btn-respond:hover,.btn-respond:focus-visible{background:#0f0;color:#000;box-shadow:0 0 25px #0f0;transform:scale(1.05)}.btn-ignore{border-color:red;color:red}.btn-ignore:hover,.btn-ignore:focus-visible{background:red;color:#000;box-shadow:0 0 25px red;transform:scale(1.05)}.btn:active{transform:scale(.98)}.dialogue-container{display:flex;flex-direction:column;width:100%;max-width:760px;flex:1 1 auto;min-height:0}.system-scan{border:1px solid #cc6600;padding:1.1rem 1.2rem;background:#9944001a;margin-bottom:1.2rem;font-size:.78rem;line-height:1.9;color:#fa0;text-align:left;white-space:pre-wrap;animation:fadeInDelayed .5s ease-out forwards}.system-scan.fading{animation:fadeOutDelayed .8s ease-out forwards}.scan-warning{color:red;font-weight:700}.dialogue-history{flex:1 1 auto;min-height:0;overflow-y:auto;margin-bottom:1.2rem;padding-right:.5rem;font-size:.9rem;line-height:1.7;text-align:left}.dialogue-history::-webkit-scrollbar{width:6px}.dialogue-history::-webkit-scrollbar-track{background:#111}.dialogue-history::-webkit-scrollbar-thumb{background:#0f0;opacity:.6}.history-placeholder{color:#888;font-style:italic;font-size:.85rem}.dialogue-message{margin-bottom:1.2rem;border-left:2px solid #666;padding-left:1rem;animation:fadeInDelayed .5s ease-out forwards}.msg-user{color:#0f0;border-left-color:#0f0}.msg-entity{color:#f44;border-left-color:#f44}.msg-label{color:#666;font-size:.72rem;margin-bottom:.3rem;letter-spacing:.08em;text-transform:uppercase}.msg-body{white-space:pre-wrap;word-break:break-word}.stage-3 .msg-entity .msg-body,.stage-4 .msg-entity .msg-body{text-shadow:1px 0 2px rgba(255,0,0,.55),-1px 0 2px rgba(0,255,255,.35)}.msg-pending{color:#fa0;font-style:italic;font-size:.85rem;padding-left:1rem}.error-message{color:#f44;padding:.8rem 1rem;border:1px solid #ff4444;background:#ff444414;font-size:.8rem;margin-bottom:1rem;text-align:left;animation:fadeInDelayed .4s ease-out forwards}.dialogue-input-area{border:2px solid #00ff00;padding:1rem 1.2rem;background:#00ff0005;flex:0 0 auto}.dialogue-input{width:100%;background:#000;color:#0f0;border:none;font-family:inherit;font-size:1rem;outline:none;caret-color:#0f0}.dialogue-input::placeholder{color:#555}.dialogue-input:disabled{color:#666;opacity:.6}.input-hint{font-size:.72rem;color:#666;margin-top:.5rem;letter-spacing:.06em;text-align:left}.ignore-stack{animation:fadeInSlow 1.5s ease-out forwards}.ignore-title{color:#fa0;font-size:1.3rem;margin-bottom:1.5rem;letter-spacing:.15em}.ignore-line{color:#888;font-style:italic;margin-bottom:1rem;font-size:.95rem}.ignore-line.throb{color:#666;font-style:normal;font-size:.9rem;animation:charGlitch .8s infinite}.hud{position:absolute;top:1.5rem;left:1.5rem;font-size:.75rem;color:#666;line-height:2;z-index:20;letter-spacing:.06em;text-align:left;pointer-events:none}.connection-status.connected{color:#0f0}.connection-status.error{color:#f44}.connection-status.pending,.hud-stage{color:#fa0}.sound-toggle{position:absolute;top:1.5rem;right:1.5rem;background:#000;border:1px solid #666;color:#fff;padding:.5rem .7rem;cursor:pointer;font-size:1.1rem;z-index:20;transition:all .3s ease}.sound-toggle:hover{border-color:#fff;box-shadow:0 0 10px #ffffff4d}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 768px){.content{padding:4.5rem 1rem 1.5rem}.choices{flex-direction:column}.btn{width:100%;padding:.8rem 2rem;font-size:.9rem;min-width:0}.metadata-box{margin-top:2rem}.hud{font-size:.68rem;top:1rem;left:1rem}.sound-toggle{top:1rem;right:1rem}}@media (prefers-reduced-motion: reduce){.scanlines,.stage-3 #container-inner,.stage-4 #container-inner{animation:none!important;transition:none!important}.char,.dialogue-message,.system-scan{animation-duration:.01ms!important;opacity:1}}