.app{min-height:100vh;display:flex;flex-direction:column;padding:2rem;position:relative}.embers{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.ember{position:absolute;bottom:-10px;width:4px;height:4px;background:radial-gradient(circle,#ff6600 0%,#ff3300 50%,transparent 70%);border-radius:50%;animation:riseEmber linear infinite;box-shadow:0 0 6px #f40,0 0 12px #f20}@keyframes riseEmber{0%{transform:translateY(0) translate(0) scale(1);opacity:1}50%{opacity:.8}to{transform:translateY(-100vh) translate(50px) scale(0);opacity:0}}.broadcast-bar{background:linear-gradient(90deg,#8b0000,red,#8b0000);padding:.75rem;text-align:center;animation:flashRed 1s ease-in-out infinite;position:relative;overflow:hidden;margin:-2rem -2rem 2rem}.broadcast-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 2s infinite}@keyframes shine{to{left:100%}}@keyframes flashRed{0%,to{background-color:#8b0000}50%{background-color:#c00}}.broadcast-text{font-family:Metal Mania,cursive;font-size:1rem;text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 0 10px #ff0000;animation:textGlitch .5s infinite}@keyframes textGlitch{0%,90%,to{opacity:1}95%{opacity:.8}}.header{text-align:center;margin-bottom:2rem;position:relative}.header h1{font-family:Creepster,cursive;font-size:5rem;color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff3300,0 0 30px #ff6600,0 0 40px #ff0000,2px 2px 0 #000,-2px -2px 0 #000;letter-spacing:8px;animation:fireText 2s ease-in-out infinite alternate;margin-bottom:.5rem}@keyframes fireText{0%{text-shadow:0 0 10px #ff0000,0 0 20px #ff3300,0 0 30px #ff6600,0 0 40px #ff0000;transform:scale(1)}to{text-shadow:0 0 20px #ff3300,0 0 40px #ff6600,0 0 60px #ff9900,0 0 80px #ff3300;transform:scale(1.02)}}.subtitle{font-family:Metal Mania,cursive;color:#f60;font-size:1.5rem;text-transform:uppercase;letter-spacing:6px;text-shadow:0 0 10px #ff3300}.tagline{color:#999;font-size:1rem;margin-top:1rem;font-style:italic}.main{flex:1;display:flex;flex-direction:column;gap:2rem;align-items:center;position:relative;z-index:1}.countdown-section{text-align:center;padding:2rem;background:linear-gradient(135deg,#8b00004d,#00000080);border:2px solid #ff0000;border-radius:0;position:relative;max-width:700px;width:100%;animation:borderPulse 2s ease-in-out infinite}@keyframes borderPulse{0%,to{border-color:red;box-shadow:0 0 20px #ff00004d}50%{border-color:#f60;box-shadow:0 0 40px #ff640080}}.countdown-section:before{content:"///  ALERT  ///";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#0a0000;padding:0 1rem;color:red;font-size:.8rem;letter-spacing:3px}.countdown-title{font-family:Metal Mania,cursive;font-size:1.5rem;color:#f30;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:4px}.countdown-display{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.countdown-value{font-family:Creepster,cursive;font-size:3.5rem;color:red;text-shadow:0 0 20px #ff0000,0 0 40px #ff3300;line-height:1}.countdown-label{font-size:.8rem;color:#f60;text-transform:uppercase;letter-spacing:2px;margin-top:.5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;width:100%}.card{background:#140000cc;border:1px solid #660000;border-left:4px solid #ff0000;padding:1.5rem;position:relative;transition:all .3s ease}.card:hover{border-color:#f30;box-shadow:0 0 30px #ff00004d;transform:translateY(-5px)}.card-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 10px currentColor)}.card h2{font-family:Metal Mania,cursive;font-size:1.3rem;color:#f30;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.card p{color:#aaa;line-height:1.6;font-size:.95rem}.stat-value{font-family:Creepster,cursive;font-size:2.5rem;color:red;display:block;margin:.5rem 0;text-shadow:0 0 15px #ff0000}.stat-label{color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.survival-section{max-width:700px;width:100%;background:#0009;border:1px solid #333;padding:2rem}.survival-section h2{font-family:Metal Mania,cursive;font-size:1.5rem;color:#f60;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px;text-align:center}.survival-list{list-style:none}.survival-list li{padding:1rem;border-bottom:1px solid #330000;display:flex;align-items:center;gap:1rem;transition:background .3s ease}.survival-list li:hover{background:#ff00001a}.survival-list li:last-child{border-bottom:none}.survival-icon{font-size:1.5rem;flex-shrink:0}.survival-text{color:#ccc}.status-section{max-width:500px;width:100%;background:#140000e6;border:2px solid #330000;padding:1.5rem}.status-section h2{font-family:Metal Mania,cursive;color:#f30;font-size:1.2rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;text-align:center}.status-item{display:flex;justify-content:space-between;padding:.75rem;background:#00000080;margin-bottom:.5rem;border-left:3px solid #ff0000}.status-item:last-child{margin-bottom:0}.status-label{color:#888}.status-value{color:#f60;font-weight:700}.status-value.critical{color:red;animation:blink 1s infinite}.status-value.warning{color:#f90}.status-value.stable{color:#0f0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.loading{color:#f60;text-align:center;padding:2rem;animation:pulse 1.5s ease-in-out infinite}.error{color:red;background:#ff00001a;border:1px solid #ff0000;padding:1rem;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.action-btn{background:linear-gradient(135deg,#8b0000,red,#8b0000);border:2px solid #ff3300;color:#fff;padding:1rem 3rem;font-family:Metal Mania,cursive;font-size:1.2rem;text-transform:uppercase;letter-spacing:4px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;margin-top:2rem}.action-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #ff000080;border-color:#f60}.action-btn:active{transform:scale(.98)}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-btn:hover:before{left:100%}.footer{text-align:center;padding:3rem 2rem;margin-top:3rem;border-top:1px solid #330000;position:relative}.footer-warning{font-family:Metal Mania,cursive;color:red;font-size:1.2rem;text-transform:uppercase;letter-spacing:4px;margin-bottom:1rem;text-shadow:0 0 10px #ff0000}.footer-text{color:#666;font-size:.85rem}.footer-year{font-family:Creepster,cursive;color:#f30;font-size:1.5rem}@media (max-width: 768px){.header h1{font-size:3rem}.countdown-value{font-size:2.5rem}.countdown-display{gap:1rem}.countdown-item{min-width:60px}.broadcast-text{font-size:.75rem;letter-spacing:2px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Special Elite,monospace;background:#0a0000;min-height:100vh;color:#fff;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at bottom,#1a0000,#0a0000,#000),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%' height='100%' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");z-index:-2}body:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(255,50,0,.15) 0%,rgba(255,100,0,.08) 30%,transparent 100%);z-index:-1;animation:fireGlow 3s ease-in-out infinite alternate}@keyframes fireGlow{0%{opacity:.6;filter:blur(20px)}to{opacity:1;filter:blur(30px)}}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100vh) scale(0);opacity:0}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes drip{0%{height:0}to{height:100px}}@keyframes pulse{0%,to{box-shadow:0 0 20px #ff000080}50%{box-shadow:0 0 40px #f00c,0 0 60px #ff320066}}body.scanlines:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a0000}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#f30,#900);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#f50,#b00)}::selection{background:#ff000080;color:#fff}