@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Rajdhani:wght@500;700&display=swap");:root{--spider-red:#e62429;--spider-blue:#00d2ff;--spider-dark:#050a14;--m-glass:rgba(15,23,42,.85)}.spider-hub-root{min-height:100vh;background:radial-gradient(circle at center,#0a192f 0,#020617 100%);color:#fff;font-family:Rajdhani,sans-serif;padding:100px 20px 40px;position:relative;overflow-x:hidden}.web-overlay{position:fixed;background-image:radial-gradient(circle at 2px 2px,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 80%);mask-image:radial-gradient(circle at center,#000,transparent 80%);z-index:0}.top-nav-hud{position:relative;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:rgba(4,10,27,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--spider-red);z-index:100}.hub-logo{text-align:center}.logo-glitch{font-family:Orbitron;font-weight:900;font-size:1.5rem;display:block;color:#fff;text-shadow:2px 0 var(--spider-red),-2px 0 var(--spider-blue);letter-spacing:3px}.sub-logo{letter-spacing:4px}.hud-btn,.sub-logo{font-size:.7rem;color:var(--spider-blue)}.hud-btn{background:transparent;border:1px solid var(--spider-blue);font-family:Orbitron;padding:8px 15px;cursor:pointer;transition:.3s;-webkit-clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.hud-btn.schedule:hover{background:var(--spider-blue);color:#000}.hud-btn.auction{border-color:var(--spider-red);color:var(--spider-red)}.hud-btn.auction:hover{background:var(--spider-red);color:#fff}.week-scroller{display:flex;justify-content:center;gap:8px;margin-bottom:20px;overflow-x:auto;padding:10px}.week-tab{background:hsla(0,0%,100%,.05);border:none;color:#94a3b8;padding:5px 12px;font-family:Orbitron;font-size:.65rem;cursor:pointer}.week-tab.active{color:#fff;background:var(--spider-red);box-shadow:0 0 10px var(--spider-red)}.category-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.cat-btn{background:none;border:none;color:#64748b;font-family:Orbitron;font-size:1rem;cursor:pointer;position:relative;padding:10px}.cat-btn.active{color:#fff}.cat-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--spider-blue);box-shadow:0 0 10px var(--spider-blue)}.table-container{max-width:900px;margin:0 auto;perspective:1000px}.marvel-table{width:100%;border-collapse:separate;border-spacing:0 8px}.marvel-table th{text-align:left;padding:15px;color:#64748b;font-size:.8rem;letter-spacing:2px}.marvel-table tr{background:var(--m-glass);transition:.3s}.marvel-table tr:hover{transform:scale(1.02);background:hsla(0,0%,100%,.1)}.marvel-table td{padding:15px;border-top:1px solid hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.05)}.rank-leader{border:1px solid var(--spider-red);box-shadow:0 0 20px rgba(230,36,41,.2)}.hex-rank{width:35px;height:35px;background:#1e293b;display:flex;align-items:center;justify-content:center;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-family:Orbitron;color:var(--spider-blue)}.rank-leader .hex-rank{background:var(--spider-red);color:#fff}.team-cell{display:flex;align-items:center;gap:15px}.team-cell img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.pts-cell{font-family:Orbitron;font-weight:700;color:var(--spider-blue)}.placeholder-msg{text-align:center;padding:100px 0;border:2px dashed hsla(0,0%,100%,.1)}.spinner-icon{font-size:3rem;margin-bottom:20px;animation:rotate 4s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}@media (max-width:768px){.spider-hub-root{padding:80px 10px}.top-nav-hud{padding:15px 0}.logo-glitch{font-size:1.1rem}.hud-btn{font-size:.45rem;padding:5px 2px}}.tab-switcher button{font-size:.55rem;transition:.3s}.tab-switcher button.active{box-shadow:0 0 10px var(--spider-red)}.theme-blue .faction-title{color:var(--spider-blue);border-left:4px solid var(--spider-blue)}.theme-blue .marvel-table tr{border-left:2px solid var(--spider-blue)}.theme-blue .rank-leader{background:linear-gradient(90deg,rgba(0,210,255,.1),transparent)}.theme-red .faction-title{color:var(--spider-red);border-left:4px solid var(--spider-red)}.theme-red .marvel-table tr{border-left:2px solid var(--spider-red)}.theme-red .rank-leader{background:linear-gradient(90deg,rgba(230,36,41,.1),transparent)}.tab-switcher{display:flex;gap:5px;background:rgba(0,0,0,.4);padding:3px;border-radius:20px;margin-top:5px}.tab-switcher button{background:none;border:none;color:#64748b;font-size:.6rem;font-family:Orbitron;padding:4px 12px;cursor:pointer;border-radius:15px}.tab-switcher button.active{background:var(--spider-red);color:#fff}.table-responsive{overflow-x:auto;margin-bottom:40px}.marvel-table th{font-size:.6rem;padding:10px;background:rgba(0,0,0,.2)}.match-score{font-size:.75rem;color:#94a3b8}.rank-cell{max-width:40px}.riv-score{color:#22c55e;font-size:.75rem}.grand-total{font-family:Orbitron;color:var(--spider-blue);font-weight:700}.theme-red .grand-total{color:var(--spider-red)}.player-cell{display:flex;align-items:center;gap:10px;text-align:left}.player-cell img{width:30px;height:30px;border-radius:50%;border:1px solid var(--spider-blue)}.team-cell-mini{display:flex;align-items:center;gap:8px;font-size:.7rem;color:#94a3b8;text-align:left}.team-cell-mini img{width:20px}.name-stack{display:flex;flex-direction:column;justify-content:center;line-height:1}.t-name{font-family:Orbitron;font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap}.t-captain{font-size:.55rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.rank-leader .t-captain{color:var(--spider-blue);opacity:.8}@media (max-width:600px){.t-name{font-size:.57rem;max-width:70px}.t-captain{font-size:.58rem;letter-spacing:0;color:red}}.temporal-hud-selector{margin:15px auto 25px;max-width:900px;position:relative;z-index:20;padding:0 10px}.selector-label{font-family:Orbitron;font-size:.55rem;color:var(--spider-blue);letter-spacing:3px;margin-bottom:8px;text-align:center;opacity:.8}.week-track{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;overflow-x:auto;padding:5px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--spider-blue) transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.week-track::-webkit-scrollbar{height:3px}.week-track::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.week-track::-webkit-scrollbar-thumb{background:var(--spider-blue);border-radius:10px}.week-node{position:relative;background:rgba(15,23,42,.6);border:1px solid rgba(0,210,255,.2);min-width:65px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.3s;-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.week-node:hover{border-color:var(--spider-blue);background:rgba(0,210,255,.1)}.week-node.is-active{border-color:var(--spider-red);z-index:2}.node-content{position:relative;z-index:5;display:flex;align-items:baseline;gap:2px;pointer-events:none}.node-prefix{font-size:.55rem;color:#64748b}.node-prefix,.node-value{font-family:Orbitron;transition:.3s}.node-value{font-size:1rem;font-weight:900;color:#fff}.is-active .node-prefix{color:hsla(0,0%,100%,.7)}.is-active .node-value{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.5)}.node-highlight{position:absolute;inset:0;background:var(--spider-red);box-shadow:0 0 15px rgba(230,36,41,.5);z-index:1}@media (max-width:600px){.week-node{min-width:55px;height:30px}.node-value{font-size:.85rem}.node-prefix,.selector-label{font-size:.5rem}}@media (max-width:768px){.marvel-table td,.marvel-table th{padding:4px}.team-cell img{width:25px;height:25px}.team-cell{font-size:.6rem;gap:5px}}.top-operatives-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:15px;align-items:flex-end;margin-bottom:30px;padding:10px}.hero-card{background:var(--m-glass);border:1px solid var(--m-border);padding:20px 10px;text-align:center;position:relative;-webkit-clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:.3s}.hero-card.rank-1{border-color:var(--spider-red);box-shadow:0 0 20px rgba(230,36,41,.2);order:2;padding:30px 15px;z-index:10}.hero-card.rank-1 .hero-badge{background:var(--spider-red);border-color:#fff}.hero-card.rank-1 .hero-avatar-wrap{border-color:var(--spider-red);width:80px;height:80px}.hero-card.rank-1 .hero-pts{color:var(--spider-red);font-size:1.5rem}.hero-card.rank-2{order:1;border-color:var(--spider-blue)}.hero-card.rank-3{order:3;border-color:var(--spider-blue)}.hero-avatar-wrap{width:60px;height:60px;margin:0 auto 15px;position:relative;border:2px solid var(--spider-blue);border-radius:50%;padding:3px}.hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.hero-badge{position:absolute;bottom:-5px;right:-5px;background:var(--spider-blue);color:#fff;font-family:Orbitron;font-size:.6rem;padding:2px 6px;border:1px solid #fff}.hero-rank-tag{font-family:Orbitron;font-size:.55rem;letter-spacing:2px;margin-bottom:10px;color:#94a3b8}.hero-name{display:block;font-family:Orbitron;font-size:.9rem;font-weight:900;margin-bottom:5px}.hero-team{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.65rem;color:#64748b;margin-bottom:10px}.hero-team img{width:15px}.hero-pts{font-family:Orbitron;font-size:1.2rem;font-weight:900;color:var(--spider-blue)}.hero-pts span{font-size:.5rem;color:#64748b}.web-corner{position:absolute;width:20px;height:20px;border:1px solid #fd0000;pointer-events:none}.top-left{top:5px;left:15px;border-right:0;border-bottom:0}.bottom-right{bottom:5px;right:15px;border-left:0;border-top:0}.others-table-wrap{max-width:800px;margin:0 auto}@media (max-width:600px){.hero-avatar-wrap{width:50px;height:50px}.hero-card.rank-1 .hero-avatar-wrap{width:65px;height:65px}.hero-name{font-size:.8rem}}.overall-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:25px}.overall-toggle button{background:rgba(15,23,42,.6);border:1px solid var(--m-border);color:#64748b;padding:8px 25px;font-family:Orbitron;font-size:.7rem;cursor:pointer;-webkit-clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.overall-toggle button.active{background:var(--spider-red);color:#fff;border-color:#fff;box-shadow:0 0 15px rgba(230,36,41,.4)}.season-table-container{width:100%;overflow-x:auto;border:1px solid var(--m-border);background:var(--m-glass);position:relative}.season-table-container .marvel-table{min-width:300px}.sticky-col{position:sticky;left:0;z-index:10;background:#020617!important;min-width:130px!important;border-right:2px solid var(--spider-red);padding-left:10px!important}.week-sum-cell{font-size:.7rem;color:#94a3b8;text-align:center;border-right:1px solid hsla(0,0%,100%,.05);min-width:40px}.total-header{background:var(--spider-red)!important;color:#fff!important;font-family:Orbitron}.season-grand-pts{font-family:Orbitron;font-weight:900;font-size:1rem;color:var(--spider-blue);text-align:center;background:rgba(0,210,255,.05);min-width:40px}.rank-leader .season-grand-pts{background:rgba(230,36,41,.2);color:#fff}.p-name-cell{text-align:left!important;padding-left:20px!important;font-family:Orbitron;font-size:.85rem}@media (max-width:600px){.sticky-col{min-width:200px!important;padding:20px}.week-sum-cell{font-size:.6rem;min-width:30px;padding:5px}.season-grand-pts{font-size:.8rem;min-width:35px}.t-name{font-size:.65rem}}.quad-toggle{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-width:600px;margin:0 auto 20px}.quad-toggle button{padding:8px 5px!important;font-size:.55rem!important}.ratings-grid{display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto}.rating-card{background:rgba(15,23,42,.8);display:flex;align-items:center;padding:12px 15px;position:relative;border:1px solid hsla(0,0%,100%,.05)}.rating-card.supernova{--tier-color:#ff003c;border-left:4px solid #ff003c;box-shadow:0 0 15px rgba(255,0,60,.2)}.rating-card.elite{--tier-color:#00f2ff;border-left:4px solid #00f2ff}.rating-card.ultimate{--tier-color:#a855f7;border-left:4px solid #a855f7}.rating-card.pro{--tier-color:#22c55e;border-left:4px solid #22c55e}.rating-card.rookie{--tier-color:#64748b;border-left:4px solid #64748b}.card-rank{font-family:Orbitron;font-size:.8rem;width:40px;opacity:.5}.card-info{flex:1;display:flex;flex-direction:column}.card-info .p-name{font-family:Orbitron;font-weight:700;font-size:.85rem}.card-info .p-tier{font-size:.6rem;letter-spacing:2px;color:var(--tier-color);font-weight:700}.card-score{width:140px;text-align:right}.combat-label{font-size:.5rem;color:#64748b;margin-bottom:12px}.rating-bar-wrap{height:6px;background:hsla(0,0%,100%,.1);border-radius:10px;position:relative;display:flex;align-items:center}.rating-bar-fill{height:100%;background:var(--tier-color);border-radius:10px;box-shadow:0 0 10px var(--tier-color)}.rating-val{position:absolute;right:0;top:-15px;font-size:.7rem;font-family:Orbitron;color:#fff}@media (max-width:600px){.card-score{width:100px}.rating-val{font-size:.6rem}}.roles-container{max-width:1300px;margin:0 auto;padding:10px}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.role-column{background:rgba(15,23,42,.4);border:1px solid hsla(0,0%,100%,.05);border-radius:4px;padding:15px 5px;position:relative;overflow:hidden}.role-column-title{font-family:Orbitron;font-size:.75rem;text-align:center;margin-bottom:25px;letter-spacing:2px;color:#fff}.hero-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:flex-end;gap:5px;margin-bottom:25px;padding:0 5px}.hero-node{text-align:center;position:relative}.hero-img-wrap{width:50px;height:50px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--theme-color);position:relative;padding:3px;background:#020617}.rank-1 .hero-img-wrap{width:70px;height:70px}.rank-1{order:2}.rank-2{order:1}.rank-3{order:3}.hero-img-wrap img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.hero-rank-badge{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;background:var(--theme-color);font-family:Orbitron;font-size:.6rem;display:flex;align-items:center;justify-content:center;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);color:#fff}.hero-name-label{font-weight:700;color:#fff;white-space:nowrap}.hero-name-label,.hero-pts-label{font-family:Orbitron;font-size:.85rem}.hero-pts-label{color:var(--theme-color)}.hero-pts-label span{font-size:.5rem;color:#64748b}.role-compact-list{display:flex;flex-direction:column;gap:4px}.compact-row{display:flex;align-items:center;gap:10px;padding:6px 12px;background:rgba(0,0,0,.3);border-left:2px solid transparent}.compact-row:hover{background:hsla(0,0%,100%,.05);border-left-color:var(--theme-color)}.c-rank{font-size:.6rem;color:#d1dae7;width:25px;font-family:Orbitron}.c-img{width:24px;height:24px;border-radius:50%;border:1px solid #486087}.role-column .c-name{color:#d7dde4;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Orbitron;font-size:.85rem}.c-pts{font-family:Orbitron;font-size:.9rem;font-weight:700}.strikers{--theme-color:#e62429;border-top:2px solid #e62429}.snipers{--theme-color:#00d2ff;border-top:2px solid #00d2ff}.hybrids{--theme-color:#a855f7;border-top:2px solid #a855f7}.strikers .c-img{border-color:#e62429}.snipers .c-img{border-color:#00d2ff}.hybrids .c-img{border-color:#a855f7}@media (max-width:900px){.roles-grid{grid-template-columns:1fr}.role-column{max-width:450px;margin:0 auto;width:100%}}.view-more-btn{width:90%;display:block;margin:15px auto 5px;background:transparent;border:1px solid hsla(0,0%,100%,.1);color:#64748b;font-family:Orbitron;font-size:.6rem;padding:8px;cursor:pointer;transition:.3s;letter-spacing:2px;-webkit-clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);position:relative;z-index:10}.view-more-btn:hover{color:#fff;border-color:var(--accent);background:hsla(0,0%,100%,.05);box-shadow:0 0 10px var(--accent)}.role-column{height:-moz-fit-content;height:fit-content;transition:all .5s ease-in-out}@media (max-width:600px){.view-more-btn{padding:6px;font-size:.55rem}}.sub-tab-switcher{display:flex;justify-content:center;gap:25px;margin:10px auto 15px;padding:5px;position:relative;z-index:50;max-width:400px}.sub-tab-switcher button{background:none;border:none;color:#64748b;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sub-tab-switcher button:hover{color:#cbd5e1}.sub-tab-switcher button.active{color:var(--spider-blue);text-shadow:0 0 10px rgba(0,210,255,.6)}.sub-tab-switcher button.active:after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:2px;background:var(--spider-blue);box-shadow:0 0 12px var(--spider-blue);border-radius:10px}.sub-tab-switcher button.active:before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--spider-red);border-radius:50%;box-shadow:0 0 8px var(--spider-red);animation:sub-pulse 1.5s ease-in-out infinite}@keyframes sub-pulse{0%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.5);opacity:.5}to{transform:translateY(-50%) scale(1);opacity:1}}@media (max-width:600px){.sub-tab-switcher{gap:15px}.sub-tab-switcher button{font-size:.55rem;letter-spacing:1.5px;padding:6px 8px}}.multiverse-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity .8s ease-out,visibility .8s}.multiverse-loader-overlay.fade-out{opacity:0;visibility:hidden}.multiverse-loader-overlay .portal-ring{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.ring-layer{position:absolute;width:100%;height:100%;border-radius:50%;border:6px dashed #08f;filter:drop-shadow(0 0 15px #ff1e00) blur(1px);animation:rotateRing 4s linear infinite}.ring-layer:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #f30;opacity:.5;animation:pulseGlow 2s infinite alternate}.rtd-brand-container{text-align:center;z-index:10;transform:perspective(500px) rotateX(10deg)}.rtd-games-main{background-color:#e21b22;color:#fff;font-family:Arial Black,sans-serif;font-size:1.5rem;font-weight:900;padding:5px 25px;margin:0;text-transform:uppercase;letter-spacing:-3px;border:2px solid #fff;box-shadow:0 10px 30px rgba(43,120,255,.6);display:inline-block;animation:slideIn .5s ease-out}.iplpl-subtitle{display:block;font-size:1.8rem;color:#0095ff;font-weight:800;letter-spacing:12px;margin-top:15px;text-transform:uppercase;text-shadow:0 0 15px rgba(0,153,255,.7),2px 2px 0 #000;animation:flicker 3s infinite}.progress-box{width:300px;height:4px;background:#222;margin-top:50px;border-radius:2px;position:relative;overflow:hidden}.progress-fill{position:absolute;height:100%;width:40%;background:linear-gradient(90deg,#e21b22,#009dff,#e21b22);animation:progressAnim 2s ease-in-out infinite}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseGlow{0%{transform:scale(.98);opacity:.4}to{transform:scale(1.05);opacity:.8}}@keyframes slideIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes flicker{0%,to{opacity:1;filter:brightness(1.2)}50%{opacity:.7;filter:brightness(.8)}80%{opacity:.9}}@keyframes progressAnim{0%{left:-40%}to{left:100%}}.particle{position:absolute;background:#fff;width:2px;height:2px;border-radius:50%;opacity:.5;animation:floatParticle 10s linear infinite}@keyframes floatParticle{0%{transform:translateY(0) translateX(0);opacity:0}50%{opacity:1}to{transform:translateY(-100vh) translateX(50px);opacity:0}}