*{box-sizing:border-box}body{font-family:Open Sans,Ubuntu,Arial,Helvetica,sans-serif;margin:0;padding:0}img{max-width:100%;height:auto}#fireAlert{min-height:20px;border:2px dashed rgba(255,0,0,.3)}#fireAlert.show{border:2px solid #ff4757!important}#fireAlert{position:relative;width:100%;margin-bottom:20px;background:linear-gradient(135deg,#ff4757,#ff3838);color:white;padding:16px 24px 24px;border-radius:12px;box-shadow:0 8px 32px rgba(255,71,87,.4);border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);font-family:Ubuntu,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;font-size:16px;text-align:center;animation:fireAlertSlideDown .5s ease-out,fireAlertPulse 2s infinite;display:none;overflow:visible;min-height:auto}#fireAlert.show{display:block;animation:fireAlertSlideDown .5s ease-out forwards,fireAlertPulse 2s .5s infinite}#fireAlert.hide{animation:fireAlertSlideUp .3s ease-in forwards}@keyframes fireAlertSlideUp{0%{opacity:1;transform:translateY(0);max-height:400px;margin-bottom:20px;padding-top:16px;padding-bottom:24px}to{opacity:0;transform:translateY(-100%);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}#fireAlert:before{content:"🚨";font-size:24px;margin-right:12px;animation:fireAlertIconSpin 1s linear infinite}@keyframes fireAlertSlideDown{0%{opacity:0;transform:translateY(-100%);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0);max-height:400px;margin-bottom:20px;padding-top:16px;padding-bottom:24px}}@keyframes fireAlertPulse{0%,to{box-shadow:0 8px 32px rgba(255,71,87,.4)}50%{box-shadow:0 8px 32px rgba(255,71,87,.8)}}@keyframes fireAlertIconSpin{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}@media (max-width:768px){#fireAlert{margin-bottom:15px;font-size:14px;padding:12px 16px 20px;border-radius:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:visible}#fireAlert .alert-content{flex-direction:column;gap:6px;text-align:center}#fireAlert .alert-text{font-size:16px;line-height:1.3}#fireAlert .alert-subtext{font-size:11px;line-height:1.4;margin-top:2px}#fireAlert .status-indicator{margin-top:6px;font-size:10px}#fireAlert .progress-container{margin-top:8px;height:3px}}@media (max-width:480px){#fireAlert{margin-bottom:12px;font-size:13px;padding:10px 12px 18px;border-radius:6px;overflow:visible}#fireAlert .alert-text{font-size:15px}#fireAlert .alert-subtext{font-size:10px}#fireAlert .status-indicator{font-size:9px}}#fireAlert .alert-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;position:relative;z-index:1;width:100%}#fireAlert .alert-text{font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}#fireAlert .alert-subtext{font-size:12px;opacity:.9;margin-top:4px;font-weight:400}#fireAlert .progress-container{width:100%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;margin-top:12px;overflow:hidden}#fireAlert .progress-bar{height:100%;background:linear-gradient(90deg,#fff,#ffeb3b);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px rgba(255,255,255,.5)}#fireAlert .status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:11px;opacity:.8}#fireAlert .status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:statusDotPulse 1.5s infinite}@keyframes statusDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}#fireAlert.exit1{background:linear-gradient(135deg,#ff6b35,#f7931e)}#fireAlert.exit2{background:linear-gradient(135deg,#ff9500,#ffad00)}#fireAlert.normal{background:linear-gradient(135deg,#4caf50,#8bc34a)}#fireAlert .sound-waves{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(255,255,255,.3);border-radius:16px;animation:soundWave 2s infinite;pointer-events:none}@keyframes soundWave{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}