:root{--color-primary:#00f;--color-primary2:#5b5bff;--color-secondary:#fff;--color-glow:rgba(103,118,255,.7);--color-glow-solid:#7b82ffc6;--spacing-unit:1rem;--border-width:3px}@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");body,html{height:100%;margin:0;padding:0;width:100%}body{align-items:center;background-color:var(--color-secondary);background-size:cover;color:var(--color-primary);display:flex;font-family:Press Start\ 2P,monospace;height:100vh;justify-content:center;overflow:hidden;width:100vw}#react-target{height:100%;width:100%}.app-container{box-shadow:0 0 1rem var(--color-glow);height:100%;overflow:hidden;padding:var(--spacing-unit);position:relative}.app-container:after{background:radial-gradient(circle,transparent 0,rgba(0,0,0,.31) 100%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@keyframes textflicker{0%{text-shadow:1px 0 0 var(--color-primary),-1px 0 0 #4f0012}to{text-shadow:2px .5px 2px var(--color-primary),-2px -.5px 2px #004f22}}.app-container:before{background:linear-gradient(transparent 50%,rgba(0,0,0,.25) 0),linear-gradient(90deg,rgba(0,0,255,.01),rgba(0,0,255,.01));background-size:100% 2px,2px 100%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.text-glow{text-shadow:0 0 5px var(--color-glow-solid),0 0 10px var(--color-glow-solid)}@keyframes glitch{0%{transform:skew(0deg)}25%{transform:skew(5deg)}50%{transform:skew(-5deg)}75%{transform:skew(2deg)}to{transform:skew(-3deg)}}.glitch-text{animation:glitch .3s infinite}.landing-page-container{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-unit);text-align:center}.ascii-art{font-size:1vw;margin-bottom:var(--spacing-unit);text-shadow:0 0 5px var(--color-glow-solid);white-space:pre}.report-section{font-size:clamp(.6rem,1.5vw,.9rem);margin:var(--spacing-unit) 0;max-height:40vh;max-width:80%;text-align:left}.report-container,.report-section{line-height:1.5;overflow-y:auto;padding:var(--spacing-unit)}.report-container{align-items:stretch;display:flex;flex-direction:column;flex-grow:1;justify-content:start;max-width:90%}.report-text{font-family:Press Start\ 2P,monospace;font-size:clamp(.6rem,1.5vw,.9rem);max-width:100%;text-align:left;white-space:pre-wrap}.button-container-horizontal{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-unit);justify-content:center;line-height:1.5;margin-bottom:var(--spacing-unit);margin-top:var(--spacing-unit) * 2;padding:3rem}@media (max-width:768px){.button-container-horizontal{flex-direction:column}}.message-container{height:100%;line-height:1.6;overflow-y:auto;padding:var(--spacing-unit)}.message{border-bottom:1px dashed var(--color-primary);margin-bottom:var(--spacing-unit);padding-bottom:var(--spacing-unit)}.message-narrator{color:var(--color-primary);text-align:left}.message-observer{color:var(--color-primary);text-align:right;text-shadow:0 0 2px var(--color-glow-solid)}.anomaly-screen{align-items:center;animation:flash .3s forwards;background-color:var(--color-secondary);color:#00ff04;display:flex;font-size:clamp(1rem,5vw,4rem);height:100%;justify-content:center;left:0;position:absolute;text-shadow:0 0 10px #00ff04;top:0;width:100%;z-index:100}@keyframes flash{0%{background-color:rgba(255,0,0,0)}50%{background-color:rgba(0,255,4,.5)}to{background-color:rgba(255,0,0,0)}}.button-container{display:flex;flex-direction:column;gap:var(--spacing-unit);margin-top:var(--spacing-unit) * 2}.neon-button{border:var(--border-width) solid var(--color-primary);box-shadow:0 0 10px var(--color-glow)}.neon-button,.neon-button-secondary{background-color:transparent;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:clamp(.7rem,1.5vw,1rem);line-height:1.5;padding:var(--spacing-unit) 2rem;text-shadow:0 0 5px var(--color-glow);transition:all .2s ease-in-out}.neon-button-secondary{border:none}.neon-button-secondary:hover,.neon-button:hover{text-shadow:0 0 10px var(--color-primary)}.neon-button:hover{background-color:rgba(255,175,1,.1);box-shadow:0 0 20px var(--color-glow),inset 0 0 20px var(--color-glow)}.neon-button:active{background-color:var(--color-primary);box-shadow:0 0 5px var(--color-glow);color:var(--color-secondary);text-shadow:none;transform:scale(.98)}@media (max-width:768px){.app-container{height:95vh;width:95vw}.report-section{width:90%}}.anomaly-modal-overlay{align-items:center;animation:modal-flash 3s forwards;background-color:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:1000}.anomaly-modal-content{background-color:#fff;border:4px solid #0f0;box-shadow:0 0 20px #0f0,inset 0 0 20px #0f0;color:#0f0;padding:2rem 4rem;text-align:center}.anomaly-text{font-size:clamp(1rem,5vw,4rem);margin:0;text-shadow:0 0 10px #0f0}@keyframes modal-flash{0%{opacity:0;visibility:visible}10%{opacity:1}90%{opacity:1}to{opacity:0;visibility:hidden}}.anomaly-screen{display:none}.archive-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-unit)}.archive-title{border-bottom:2px solid var(--color-primary);font-size:clamp(.9rem,2.5vw,1.5rem);margin-bottom:var(--spacing-unit) * 2;padding-bottom:3rem;text-align:center;text-shadow:0 0 8px var(--color-glow-solid)}.archive-list{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0}.archive-list-item{align-items:flex-start;border-bottom:1px dashed var(--color-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-unit);padding:var(--spacing-unit) 0;text-shadow:0 0 5px var(--color-glow-solid);transition:color .2s ease-in-out}.archive-list-item,.archive-list-item:hover{color:var(--color-primary)}.archive-item-header{color:#08f;display:flex;gap:3rem;justify-content:space-between;width:100%}.archive-item-echo{flex-grow:1;line-height:1.5;margin:0;white-space:pre-wrap}.header-container{align-items:center;display:flex;gap:2vw;height:10%}.archive-view-header{align-items:center;border-bottom:2px solid var(--color-primary);display:flex;gap:1.5rem;margin-bottom:var(--spacing-unit);padding-bottom:var(--spacing-unit)}.archive-view-container{display:flex;flex-direction:column;height:90%}.archive-view-title{font-size:clamp(.7rem,2vw,1rem);margin:0}.message-transcript-list{overflow-y:auto}.transcript-message-item{border:1px solid transparent;display:flex;flex-direction:row;gap:2rem;line-height:1.5;margin-bottom:var(--spacing-unit);padding:var(--spacing-unit);transition:all .2s ease-in-out;white-space:pre-wrap}.transcript-message-item:hover{border-color:var(--color-primary);box-shadow:inset 0 0 5px var(--color-glow)}.message-sender-prefix{color:#08f;font-weight:700;text-shadow:0 0 5px var(--color-glow-solid)}.active-room-container{display:flex;flex-direction:column;height:90%;padding:var(--spacing-unit)}.live-message-list{flex-grow:1;overflow-y:auto}.live-message-item{color:var(--color-primary);display:flex;flex-direction:row;gap:2rem;line-height:1.5;margin-bottom:4.5rem;padding:.5rem;text-shadow:0 0 5px var(--color-glow-solid)}.live-message-item:hover{border-color:var(--color-primary)}.live-message-content{white-space:pre-wrap}.pump-messages{border-left:#00f;border-left-style:outset;padding-left:2rem}.live-message-text{min-width:70%;width:70%}.cursor{animation:blink 1s infinite;font-size:1.2em;font-weight:700;vertical-align:top}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dialog-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:0}.dialog-content{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;position:relative;width:90%}.dialog-content p{line-height:1.2rem;margin-bottom:3rem;text-align:left}.dialog-content h2,h3{color:#5b5bff}.close-button{background:none;border:none;color:#00f;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:1.2rem;position:absolute;right:10px;top:10px}