@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600;700&display=swap";.app{min-height:100vh;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;padding:20px 30px;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.header-actions{display:flex;align-items:center;gap:15px}.btn-admin{background:#8b5cf6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.btn-admin:hover{background:#7c3aed}.header h1{color:#333;font-size:28px;font-weight:700}.status{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-connected .status-dot{background-color:#10b981}.status-disconnected .status-dot{background-color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container{display:grid;grid-template-columns:1fr 400px;gap:20px;height:calc(100vh - 140px)}.game-section{background:#fffffff2;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.game-header h2{color:#333;font-size:20px}.url-input input{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;width:300px;transition:border-color .3s}.url-input input:focus{outline:none;border-color:#667eea}.iframe-container{flex:1;border-radius:10px;overflow:hidden;background:#000;min-height:0}.game-iframe{width:100%;height:100%;border:none}.signals-section{background:#fffffff2;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;overflow:hidden}.signals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.signals-header h2{color:#333;font-size:20px}.signals-count{background:#667eea;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.signals-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:5px}.signals-container::-webkit-scrollbar{width:6px}.signals-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.signals-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.signals-container::-webkit-scrollbar-thumb:hover{background:#555}.no-signals{text-align:center;padding:40px 20px;color:#666}.no-signals p{margin-bottom:10px;font-size:16px}.hint{font-size:12px!important;color:#999}.signal-card{background:#f9fafb;border-radius:10px;padding:15px;border-left:4px solid #e5e7eb;transition:all .3s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.signal-card:hover{box-shadow:0 2px 8px #0000001a;transform:translate(5px)}.signal-card.signal-red{border-left-color:#ef4444;background:#fef2f2}.signal-card.signal-blue{border-left-color:#3b82f6;background:#eff6ff}.signal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.signal-header-left{display:flex;align-items:center;gap:8px}.signal-time{font-size:12px;color:#666;font-weight:600}.signal-source{font-size:11px;color:#999;background:#e5e7eb;padding:3px 8px;border-radius:12px}.signal-color,.signal-probability{display:flex;align-items:center;gap:8px;margin-bottom:8px}.color-label,.prob-label{font-size:13px;color:#666;font-weight:600}.color-value{font-size:14px;font-weight:700;padding:4px 12px;border-radius:6px}.color-value.signal-red{background:#fee2e2;color:#dc2626}.color-value.signal-blue{background:#dbeafe;color:#2563eb}.prob-value{font-size:16px;font-weight:700;color:#667eea}.signal-message{font-size:14px;color:#333;margin:12px 0;padding:12px;background:#f9fafb;border-radius:8px;word-break:break-word;line-height:1.6;white-space:pre-wrap}.color-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;margin-top:8px}.color-badge.signal-red{background:#fee2e2;color:#dc2626}.color-badge.signal-blue{background:#dbeafe;color:#2563eb}.connection-hint{margin-top:15px;font-size:13px;color:var(--hacker-cyan);font-family:Rajdhani,sans-serif}.signal-source-badge{margin-top:8px;font-size:11px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:12px;display:inline-block}.signal-source-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bot-badge{background:#8b5cf6;color:#fff;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bot-badge.target-bot{background:#10b981;animation:pulse-glow 2s infinite;box-shadow:0 0 10px #10b98180}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #10b98180}50%{box-shadow:0 0 20px #10b981cc}}.edited-badge{font-size:10px;color:#6b7280;font-style:italic}.signal-user{font-size:11px;color:#6b7280;font-weight:600}.button-data{margin-top:8px;padding:8px;background:#8b5cf61a;border-left:3px solid #8b5cf6;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.button-icon{font-size:14px}.button-indicator{margin-top:8px;font-size:10px;color:#8b5cf6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.buttons-display{margin-top:12px;padding:12px;background:#8b5cf61a;border-left:3px solid #8b5cf6;border-radius:6px}.buttons-label{font-size:11px;font-weight:700;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.button-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:#374151;border-bottom:1px solid rgba(139,92,246,.2)}.button-item:last-child{border-bottom:none}@media (max-width: 1200px){.container{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto}.game-section{min-height:500px}.signals-section{max-height:400px}}:root{--hacker-green: #00ff41;--hacker-cyan: #00ffff;--hacker-purple: #ff00ff;--hacker-blue: #0080ff;--hacker-red: #ff0040;--hacker-bg: #0a0a0a;--hacker-panel: #0d1117;--hacker-border: #1a1a2e;--hacker-glow: rgba(0, 255, 65, .3)}.hacker-style{font-family:Rajdhani,sans-serif;color:var(--hacker-green);text-shadow:0 0 10px var(--hacker-green)}.hacker-scan{position:relative;padding:40px;background:linear-gradient(135deg,#00ff410d,#0080ff0d);border:2px solid var(--hacker-green);border-radius:8px;overflow:hidden;box-shadow:0 0 20px var(--hacker-glow),inset 0 0 20px #00ff411a}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--hacker-green) 50%,transparent 100%);animation:scan 2s linear infinite;box-shadow:0 0 10px var(--hacker-green)}@keyframes scan{0%{transform:translateY(0);opacity:1}to{transform:translateY(200px);opacity:0}}.hacker-text{text-align:center;position:relative;z-index:1}.glitch{font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:var(--hacker-green);text-transform:uppercase;letter-spacing:4px;position:relative;animation:glitch 2s infinite;text-shadow:0 0 10px var(--hacker-green),0 0 20px var(--hacker-green),0 0 30px var(--hacker-green)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--hacker-cyan);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:2px 0 var(--hacker-purple);clip:rect(44px,450px,56px,0);animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(54px,9999px,66px,0)}40%{clip:rect(28px,9999px,100px,0)}60%{clip:rect(65px,9999px,29px,0)}80%{clip:rect(92px,9999px,98px,0)}to{clip:rect(9px,9999px,98px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(25px,9999px,97px,0)}40%{clip:rect(50px,9999px,77px,0)}60%{clip:rect(30px,9999px,52px,0)}80%{clip:rect(88px,9999px,9px,0)}to{clip:rect(95px,9999px,66px,0)}}.status-indicator{margin-top:20px;font-size:18px;color:var(--hacker-cyan);display:flex;align-items:center;justify-content:center;gap:10px}.pulse-dot{width:12px;height:12px;background:var(--hacker-green);border-radius:50%;box-shadow:0 0 10px var(--hacker-green),0 0 20px var(--hacker-green),0 0 30px var(--hacker-green);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hacker-warning{background:#ff00401a;border:1px solid var(--hacker-red);border-radius:6px;padding:12px;display:flex;align-items:center;gap:10px;color:var(--hacker-red);font-family:Rajdhani,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #ff00404d}.warning-icon{font-size:20px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.warning-text{font-size:12px}.signal-card{background:var(--hacker-panel)!important;border:1px solid var(--hacker-border)!important;border-left:3px solid var(--hacker-green)!important;color:var(--hacker-green)!important;font-family:Rajdhani,sans-serif;position:relative;overflow:hidden}.signal-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.signal-card.signal-red{border-left-color:var(--hacker-red)!important;background:#ff00400d!important}.signal-card.signal-blue{border-left-color:var(--hacker-blue)!important;background:#0080ff0d!important}.signal-time{color:var(--hacker-cyan)!important;font-family:Orbitron,monospace;font-size:11px;letter-spacing:1px}.signal-color .color-value{background:#00ff411a!important;border:1px solid var(--hacker-green)!important;color:var(--hacker-green)!important;font-family:Orbitron,monospace;text-shadow:0 0 5px var(--hacker-green)}.signal-probability .prob-value{color:var(--hacker-cyan)!important;font-family:Orbitron,monospace;text-shadow:0 0 10px var(--hacker-cyan)}.signal-generator{background:var(--hacker-panel)!important;border:2px solid var(--hacker-border)!important;box-shadow:0 0 20px #00ff411a,inset 0 0 20px #00ff410d}.generator-header h3{color:var(--hacker-green)!important;font-family:Orbitron,sans-serif;text-shadow:0 0 10px var(--hacker-green);letter-spacing:2px}.roadmap-display{background:var(--hacker-bg)!important;border:1px solid var(--hacker-border)!important;box-shadow:inset 0 0 20px #00ff411a}.roadmap-item{box-shadow:0 0 10px currentColor,0 0 20px currentColor!important;transition:all .3s}.roadmap-item:hover{transform:scale(1.15)!important;box-shadow:0 0 15px currentColor,0 0 30px currentColor,0 0 45px currentColor!important}.btn-add{font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid currentColor!important;box-shadow:0 0 10px currentColor,inset 0 0 10px #ffffff1a;transition:all .3s}.btn-add:hover{box-shadow:0 0 20px currentColor,0 0 40px currentColor,inset 0 0 20px #fff3;transform:translateY(-2px)}.last-signal{background:var(--hacker-panel)!important;border:2px solid var(--hacker-green)!important;box-shadow:0 0 20px var(--hacker-glow),inset 0 0 20px #00ff411a}.last-signal.signal-vermelho{border-color:var(--hacker-red)!important;box-shadow:0 0 20px #ff00404d,inset 0 0 20px #ff00401a}.last-signal.signal-azul{border-color:var(--hacker-blue)!important;box-shadow:0 0 20px #0080ff4d,inset 0 0 20px #0080ff1a}.signal-pattern,.signal-color,.signal-confidence{color:var(--hacker-green)!important;font-family:Rajdhani,sans-serif}.app{background:var(--hacker-bg)!important;min-height:100vh;position:relative}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px);pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.header{background:var(--hacker-panel)!important;border:2px solid var(--hacker-border)!important;box-shadow:0 0 20px #00ff4133,inset 0 0 20px #00ff410d}.header h1{color:var(--hacker-green)!important;font-family:Orbitron,sans-serif;text-shadow:0 0 10px var(--hacker-green),0 0 20px var(--hacker-green);letter-spacing:3px}.status-connected .status-dot{background:var(--hacker-green)!important;box-shadow:0 0 10px var(--hacker-green),0 0 20px var(--hacker-green)}.status-disconnected .status-dot{background:var(--hacker-red)!important;box-shadow:0 0 10px var(--hacker-red),0 0 20px var(--hacker-red)}.game-section{background:var(--hacker-panel)!important;border:2px solid var(--hacker-border)!important;box-shadow:0 0 20px #00ff411a,inset 0 0 20px #00ff410d}.game-header h2{color:var(--hacker-cyan)!important;font-family:Orbitron,sans-serif;text-shadow:0 0 10px var(--hacker-cyan)}.iframe-container{border:2px solid var(--hacker-border)!important;box-shadow:inset 0 0 30px #00ff411a}.signals-section{background:var(--hacker-panel)!important;border:2px solid var(--hacker-border)!important;box-shadow:0 0 20px #00ff411a,inset 0 0 20px #00ff410d}.signals-header h2{color:var(--hacker-green)!important;font-family:Orbitron,sans-serif;text-shadow:0 0 10px var(--hacker-green)}.signals-count{background:var(--hacker-green)!important;color:var(--hacker-bg)!important;box-shadow:0 0 10px var(--hacker-green);font-family:Orbitron,monospace}.signals-container::-webkit-scrollbar{width:8px}.signals-container::-webkit-scrollbar-track{background:var(--hacker-bg);border:1px solid var(--hacker-border)}.signals-container::-webkit-scrollbar-thumb{background:var(--hacker-green);border-radius:4px;box-shadow:0 0 10px var(--hacker-green)}.signals-container::-webkit-scrollbar-thumb:hover{background:var(--hacker-cyan);box-shadow:0 0 15px var(--hacker-cyan)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh}