:root{--color-bg-deep: #050711;--color-bg-card: rgba(15, 23, 42, .45);--color-bg-card-hover: rgba(30, 41, 59, .65);--color-border: rgba(255, 255, 255, .08);--color-primary: #fbbf24;--color-primary-glow: rgba(251, 191, 36, .12);--color-secondary: #ffd700;--color-secondary-glow: rgba(255, 215, 0, .12);--color-accent: #fb7185;--color-accent-glow: rgba(251, 113, 133, .15);--color-win: #10b981;--color-loss: #ef4444;--color-text-bright: #f8fafc;--color-text-mid: #94a3b8;--color-text-muted: #64748b;--font-display: "Orbitron", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.16, 1, .3, 1);--transition-slow: .8s cubic-bezier(.16, 1, .3, 1);--shadow-neon: 0 4px 20px rgba(251, 191, 36, .1);--shadow-gold: 0 4px 20px rgba(255, 215, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-deep)}body{background-color:var(--color-bg-deep);color:var(--color-text-bright);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;position:relative;background:linear-gradient(170deg,#04060f,#080e1e 40%,#0a0c18,#060812);background-attachment:fixed}.bg-orb{position:fixed;border-radius:50%;filter:blur(180px);z-index:-2;opacity:.06;pointer-events:none;animation:floatOrb 30s infinite alternate ease-in-out}.orb-1{width:500px;height:500px;background:var(--color-primary);top:-10%;left:-10%}.orb-2{width:600px;height:600px;background:#7c3aed;bottom:-15%;right:-10%;animation-delay:-8s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-40px) scale(1.1)}}.bg-cube{position:fixed;background:#00f2fe04;border:1.5px solid rgba(0,242,254,.08);box-shadow:inset 0 0 15px #00f2fe0d,0 0 20px #00f2fe05;z-index:-1;pointer-events:none;border-radius:4px;animation:floatCube 20s infinite linear}.cube-1{width:60px;height:60px;top:25%;left:8%;animation-duration:25s}.cube-2{width:90px;height:90px;top:55%;right:12%;animation-duration:35s;animation-delay:-5s}.cube-3{width:45px;height:45px;top:75%;left:20%;animation-duration:18s;animation-delay:-12s}@keyframes floatCube{0%{transform:rotate(0) translateY(0) scale(1)}50%{transform:rotate(180deg) translateY(-30px) scale(1.05)}to{transform:rotate(360deg) translateY(0) scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:#111a2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:var(--shadow-neon)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.glow-text-primary{color:#fff;background:linear-gradient(135deg,#ffffff 50%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-text-secondary{color:var(--color-secondary);background:linear-gradient(135deg,#ffffff 50%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-border-wrap{position:relative;border-radius:16px;background:#ffffff0d;border:1px solid var(--color-border);padding:1px;transition:all var(--transition-normal);box-shadow:0 10px 30px #0000004d}.glow-border-wrap:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 15px 35px #fbbf2414}.glow-border-wrap.gold-active{border-color:#ffd70040}.glow-border-wrap.gold-active:hover{border-color:var(--color-secondary);box-shadow:0 15px 35px #ffd7001a}.card{background:#0a0f1eb3;border:1px solid var(--color-border);border-radius:16px;padding:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);height:100%}.glow-border-wrap .card{border:none;background:#090d1ae6}@keyframes championPulse{0%{box-shadow:0 15px 40px #ffd70014,0 0 25px #ffd70005}50%{box-shadow:0 15px 40px #ffd70033,0 0 35px #ffd7001a}to{box-shadow:0 15px 40px #ffd70014,0 0 25px #ffd70005}}.podium-1st-active{animation:championPulse 3s infinite ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:10px;font-family:var(--font-display);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;outline:none}.btn-primary{background:linear-gradient(90deg,#00f2fe,#00d9e5);color:#030712;box-shadow:var(--shadow-neon)}.btn-primary:hover{background:linear-gradient(90deg,#33f8ff,#00f2fe);box-shadow:0 0 30px var(--color-primary);transform:scale(1.02)}.btn-secondary{background:#121b3199;color:var(--color-text-mid);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00f2fe0a;box-shadow:var(--shadow-neon)}.header{border-bottom:1px solid var(--color-border);background:#04060fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;padding:16px 0}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:.12em;background:linear-gradient(to right,#ffffff,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo span{font-size:11px;font-family:var(--font-body);font-weight:700;padding:3px 10px;border-radius:30px;background:#00f2fe14;border:1px solid rgba(0,242,254,.2);color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);letter-spacing:.05em;margin-left:10px;text-transform:uppercase}.nav-links{display:flex;gap:10px}.nav-item{padding:10px 20px;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.08em;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;color:var(--color-text-mid);background:transparent;display:inline-flex;align-items:center;gap:8px}.nav-item:hover,.nav-item.active{color:var(--color-primary);background:#00f2fe0f;border-color:#00f2fe26}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:35px 0}.connection-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.ip-box{background:#060914;border:1px dashed var(--color-border);padding:12px 16px;border-radius:8px;font-family:var(--font-mono);font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.copy-badge{font-family:var(--font-display);font-size:10px;font-weight:800;background:#ffffff0a;color:var(--color-text-mid);padding:5px 10px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.copy-badge:hover{background:var(--color-primary);color:#030712;box-shadow:var(--shadow-neon)}.copy-badge:active{transform:scale(.95)}.form-group{margin-bottom:24px}.form-label{display:block;font-size:13px;font-weight:700;color:var(--color-text-mid);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:#060914;border:1px solid var(--color-border);color:var(--color-text-bright);padding:14px 18px;border-radius:10px;outline:none;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-neon)}.table-container{overflow-x:auto;border-radius:16px;border:1px solid var(--color-border)}.custom-table{width:100%;border-collapse:collapse;text-align:left;background:#0a101e4d}.custom-table th{background:#090d1ae6;padding:18px;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--color-text-mid);border-bottom:2px solid var(--color-border);text-transform:uppercase}.custom-table td{padding:18px;border-bottom:1px solid var(--color-border);font-size:15px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#00f2fe08}.elo-badge{font-family:var(--font-display);font-weight:800;color:var(--color-primary);background:#00f2fe14;padding:6px 12px;border-radius:6px;border:1px solid rgba(0,242,254,.15);display:inline-block;letter-spacing:.03em}.progress-bar-container{width:100%;height:6px;background:#ff465526;border-radius:30px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-win);border-radius:30px;box-shadow:0 0 8px var(--color-win)}.live-indicator{width:8px;height:8px;background:var(--color-win);border-radius:50%;position:relative;display:inline-block;margin-right:8px}.live-indicator:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-win);border-radius:50%;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.4);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}@media (max-width: 1024px){.logo{font-size:22px}.header-inner{gap:15px}}@media (max-width: 768px){.header{padding:12px 0}.header-inner{flex-direction:column;align-items:stretch;gap:16px}.logo{justify-content:center;text-align:center}.nav-links{justify-content:center;width:100%}.nav-item{flex:1;justify-content:center;padding:8px 12px;font-size:11px}.connection-grid{grid-template-columns:1fr}.custom-table th,.custom-table td{padding:12px;font-size:13px}.elo-badge{padding:4px 8px;font-size:11px}.glow-text-primary{font-size:2.4rem!important}}@media (max-width: 480px){.container{padding:0 16px}.nav-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nav-item{padding:6px 4px;font-size:10px}.card{padding:16px}}.mctiers-tabs-container{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:-1px;z-index:2;position:relative;scrollbar-width:none}.mctiers-tabs-container::-webkit-scrollbar{display:none}.mctiers-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:105px;padding:10px 16px;background:transparent;border:1.5px solid transparent;border-bottom:none;border-radius:16px 16px 0 0;color:var(--color-text-mid);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-display);text-transform:uppercase}.mctiers-tab:hover{background:#ffffff05;color:#fff}.mctiers-tab.active{background:#0a101ef2;border:1.5px solid var(--color-border);border-bottom:none;color:#fff;border-top:2.5px solid var(--color-secondary);box-shadow:0 -4px 15px #ffd7000d}.mctiers-tab.active .tab-icon{color:var(--color-secondary);filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mctiers-board-card{width:100%;background:#0a101ef2;border:1.5px solid var(--color-border);border-radius:0 16px 16px;padding:24px;box-shadow:0 20px 40px #0009;position:relative;margin-bottom:40px}.mctiers-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1.5px solid var(--color-border)}.mctiers-search-wrapper{position:relative;max-width:320px;width:100%}.mctiers-search-icon{position:absolute;left:14px;top:11px;color:var(--color-text-mid)}.mctiers-search-input{width:100%;padding:10px 14px 10px 38px;background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:all var(--transition-fast)}.mctiers-search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-neon)}.mctiers-actions{display:flex;align-items:center;gap:12px}.mctiers-info-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#121b3199;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-mid);font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.mctiers-info-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.mctiers-ip-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-deep);border:1.5px solid var(--color-border);border-radius:8px;font-size:13px}.mctiers-ip-pill-label{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--color-text-muted)}.mctiers-ip-pill-value{color:var(--color-primary);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.mctiers-ip-pill-value:hover{color:#fff}.mctiers-row-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px 10px;font-weight:800;text-transform:uppercase;font-size:11px;color:var(--color-text-muted);letter-spacing:.05em}.mctiers-row-header-left{display:flex;gap:32px}.mctiers-row-header-right{display:flex;gap:48px;padding-right:24px}.mctiers-players-list{display:flex;flex-direction:column;gap:8px}.player-row-mctiers{display:flex;align-items:center;justify-content:space-between;background:#080c1666;border:1px solid var(--color-border);border-radius:12px;padding:14px 20px;transition:all var(--transition-fast);position:relative;gap:12px}.player-row-mctiers:hover{border-color:#00f2fe33;background:#101a3066;transform:translateY(-1px)}.search-result-card{background:#00f2fe08;border:1.5px solid rgba(0,242,254,.2);border-radius:14px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;gap:20px;animation:slideUp var(--transition-normal) forwards}.search-result-card .search-rank{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--color-primary);min-width:60px;text-align:center}.search-result-card .search-player-info{flex:1}.search-result-card .search-player-name{font-size:20px;font-weight:800;color:#fff}.search-result-card .search-player-subtitle{font-size:13px;color:var(--color-text-mid);margin-top:4px}@keyframes shimmerWhoosh{0%{background-position:-200% 0}to{background-position:200% 0}}.player-row-mctiers.top-3{position:relative;overflow:hidden;background-size:200% auto}.player-row-mctiers.first-place{border:1.5px solid rgba(255,215,0,.2);box-shadow:0 4px 20px #ffd7000d;background:linear-gradient(90deg,#16100580,#30260c99,#4b3a10b3,#30260c99,#16100580);background-size:200% auto;animation:shimmerWhoosh 12s infinite linear}.player-row-mctiers.second-place{border:1.5px solid rgba(148,163,184,.2);box-shadow:0 4px 20px #94a3b80d;background:linear-gradient(90deg,#0e121c80,#222b3a99,#3a4458b3,#222b3a99,#0e121c80);background-size:200% auto;animation:shimmerWhoosh 14s infinite linear}.player-row-mctiers.third-place{border:1.5px solid rgba(205,127,50,.2);box-shadow:0 4px 20px #cd7f320d;background:linear-gradient(90deg,#120c0580,#2a1c0c99,#442d12b3,#2a1c0c99,#120c0580);background-size:200% auto;animation:shimmerWhoosh 16s infinite linear}.player-row-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1;overflow:hidden}.rank-polygon{width:44px;height:38px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:16px;color:#fff;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%);background:#1e305866;border:1px solid var(--color-border)}.first-place .rank-polygon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none}.second-place .rank-polygon{background:linear-gradient(135deg,#cbd5e1,#64748b);color:#000;border:none}.third-place .rank-polygon{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none}.body-render-wrapper{width:42px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.body-render{height:70px;object-fit:contain;transition:transform var(--transition-fast)}.player-row-mctiers:hover .body-render{transform:scale(1.1)}.player-meta{display:flex;flex-direction:column;min-width:0}.player-nickname{font-size:16px;font-weight:800;color:#fff;font-family:var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.first-place .player-nickname{color:var(--color-secondary)}.player-row-mctiers:hover .player-nickname{color:var(--color-primary)}.player-title-row{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-mid);margin-top:3px;white-space:nowrap}.player-title-icon{color:var(--color-secondary);display:inline-flex;flex-shrink:0}.player-points-text{color:var(--color-text-muted)}.player-row-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.region-badge-mctiers{width:52px;text-align:center;font-size:10px;font-weight:900;padding:4px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.elo-points-display{width:80px;text-align:right;font-family:var(--font-display);font-weight:900;font-size:16px;color:var(--color-primary)}.first-place .elo-points-display{color:var(--color-secondary);font-size:18px}.profile-action-btn{padding:6px 12px;background:#00f2fe0d;border:1.5px solid rgba(0,242,254,.2);border-radius:6px;color:var(--color-primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast)}.profile-action-btn:hover{background:var(--color-primary);color:#000}.mctiers-info-dropdown{position:absolute;right:0;top:48px;width:320px;background:#0a101efa;border:1.5px solid var(--color-border);border-radius:12px;padding:16px;z-index:150;box-shadow:0 15px 30px #000c;animation:slideUp var(--transition-fast) forwards}@media (max-width: 768px){.mctiers-controls{flex-direction:column;align-items:stretch}.mctiers-search-wrapper{max-width:100%}.mctiers-actions{justify-content:space-between}.mctiers-row-header-right,.player-row-right{gap:20px}.profile-action-btn{display:none}.region-badge-mctiers{width:42px;font-size:9px}.elo-points-display{width:60px;font-size:14px}}.nav-item.tg-btn{transition:all var(--transition-fast)!important}.nav-item.tg-btn:hover{background:#08c!important;color:#fff!important;border-color:#09f!important;box-shadow:0 0 20px #08c6!important}@media (max-width: 768px){.mobile-ip-grid{grid-template-columns:1fr!important;gap:12px!important}.mobile-search-hide{display:none!important}}.btn-copy-action{transition:all var(--transition-fast)}.btn-copy-action:hover{transform:scale(1.15);filter:drop-shadow(0 0 6px currentColor)}