:root{--background:#02080b;--surface:rgba(5,19,23,.86);--surface-soft:rgba(10,30,34,.72);--emerald:#39f276;--cyan:#34d8d0;--gold:#f2c94c;--orange:#ff9e2f;--text:#f4f8f7;--muted:#8fa3a2;--line:rgba(92,220,183,.17);--header-h:82px;--ticker-h:76px;--status-h:44px;--radius:12px;--mode-color:var(--emerald);font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background);color:var(--text)}body{overflow:hidden;font-size:13px}button,a,select,input{font:inherit}button,a{color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:999;left:12px;top:-50px;background:var(--emerald);color:#00170b;padding:10px 16px;font-weight:800;border-radius:4px}.skip-link:focus{top:8px}.space-field{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 52%,rgba(25,125,99,.15),transparent 34%),radial-gradient(circle at 80% 10%,rgba(25,102,104,.1),transparent 24%),linear-gradient(135deg,#010507,#031115 55%,#02080b);z-index:0}.space-field:after{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle,rgba(129,255,208,.8) 0 1px,transparent 1px);background-size:79px 79px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
.hub-shell{position:relative;z-index:1;height:100vh;min-height:720px;display:grid;grid-template-rows:var(--header-h) minmax(0,1fr) var(--ticker-h) var(--status-h);overflow:hidden}.global-header{display:grid;grid-template-columns:255px minmax(580px,1fr) 330px;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:rgba(2,10,13,.9);backdrop-filter:blur(18px);box-shadow:0 8px 35px rgba(0,0,0,.35);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-shield{width:44px;height:51px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 17%,86% 72%,50% 100%,14% 72%,6% 17%);background:linear-gradient(145deg,var(--emerald),#0c5b43);filter:drop-shadow(0 0 10px rgba(57,242,118,.45))}.brand-shield:before{content:"";width:36px;height:42px;clip-path:inherit;background:#031116}.brand-shield i{position:absolute;width:14px;height:21px;border:2px solid var(--emerald);border-radius:50% 50% 45% 45%;transform:rotate(25deg);box-shadow:0 0 8px var(--emerald)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:14px;letter-spacing:1px}.brand-copy b{font-size:11px;color:var(--emerald);letter-spacing:3.6px;margin-top:4px}.brand-copy small{font-size:7px;color:var(--muted);letter-spacing:2px;margin-top:5px}.primary-nav{align-self:stretch;display:flex;justify-content:center;align-items:stretch;gap:clamp(8px,1.3vw,28px)}.primary-nav a,.primary-nav button{position:relative;display:flex;align-items:center;border:0;background:none;text-decoration:none;color:#98aaa8;font-size:11px;white-space:nowrap;cursor:pointer;padding:0}.primary-nav .active{color:var(--emerald);font-weight:800;text-shadow:0 0 12px rgba(57,242,118,.4)}.primary-nav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--emerald);box-shadow:0 0 12px var(--emerald)}.header-tools{display:flex;justify-content:flex-end;align-items:center;gap:10px}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:rgba(11,32,34,.6);cursor:pointer;position:relative}.search-trigger span{display:block;width:12px;height:12px;border:1.5px solid #a9bcba;border-radius:50%;margin:7px}.search-trigger span:after{content:"";position:absolute;width:6px;height:1px;background:#a9bcba;transform:rotate(45deg);top:22px;left:20px}.language select{border:1px solid var(--line);background:#07171a;border-radius:15px;color:#c6d4d2;padding:6px 8px;font-size:10px}.notification i{position:absolute;width:6px;height:6px;background:var(--orange);border-radius:50%;right:2px;top:2px;box-shadow:0 0 8px var(--orange)}.profile{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:10px;color:var(--muted);font-size:9px;line-height:1.45}.profile>span:last-child{display:flex;flex-direction:column}.profile strong{color:var(--text);font-size:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--emerald);border-radius:50%;color:var(--emerald);background:radial-gradient(circle,#173b32,#061210);font-weight:900}.search-panel{position:absolute;right:20px;top:66px;width:370px;padding:12px;background:#061416;border:1px solid var(--line);border-radius:10px;display:flex;gap:8px;box-shadow:0 12px 50px #000;z-index:50}.search-panel[hidden]{display:none}.search-panel label{position:absolute;top:-18px;font-size:9px;color:var(--muted)}.search-panel input{flex:1;background:#020a0c;border:1px solid rgba(57,242,118,.3);padding:9px;color:#fff}.search-panel button{border:0;background:none;font-size:20px;cursor:pointer}
.operational-grid{min-height:0;padding:15px 18px 12px;display:grid;grid-template-columns:clamp(280px,16.5vw,330px) minmax(520px,1fr) clamp(340px,20.5vw,410px);gap:18px}.left-rail,.right-rail{display:grid;min-height:0;gap:14px}.left-rail{grid-template-rows:minmax(270px,.94fr) minmax(285px,1.06fr)}.right-rail{grid-template-rows:minmax(340px,1.25fr) minmax(230px,.75fr)}.glass-panel{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(9,29,32,.87),rgba(3,13,16,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 35px rgba(0,0,0,.23),0 0 28px rgba(32,139,105,.035);backdrop-filter:blur(16px)}.glass-panel:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--mode-color),transparent);opacity:.34}.panel-heading{height:74px;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid rgba(100,190,166,.1)}.panel-heading.compact{height:65px}.eyebrow{color:#6f8885;font-size:8px;letter-spacing:1.8px;font-weight:700}.panel-heading h2{margin:5px 0 0;font-size:14px;letter-spacing:.6px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald);animation:pulse 1.7s ease-in-out infinite}.total-live{font-size:25px;color:var(--emerald);font-weight:400}.region-list{padding:5px 9px}.region-row{width:100%;height:49px;padding:5px 8px;display:grid;grid-template-columns:36px 1fr auto 15px;align-items:center;gap:8px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);cursor:pointer}.region-row:hover,.region-row.selected{background:linear-gradient(90deg,rgba(57,242,118,.1),rgba(57,242,118,.015));border-color:rgba(57,242,118,.17)}.region-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:900;background:#102925;border:1px solid currentColor}.tone-gold{color:var(--gold)}.tone-orange{color:var(--orange)}.tone-emerald{color:var(--emerald)}.region-name{font-size:11px;font-weight:700}.region-name small,.competition-row small{display:block;color:#66807c;font-size:8px;font-weight:400;margin-top:3px}.region-row>strong{font-size:14px;color:#dbe7e5}.chevron{color:#5e7874;font-size:20px}.competition-list{padding:6px 12px}.competition-row{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:9px;min-height:48px;border-bottom:1px solid rgba(85,151,135,.08);transition:.2s}.competition-row:hover{transform:translateX(3px);background:rgba(57,242,118,.03)}.competition-row[hidden],.broadcaster-card[hidden],.ticker-item[hidden]{display:none!important}.competition-glyph{width:29px;height:29px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(52,216,208,.4);color:var(--cyan);background:#07191b;font-size:8px}.competition-glyph::first-line{transform:rotate(-45deg)}.competition-row>span:nth-child(2){font-size:10px;font-weight:700}.competition-row b{font-size:7px;letter-spacing:.7px;color:var(--emerald);border:1px solid rgba(57,242,118,.25);border-radius:3px;padding:3px}.panel-link{position:absolute;left:0;right:0;bottom:0;height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:var(--emerald);text-decoration:none;font-size:9px;font-weight:800;border-top:1px solid rgba(57,242,118,.11);background:rgba(3,15,16,.8)}
.globe-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.access-switch-wrap{height:78px;z-index:12;display:flex;flex-direction:column;align-items:center}.switch-caption{font-size:8px;letter-spacing:2px;color:#617875;margin-bottom:7px}.access-switch{width:330px;height:50px;display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;border:1px solid rgba(91,201,169,.17);border-radius:28px;padding:4px;background:rgba(3,15,17,.8);box-shadow:0 8px 30px rgba(0,0,0,.28)}.access-switch button{height:40px;border:0;border-radius:21px;background:transparent;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;color:#6e817f}.access-switch button span{display:flex;flex-direction:column;align-items:flex-start}.access-switch strong{font-size:10px;letter-spacing:.9px}.access-switch small{font-size:8px;margin-top:2px}.access-switch button:first-child.active{color:#151000;background:linear-gradient(135deg,#f8db70,#b98219);box-shadow:0 0 20px rgba(242,201,76,.25)}.access-switch button:last-child.active{color:#00170a;background:linear-gradient(135deg,#5dff8a,#1bb75a);box-shadow:0 0 20px rgba(57,242,118,.28)}.switch-track{width:39px;height:18px;border-radius:12px;background:#071719;border:1px solid rgba(96,173,154,.2);position:relative}.switch-track i{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:var(--mode-color);box-shadow:0 0 8px var(--mode-color);transition:.35s}[data-mode="premium"] .switch-track i{transform:translateX(20px)}.region-context{position:absolute;top:90px;left:15px;z-index:9;display:flex;flex-direction:column;border-left:2px solid var(--mode-color);padding-left:9px}.region-context span{font-size:7px;color:#67817d;letter-spacing:1.5px}.region-context strong{font-size:13px;margin:3px 0}.region-context small{font-size:8px;color:var(--muted)}.globe-frame{position:relative;flex:1;width:100%;min-height:0;display:grid;place-items:center;isolation:isolate}.globe-frame:before{content:"";position:absolute;width:min(49vw,670px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(27,236,139,.08),transparent 67%);filter:blur(10px)}#globe-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;z-index:3}#globe-canvas:active{cursor:grabbing}.globe-labels{position:absolute;inset:0;z-index:7;pointer-events:none}.hotspot-label{position:absolute;display:flex;align-items:center;gap:7px;background:rgba(2,13,15,.78);border:1px solid currentColor;border-radius:4px;padding:5px 7px;color:var(--emerald);pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 5px 18px rgba(0,0,0,.5);white-space:nowrap;transition:opacity .2s,transform .2s}.hotspot-label i{width:7px;height:7px;background:currentColor;border-radius:50%;box-shadow:0 0 9px currentColor;position:relative}.hotspot-label i:after{content:"";position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;animation:pulse-ring 1.8s infinite}.hotspot-label span{display:flex;flex-direction:column;text-align:left}.hotspot-label strong{font-size:8px;text-transform:uppercase}.hotspot-label small{font-size:6px;margin-top:2px;color:#acc0bd}.hotspot-label.selected{transform:translate(-50%,-50%) scale(1.15);background:#0c2923;z-index:5}.orbit{position:absolute;width:min(48vw,690px);height:34%;border:1px solid rgba(69,231,172,.18);border-radius:50%;z-index:1;transform:rotate(-11deg);box-shadow:0 0 10px rgba(57,242,118,.05)}.orbit-two{transform:rotate(66deg);width:min(41vw,590px);height:72%;border-color:rgba(242,201,76,.1)}.globe-vignette{position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(to bottom,transparent 72%,rgba(2,8,11,.8) 98%)}.drag-hint{height:27px;display:flex;align-items:center;gap:30px;color:#5d7773;font-size:8px;letter-spacing:1.7px;z-index:12}.drag-hint span{font-size:23px;color:var(--mode-color)}.globe-fallback{position:absolute;z-index:6;width:min(55vh,550px);aspect-ratio:1;border-radius:50%;border:1px solid var(--emerald);background:radial-gradient(circle at 35% 30%,#17483f,#052126 50%,#010a0d 75%);box-shadow:inset -30px -20px 70px #000,0 0 45px rgba(57,242,118,.18)}.globe-fallback[hidden]{display:none}.fallback-sphere{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:repeating-radial-gradient(ellipse at 50%,transparent 0 15%,rgba(52,216,208,.08) 16% 16.5%)}.continent{position:absolute;background:rgba(57,242,118,.19);border:1px solid rgba(57,242,118,.45);filter:drop-shadow(0 0 7px #1e9a62)}.c1{width:29%;height:38%;left:19%;top:20%;clip-path:polygon(0 11%,62% 0,100% 30%,63% 48%,79% 100%,36% 81%,20% 48%)}.c2{width:19%;height:38%;left:43%;top:47%;clip-path:polygon(9% 0,100% 14%,75% 57%,42% 100%,18% 61%)}.c3{width:33%;height:28%;left:58%;top:20%;clip-path:polygon(0 23%,65% 0,100% 35%,78% 77%,36% 58%)}.globe-fallback>button{position:absolute;border:1px solid var(--emerald);border-radius:50%;background:#07251d;color:#fff;width:35px;height:35px;cursor:pointer}.globe-fallback>button span{display:none}.globe-fallback>button:nth-of-type(1){left:47%;top:28%}.globe-fallback>button:nth-of-type(2){left:35%;top:65%}.globe-fallback>button:nth-of-type(3){left:19%;top:36%}.globe-fallback>button:nth-of-type(4){left:71%;top:32%}.globe-fallback>button:nth-of-type(5){left:51%;top:51%}.globe-fallback>small{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);color:var(--muted);white-space:nowrap}
.panel-heading>a{font-size:8px;color:var(--emerald);text-decoration:none}.carousel-shell{position:relative;padding:11px 23px 0}.broadcaster-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.broadcaster-card{height:105px;position:relative;padding:15px 12px 8px;border:1px solid rgba(102,169,150,.16);border-radius:7px;background:radial-gradient(circle at 20% 20%,rgba(41,116,94,.15),transparent 60%),#061315;overflow:hidden;transition:.2s}.broadcaster-card:hover{border-color:var(--mode-color);transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.35)}.broadcaster-card.wide{grid-column:1/-1;height:90px}.broadcaster-card>strong{font-size:16px;letter-spacing:1.5px;color:#dffdf3;text-shadow:0 0 10px rgba(52,216,208,.3)}.broadcaster-card h3{font-size:9px;margin:8px 0 2px}.broadcaster-card p{font-size:7px;color:var(--muted);margin:0}.broadcaster-card button{position:absolute;right:8px;bottom:7px;border:0;background:none;color:var(--emerald);font-size:7px;cursor:pointer}.access-tag{position:absolute;right:6px;top:6px;padding:2px 4px;border:1px solid rgba(242,201,76,.3);border-radius:3px;color:var(--gold);font-size:6px;text-transform:uppercase}.broadcaster-card[data-access="free"] .access-tag{color:var(--emerald);border-color:rgba(57,242,118,.3)}.carousel-arrow{position:absolute;z-index:4;top:44%;width:23px;height:44px;border:1px solid var(--line);background:#061719;color:var(--emerald);cursor:pointer}.carousel-arrow.prev{left:-1px;border-radius:0 5px 5px 0}.carousel-arrow.next{right:-1px;border-radius:5px 0 0 5px}.carousel-dots{text-align:center;padding-top:7px}.carousel-dots i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#36514d;margin:2px}.carousel-dots .active{width:14px;border-radius:4px;background:var(--mode-color)}.timeline-panel{padding-bottom:8px}.local-time{position:absolute;right:15px;top:13px;text-align:right;display:flex;flex-direction:column}.local-time span{font-size:7px;color:var(--muted)}.local-time strong{font-size:20px;color:var(--mode-color);font-variant-numeric:tabular-nums}.local-time small{font-size:7px;color:#617a76}.timeline-chart{height:calc(100% - 65px);min-height:145px;position:relative;margin:0 14px;padding:18px 0 22px}.timeline-bars{height:100%;display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:2px;border-bottom:1px solid rgba(102,176,157,.25);background:repeating-linear-gradient(to top,rgba(112,183,165,.07) 0 1px,transparent 1px 25%)}.timeline-bars i{display:block;height:var(--height);max-height:100%;background:linear-gradient(to top,rgba(52,216,208,.2),rgba(57,242,118,.75));border-radius:2px 2px 0 0}.now-band{position:absolute;z-index:3;top:10px;bottom:19px;left:var(--now);width:8%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(57,242,118,.18),transparent);border-left:1px solid var(--emerald);pointer-events:none}.now-band span{position:absolute;top:-2px;left:2px;font-size:6px;color:#001c0d;background:var(--emerald);padding:2px}.timeline-labels{display:flex;justify-content:space-between;font-size:7px;color:#718a86;margin-top:7px}
.live-ticker{display:grid;grid-template-columns:155px 1fr 45px;align-items:stretch;border-top:1px solid rgba(57,242,118,.23);border-bottom:1px solid rgba(57,242,118,.12);background:rgba(2,13,15,.96);box-shadow:0 -8px 30px rgba(0,0,0,.25);overflow:hidden}.ticker-label{display:flex;align-items:center;gap:10px;padding:0 15px;background:linear-gradient(90deg,rgba(57,242,118,.12),transparent);border-right:1px solid var(--line)}.ticker-label span{display:flex;flex-direction:column}.ticker-label strong{font-size:10px;color:var(--emerald)}.ticker-label b{font-size:16px;letter-spacing:2px}.ticker-label em{position:absolute;margin-top:50px;font-size:6px;color:var(--muted);font-style:normal;letter-spacing:1px}.ticker-viewport{overflow:hidden;display:flex;align-items:center}.ticker-track{width:max-content;display:flex;align-items:center;animation:ticker-scroll 38s linear infinite}.ticker-viewport:hover .ticker-track,.ticker-track.paused{animation-play-state:paused}.ticker-item{height:50px;min-width:355px;display:grid;grid-template-columns:37px 1fr;align-content:center;padding:0 22px;border-right:1px solid rgba(83,157,139,.15)}.ticker-item time{grid-row:1/3;color:var(--emerald);font-weight:800;font-size:12px;align-self:center}.ticker-item>span{font-size:10px}.ticker-item b{color:var(--gold);padding:0 8px}.ticker-item small{font-size:7px;color:#718985;margin-top:5px}.ticker-control{border:0;border-left:1px solid var(--line);background:#061617;color:var(--emerald);cursor:pointer}.system-status{display:grid;grid-template-columns:140px 180px 145px 135px 180px 1fr auto;align-items:center;padding:0 18px;background:#010608;color:#657e7a;font-size:7px;letter-spacing:.5px}.system-status>div{display:flex;align-items:center;gap:7px;border-right:1px solid rgba(92,153,139,.1);padding-right:12px}.system-status span{display:flex;flex-direction:column}.system-status strong{font-size:8px;color:#b6cac6;margin-top:2px}.system-status>div:nth-child(-n+2) strong{color:var(--emerald)}.status-pulse{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.system-status p{font-size:7px;text-align:center;color:#637a76;margin:0}.system-status button{border:1px solid rgba(57,242,118,.28);background:rgba(57,242,118,.07);color:var(--emerald);border-radius:4px;padding:7px 11px;font-size:7px;font-weight:800;cursor:pointer}.toast{position:fixed;z-index:100;right:18px;bottom:56px;padding:10px 15px;background:#09231e;border:1px solid rgba(57,242,118,.35);border-radius:6px;color:#dff9ef;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
[data-mode="premium"]{--mode-color:var(--gold)}[data-mode="premium"] .live-dot,[data-mode="premium"] .status-pulse{background:var(--gold);box-shadow:0 0 8px var(--gold)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@keyframes pulse{50%{opacity:.42;transform:scale(.78)}}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.8);opacity:0}}@keyframes ticker-scroll{to{transform:translateX(-50%)}}
@media(max-width:1450px){:root{--header-h:72px;--ticker-h:68px}.global-header{grid-template-columns:225px 1fr 270px;padding:0 12px}.profile>span:last-child{display:none}.primary-nav{gap:12px}.primary-nav a,.primary-nav button{font-size:9px}.operational-grid{grid-template-columns:275px minmax(470px,1fr) 335px;gap:12px;padding:11px 12px 9px}.panel-heading{padding:12px}.region-row{height:44px}.competition-row{min-height:42px}.broadcaster-card{height:91px}.broadcaster-card.wide{height:76px}.system-status{grid-template-columns:125px 155px 125px 115px 155px 1fr auto}}
@media(max-width:1120px){body{overflow:auto}.hub-shell{height:auto;min-height:100vh;display:block}.global-header{height:68px;grid-template-columns:220px 1fr}.primary-nav{display:none}.header-tools{grid-column:2}.operational-grid{grid-template-columns:1fr 1fr;grid-template-areas:"globe globe" "left right";height:auto}.globe-stage{grid-area:globe;height:620px}.left-rail{grid-area:left}.right-rail{grid-area:right}.left-rail,.right-rail{height:600px}.live-ticker{height:68px;position:sticky;bottom:0;z-index:20}.system-status{min-height:50px;grid-template-columns:repeat(3,1fr);gap:8px}.system-status p{grid-column:1/-1}.system-status>div:nth-of-type(n+4){display:none}}
@media(max-width:700px){.global-header{grid-template-columns:1fr auto;height:62px;padding:0 10px}.brand-shield{width:35px;height:42px}.brand-copy strong{font-size:11px}.brand-copy b{font-size:9px}.header-tools .language,.header-tools .notification,.profile>span:last-child{display:none}.operational-grid{display:flex;flex-direction:column;padding:8px}.globe-stage{order:-1;height:500px}.access-switch{width:290px}.region-context{top:85px}.left-rail,.right-rail{height:auto;display:flex;flex-direction:column}.glass-panel{min-height:340px}.timeline-panel{min-height:255px}.live-ticker{grid-template-columns:110px 1fr 40px}.ticker-label{padding:0 8px}.ticker-label b{font-size:12px}.ticker-label em{display:none}.ticker-item{min-width:300px}.system-status{padding:8px 10px}.system-status>div:nth-of-type(n+3){display:none}.system-status{grid-template-columns:1fr 1fr}.system-status button{grid-column:1/-1}.orbit{width:95vw}.hotspot-label span{display:none}.search-panel{right:8px;width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.ticker-track{animation:none;flex-wrap:nowrap;overflow-x:auto;width:auto}.live-dot{opacity:1}.hotspot-label i:after{display:none}}

/* Portal brand image trial: replaces only the shield in the canonical top rail. */
.brand-shield{
  flex:0 0 auto;
  width:56px;
  height:56px;
  clip-path:none;
  overflow:hidden;
  border:1px solid rgba(57,242,118,.42);
  border-radius:12px;
  background:#02080b url("../assets/brand/football_pulse_portal_logo.png") center/cover no-repeat;
  box-shadow:0 0 18px rgba(57,242,118,.2);
  filter:drop-shadow(0 0 8px rgba(57,242,118,.25));
}
.brand-shield:before,.brand-shield i{display:none}
@media(max-width:700px){.brand-shield{width:44px;height:44px;border-radius:9px}}

/* Canonical portal top bar: one stable geometry for every public route. */
:root{--header-h:72px}
.fp-global-topbar{
  --emerald:#39f276;
  --line:rgba(92,220,183,.17);
  --text:#f4f8f7;
  --muted:#8fa3a2;
  --orange:#ff9e2f;
  position:sticky;
  top:0;
  z-index:80;
  width:100%;
  min-width:0;
  max-width:none;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr) 285px;
  align-items:center;
  gap:16px;
  padding:0 20px;
  overflow:hidden;
  border:0;
  border-bottom:1px solid rgba(92,220,183,.17);
  border-radius:0;
  background:rgba(2,10,13,.96);
  box-shadow:0 8px 30px rgba(0,0,0,.3);
  backdrop-filter:blur(16px);
  color:#f4f8f7;
  font-family:"Segoe UI",Arial,sans-serif;
  line-height:1;
  contain:layout paint;
  animation:none!important;
  transition:none!important;
  transform:none!important;
}
.fp-global-topbar .brand{min-width:0;height:100%;gap:11px}
.fp-global-topbar .brand-shield{width:48px;height:48px;border-radius:11px}
.fp-global-topbar .brand-copy{min-width:0}
.fp-global-topbar .brand-copy strong{font-size:14px;letter-spacing:1px}
.fp-global-topbar .brand-copy b{font-size:10px;letter-spacing:3.4px}
.fp-global-topbar .brand-copy small{font-size:7px;letter-spacing:1.8px}
.fp-global-topbar .primary-nav{
  min-width:0;
  height:100%;
  align-self:auto;
  justify-content:center;
  align-items:stretch;
  gap:clamp(12px,1.45vw,28px);
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.fp-global-topbar .primary-nav::-webkit-scrollbar{display:none}
.fp-global-topbar .primary-nav a{
  flex:0 0 auto;
  height:100%;
  padding:0;
  color:#98aaa8;
  font-size:11px;
  font-weight:500;
  line-height:1;
  transition:color .14s ease;
  transform:none;
}
.fp-global-topbar .primary-nav a:hover,.fp-global-topbar .primary-nav a:focus-visible{color:#e9f7f3}
.fp-global-topbar .primary-nav a.active{color:#39f276;font-weight:800}
.fp-global-topbar .primary-nav a.active:after{bottom:0;height:2px}
.fp-global-topbar .header-tools{min-width:0;height:100%;gap:9px}
.fp-global-topbar .icon-button,.fp-global-topbar .avatar{flex:0 0 34px;width:34px;height:34px}
.fp-global-topbar .language{display:block}
.fp-global-topbar .language select{height:30px;margin:0}
.fp-global-topbar .profile{min-width:0;height:40px}
.topbar-search-host{display:contents}

@media(max-width:1120px){
  .fp-global-topbar{grid-template-columns:180px minmax(0,1fr) 192px;gap:10px;padding-inline:12px}
  .fp-global-topbar .primary-nav{display:flex;gap:16px;justify-content:flex-start}
  .fp-global-topbar .primary-nav a{font-size:10px}
  .fp-global-topbar .profile>span:last-child{display:none}
}
@media(max-width:760px){
  :root{--header-h:64px}
  .fp-global-topbar{height:64px!important;min-height:64px!important;max-height:64px!important;grid-template-columns:50px minmax(0,1fr) 88px;gap:8px;padding-inline:9px}
  .fp-global-topbar .brand-copy,.fp-global-topbar .language,.fp-global-topbar .notification,.fp-global-topbar .profile>span:last-child{display:none}
  .fp-global-topbar .brand-shield{width:44px;height:44px;border-radius:9px}
  .fp-global-topbar .primary-nav{gap:17px;overscroll-behavior-inline:contain}
  .fp-global-topbar .primary-nav a{font-size:10px}
  .fp-global-topbar .header-tools{gap:8px}
  .fp-global-topbar .profile{padding-left:7px}
}
@media(max-width:460px){
  .fp-global-topbar{grid-template-columns:46px minmax(0,1fr) 38px;gap:6px;padding-inline:7px}
  .fp-global-topbar .profile{display:none}
  .fp-global-topbar .primary-nav{gap:15px}
  .fp-global-topbar .primary-nav a{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.fp-global-topbar,.fp-global-topbar *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* FP NOTIFICATION ICON START */

.fp-global-topbar .notification {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
}

.fp-global-topbar .fp-notification-bell {
    width: 18px !important;
    height: 18px !important;

    display: grid !important;
    place-items: center !important;

    color: rgba(232,245,239,.86) !important;
}

.fp-global-topbar .fp-notification-bell svg {
    width: 18px !important;
    height: 18px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    transition:
        color .25s ease,
        transform .25s ease !important;
}

.fp-global-topbar .notification:hover .fp-notification-bell svg {
    color: #00ef91 !important;
    transform: translateY(-1px) !important;
}

/* pequeno ponto de status já existente */
.fp-global-topbar .notification > i {
    position: absolute !important;

    top: 7px !important;
    right: 7px !important;

    width: 6px !important;
    height: 6px !important;

    border-radius: 50% !important;

    background: #f3a12c !important;

    box-shadow:
        0 0 8px rgba(243,161,44,.55) !important;
}

/* FP NOTIFICATION ICON END */