.error-500-interactive{position:relative;min-height:100vh;background:linear-gradient(135deg,#0d0208,#1a0f0f,#1f0a0a);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.alarm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#f000,#ff00001a);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.alarm-overlay.active{opacity:1}.sparks-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2}.spark{position:absolute;width:3px;height:3px;background:#ff6b00;border-radius:50%;animation:sparkFall 1.5s ease-out forwards;box-shadow:0 0 5px #ff6b00,0 0 10px #ff6b00,0 0 15px #ff6b00}@keyframes sparkFall{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(200px) scale(.2)}}.cloister-bell-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;pointer-events:none;z-index:1}.bell-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid rgba(255,0,0,.3);border-radius:50%;animation:bellRingPulse 3s ease-out infinite}.ring-1{width:100px;height:100px;animation-delay:0s}.ring-2{width:150px;height:150px;animation-delay:1s}.ring-3{width:200px;height:200px;animation-delay:2s}@keyframes bellRingPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.tardis-console-malfunction{position:relative;width:250px;height:250px;margin:0 auto 3rem;perspective:1000px}.console-center{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:consoleShake 4s ease-in-out infinite}@keyframes consoleShake{0%,to{transform:rotate(0) translateZ(0)}10%{transform:rotate(-2deg) translate(-5px)}20%{transform:rotate(2deg) translate(5px)}30%{transform:rotate(-1deg) translate(-3px)}40%{transform:rotate(1deg) translate(3px)}50%{transform:rotate(0) translateZ(0)}}.time-rotor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:150px;display:flex;justify-content:center;gap:8px}.rotor-column{width:15px;background:linear-gradient(180deg,red,#ff6b00,#fa0,#ff6b00,red);border-radius:4px;animation:rotorMalfunction 1s ease-in-out infinite alternate;box-shadow:0 0 10px #ff6b00,inset 0 0 10px #00000080}.rotor-column.sparking:after{content:"⚡";position:absolute;top:-20px;font-size:1.5rem;animation:sparkBlink .5s ease-in-out infinite}@keyframes rotorMalfunction{0%{height:150px;opacity:1;filter:brightness(1)}50%{height:120px;opacity:.7;filter:brightness(1.5)}to{height:150px;opacity:1;filter:brightness(.8)}}@keyframes sparkBlink{0%,to{opacity:1}50%{opacity:0}}.console-lights{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:10px}.light{width:15px;height:15px;border-radius:50%;box-shadow:0 0 10px currentColor}.light.red{background:red;box-shadow:0 0 15px red}.light.yellow{background:#fa0;box-shadow:0 0 15px #fa0}.light.blinking{animation:lightBlink .8s ease-in-out infinite}@keyframes lightBlink{0%,to{opacity:1}50%{opacity:.2}}.console-panels{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;opacity:.3}.panel{background:#003b6f4d;border:2px solid #003b6f;border-radius:8px;position:relative}.panel.damaged:after{content:"⚠️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:warningPulse 1s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.error-content-wrapper{position:relative;z-index:10;max-width:900px;text-align:center}.error-message-500{margin-bottom:3rem}.error-code-500{font-size:8rem;font-weight:900;color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000,0 0 40px #ff0000,0 0 80px #ff0000;margin:0;line-height:1;font-family:Courier New,monospace;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.7}}.glitch-500{display:inline-block;animation:glitchEffect500 5s ease-in-out infinite}@keyframes glitchEffect500{0%,90%,to{transform:translate(0);filter:hue-rotate(0deg)}92%{transform:translate(-5px,5px);filter:hue-rotate(90deg)}94%{transform:translate(5px,-5px);filter:hue-rotate(-90deg)}96%{transform:translate(-5px,-5px);filter:hue-rotate(180deg)}}.error-title-500{font-size:2.5rem;font-weight:700;color:#fff;margin:1rem 0;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px rgba(255,0,0,.5)}.error-quote-500{font-size:1.3rem;color:#ff6b00;font-style:italic;margin:1.5rem 0;line-height:1.6}.error-description-500{font-size:1.1rem;color:#ffffffd9;line-height:1.7;margin:1rem 0;max-width:700px;margin-left:auto;margin-right:auto}.diagnostic-console{background:#000000b3;border:2px solid #ff0000;border-radius:12px;padding:1.5rem;margin:2rem auto;max-width:700px;backdrop-filter:blur(10px);box-shadow:0 0 30px #ff00004d}.console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,0,0,.3)}.console-title{font-size:1rem;color:#00d9ff;font-weight:700;font-family:Courier New,monospace}.console-status{font-size:.9rem;color:#ff6b00;font-weight:600;text-transform:uppercase;animation:statusBlink 1.5s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.console-screen{background:#000c;border:1px solid rgba(0,217,255,.2);border-radius:6px;padding:1rem;min-height:150px;max-height:200px;overflow-y:auto;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:1rem}.console-line{margin-bottom:.5rem;animation:lineAppear .3s ease-out}.console-line.error{color:#ff6b00}.console-line.success{color:#0f8}@keyframes lineAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.console-progress{display:flex;align-items:center;gap:1rem}.progress-label{font-size:.9rem;color:#fffc;font-weight:600;min-width:150px}.progress-bar{flex:1;height:20px;background:#00000080;border:1px solid rgba(0,217,255,.3);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,red,#ff6b00,#0f8);transition:width .3s ease;box-shadow:0 0 10px #00d9ff80}.progress-value{font-size:1rem;color:#00d9ff;font-weight:700;font-family:Courier New,monospace;min-width:50px;text-align:right}.error-actions-500{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0 3rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-repair{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:48px}.btn-repair.primary{background:linear-gradient(135deg,red,#ff6b00);color:#fff;box-shadow:0 4px 15px #f006}.btn-repair.primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px #f009}.btn-repair.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,107,0,.3);backdrop-filter:blur(10px)}.btn-repair.secondary:hover{background:#ff6b0033;border-color:#ff6b00;transform:translateY(-3px)}.emergency-contact{background:#ff00001a;border:2px solid rgba(255,0,0,.3);border-radius:12px;padding:1.5rem;margin:2rem auto;max-width:500px;backdrop-filter:blur(10px);opacity:0;transform:translateY(20px);transition:all .8s ease-out}.emergency-contact.show{opacity:1;transform:translateY(0)}.contact-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.emergency-icon{font-size:1.5rem;animation:emergencyPulse 1.5s ease-in-out infinite}@keyframes emergencyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.emergency-title{font-size:1rem;color:#ff6b00;font-weight:700;text-transform:uppercase;letter-spacing:2px}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00000080;border:1px solid rgba(255,107,0,.3);border-radius:8px;color:#fff;text-decoration:none;transition:all .3s ease}.contact-method:hover{background:#ff6b0033;border-color:#ff6b00;transform:translate(5px)}.method-icon{font-size:1.5rem}.method-text{font-size:1.1rem;font-weight:600}.psychic-paper{position:absolute;bottom:2rem;left:2rem;width:200px;height:140px;background:linear-gradient(135deg,beige,#e8e8d0);border:3px solid #8b7355;border-radius:8px;padding:1rem;box-shadow:0 4px 15px #00000080;transform:rotate(-5deg);transition:transform .3s ease}.psychic-paper:hover{transform:rotate(0) scale(1.05)}.paper-content{text-align:center}.paper-title{font-size:.7rem;color:#8b7355;font-weight:700;margin-bottom:.5rem;letter-spacing:2px}.paper-message{font-size:.8rem;color:#2c2416;line-height:1.4;font-family:Georgia,serif;font-style:italic}.time-lord-badge{position:absolute;bottom:2rem;right:2rem;display:flex;align-items:center;gap:1rem;padding:1rem;background:#000000b3;border:2px solid rgba(255,0,0,.3);border-radius:12px;backdrop-filter:blur(10px)}.badge-icon{font-size:2rem;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge-text{display:flex;flex-direction:column;gap:.25rem}.badge-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.badge-value{font-size:1.2rem;color:#ff6b00;font-weight:700;font-family:Courier New,monospace}@media(max-width:768px){.error-code-500{font-size:5rem}.error-title-500{font-size:1.8rem}.error-quote-500{font-size:1rem}.tardis-console-malfunction{width:180px;height:180px}.psychic-paper{width:150px;height:100px;bottom:1rem;left:1rem;padding:.75rem}.paper-message{font-size:.65rem}.time-lord-badge{bottom:1rem;right:1rem;padding:.75rem}.badge-icon{font-size:1.5rem}.badge-value{font-size:1rem}.error-actions-500{flex-direction:column;width:100%}.btn-repair{width:100%;justify-content:center}.contact-methods{gap:.75rem}}@media(prefers-reduced-motion:reduce){.alarm-overlay,.spark,.bell-ring,.console-center,.rotor-column,.light,.error-code-500,.glitch-500,.console-status,.emergency-icon,.badge-icon{animation:none!important}.btn-repair:hover,.contact-method:hover,.psychic-paper:hover{transform:none!important}}.btn-repair:focus,.contact-method:focus{outline:3px solid #ff6b00;outline-offset:3px}