:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #121212;--color-bg-mold: #0d1b0d;--color-bg-mold-dark: #081208;--color-bg-overlay: rgba(10, 10, 10, .85);--color-text-primary: #e8e8e8;--color-text-secondary: #b8b8b8;--color-text-paranoid: #8b0000;--color-text-paranoid-bright: #cc0000;--color-text-sick: #d4d48a;--color-text-sick-dim: #a8a870;--color-text-distressed: #c8c8c8;--color-accent-dark-green: #1a3a1a;--color-accent-mold-green: #2d4a2d;--color-accent-blood: #4a0000;--color-accent-blood-bright: #660000;--color-accent-glow-green: rgba(26, 58, 26, .6);--color-accent-glow-red: rgba(74, 0, 0, .6);--color-border-dark: #1a1a1a;--color-border-mold: #1a3a1a;--color-border-distressed: #2a2a2a;--noise-opacity: .04;--noise-opacity-strong: .06;--vignette-strength: .75;--glitch-intensity: 2px;--grain-size: 200px;--font-primary: "Courier Prime", monospace;--font-distressed: "Special Elite", cursive;--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 20px;--font-size-xlarge: 28px;--line-height-base: 1.6;--line-height-tight: 1.3;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--shadow-text: 2px 2px 4px rgba(0, 0, 0, .8);--shadow-text-strong: 3px 3px 6px rgba(0, 0, 0, .9);--shadow-panel: 0 4px 20px rgba(0, 0, 0, .7);--shadow-glow-green: 0 0 20px var(--color-accent-glow-green);--shadow-glow-red: 0 0 20px var(--color-accent-glow-red);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .6s ease;--z-background: -1;--z-content: 1;--z-panel: 10;--z-effects: 100}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}.container{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;padding:var(--spacing-lg);z-index:var(--z-content)}.narrative-section{flex:1;padding:var(--spacing-xxl) var(--spacing-xl);max-width:900px;margin:0 auto;width:100%}.narrative-content{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);text-align:left;word-wrap:break-word;overflow-wrap:break-word}.server-panel{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-panel);min-width:280px;max-width:400px}.server-panel-content{background:#0a0a0acc;border:2px solid var(--color-border-mold);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:0 4px 20px #000000b3,inset 0 0 20px #1a3a1a1a}.server-panel-content:after{content:"";position:absolute;inset:0;border:1px solid var(--color-accent-dark-green);opacity:.5;pointer-events:none;animation:pulse-border 3s ease-in-out infinite}.server-name{font-family:var(--font-distressed);font-size:var(--font-size-xlarge);color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-shadow:var(--shadow-text-strong)}.server-info{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary)}.server-status{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:var(--color-accent-dark-green);box-shadow:var(--shadow-glow-green)}.connection-info{font-size:var(--font-size-small);color:var(--color-text-distressed);line-height:1.6}.connection-info strong{color:var(--color-text-sick);font-family:var(--font-primary);font-weight:700;display:block;margin-bottom:var(--spacing-xs);-webkit-user-select:all;user-select:all}@media(max-width:768px){.server-panel{position:static;margin:var(--spacing-lg) auto;max-width:100%}.server-name{font-size:var(--font-size-large)}}@media(max-width:1024px){.container{padding:var(--spacing-md)}.narrative-section{padding:var(--spacing-lg)}.server-panel{min-width:240px;max-width:320px}}@media(max-width:768px){:root{--font-size-base: 14px;--font-size-large: 18px;--font-size-xlarge: 24px}.container{padding:var(--spacing-sm);flex-direction:column}.narrative-section{padding:var(--spacing-md);min-height:60vh}.narrative-content{position:relative;height:auto}.server-panel{position:relative;bottom:auto;right:auto;margin:var(--spacing-md) auto 0;width:100%;max-width:100%}.server-panel-content{padding:var(--spacing-md)}}@media(max-width:480px){:root{--font-size-base: 13px;--font-size-small: 12px;--font-size-large: 16px;--font-size-xlarge: 20px;--spacing-lg: 16px;--spacing-xl: 24px}.container{padding:var(--spacing-xs)}.narrative-section{padding:var(--spacing-sm)}.server-name{font-size:var(--font-size-large)}.text-fragment{font-size:var(--font-size-small)}}@media(max-width:768px)and (orientation:landscape){.narrative-section{min-height:auto;padding:var(--spacing-sm)}.server-panel{position:fixed;bottom:var(--spacing-sm);right:var(--spacing-sm);width:auto;max-width:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.background-effects:before{animation:none}.background-effects:after{animation:none}.status-indicator{animation:none}.particle{display:none}}@supports not (backdrop-filter: blur(10px)){.server-panel-content{background:#0a0a0af2}}@supports not (display: grid){.container{display:block}}@supports not (clip-path: polygon(0 0)){.server-panel-content:before{display:none}}@supports not (mix-blend-mode: multiply){.background-effects:after{opacity:.2}}.container{background-color:#0a0a0a;background-color:var(--color-bg-primary)}.text-fragment{color:#e8e8e8;color:var(--color-text-primary)}.server-panel-content{box-shadow:var(--shadow-panel),inset 0 0 20px #1a3a1a26,0 0 40px #00000080}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:var(--z-effects);opacity:.3}.text-fragment{text-shadow:var(--shadow-text),0 0 10px rgba(0,0,0,.5)}.text-paranoid-bright{text-shadow:var(--shadow-text-strong),0 0 15px var(--color-accent-glow-red),0 0 30px rgba(204,0,0,.3)}.server-name{text-shadow:var(--shadow-text-strong),0 0 20px rgba(26,58,26,.4);letter-spacing:1px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-fragment,.server-name,.connection-info{text-rendering:optimizeLegibility}.scary-image-container{margin-top:var(--spacing-xxl);text-align:center;width:100%}.scary-image{max-width:100%;height:auto;display:block;margin:0 auto;border:2px solid var(--color-border-mold);box-shadow:0 0 30px #000000e6,0 0 60px var(--color-accent-glow-red);filter:contrast(1.1) brightness(.9)}@media(max-width:768px){.scary-image-container{margin-top:var(--spacing-lg)}}.scary-image-container{margin-top:var(--spacing-xxl);text-align:center;transition:opacity 2s ease-in}.scary-image{max-width:500px;width:100%;height:auto;filter:grayscale(100%) contrast(1.2) brightness(.8);border:none;box-shadow:0 0 40px #000c;animation:image-glitch 8s ease-in-out infinite}@keyframes image-glitch{0%,90%,to{filter:grayscale(100%) contrast(1.2) brightness(.8)}92%{filter:grayscale(100%) contrast(1.5) brightness(.6) hue-rotate(180deg)}94%{filter:grayscale(100%) contrast(1.2) brightness(.8)}96%{filter:grayscale(100%) contrast(2) brightness(.4) saturate(0)}}@media(max-width:768px){.scary-image{max-width:100%}}.narrative-content{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.text-fragment{display:inline;font-family:var(--font-primary);text-shadow:var(--shadow-text);letter-spacing:.3px;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:all var(--transition-fast)}.text-normal{color:var(--color-text-primary)}.text-paranoid{color:var(--color-text-paranoid);font-weight:700;text-shadow:var(--shadow-text-strong)}.text-paranoid-bright{color:var(--color-text-paranoid-bright);font-weight:700;text-shadow:var(--shadow-text-strong),0 0 10px var(--color-accent-glow-red)}.text-sick{color:var(--color-text-sick);text-shadow:var(--shadow-text)}.text-sick-dim{color:var(--color-text-sick-dim);text-shadow:var(--shadow-text)}.text-distressed{color:var(--color-text-distressed);text-shadow:var(--shadow-text)}.text-crossed{text-decoration:line-through;opacity:.7}.text-underlined{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--color-text-paranoid)}.text-emphasized{font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-distressed)}.text-whisper{font-size:var(--font-size-small);opacity:.6;font-style:italic}.text-scream{font-size:var(--font-size-large);font-weight:700;letter-spacing:2px;font-family:var(--font-distressed)}@media(max-width:768px){.narrative-content{font-size:var(--font-size-small)}.text-scream{font-size:var(--font-size-base);letter-spacing:2px}.text-fragment{letter-spacing:.3px}}@media(min-width:1200px){.narrative-content{font-size:var(--font-size-large)}.text-scream{font-size:var(--font-size-xlarge)}}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-background);pointer-events:none;overflow:hidden}.background-effects:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg-primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-size:var(--grain-size) var(--grain-size);opacity:var(--noise-opacity)}.background-effects:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,var(--color-bg-mold) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,var(--color-bg-mold-dark) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--color-accent-dark-green) 0%,transparent 70%);opacity:.4;mix-blend-mode:multiply}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,var(--vignette-strength)) 100%);pointer-events:none;z-index:var(--z-effects)}.particle{position:absolute;background-color:var(--color-text-distressed);border-radius:50%;opacity:.1;pointer-events:none;animation:particle-float linear infinite}@keyframes particle-float{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.1}90%{opacity:.1}to{transform:translate(calc(var(--particle-x, 50px) - 25px),calc(var(--particle-y, 100vh) + 50px)) scale(.5);opacity:0}}.background-effects.glitch-active{animation:screen-glitch .2s steps(2)}@keyframes screen-glitch{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}to{transform:translate(0)}}.background-effects.glitch-active:before{animation:scan-lines .2s linear}@keyframes scan-lines{0%,to{background-position:0 0}50%{background-position:0 50%}}.background-effects:after{--gradient-hue: 0;filter:hue-rotate(calc(var(--gradient-hue) * .1deg));transition:filter .5s ease}@media(max-width:768px){.particle{animation-duration:20s!important}.background-effects:after{animation:none}}.text-fragment.clicked-glitch{animation:click-glitch .3s ease-out}@keyframes click-glitch{0%{transform:translate(0);filter:none}20%{transform:translate(-3px,2px) skew(-2deg);filter:hue-rotate(90deg)}40%{transform:translate(3px,-2px) skew(2deg);filter:hue-rotate(-90deg)}60%{transform:translate(-2px,-2px) skew(1deg);filter:hue-rotate(45deg)}80%{transform:translate(2px,2px) skew(-1deg);filter:hue-rotate(-45deg)}to{transform:translate(0);filter:none}}.text-fragment{transition:transform var(--transition-fast),text-shadow var(--transition-fast),filter var(--transition-fast);will-change:transform}.text-fragment{cursor:pointer}.text-fragment:hover{cursor:crosshair}.background-effects,.text-fragment,.particle,.server-panel-content:after{will-change:transform;transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-motion:no-preference){.text-fragment{contain:layout style paint}.particle{contain:strict}}@media(max-width:768px){.background-effects:after{will-change:auto}.text-fragment{will-change:auto}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.background-effects:before{animation:grain 8s steps(10) infinite}@keyframes flicker{0%,to{opacity:1}10%{opacity:.8}20%{opacity:1}30%{opacity:.6}40%{opacity:1}50%{opacity:.9}60%{opacity:.4}70%{opacity:1}80%{opacity:.7}90%{opacity:1}}.anim-flicker{animation:flicker 4s ease-in-out infinite}@keyframes color-shift{0%,to{color:var(--color-text-paranoid)}25%{color:var(--color-text-sick)}50%{color:var(--color-text-paranoid-bright)}75%{color:var(--color-text-sick-dim)}}.anim-color-shift{animation:color-shift 6s ease-in-out infinite}@keyframes glitch{0%,to{transform:translate(0) rotate(0);text-shadow:var(--shadow-text)}10%{transform:translate(-2px,1px) rotate(-.5deg);text-shadow:2px 0 var(--color-text-paranoid),-2px 0 var(--color-accent-dark-green)}20%{transform:translate(1px,-1px) rotate(.5deg);text-shadow:var(--shadow-text)}30%{transform:translate(-1px,2px) rotate(-.3deg);text-shadow:-2px 0 var(--color-text-sick),2px 0 var(--color-text-paranoid-bright)}40%{transform:translate(0) rotate(0);text-shadow:var(--shadow-text)}}.anim-glitch{animation:glitch 3s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.text-fragment:hover{transform:scale(1.05) translateY(-2px);text-shadow:var(--shadow-text-strong);z-index:10}@keyframes pulse-border{0%,to{opacity:.3;box-shadow:0 0 5px var(--color-accent-glow-green)}50%{opacity:.7;box-shadow:0 0 15px var(--color-accent-glow-green)}}@keyframes pulse-indicator{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.status-indicator{animation:pulse-indicator 2s ease-in-out infinite}@keyframes gradient-drift{0%{transform:translate(0) scale(1)}25%{transform:translate(2%,-2%) scale(1.02)}50%{transform:translate(-2%,2%) scale(1)}75%{transform:translate(2%,2%) scale(1.01)}to{transform:translate(0) scale(1)}}.background-effects:after{animation:gradient-drift 60s ease-in-out infinite}