*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0e27;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.threat-map{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.threat-map.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#000}.fullscreen-btn{position:absolute;top:15px;right:15px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:8px;background:#000000b3;border:1px solid rgba(229,169,64,.3);color:#e5a940;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fullscreen-btn:hover{background:#000000e6;border-color:#e5a94099;color:#e5a940}.fullscreen-btn:active{transform:scale(.95);background:#e5a94033}.map-canvas{max-width:100%;max-height:100%;border-radius:8px;image-rendering:auto;image-rendering:-webkit-optimize-contrast;touch-action:none}@media (max-width: 1400px){.map-canvas{width:100%;height:auto}}@media (max-width: 768px){.map-canvas{border-radius:6px}.fullscreen-btn{top:10px;right:10px;width:40px;height:40px;font-size:18px}}@media (max-width: 480px){.fullscreen-btn{top:8px;right:8px;width:36px;height:36px;font-size:16px;border-radius:6px}.map-canvas{border-radius:4px}}@media (min-width: 2000px){.fullscreen-btn{width:56px;height:56px;font-size:26px;top:20px;right:20px;border-radius:10px}.map-canvas{border-radius:12px}}.stats-panel{width:320px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:.25rem;padding:0 .5rem 0 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(245,166,35,.3) transparent}.stats-cards-top{display:flex;flex-direction:column;gap:.25rem}.stats-panel::-webkit-scrollbar{width:4px}.stats-panel::-webkit-scrollbar-track{background:transparent}.stats-panel::-webkit-scrollbar-thumb{background:#f5a6234d;border-radius:2px}.stats-panel::-webkit-scrollbar-thumb:hover{background:#f5a62380}.stat-card{background:#0a0a0ae6;border:1px solid rgba(245,166,35,.2);border-radius:6px;padding:.3rem .5rem;transition:all .3s ease}.stat-card:hover{border-color:#f5a62366}.stat-card h3{margin:0 0 .2rem;font-size:.6rem;font-weight:600;color:#f5a623;text-transform:uppercase;letter-spacing:.5px}.main-stats{display:flex;gap:.5rem}.stat-item{flex:1;text-align:center}.stat-label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.15rem}.stat-value{font-size:1.1rem;font-weight:700;color:#e0e0e0}.stat-value.large{font-size:1.25rem}.stat-value.highlight{color:#f5a623}.attack-types{display:grid;grid-template-columns:1fr 1fr;gap:.2rem}.attack-type-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem .4rem;background:#0006;border:1px solid rgba(245,166,35,.1);border-radius:4px;transition:all .2s ease;cursor:pointer}.attack-type-item:hover{background:#f5a6231a;border-color:#f5a6234d}.attack-type-label{display:flex;align-items:center;gap:.25rem;font-size:.6rem;color:#ccc}.attack-type-dot{width:6px;height:6px;border-radius:50%}.attack-type-count{font-weight:600;font-size:.6rem;color:#f5a623}.country-list{display:flex;flex-direction:column;gap:.15rem}.country-item{display:grid;grid-template-columns:16px minmax(60px,auto) 1fr 36px;gap:.15rem;align-items:center;padding:.15rem .3rem;background:#0006;border:1px solid rgba(245,166,35,.1);border-radius:4px;transition:all .2s ease}.country-item:hover{background:#f5a6231a;border-color:#f5a6234d}.country-rank{font-size:.6rem;font-weight:600;color:#666;text-align:center}.country-code{font-size:.6rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-bar{height:5px;background:#f5a6231a;border-radius:2px;overflow:hidden;position:relative}.country-bar-fill{height:100%;background:linear-gradient(90deg,#f5a623,#ffb833);border-radius:3px;transition:width .5s ease}.country-bar-fill.target{background:linear-gradient(90deg,#f5a623,#ffb833)}.country-count{font-size:.6rem;font-weight:600;color:#f5a623;text-align:right}.recent-attacks{display:flex;flex-direction:column;gap:.15rem}.recent-attacks::-webkit-scrollbar{width:3px}.recent-attacks::-webkit-scrollbar-track{background:transparent}.recent-attacks::-webkit-scrollbar-thumb{background:#f5a6234d;border-radius:2px}.recent-attack-item{display:flex;align-items:center;gap:.25rem;padding:.15rem .3rem;background:#0006;border:1px solid rgba(245,166,35,.1);border-radius:3px;font-size:.6rem;transition:all .2s ease;animation:slideIn .3s ease}.recent-attack-item:hover{background:#f5a6231a;border-color:#f5a6234d}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.attack-indicator{width:5px;height:5px;border-radius:50%;flex-shrink:0}.attack-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.attack-route{color:#e0e0e0;font-weight:500;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-attack-item .attack-type-label{color:#888;font-size:.55rem}.attack-time{color:#888;font-size:.55rem;white-space:nowrap}.sparkline{margin-top:.25rem}.filter-hint{font-size:.5rem;font-weight:400;color:#888;text-transform:none;letter-spacing:0}.attack-type-item.active{background:#f5a62333;border-color:#f5a62380}.attack-type-item.dimmed{opacity:.4}.attack-type-item:hover{transform:translate(3px)}.cta-card{background:linear-gradient(135deg,#140f05f2,#0a0a0af2);border:1px solid rgba(245,166,35,.3);padding:.75rem .6rem;width:100%;box-sizing:border-box;flex-grow:1;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.cta-card:hover{border-color:#f5a62380;box-shadow:0 0 20px #f5a62326}.cta-card h3{text-align:center;font-size:.75rem;margin-bottom:.4rem;letter-spacing:.5px}.cta-content{display:flex;flex-direction:column;align-items:center;gap:.4rem}.cta-counter-text{font-size:.6rem;color:#999;text-align:center;letter-spacing:.3px}.cta-counter{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.2rem 0}.cta-counter-value{font-size:1.5rem;font-weight:700;color:#f5a623;text-shadow:0 0 15px rgba(245,166,35,.6),0 0 30px rgba(245,166,35,.3);animation:counterPulse 2s ease-in-out infinite}@keyframes counterPulse{0%,to{text-shadow:0 0 15px rgba(245,166,35,.6),0 0 30px rgba(245,166,35,.3)}50%{text-shadow:0 0 25px rgba(245,166,35,.9),0 0 45px rgba(245,166,35,.5),0 0 60px rgba(245,166,35,.3)}}.cta-counter-label{font-size:.6rem;color:#888;text-transform:uppercase;letter-spacing:1px}.cta-questions{display:flex;flex-direction:column;gap:.2rem;width:100%;margin:.2rem 0;padding:.25rem 0;border-top:1px solid rgba(245,166,35,.1);border-bottom:1px solid rgba(245,166,35,.1)}.cta-question{font-size:.6rem;color:#bbb;text-align:center;padding:0}.cta-button{display:block;width:100%;padding:.5rem .75rem;background:linear-gradient(135deg,#f5a623,#ffb833);border:none;border-radius:4px;color:#000;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f5a62340}.cta-button:hover{background:linear-gradient(135deg,#ffb833,#f5a623);transform:translateY(-1px);box-shadow:0 4px 12px #f5a62359}.cta-trust{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.5rem;color:#777;margin-top:.3rem}.cta-lock{font-size:.7rem}@media (max-width: 1400px){.stats-panel{width:100%;max-width:none;flex-direction:column;justify-content:flex-start;gap:.5rem;padding:.5rem}.stats-cards-top{flex-direction:row;flex-wrap:wrap;gap:.5rem}.stat-card{flex:1 1 calc(50% - .25rem);min-width:150px}.cta-card{flex:1 1 100%;padding:.8rem .6rem}.attack-types{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-panel{flex-direction:column;max-height:none;overflow-y:visible}.stats-cards-top{flex-direction:column}.stat-card{flex:1 1 100%;min-width:auto}.main-stats{flex-wrap:wrap}.stat-item{flex:1 1 45%;min-width:80px}.attack-types{grid-template-columns:1fr 1fr}.country-item{grid-template-columns:16px minmax(70px,auto) 1fr 40px}.cta-card{padding:.9rem .7rem}.cta-card h3{font-size:.8rem}.cta-counter-value{font-size:1.6rem}.cta-question{font-size:.6rem}.cta-button{padding:.6rem 1rem;font-size:.7rem}}@media (max-width: 480px){.stats-panel{padding:.25rem;gap:.2rem;padding-bottom:80px}.stat-card{padding:.3rem .4rem}.stat-card h3{font-size:.55rem;margin-bottom:.15rem}.stat-value{font-size:.95rem}.stat-value.large{font-size:1rem}.attack-types{grid-template-columns:1fr 1fr;gap:.15rem}.attack-type-item{padding:.2rem .35rem}.attack-type-label,.attack-type-count{font-size:.55rem}.attack-type-dot{width:5px;height:5px}.country-item:nth-child(3){display:none}.country-list{gap:.1rem}.country-item{padding:.15rem .2rem;grid-template-columns:14px 1fr 32px}.country-rank,.country-code{font-size:.55rem}.country-bar{display:none}.country-count{font-size:.55rem}.sources-section{display:none}.stat-card.recent-attacks-card{display:block}.recent-attack-item{padding:.15rem .2rem;font-size:.5rem}.attack-route{font-size:.5rem}.attack-time{font-size:.45rem}.recent-attack-item:nth-child(n+3){display:none}.country-item:nth-child(n+3){display:none}.cta-card{display:none}.sparkline{margin-top:.15rem}}@media (max-width: 480px){.mobile-fixed-cta{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#0000,#000000f2 15%,#0a0a0afa);padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:.35rem;border-top:1px solid rgba(245,166,35,.3);box-shadow:0 -4px 20px #000c;-webkit-transform:translateZ(0);transform:translateZ(0)}.mobile-fixed-cta .cta-top-row{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.mobile-fixed-cta .cta-attack-count{font-size:.6rem;color:#999}.mobile-fixed-cta .cta-attack-count strong{color:#f5a623;font-weight:700;font-size:.75rem;text-shadow:0 0 10px rgba(245,166,35,.5)}.mobile-fixed-cta .cta-button{flex:1;max-width:280px;padding:.65rem 1rem;background:linear-gradient(135deg,#f5a623,#ffb833);border:none;border-radius:6px;color:#000;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #f5a62366;-webkit-tap-highlight-color:transparent}.mobile-fixed-cta .cta-button:active{transform:scale(.98);box-shadow:0 2px 10px #f5a6234d}.mobile-fixed-cta .cta-trust{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.5rem;color:#666}.mobile-fixed-cta .cta-lock{font-size:.6rem}}@media (min-width: 481px){.mobile-fixed-cta{display:none}}@media (max-height: 500px) and (orientation: landscape){.stats-panel{padding:.2rem;gap:.15rem;padding-bottom:0}.stat-card{padding:.2rem .3rem}.stat-card h3{font-size:.5rem;margin-bottom:.1rem}.stat-value{font-size:.8rem}.cta-card{display:flex;padding:.3rem .4rem}.mobile-fixed-cta{display:none}.sources-section,.stat-card:has(.country-list){display:none}}@media (min-width: 2000px){.stats-panel{width:400px}.stat-card{padding:.5rem .75rem}.stat-card h3{font-size:.75rem}.stat-value{font-size:1.3rem}.stat-value.large{font-size:1.5rem}.attack-type-label,.country-code{font-size:.7rem}.country-item{grid-template-columns:18px minmax(80px,auto) 1fr 44px}.cta-card{padding:1.25rem 1rem}.cta-card h3{font-size:1rem;margin-bottom:.75rem}.cta-content{gap:.75rem}.cta-counter-text{font-size:.75rem}.cta-counter-value{font-size:2.2rem}.cta-counter-label{font-size:.7rem}.cta-question{font-size:.75rem}.cta-button{padding:.8rem 1.25rem;font-size:.8rem}.cta-trust{font-size:.65rem}}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:#000;color:#e0e0e0;overflow:hidden;position:relative}@media (max-width: 480px){.app{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.app:before{content:"";position:absolute;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(245,166,35,.12) 0%,transparent 70%);pointer-events:none}.app:after{content:"";position:absolute;bottom:-20%;right:-10%;width:40%;height:40%;background:radial-gradient(ellipse,rgba(245,166,35,.08) 0%,transparent 70%);pointer-events:none}.breadcrumb-bar{padding:.4rem 1.5rem;background:#f5a6230d;border-bottom:1px solid rgba(245,166,35,.1);position:relative;z-index:10}.breadcrumb-link{color:#f5a623;text-decoration:none;font-size:.75rem;font-weight:400;transition:all .2s ease;opacity:.8}.breadcrumb-link:hover{opacity:1;color:#ffb833}.header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;background:transparent;border-bottom:1px solid rgba(245,166,35,.2);position:relative;z-index:10}.header-content{display:flex;flex-direction:column;gap:.15rem}.header h1{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:1px;color:#f5a623;text-transform:uppercase}.attack-counter{font-size:.75rem;font-weight:400;letter-spacing:.5px;color:#666;text-transform:uppercase}.connection-status{display:flex;align-items:center;gap:.4rem;font-size:.7rem;padding:.35rem .75rem;border-radius:5px;background:transparent;border:1px solid rgba(245,166,35,.4);color:#f5a623;font-weight:500}.connection-status.connected{color:#f5a623;border-color:#f5a62366}.connection-status.disconnected{color:#f44;border-color:#f446}.main-content{flex:1;display:flex;gap:.75rem;padding:.75rem;overflow:hidden;position:relative;z-index:1}.map-container{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0acc;border-radius:12px;border:1px solid rgba(245,166,35,.15);overflow:hidden}@media (max-width: 1400px){.header h1{font-size:1.1rem;letter-spacing:1px}.attack-counter{font-size:.7rem}.main-content{flex-direction:column}.map-container{flex:none;min-height:50vh}.stats-panel{width:100%;max-height:40vh;overflow-y:auto}}@media (max-width: 768px){.breadcrumb-bar{padding:.3rem .75rem}.breadcrumb-link{font-size:.7rem}.header{padding:.75rem;flex-direction:row;justify-content:space-between}.header h1{font-size:.95rem;letter-spacing:.5px}.attack-counter{font-size:.65rem}.connection-status{font-size:.65rem;padding:.3rem .6rem}.main-content{flex-direction:column;padding:.5rem;gap:.5rem}.map-container{min-height:45vh;border-radius:8px}.stats-panel{max-height:45vh}}@media (max-width: 480px){.breadcrumb-bar{padding:.25rem .6rem;flex-shrink:0}.breadcrumb-link{font-size:.6rem}.header{padding:.4rem .6rem;flex-shrink:0}.header h1{font-size:.7rem;letter-spacing:0}.attack-counter{font-size:.5rem}.connection-status{font-size:.55rem;padding:.2rem .4rem}.main-content{padding:.2rem;gap:.2rem;overflow:visible;flex:0 0 auto}.map-container{height:35vh;min-height:200px;max-height:300px;border-radius:6px;flex-shrink:0}.stats-panel{flex:0 0 auto;max-height:none;overflow:visible;padding-bottom:2rem}}@media (max-height: 500px) and (orientation: landscape){.app{height:auto;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.header{padding:.3rem .6rem}.header h1{font-size:.65rem}.attack-counter{font-size:.45rem}.breadcrumb-bar{padding:.2rem .5rem}.main-content{flex-direction:row;padding:.25rem;gap:.25rem}.map-container{flex:1;height:70vh;min-height:180px;max-height:none}.stats-panel{width:200px;max-height:80vh;overflow-y:auto;padding-bottom:0}}@media (min-width: 2000px){.breadcrumb-bar{padding:.5rem 2rem}.breadcrumb-link{font-size:.9rem}.header{padding:1rem 2rem}.header h1{font-size:1.8rem;letter-spacing:2px}.attack-counter{font-size:1rem}.connection-status{font-size:.9rem;padding:.5rem 1rem}.main-content{padding:1rem;gap:1rem}.map-container{border-radius:16px}}.app.fullscreen-mode{background:#000}.app.fullscreen-mode .main-content{padding:0}.app.fullscreen-mode .map-container{border:none;border-radius:0;background:transparent}