:root{--color-primary:#ffaf01;--color-primary2:#ff6701 1;--color-secondary:#000;--color-glow:rgba(255,175,1,.7);--color-glow-solid:#ffae00c6;--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%}@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(255,175,1,.1),rgba(255,175,1,.1));background-size:100% 2px,2px 100%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.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}.twitter{margin-left:2rem}@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:red;display:flex;font-size:clamp(1rem,5vw,4rem);height:100%;justify-content:center;left:0;position:absolute;text-shadow:0 0 10px red;top:0;width:100%;z-index:100}@keyframes flash{0%{background-color:rgba(255,0,0,0)}50%{background-color:rgba(255,0,0,.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{background-color:transparent;border:var(--border-width) solid var(--color-primary);box-shadow:0 0 10px var(--color-glow);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:hover{background-color:rgba(255,175,1,.1);box-shadow:0 0 20px var(--color-glow),inset 0 0 20px var(--color-glow);text-shadow:0 0 10px var(--color-primary)}.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:#000;border:4px solid red;box-shadow:0 0 20px red,inset 0 0 20px red;color:red;padding:2rem 4rem;text-align:center}.anomaly-text{font-size:clamp(1rem,5vw,4rem);margin:0;text-shadow:0 0 10px red}@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 rgba(255,175,1,.3);color:rgba(255,175,1,.7);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:hover{color:var(--color-primary)}.archive-item-header{color:beige;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;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:#f0f8ff;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);padding-left:10vw;padding-right:10vw}.live-message-list{flex-grow:1;overflow-y:auto}.live-message-item{color:var(--color-primary);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);box-shadow:inset 0 0 5px var(--color-glow)}.live-message-content{white-space:pre-wrap}.cursor{animation:blink 1s infinite;font-size:1.2em;font-weight:700;vertical-align:top}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}