*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#00ff41;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;overflow-x:hidden}.btn-sound-toggle{position:fixed;top:20px;right:20px;background:#001428e6;border:2px solid #00ff41;border-radius:50%;width:50px;height:50px;font-size:1.5em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1000;box-shadow:0 0 15px #00ff414d}.btn-sound-toggle:hover{transform:scale(1.1);box-shadow:0 0 25px #00ff4199}.header{text-align:center;margin-bottom:20px}h1{font-size:2.5em;text-shadow:0 0 10px #00ff41,0 0 20px #00ff41;letter-spacing:3px}.subtitle{color:#f44;font-size:1.2em;margin-top:10px;text-shadow:0 0 5px #ff4444}.main-container{display:flex;gap:40px;max-width:1800px;width:100%;flex-wrap:wrap;justify-content:center}.radar-section{flex:1;min-width:540px;max-width:600px}.radar-container{position:relative;background:#001428cc;border:2px solid #00ff41;border-radius:10px;padding:20px;box-shadow:0 0 20px #00ff414d}canvas{display:block;margin:0 auto;background:radial-gradient(circle,#0a1520,#000810);border-radius:50%;box-shadow:inset 0 0 30px #00ff4133}.stats{display:flex;justify-content:space-around;margin-top:20px;padding:15px;background:#00000080;border-radius:5px;border:1px solid #00ff41}.stat-item{text-align:center}.stat-label{font-size:.9em;color:#00ff41;margin-bottom:5px}.stat-value{font-size:2em;font-weight:700;color:#f44;text-shadow:0 0 10px #ff4444}.cards-section{flex:1;min-width:450px;max-width:750px;display:flex;flex-direction:column;gap:25px}.controls{margin-bottom:0;padding:15px;background:#001428cc;border:2px solid #00ff41;border-radius:10px}.controls h3{margin-bottom:15px;color:#00ff41;text-shadow:0 0 5px #00ff41}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:5px;color:#00ff41}.form-group input{width:100%;padding:8px;background:#00000080;border:1px solid #00ff41;color:#00ff41;font-family:Courier New,monospace;border-radius:3px}.btn{width:100%;padding:12px;margin-top:10px;background:linear-gradient(135deg,#00ff41,#0c3);border:none;color:#0a0e27;font-weight:700;font-size:1.1em;cursor:pointer;border-radius:5px;font-family:Courier New,monospace;text-transform:uppercase;transition:all .3s;box-shadow:0 4px 15px #00ff414d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff4180}.cards-container{display:flex;flex-direction:column;gap:15px;max-height:650px;overflow-y:auto;padding:15px;background:#001428cc;border:2px solid #00ff41;border-radius:10px;scroll-behavior:smooth}.cards-container::-webkit-scrollbar{width:10px}.cards-container::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.cards-container::-webkit-scrollbar-thumb{background:#00ff41;border-radius:5px;box-shadow:0 0 10px #00ff4180}.cards-container::-webkit-scrollbar-thumb:hover{background:#0f6;box-shadow:0 0 15px #00ff41cc}.threat-card{padding:12px;border-radius:8px;border:2px solid #00ff41;background:#00ff410d;position:relative;transition:all .3s;animation:cardAppear .5s ease-out;margin-bottom:15px}.threat-card:hover{transform:scale(1.02);background:#00ff411a}.threat-card.focused{border-color:#fa0;background:#ffaa001a;box-shadow:0 0 20px #fa06,inset 0 0 15px #ffaa000d;animation:focusPulse 2s ease-in-out infinite}.threat-card.focused .card-title{color:#fa0}.focused-badge{font-size:.7em;padding:2px 8px;background:#fa0;color:#0a0e27;border-radius:3px;font-weight:700;letter-spacing:1px}@keyframes focusPulse{0%,to{box-shadow:0 0 20px #fa06,inset 0 0 15px #ffaa000d}50%{box-shadow:0 0 30px #fa09,inset 0 0 20px #ffaa001a}}.threat-card.completing{animation:cardComplete .5s ease-out forwards}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-title{font-size:1.1em;font-weight:700;color:#00ff41}.card-description{margin-bottom:8px;opacity:.9;font-size:.95em}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,255,65,.3)}.card-age{font-size:.8em;opacity:.7}.btn-complete{padding:5px 15px;background:#f44;border:none;color:#fff;font-weight:700;cursor:pointer;border-radius:3px;font-family:Courier New,monospace;transition:all .2s}.btn-complete:hover{background:#c00;transform:scale(1.05)}@keyframes cardAppear{0%{opacity:0;transform:translate(-30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cardComplete{0%{transform:scale(1);opacity:1}30%{transform:scale(1.05);box-shadow:0 0 30px #00ff41cc;filter:brightness(1.5)}60%{transform:scale(.9) rotateY(90deg);opacity:.6}to{transform:scale(.5) rotateY(180deg) translate(100px);opacity:0;filter:brightness(2) blur(3px)}}.pile-section{flex:0 0 300px;min-width:250px;max-width:350px;display:flex;flex-direction:column;gap:15px}.pile-title{color:#00ff41;text-align:center;font-size:1.5em;text-shadow:0 0 10px #00ff41;letter-spacing:2px;padding:10px;background:#001428cc;border:2px solid #00ff41;border-radius:10px}.completed-pile{position:relative;min-height:400px;padding:30px 20px;background:#001428cc;border:2px solid #00ff41;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;box-shadow:0 0 20px #00ff414d}.pile-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00ff414d;font-style:italic;text-align:center;font-size:.9em}.pile-card{position:absolute;bottom:30px;width:200px;padding:15px;background:linear-gradient(135deg,#00ff4133,#00c8324d);border:2px solid #00ff41;border-radius:8px;box-shadow:0 4px 15px #00ff4166;animation:pileCardAppear .6s ease-out;transition:transform .3s ease}.pile-card:hover{transform:translateY(-10px) scale(1.05)!important;z-index:1000!important;box-shadow:0 8px 25px #00ff4199}.pile-card-title{font-size:.9em;font-weight:700;color:#00ff41;margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pile-card-checkmark{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#00ff41;color:#0a0e27;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;box-shadow:0 0 10px #00ff41cc;animation:checkmarkPulse 1s ease-out}@keyframes pileCardAppear{0%{opacity:0;transform:translate(200px) translateY(-50px) rotate(45deg) scale(.3)}50%{opacity:.8;transform:translate(50px) translateY(0) rotate(-10deg) scale(1.1)}to{opacity:1;transform:translate(0) translateY(0) rotate(0) scale(1)}}@keyframes checkmarkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}