.hub-root{min-height:100vh;background-color:#030706;color:#f1f5f3;position:relative;overflow-x:hidden}.hub-root:before{background-image:linear-gradient(180deg,rgba(3,7,6,.12),rgba(3,7,6,.45) 40%,rgba(2,5,4,.92) 88%),url(/cyborg/hub/stadium-bg.jpg);background-size:cover;background-position:center 20%;background-repeat:no-repeat;z-index:0}.hub-root:after,.hub-root:before{content:"";position:fixed;inset:0;pointer-events:none}.hub-root:after{background-image:radial-gradient(circle at 18% 32%,rgba(255,180,50,.12) 1.5px,transparent 0),radial-gradient(circle at 82% 28%,rgba(255,200,100,.1) 2px,transparent 0),radial-gradient(circle at 45% 45%,rgba(0,255,178,.15) 1.5px,transparent 0),radial-gradient(circle at 75% 65%,rgba(255,150,50,.1) 2px,transparent 0);background-size:220px 220px,320px 320px,280px 280px,360px 360px;opacity:.9;z-index:1}.hub-root>footer,.hub-root>header,.hub-root>main,.hub-root>nav{position:relative;z-index:2}.hub-header{position:relative;z-index:20;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(3,8,6,.75);border-bottom:1px solid rgba(0,255,178,.15)}.hub-nav-tab{position:relative;padding:.45rem 1.15rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;transition:all .2s ease;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.hub-nav-tab:hover{color:#ffffff;background:rgba(255,255,255,.05)}.hub-nav-tab.active{color:#ffffff;background:linear-gradient(180deg,rgba(0,255,178,.28),rgba(0,255,178,.1));border:1px solid rgba(0,255,178,.6);border-bottom:2px solid #00ffb2;box-shadow:0 0 20px rgba(0,255,178,.4),inset 0 1px 1px rgba(255,255,255,.3)}.hub-pc-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .85rem;border-radius:9999px;background:rgba(0,0,0,.65);border:1px solid rgba(245,158,11,.6);color:#fbbf24;font-size:.75rem;font-weight:800;box-shadow:0 0 12px rgba(245,158,11,.2);transition:all .2s ease}.hub-pc-pill:hover{background:rgba(245,158,11,.15);border-color:#fbbf24}.hub-user-avatar{position:relative;width:2.25rem;height:2.25rem;border-radius:9999px;background:#021a12;border:2px solid #00ffb2;box-shadow:0 0 14px rgba(0,255,178,.55);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;color:#00ffb2;transition:transform .2s ease}.hub-user-avatar:hover{transform:scale(1.05)}.hub-ticker-pill{background:rgba(3,16,12,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,255,178,.4);box-shadow:0 0 18px rgba(0,255,178,.25),0 4px 12px rgba(0,0,0,.6);border-radius:9999px;padding:.3rem 1.15rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:#d1fae5;transition:all .2s ease}.hub-hero-container{position:relative;z-index:10}.hub-hero-container:before{content:"";position:absolute;inset:-15px -25px;background:radial-gradient(ellipse 75% 65% at 50% 50%,rgba(0,255,178,.35) 0,transparent 70%);filter:blur(20px);pointer-events:none;z-index:-1}.hub-hero-frame{position:relative;border-radius:1.25rem;background:linear-gradient(180deg,#2a3d34,#17241e 40%,#0d1512);padding:4px;box-shadow:0 0 40px rgba(0,255,178,.4),0 20px 45px rgba(0,0,0,.9),inset 0 1px 2px rgba(255,255,255,.4),inset 0 -2px 4px rgba(0,0,0,.8)}.hub-hero-inner{position:relative;border-radius:1rem;background:linear-gradient(180deg,rgba(8,28,21,.95),rgba(3,14,10,.98));border:1.5px solid rgba(0,255,178,.45);box-shadow:inset 0 0 35px rgba(0,255,178,.12);padding:1.75rem 2rem;display:flex;flex-direction:column;gap:1.15rem;overflow:hidden}.hub-corner-bolt{position:absolute;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#71877b,#304037);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.8),0 0 3px rgba(0,0,0,.9);z-index:5}.hub-corner-bolt.tl{top:10px;left:10px}.hub-corner-bolt.tr{top:10px;right:10px}.hub-corner-bolt.bl{bottom:10px;left:10px}.hub-corner-bolt.br{bottom:10px;right:10px}.hub-hero-btn{position:relative;background:linear-gradient(180deg,#24f2b0,#00ca88 45%,#009c68);color:#021a12;font-weight:900;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;padding:.85rem 1.75rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 28px rgba(0,255,178,.6),inset 0 1px 2px rgba(255,255,255,.85),inset 0 -3px 3px rgba(0,60,40,.5),0 6px 16px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.hub-hero-btn:hover{background:linear-gradient(180deg,#4dfac4,#05df97 45%,#00b077);transform:translateY(-2px);box-shadow:0 0 38px rgba(0,255,178,.8),inset 0 1px 3px rgba(255,255,255,.9),0 10px 22px rgba(0,0,0,.7)}.hub-hero-btn:active{transform:translateY(1px);box-shadow:0 0 18px rgba(0,255,178,.4)}.hub-hero-chevrons{background:rgba(1,40,27,.45);border-radius:9999px;padding:.2rem .65rem;font-size:.85rem;font-weight:900;color:#022318;letter-spacing:.1em}.hub-orbit-card{position:relative;border-radius:1.25rem;background:linear-gradient(180deg,rgba(10,24,19,.92),rgba(5,13,10,.96));border:1px solid rgba(0,255,178,.35);box-shadow:0 8px 25px rgba(0,0,0,.7),0 0 20px rgba(0,255,178,.12),inset 0 1px 1px rgba(255,255,255,.15)}.hub-livechat-card{position:relative;border-radius:1.25rem;background:linear-gradient(180deg,rgba(30,13,16,.92),rgba(16,6,8,.96));border:1.5px solid #ef4444;box-shadow:0 8px 25px rgba(0,0,0,.7),0 0 30px rgba(239,68,68,.35),inset 0 1px 1px rgba(255,255,255,.2)}.hub-portal-tile{position:relative;padding:1.15rem 1.25rem;border-radius:1.15rem;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.hub-portal--comunidad{background:linear-gradient(180deg,rgba(34,20,52,.95),rgba(18,10,28,.98));border:1.5px solid #a855f7;box-shadow:0 8px 0 #3b1764,0 14px 26px rgba(0,0,0,.8),0 0 25px rgba(168,85,247,.35),inset 0 1px 2px rgba(255,255,255,.25)}.hub-portal--comunidad:hover{transform:translateY(-3px);border-color:#c084fc;box-shadow:0 11px 0 #3b1764,0 18px 30px rgba(0,0,0,.85),0 0 35px rgba(168,85,247,.55),inset 0 1px 3px rgba(255,255,255,.35)}.hub-portal--comunidad:active{transform:translateY(4px);box-shadow:0 4px 0 #3b1764,0 6px 14px rgba(0,0,0,.8)}.hub-portal--radar{background:linear-gradient(180deg,rgba(12,34,42,.95),rgba(6,18,24,.98));border:1.5px solid #06b6d4;box-shadow:0 8px 0 #083c48,0 14px 26px rgba(0,0,0,.8),0 0 25px rgba(6,182,212,.35),inset 0 1px 2px rgba(255,255,255,.25)}.hub-portal--radar:hover{transform:translateY(-3px);border-color:#22d3ee;box-shadow:0 11px 0 #083c48,0 18px 30px rgba(0,0,0,.85),0 0 35px rgba(6,182,212,.55),inset 0 1px 3px rgba(255,255,255,.35)}.hub-portal--radar:active{transform:translateY(4px);box-shadow:0 4px 0 #083c48,0 6px 14px rgba(0,0,0,.8)}.hub-portal--bomba{background:linear-gradient(180deg,rgba(42,16,19,.95),rgba(22,8,10,.98));border:1.5px solid #ef4444;box-shadow:0 8px 0 #541117,0 14px 26px rgba(0,0,0,.8),0 0 25px rgba(239,68,68,.35),inset 0 1px 2px rgba(255,255,255,.25)}.hub-portal--bomba:hover{transform:translateY(-3px);border-color:#f87171;box-shadow:0 11px 0 #541117,0 18px 30px rgba(0,0,0,.85),0 0 35px rgba(239,68,68,.55),inset 0 1px 3px rgba(255,255,255,.35)}.hub-portal--bomba:active{transform:translateY(4px);box-shadow:0 4px 0 #541117,0 6px 14px rgba(0,0,0,.8)}.hub-portal--ranking{background:linear-gradient(180deg,rgba(42,28,12,.95),rgba(22,14,6,.98));border:1.5px solid #f59e0b;box-shadow:0 8px 0 #4f2e05,0 14px 26px rgba(0,0,0,.8),0 0 25px rgba(245,158,11,.35),inset 0 1px 2px rgba(255,255,255,.25)}.hub-portal--ranking:hover{transform:translateY(-3px);border-color:#fbbf24;box-shadow:0 11px 0 #4f2e05,0 18px 30px rgba(0,0,0,.85),0 0 35px rgba(245,158,11,.55),inset 0 1px 3px rgba(255,255,255,.35)}.hub-portal--ranking:active{transform:translateY(4px);box-shadow:0 4px 0 #4f2e05,0 6px 14px rgba(0,0,0,.8)}.hub-ticket{position:relative;width:280px;border-radius:1rem;padding:1.1rem 1.25rem;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.8),inset 0 1px 2px rgba(255,255,255,.3);transition:transform .2s ease,box-shadow .2s ease;mask-image:radial-gradient(circle at 0 50%,transparent 12px,black 13px),radial-gradient(circle at 100% 50%,transparent 12px,black 13px);-webkit-mask-image:radial-gradient(circle at 0 50%,transparent 12px,black 13px),radial-gradient(circle at 100% 50%,transparent 12px,black 13px)}.hub-ticket:hover{transform:translateY(-2px)}.hub-ticket--ruby{background:linear-gradient(180deg,#382014,#1c0e09 45%,#100805);border:2px solid #a8653b;box-shadow:0 10px 25px rgba(0,0,0,.85),0 0 22px rgba(239,68,68,.3),inset 0 1px 1px rgba(255,200,160,.35)}.hub-ticket--cyan{background:linear-gradient(180deg,#142e35,#0b1a1f 45%,#050e12);border:2px solid #287a8c;box-shadow:0 10px 25px rgba(0,0,0,.85),0 0 22px rgba(6,182,212,.3),inset 0 1px 1px rgba(180,240,255,.35)}.hub-ticket--gold{background:linear-gradient(180deg,#3c2d12,#201708 45%,#120d04);border:2px solid #9c762d;box-shadow:0 10px 25px rgba(0,0,0,.85),0 0 22px rgba(245,158,11,.3),inset 0 1px 1px rgba(255,230,160,.35)}.hub-ticket-bottom-bar{height:3px;border-radius:9999px;margin-top:.5rem}