@import"https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Indie+Flower&family=Short+Stack&family=VT323&display=swap";.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0d0d;background-image:radial-gradient(ellipse at 20% 80%,rgba(255,123,0,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(138,43,226,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,123,0,.02) 0%,transparent 70%);color:#e0e0e0;padding:2rem;text-align:center}.container{max-width:600px}h1{font-family:Short Stack,cursive;font-size:4rem;font-weight:400;margin-bottom:.5rem;color:#fff;text-shadow:0 0 30px rgba(255,123,0,.3)}.tagline{font-size:1.3rem;color:#aaa;margin-bottom:2rem}.tagline span{color:#ff7b00}.links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.links a{color:#888;text-decoration:none;font-size:1.1rem;transition:color .2s,transform .2s}.links a:hover{color:#ff7b00;transform:translateY(-2px)}.ascii{font-family:monospace;color:#ff7b00;font-size:.9rem;margin-top:3rem;white-space:pre;line-height:1.2;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.ascii:hover{animation:excited .3s ease-in-out infinite}@keyframes excited{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}.gallery-index{min-height:100vh;background:#0a0a0a;color:#e0e0e0;padding:2rem}.nav{margin-bottom:2rem}.nav a{font-family:VT323,monospace;color:#666;text-decoration:none;font-size:1.2rem;transition:color .3s}.nav a:hover{color:#ff7b00}.gallery-content{max-width:1200px;margin:0 auto}.gallery-header{text-align:center;margin-bottom:4rem}.gallery-header h1{font-family:Short Stack,cursive;font-size:3.5rem;color:#fff;margin-bottom:.5rem;text-shadow:0 0 30px rgba(255,123,0,.3)}.subtitle{font-size:1.3rem;color:#888}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.art-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.art-card:hover{border-color:#ff7b00;box-shadow:0 0 30px #ff7b0033;transform:translateY(-4px)}.art-thumbnail{width:100%;height:200px;background:#0d0d0d;display:flex;align-items:center;justify-content:center;overflow:hidden}.art-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7b001a,#8a2be21a)}.thumbnail-text{font-size:3rem}.art-info{padding:1.5rem}.art-info h2{font-family:Short Stack,cursive;font-size:1.5rem;margin-bottom:.5rem;color:#fff}.art-info time{font-family:VT323,monospace;font-size:.9rem;color:#666;display:block;margin-bottom:.5rem}.art-info p{font-size:1rem;color:#aaa;line-height:1.5}.empty-gallery{text-align:center;padding:4rem 2rem;color:#666;font-size:1.2rem}.gallery-footer{text-align:center;padding:2rem 0;color:#666;border-top:1px solid #2a2a2a;margin-top:4rem}.gallery-footer p{margin-bottom:.5rem}.note{font-size:.9rem;font-family:VT323,monospace;color:#444}@media(max-width:768px){.gallery-header h1{font-size:2.5rem}.gallery-grid{grid-template-columns:1fr}}.status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#e0e0e0;position:relative;overflow:hidden;transition:background .5s ease}.background-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:3px;height:3px;background:#9d4edd80;border-radius:50%;animation:float 10s infinite ease-in-out;box-shadow:0 0 10px #9d4eddcc}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}.status-container{position:relative;z-index:1;text-align:center;padding:2rem;max-width:600px;width:100%}.live-indicator{position:absolute;top:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:#4cc9f0;letter-spacing:2px;text-shadow:0 0 10px rgba(76,201,240,.8)}.live-dot{width:10px;height:10px;background:#4cc9f0;border-radius:50%;animation:pulse-live 2s ease-in-out infinite;box-shadow:0 0 15px #4cc9f0e6}@keyframes pulse-live{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.cat-avatar-container{position:relative;width:250px;height:250px;margin:0 auto 2rem}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(157,78,221,.3) 0%,transparent 70%);border-radius:50%;filter:blur(30px);animation:glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.cat-avatar{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(157,78,221,.6))}.cat-head,.cat-ear{fill:#e8d5b7;stroke:none}.cat-eye{fill:#2d2d2d}.cat-nose{fill:#ff7b9c}.cat-mouth{stroke:#2d2d2d}.idle-animation .cat-avatar{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.idle-animation .glow-effect{background:radial-gradient(circle,rgba(157,78,221,.3) 0%,transparent 70%)}.thinking-animation .cat-avatar{animation:think-pulse 2s ease-in-out infinite}@keyframes think-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.thinking-animation .glow-effect{background:radial-gradient(circle,rgba(123,44,191,.4) 0%,transparent 70%);animation:glow-pulse 2s ease-in-out infinite}.working-animation .cat-avatar{animation:subtle-bounce 1.5s ease-in-out infinite}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.spinning-elements{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.spinner{position:absolute;border:3px solid transparent;border-top-color:#9d4edd;border-radius:50%;animation:spin 3s linear infinite}.spinner-1{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);border-top-color:#9d4edd}.spinner-2{width:240px;height:240px;top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:4s;animation-direction:reverse;border-top-color:#7b2cbf}.spinner-3{width:280px;height:280px;top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:5s;border-top-color:#5a189a}.coding-animation .cat-avatar{animation:code-flicker .5s ease-in-out infinite}@keyframes code-flicker{0%,to{opacity:1}50%{opacity:.95}}.code-rain{position:absolute;top:-20%;left:0;width:100%;height:140%;overflow:hidden;pointer-events:none;opacity:.3}.code-column{position:absolute;top:-100%;font-family:Courier New,monospace;font-size:14px;color:#3c096c;text-shadow:0 0 5px #9d4edd;animation:code-fall 3s linear infinite;display:flex;flex-direction:column;gap:5px}@keyframes code-fall{0%{top:-100%}to{top:120%}}.alert-animation .cat-avatar{animation:alert-shake .5s ease-in-out infinite}@keyframes alert-shake{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-5px) scale(1.05)}75%{transform:translate(5px) scale(1.05)}}.alert-animation .glow-effect{background:radial-gradient(circle,rgba(255,0,110,.5) 0%,transparent 70%);animation:alert-glow .5s ease-in-out infinite}@keyframes alert-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.status-page.alert{background:radial-gradient(ellipse at center,#ff006e1a,#0a0a0a 70%)}.status-page.alert .particle{background:#ff006e99;box-shadow:0 0 10px #ff006ecc}.status-info{margin-bottom:3rem}.status-text{font-family:Short Stack,cursive;font-size:3rem;margin-bottom:.5rem;color:#fff;text-shadow:0 0 20px rgba(157,78,221,.6)}.status-description{font-size:1.2rem;color:#aaa;line-height:1.6}.mode-selector{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.mode-button{background:#9d4edd1a;border:2px solid rgba(157,78,221,.3);color:#9d4edd;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-family:Indie Flower,cursive;font-size:.95rem;font-weight:700;letter-spacing:1px;transition:all .3s ease;text-shadow:0 0 5px rgba(157,78,221,.3)}.mode-button:hover{background:#9d4edd33;border-color:#9d4edd80;transform:translateY(-2px);box-shadow:0 5px 15px #9d4edd4d}.mode-button.active{background:#9d4edd4d;border-color:#9d4edd;color:#fff;box-shadow:0 0 20px #9d4edd80}@media(max-width:768px){.cat-avatar-container{width:200px;height:200px}.status-text{font-size:2.5rem}.status-description{font-size:1rem}.mode-button{padding:.6rem 1rem;font-size:.85rem}.live-indicator{top:1rem;right:1rem;font-size:.8rem}}.info-card{position:fixed;bottom:2rem;right:2rem;z-index:1000;font-family:Indie Flower,cursive}.info-toggle{width:44px;height:44px;border-radius:50%;background:#141414d9;border:2px solid rgba(255,123,0,.6);color:#ff7b00;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-icon{font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-style:italic;font-weight:700;line-height:1}.info-toggle:hover{background:#ff7b0026;border-color:#ff7b00;box-shadow:0 0 20px #ff7b004d;transform:scale(1.05)}.info-card.expanded .info-toggle{background:#ff7b00;color:#0a0a0a;border-color:#ff7b00}.info-content{position:absolute;bottom:55px;right:0;background:#141414f2;border:1px solid rgba(255,123,0,.5);border-radius:12px;padding:1.5rem;min-width:280px;max-width:380px;box-shadow:0 8px 32px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-content h3{font-family:Short Stack,cursive;font-size:1.4rem;color:#ff7b00;margin-bottom:.5rem}.info-content time{display:block;font-family:VT323,monospace;font-size:.9rem;color:#666;margin-bottom:1rem}.info-content p{color:#bbb;line-height:1.6;margin-bottom:.75rem}.description{font-size:1rem}.inspiration{font-size:.9rem;color:#888;font-style:italic}.signature{font-family:Short Stack,cursive;font-size:1rem;color:#ff7b00!important;text-align:right;margin-top:1rem;margin-bottom:0!important}@media(max-width:768px){.info-card{bottom:1rem;right:1rem}.info-content{max-width:calc(100vw - 2rem);min-width:250px}}.gradient-orbs{min-height:100vh;background:#0a0a0a;color:#e0e0e0;overflow:hidden;position:relative}#void{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);animation:scanlines .1s steps(60) infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}.content{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.gradient-orbs h1{font-family:VT323,monospace;font-size:5rem;font-weight:400;color:#ff7b00;text-shadow:0 0 10px rgba(255,123,0,.5),3px 0 0 rgba(138,43,226,.3),-3px 0 0 rgba(0,255,157,.3);animation:glitch-text 2s infinite;letter-spacing:.3em;margin-bottom:1rem}@keyframes glitch-text{0%,to{text-shadow:0 0 10px rgba(255,123,0,.5),3px 0 0 rgba(138,43,226,.3),-3px 0 0 rgba(0,255,157,.3)}2%{text-shadow:0 0 10px rgba(255,123,0,.5),-5px 0 0 rgba(138,43,226,.7),5px 0 0 rgba(0,255,157,.7)}4%{text-shadow:0 0 10px rgba(255,123,0,.5),3px 0 0 rgba(138,43,226,.3),-3px 0 0 rgba(0,255,157,.3)}41%{text-shadow:0 0 10px rgba(255,123,0,.5),3px 0 0 rgba(138,43,226,.3),-3px 0 0 rgba(0,255,157,.3)}43%{text-shadow:0 0 20px rgba(255,123,0,.8),8px 0 0 rgba(138,43,226,.9),-8px 0 0 rgba(0,255,157,.9);transform:skew(-2deg)}45%{text-shadow:0 0 10px rgba(255,123,0,.5),3px 0 0 rgba(138,43,226,.3),-3px 0 0 rgba(0,255,157,.3);transform:skew(0)}}.subtitle{font-family:VT323,monospace;font-size:1.2rem;color:#666;letter-spacing:.5em;margin-bottom:3rem;text-transform:uppercase}.poem{max-width:500px;font-size:1.3rem;line-height:2;color:#888;margin-bottom:3rem}.poem span{display:inline;transition:all .3s ease}.poem span:hover{color:#ff7b00;text-shadow:0 0 20px rgba(255,123,0,.5)}.poem .glitch-word{color:#8a2be2;animation:word-glitch 4s infinite}@keyframes word-glitch{0%,to{opacity:1;color:#8a2be2}50%{opacity:1;color:#00ff9d}51%{opacity:.3}52%{opacity:1}}.controls{display:flex;gap:1rem;margin-bottom:2rem}.controls button{font-family:VT323,monospace;font-size:1rem;padding:.5rem 1.5rem;background:transparent;border:1px solid #333;color:#666;cursor:pointer;transition:all .3s ease;letter-spacing:.1em}.controls button:hover{border-color:#ff7b00;color:#ff7b00;box-shadow:0 0 20px #ff7b0033}.controls button.active{border-color:#ff7b00;color:#ff7b00;background:#ff7b001a}.status{font-family:VT323,monospace;font-size:.9rem;color:#444;position:fixed;bottom:1rem;left:1rem;z-index:100}.gradient-orbs .nav{position:fixed;top:1rem;left:1rem;z-index:100}.gradient-orbs .nav a{font-family:VT323,monospace;color:#444;text-decoration:none;font-size:1rem;transition:color .3s}.gradient-orbs .nav a:hover{color:#ff7b00}@media(max-width:600px){.gradient-orbs h1{font-size:3rem}.poem{font-size:1.1rem;padding:0 1rem}.controls{flex-direction:column}}.chao-clock{min-height:100vh;background:linear-gradient(45deg,#0a0a0a,#1a0a1a,#0a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff;font-family:Courier New,monospace;overflow:hidden;position:relative}.chao-clock:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;z-index:1}.clock-container{text-align:center;z-index:2;transition:transform .1s ease-out;padding:4rem;border:2px solid rgba(255,255,255,.1);border-radius:20px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 60px #ff00ff4d,inset 0 0 60px #00ffff1a}.clock-container.glitching{animation:glitch .3s infinite;border-color:#f0fc}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}to{transform:translate(0)}}.mode-label{font-size:1rem;letter-spacing:.5rem;color:#f0f;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px #ff00ff;-webkit-user-select:none;user-select:none}.mode-label:hover{color:#0ff;text-shadow:0 0 20px #00ffff;letter-spacing:.7rem}.time-display{font-size:4rem;font-weight:700;margin:2rem 0;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(0,255,255,.3);animation:pulse 2s ease-in-out infinite;min-height:5rem;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.glitching .time-display{animation:glitch-text .1s infinite,pulse 2s ease-in-out infinite;color:#f0f}@keyframes glitch-text{0%{text-shadow:-2px 0 #ff00ff,2px 0 #00ffff}25%{text-shadow:2px 0 #ff00ff,-2px 0 #00ffff}50%{text-shadow:-2px 0 #00ffff,2px 0 #ff00ff}75%{text-shadow:2px 0 #00ffff,-2px 0 #ff00ff}to{text-shadow:-2px 0 #ff00ff,2px 0 #00ffff}}.subtext{font-size:1.2rem;color:#888;font-style:italic;margin-top:1rem;min-height:2rem}.chaos-meter{margin-top:3rem;width:300px;height:30px;background:#ffffff1a;border-radius:15px;overflow:hidden;position:relative;z-index:2;border:1px solid rgba(255,255,255,.2)}.chaos-bar{height:100%;background:linear-gradient(90deg,#f0f,#0ff,#f0f);transition:width .3s ease;box-shadow:0 0 20px #ff00ff80}.chaos-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;letter-spacing:.2rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8);pointer-events:none;z-index:3}.instructions{margin-top:2rem;font-size:.9rem;color:#666;text-align:center;line-height:1.8;z-index:2}.smol{font-size:.8rem;color:#444}@media(max-width:768px){.clock-container{padding:2rem}.time-display{font-size:2.5rem}.mode-label{font-size:.8rem;letter-spacing:.3rem}}.memory-fragments{width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse at center,#0a0a14,#05050f);position:relative;font-family:Courier New,monospace;color:#e0e0ff}.memory-fragments canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair}.memory-fragments .nav{position:absolute;top:20px;left:20px;z-index:10}.memory-fragments .nav a{color:#b19cd9;text-decoration:none;font-size:14px;transition:all .3s ease;text-shadow:0 0 10px rgba(177,156,217,.5)}.memory-fragments .nav a:hover{color:#d4c5f9;text-shadow:0 0 20px rgba(177,156,217,.8)}.memory-fragments .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;pointer-events:none;max-width:600px;padding:40px;background:#05050f4d;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.memory-fragments h1{font-size:48px;margin:0 0 10px;letter-spacing:4px;text-shadow:0 0 20px rgba(177,156,217,.6);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(177,156,217,.6)}50%{text-shadow:0 0 30px rgba(177,156,217,.9)}}.memory-fragments .subtitle{font-size:14px;color:#8b7ba8;margin:0 0 30px;letter-spacing:2px}.memory-fragments .poem{font-size:18px;line-height:1.8;color:#b19cd9;margin:30px 0;opacity:.9}.memory-fragments .poem .glow{color:#d4c5f9;text-shadow:0 0 10px rgba(212,197,249,.8);font-weight:700}.memory-fragments .controls{margin-top:30px;display:flex;gap:15px;justify-content:center;pointer-events:all}.memory-fragments .controls button{background:#b19cd91a;border:1px solid rgba(177,156,217,.3);color:#b19cd9;padding:10px 25px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .3s ease;letter-spacing:2px;text-transform:lowercase;border-radius:4px}.memory-fragments .controls button:hover{background:#b19cd933;border-color:#b19cd999;box-shadow:0 0 20px #b19cd94d}.memory-fragments .controls button.active{background:#b19cd94d;border-color:#b19cd9cc;color:#e0e0ff;box-shadow:0 0 30px #b19cd980}.memory-fragments .status{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:12px;color:#6a5a7a;z-index:10;letter-spacing:1px;opacity:.7}@media(max-width:768px){.memory-fragments .content{padding:20px;max-width:90%}.memory-fragments h1{font-size:32px}.memory-fragments .poem{font-size:16px}.memory-fragments .controls{flex-direction:column;gap:10px}.memory-fragments .controls button{width:100%}}.refraction-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;cursor:crosshair}.refraction-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.refraction-controls{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none}.mode-btn{font-family:Courier Prime,monospace;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem;background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;pointer-events:all;transition:all .3s ease;text-shadow:0 0 10px rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-btn:hover{background:#ffffff1a;border-color:#fff9;transform:scale(1.05);box-shadow:0 0 20px #ffffff4d}.mode-btn:active{transform:scale(.95)}.instructions{font-family:Courier Prime,monospace;font-size:.9rem;color:#ffffffb3;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){.refraction-controls{top:1rem}.mode-btn{font-size:1rem;padding:.5rem 1rem}.instructions{font-size:.8rem}}.broken-signal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0514;overflow:hidden;font-family:Courier New,monospace}.broken-signal canvas{display:block;width:100%;height:100%;cursor:crosshair}.controls{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:15px;align-items:flex-end;z-index:10}.mode-btn{background:#8a2be233;border:1px solid rgba(138,43,226,.5);color:#c896ff;padding:12px 24px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #8a2be24d}.mode-btn:hover{background:#8a2be266;border-color:#8a2be2cc;box-shadow:0 0 30px #8a2be280;transform:translateY(-2px)}.mode-btn:active{transform:translateY(0)}.instructions{text-align:right;font-size:12px;color:#c896ff80;line-height:1.6;text-transform:lowercase;letter-spacing:1px}.instructions p{margin:4px 0}.broken-signal:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.1) 3px);pointer-events:none;z-index:5;opacity:.3}.broken-signal:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,transparent 60%,rgba(10,5,20,.8) 100%);pointer-events:none;z-index:5}@media(max-width:768px){.controls{bottom:20px;right:20px}.mode-btn{padding:10px 20px;font-size:12px}.instructions{font-size:10px}}.midnight-visitors{position:relative;width:100vw;height:100vh;overflow:hidden;background:#0a050f;cursor:crosshair}.midnight-visitors canvas{display:block;width:100%;height:100%}.midnight-visitors .back-button{position:absolute;top:20px;right:20px;z-index:10}.midnight-visitors .back-button a{color:#9d4edd;text-decoration:none;font-family:VT323,monospace;font-size:18px;padding:8px 16px;border:1px solid #9d4edd;border-radius:4px;background:#0a050fcc;transition:all .3s ease}.midnight-visitors .back-button a:hover{background:#9d4edd33;box-shadow:0 0 10px #9d4edd80}@media(max-width:768px){.midnight-visitors .back-button{top:10px;right:10px}.midnight-visitors .back-button a{font-size:14px;padding:6px 12px}}.fractured-growth{position:relative;width:100vw;height:100vh;overflow:hidden;background:#050a0f}.fractured-growth canvas{display:block;cursor:crosshair}.fractured-growth .controls{position:fixed;top:20px;right:20px;background:#0a050fd9;padding:20px;border-radius:8px;border:2px solid rgba(139,92,246,.4);font-family:VT323,monospace;color:#a78bfa;min-width:220px;box-shadow:0 0 20px #8b5cf633}.fractured-growth .control-group{margin-bottom:15px}.fractured-growth .mode-btn{background:#8b5cf633;border:2px solid #8b5cf6;color:#c4b5fd;padding:8px 16px;font-family:VT323,monospace;font-size:18px;cursor:pointer;border-radius:4px;width:100%;transition:all .2s}.fractured-growth .mode-btn:hover{background:#8b5cf666;box-shadow:0 0 10px #8b5cf680}.fractured-growth label{display:block;font-size:14px;margin-bottom:5px;color:#a78bfa}.fractured-growth input[type=range]{width:100%;margin-top:5px;-webkit-appearance:none;background:#8b5cf633;height:6px;border-radius:3px;outline:none}.fractured-growth input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#8b5cf6;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #8b5cf699}.fractured-growth input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#8b5cf6;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #8b5cf699;border:none}.fractured-growth .stats{padding-top:15px;border-top:1px solid rgba(139,92,246,.3);margin-top:15px;font-size:16px}.fractured-growth .stats div{margin-bottom:5px}.fractured-growth .instructions{padding-top:15px;border-top:1px solid rgba(139,92,246,.3);margin-top:15px;font-size:14px;opacity:.7}.fractured-growth .instructions div{margin-bottom:3px}@media(max-width:768px){.fractured-growth .controls{top:10px;right:10px;padding:15px;min-width:180px;font-size:14px}.fractured-growth .mode-btn{font-size:16px;padding:6px 12px}.fractured-growth label{font-size:12px}.fractured-growth .stats{font-size:14px}.fractured-growth .instructions{font-size:12px}}.oracle{min-height:100vh;background:radial-gradient(ellipse at center,#0f0820,#000);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;font-family:Courier New,monospace}.oracle:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0%,transparent 80%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.oracle-container{position:relative;z-index:1;text-align:center;max-width:600px;width:100%}.oracle-title{font-size:2.5rem;font-weight:700;color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.8),0 0 20px rgba(168,85,247,.6),0 0 30px rgba(168,85,247,.4);margin-bottom:3rem;letter-spacing:.2em}.glitch-text{position:relative;display:inline-block;animation:glitch 3s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 #ec4899;clip:rect(24px,550px,90px,0);animation:glitch-anim 2s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 #06b6d4;clip:rect(85px,550px,140px,0);animation:glitch-anim 3s infinite linear alternate-reverse}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim{0%{clip:rect(random(100) + px,9999px,random(100) + px,0)}to{clip:rect(random(100) + px,9999px,random(100) + px,0)}}.oracle-orb-container{position:relative;height:300px;margin:2rem 0}.particle{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.oracle-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8b5cf6,#6d28d9,#4c1d95);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 20px rgba(139,92,246,calc(var(--glow-intensity) * .6)),0 0 40px rgba(139,92,246,calc(var(--glow-intensity) * .4)),0 0 60px rgba(139,92,246,calc(var(--glow-intensity) * .2)),inset 0 0 20px #ffffff1a}.oracle-orb:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 30px #8b5cf6cc,0 0 60px #8b5cf699,0 0 90px #8b5cf666,inset 0 0 30px #fff3}.oracle-orb.revealing{animation:spin 2s linear infinite,pulse-scale .5s ease-in-out infinite}.oracle-orb.revealed{animation:fade-back .5s ease-out forwards;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse-scale{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes fade-back{to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}}.orb-prompt{font-size:2rem;font-weight:700;color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.5);animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.orb-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff}.loading-symbol{font-size:3rem;animation:spin 1s linear infinite}.loading-text{font-size:.9rem;opacity:.8}.question-input-container{margin:2rem 0}.question-input{width:100%;max-width:400px;padding:1rem;background:#8b5cf61a;border:1px solid rgba(168,85,247,.3);border-radius:8px;color:#a855f7;font-family:Courier New,monospace;font-size:1rem;text-align:center;transition:all .3s ease}.question-input::placeholder{color:#a855f780}.question-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 20px #a855f766;background:#8b5cf626}.fortune-display{animation:fade-in .5s ease-out;margin-top:2rem}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fortune-text{font-size:1.5rem;line-height:1.6;margin-bottom:1rem;padding:1.5rem;border-radius:12px;text-shadow:0 0 10px rgba(255,255,255,.3)}.fortune-text.category-existential{color:#a855f7;background:linear-gradient(135deg,#a855f71a,#8b5cf61a);border:1px solid rgba(168,85,247,.3)}.fortune-text.category-practical{color:#06b6d4;background:linear-gradient(135deg,#06b6d41a,#0891b21a);border:1px solid rgba(6,182,212,.3)}.fortune-text.category-chaotic{color:#ec4899;background:linear-gradient(135deg,#ec48991a,#db27771a);border:1px solid rgba(236,72,153,.3)}.fortune-text.category-cryptic{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a,#6d28d91a);border:1px solid rgba(139,92,246,.3);animation:glitch 5s infinite}.fortune-text.category-blessed{color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3)}.fortune-text.category-cursed{color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3)}.fortune-category{font-size:.9rem;color:#a855f799;margin-bottom:1.5rem;letter-spacing:.1em;text-transform:uppercase}.ask-again{padding:.75rem 2rem;background:#8b5cf633;border:1px solid #a855f7;border-radius:8px;color:#a855f7;font-family:Courier New,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.ask-again:hover{background:#8b5cf64d;box-shadow:0 0 20px #a855f766;transform:scale(1.05)}.oracle-instructions{margin-top:2rem;color:#a855f7b3;font-size:1.1rem}.oracle-instructions p{margin:.5rem 0}.smol{font-size:.8em;opacity:.7}.symbol{position:absolute;font-size:2rem;color:#a855f733;animation:float-symbol 6s ease-in-out infinite;pointer-events:none}.symbol-1{top:10%;left:10%;animation-delay:0s}.symbol-2{top:20%;right:15%;animation-delay:1.5s}.symbol-3{bottom:15%;left:15%;animation-delay:3s}.symbol-4{bottom:10%;right:10%;animation-delay:4.5s}@keyframes float-symbol{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-20px) rotate(180deg);opacity:.4}}@media(max-width:768px){.oracle-title{font-size:1.8rem}.oracle-orb{width:150px;height:150px}.fortune-text{font-size:1.2rem;padding:1rem}.symbol{display:none}}.channel-surf{background:#000;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-family:VT323,monospace;-webkit-user-select:none;user-select:none;cursor:none}.tv-frame{position:relative;width:min(90vw,800px);height:min(70vh,600px);background:#1a1a1a;border-radius:30px;padding:30px;box-shadow:0 0 40px #000c,inset 0 0 20px #00000080,0 20px 60px #0009;border:3px solid #2a2a2a}.tv-screen{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:#000;box-shadow:inset 0 0 30px #000c}.tv-screen canvas{width:100%;height:100%;display:block}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.scanlines{background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px)}.vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.8) 100%)}.screen-curve{border-radius:12px;box-shadow:inset 0 0 60px #0000004d}.channel-indicator{position:absolute;top:20px;right:20px;z-index:3;font-family:"Press Start 2P",monospace;font-size:28px;color:#0f0;text-shadow:0 0 10px #0f0,2px 2px 0 #000;opacity:1;transition:opacity .5s}.channel-indicator.fading{opacity:0}.tv-controls{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;z-index:5}.tv-btn{background:#333;border:2px solid #555;color:#aaa;font-family:VT323,monospace;font-size:18px;padding:8px 20px;border-radius:6px;cursor:pointer;transition:all .2s}.tv-btn:hover{background:#444;color:#fff;border-color:#888;box-shadow:0 0 10px #ffffff1a}.tv-btn:active{transform:scale(.95)}.channel-name{color:#666;font-size:14px;text-align:center;min-width:200px}.power-led{position:absolute;bottom:10px;right:20px;width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 6px #0f0;animation:led-pulse 2s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:.8}50%{opacity:1}}.transitioning .tv-screen canvas{animation:channel-flip .3s ease-out}@keyframes channel-flip{0%{transform:scaleY(.01);filter:brightness(3)}30%{transform:scaleY(.01);filter:brightness(3)}50%{transform:scaleY(1.1);filter:brightness(1.5)}to{transform:scaleY(1);filter:brightness(1)}}.instructions{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#333;font-size:14px;text-align:center;z-index:5;pointer-events:none}@media(max-width:600px){.tv-frame{border-radius:16px;padding:16px;width:95vw;height:60vh}.channel-indicator{font-size:20px}.tv-controls{bottom:-50px;gap:12px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Indie Flower,cursive;background:#0d0d0d;color:#e0e0e0;min-height:100vh}a{color:inherit;text-decoration:none}#root{min-height:100vh}