:root{--bytora-bg: #0f1016;--bytora-card: #1a1b2e;--bytora-primary: #6fda86;--bytora-primary-hover: #5ac271;--bytora-text: #ffffff;--bytora-text-muted: #a0a0b0;--font-main: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bytora-bg);color:var(--bytora-text);font-family:var(--font-main);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background-color:var(--bytora-primary);color:#0f172a}.btn-primary:hover{background-color:var(--bytora-primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px #6fda8666}.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--bytora-text-muted);margin-bottom:3rem}@media(max-width:768px){.section-title{font-size:1.8rem}}.marker-pulse{transform-origin:center;animation:pulse-animation 2s infinite;opacity:.95;filter:blur(6px)}.marker-muted{opacity:.9}@keyframes pulse-animation{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:0}}.rsm-svg{overflow:visible}.server-led{filter:drop-shadow(0 0 4px var(--bytora-primary));animation:server-breathe 3s ease-in-out infinite}.server-ripple{transform-origin:center;animation:server-ripple 2s cubic-bezier(0,.2,.8,1) infinite;opacity:0}@keyframes server-breathe{0%,to{opacity:1;r:4px}50%{opacity:.8;r:3.5px}}@keyframes server-ripple{0%{r:4px;opacity:.8;stroke-width:2px}to{r:24px;opacity:0;stroke-width:0px}}.server-offline{fill:#475569;stroke:#1e293b;stroke-width:1px}.map-responsive-wrapper{width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden}.map-scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--bytora-primary) transparent}.map-svg{width:100%;height:100%;min-width:700px;display:block}.map-label{font-size:9px}@media(max-width:768px){.map-label{font-size:11px}.map-scroll-hint{position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to left,rgba(0,0,0,.5),transparent);pointer-events:none;opacity:.8}}.map-scroll-container::-webkit-scrollbar{height:4px}.map-scroll-container::-webkit-scrollbar-track{background:#ffffff0d}.map-scroll-container::-webkit-scrollbar-thumb{background:var(--bytora-primary);border-radius:4px}.network-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.mobile-tabs{display:none}.desktop-title{display:flex;align-items:center;gap:10px;margin-bottom:25px}.map-column{position:relative;min-height:450px;border-radius:20px;border:1px solid rgba(255,255,255,.05);overflow:hidden;background:#0f172a4d;box-shadow:inset 0 0 50px #00000080}.map-hint{display:none}.server-list{display:flex;flex-direction:column;gap:12px}.server-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff08;border-radius:12px;border-left:3px solid #475569;transition:all .2s ease}.server-card.active{border-left-color:var(--bytora-primary);background:linear-gradient(90deg,#6fda860d,#ffffff05)}.server-header{display:flex;align-items:center;gap:8px;font-weight:600;color:#e2e8f0}.server-ip{font-size:.8rem;color:#64748b;font-family:monospace;margin-top:4px;margin-left:28px}.badge-soon{font-size:.7rem;background:#ffffff1a;padding:4px 8px;border-radius:4px;color:#94a3b8}@media(max-width:768px){.mobile-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;background:#ffffff0d;padding:5px;border-radius:12px;width:fit-content;margin-left:auto;margin-right:auto}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;border:none;background:transparent;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn.active{background:var(--bytora-primary);color:#0f172a;box-shadow:0 4px 12px #6fda864d}.network-grid{display:block;grid-template-columns:1fr}.network-grid.list .map-column,.network-grid.map .list-column,.desktop-title{display:none}.map-column{height:400px}.map-hint{display:block;position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#ffffff80;pointer-events:none}.server-card{padding:12px}.server-header{font-size:.95rem}}