/* SJK LIVE OPS v6 — added to existing headless gaming page, not a raster mockup */
:root{--gx-live:#ffb25c;--gx-air:#a8bdb8}
body.gaming-mode{background:#05090b!important}
#gaming-hub{isolation:isolate;background:#050a0b!important}
#gaming-hub .gx-section{position:relative;isolation:isolate;overflow:hidden}
#gaming-hub .gx-section>.gx-container{position:relative;z-index:1}
#gaming-hub .gx-section:not(.gx-tactical)::before{content:"";position:absolute;pointer-events:none;inset:-32% -15% auto;height:480px;background:radial-gradient(ellipse at 70% 50%,#e6892120,transparent 51%),url('./gx-smoke.webp') center top/115% auto no-repeat;opacity:.28;transform:translate3d(0,0,0);animation:gx-fog-section 34s ease-in-out infinite alternate;mix-blend-mode:screen;z-index:0}
/* Cinematic Ghost hero, preserving supplied official art and authentic SJK logo */
#gaming-hub .gx-hero{isolation:isolate;min-height:760px;background:#040708}
#gaming-hub .gx-hero-media img{filter:grayscale(.48) contrast(1.21) brightness(.71);transform:scale(1.04);animation:gx-photo-lift 21s ease-in-out infinite alternate}
#gaming-hub .gx-hero-shade{z-index:1;background:linear-gradient(90deg,#030709f7 0%,#030709eb 20%,#060909dc 38%,#04080985 58%,#03070820 84%),linear-gradient(0deg,#030709 0%,transparent 26%,#00000038 86%)}
#gaming-hub .gx-hero-grid{z-index:2;opacity:.42;background-size:84px 84px;animation:gx-grid-pan 18s linear infinite}
#gaming-hub .gx-hero-smoke{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;opacity:.8;mix-blend-mode:screen}
#gaming-hub .gx-smoke-layer{position:absolute;display:block;left:-22%;bottom:-10%;width:140%;height:64%;background:url('./gx-smoke.webp') center/cover no-repeat;filter:blur(9px) saturate(.8);opacity:.55;transform:translate3d(0,0,0);will-change:transform;animation:gx-smoke-roll 27s ease-in-out infinite alternate}
#gaming-hub .gx-smoke-b{bottom:25%;left:-36%;width:120%;height:43%;opacity:.30;filter:blur(24px);animation-duration:36s;animation-direction:alternate-reverse}
#gaming-hub .gx-smoke-c{bottom:-23%;left:16%;width:160%;height:43%;opacity:.36;filter:blur(18px);animation-duration:21s;animation-delay:-8s}
#gaming-hub .gx-ember-field{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:.83}
#gaming-hub .gx-hero-inner,#gaming-hub .gx-hero-bottom{z-index:4}
#gaming-hub .gx-battle-hud{position:absolute;right:3%;top:60px;display:grid;gap:7px;align-content:start;justify-items:end;text-align:right;color:#dbe6df;font:900 10px/1.1 Inter,Arial,sans-serif;letter-spacing:.23em;opacity:.83;pointer-events:none}
#gaming-hub .gx-battle-hud small{color:#fbbd79;font-size:8px;letter-spacing:.18em}
#gaming-hub .gx-signal-bars{display:flex;gap:5px;align-items:end;height:22px}
#gaming-hub .gx-signal-bars i{display:block;width:4px;height:30%;background:#f5ac4b;box-shadow:0 0 8px #ffa43d88;animation:gx-signal 1.6s steps(4,end) infinite alternate}
#gaming-hub .gx-signal-bars i:nth-child(2){height:47%;animation-delay:.28s}#gaming-hub .gx-signal-bars i:nth-child(3){height:68%;animation-delay:.63s}#gaming-hub .gx-signal-bars i:nth-child(4){height:86%;animation-delay:.19s}#gaming-hub .gx-signal-bars i:nth-child(5){height:100%;animation-delay:.41s}
#gaming-hub .gx-hero-name{text-shadow:0 5px 25px #000d,0 0 70px #0008}
#gaming-hub .gx-hero-name span{background:linear-gradient(120deg,#ffd68d,#fa9d38 48%,#f0b774);-webkit-background-clip:text;background-clip:text;color:transparent!important}
#gaming-hub .gx-hero-info{filter:drop-shadow(0 6px 18px #0008)}
#gaming-hub .gx-hero-identity{right:2.5%;top:auto;bottom:125px;background:#040808c9;border:1px solid #e9bb714f;box-shadow:0 0 36px #000c,0 0 25px #e6a64b18}
#gaming-hub .gx-hero-identity::after{content:"";position:absolute;left:0;right:80%;bottom:-1px;height:2px;background:#ffba67;box-shadow:0 0 18px #ff9d36;animation:gx-id-sweep 6s ease-in-out infinite alternate}
#gaming-hub .gx-hero-bottom{box-shadow:0 -10px 35px #0009,0 1px 0 #f6a74845 inset}
/* Live menu: animated edge accents and selection states; real links/buttons remain native */
#gaming-hub .gx-nav{backdrop-filter:blur(20px);box-shadow:0 10px 40px #000a,0 1px 0 #e9ae6233 inset}
#gaming-hub .gx-nav a:hover,#gaming-hub .gx-nav button:hover{filter:brightness(1.13)}
#gaming-hub .gx-tile,#gaming-hub .gx-store-card,#gaming-hub .gx-upgrade{isolation:isolate;overflow:hidden}
#gaming-hub .gx-tile::after,#gaming-hub .gx-store-card::before{content:"";position:absolute;inset:-120% -95%;pointer-events:none;background:linear-gradient(104deg,transparent 46%,#fff0cf1a 50%,transparent 54%);transform:translateX(-44%) rotate(12deg);transition:transform .9s ease;z-index:1}
#gaming-hub .gx-tile:hover::after,#gaming-hub .gx-store-card:hover::before,#gaming-hub .gx-tile[aria-pressed=true]::after{transform:translateX(42%) rotate(12deg)}
#gaming-hub .gx-tile[aria-pressed=true]{animation:gx-selected-breathe 3.1s ease-in-out infinite}
#gaming-hub .gx-checkout{position:relative;overflow:hidden;background:linear-gradient(145deg,#172022,#0d1418)!important;box-shadow:0 16px 60px #0009,0 0 0 1px #e5a04f38!important}
#gaming-hub .gx-checkout::after{content:"";position:absolute;pointer-events:none;left:-25%;right:-25%;top:0;height:2px;background:linear-gradient(90deg,transparent,#ffb257,transparent);animation:gx-checkout-scan 5s ease-in-out infinite}
#gaming-hub .gx-store-card{background:linear-gradient(155deg,#182327,#0b1316)!important}
#gaming-hub .gx-store-card:hover{box-shadow:0 20px 48px #000a,0 0 32px #f6a2381e}
#gaming-hub .gx-loadout-feed{position:fixed;right:20px;bottom:22px;z-index:4900;display:flex;align-items:center;gap:10px;padding:13px 20px;color:#eaf7f0;background:#101a1d;border:1px solid #d9a567;box-shadow:0 8px 36px #000c;font:900 11px Inter,Arial,sans-serif;letter-spacing:.08em;pointer-events:none;animation:gx-feed-in .24s ease-out}
#gaming-hub .gx-loadout-feed[hidden]{display:none!important}
#gaming-hub .gx-loadout-feed::before{content:"◆";color:#ffb054}
/* Single Google map. The bottom-right circular game HUD is original SJK radar art, not a second embedded map. */
#gaming-hub .gx-tactical{background:radial-gradient(ellipse at 48% 0,#32221780,transparent 62%),linear-gradient(180deg,#071012,#0a1011)!important}
#gaming-hub .gx-map-shell{grid-template-columns:minmax(0,1fr) 252px!important;gap:14px!important}
#gaming-hub .gx-map-stage{overflow:hidden!important;box-shadow:0 24px 60px #000a,0 0 0 1px #e4a65b25!important}
#gaming-hub .gx-map-stage .gx-map-top{background:#111b1ce8!important;min-height:46px}
#gaming-hub .gx-map-top span:first-child{letter-spacing:.14em}
#gaming-hub .gx-map-top span:last-child{color:#d7e2d9!important;font-weight:700;font-size:9px}
#gaming-hub .gx-google-map-container{background:#d9d7ce!important;min-height:480px!important}
#gaming-hub #sjk-game-map{height:480px!important;min-height:480px!important;background:#e1ded6!important}
#gaming-hub .gx-google-live-frame iframe{filter:none!important}
#gaming-hub .gx-map-sensor{pointer-events:none;position:absolute;top:21px;left:20px;z-index:2;background:#0c171adf;color:#e6eedf;border-left:2px solid #ffa944;border-top:1px solid #ffffff4a;padding:10px 13px;display:grid;gap:5px;box-shadow:0 7px 24px #0009}
#gaming-hub .gx-map-sensor b{font:900 10px Inter,Arial,sans-serif;letter-spacing:.16em}
#gaming-hub .gx-map-sensor small{font:700 8px Inter,Arial,sans-serif;color:#b9cac4;letter-spacing:.10em}
#gaming-hub .gx-sensor-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#f8b25c;box-shadow:0 0 0 4px #f8b25c1f,0 0 17px #f8b25c;animation:gx-live-glow 2s ease-in-out infinite}
#gaming-hub .gx-google-map-dock{position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:190px!important;padding:22px 210px 22px 24px!important;background:linear-gradient(117deg,#121b1c 0%,#17211e 70%,#111613)!important;box-shadow:inset 0 2px 0 #bb7e3b70}
#gaming-hub .gx-google-map-details{flex:1;max-width:600px;min-width:0;gap:8px!important}
#gaming-hub .gx-map-subhead{display:flex;gap:10px;align-items:center;color:#e8b673;font:900 10px Inter,Arial,sans-serif;letter-spacing:.17em}
#gaming-hub .gx-grid-line{width:30px;height:1px;background:#5c6c65;display:inline-block}
#gaming-hub #gx-google-map-name{font-size:clamp(20px,2.1vw,32px)!important}
#gaming-hub .gx-map-stage .gx-map-coordinates{padding:7px 10px!important;background:#141e20!important;border:1px solid #5d6764!important;border-left:2px solid #dba456!important}
#gaming-hub .gx-map-stage .gx-map-coordinates b{font-size:10px!important}
#gaming-hub .gx-map-actions{margin-top:3px!important}
#gaming-hub .gx-map-stage .gx-map-realworld{font-size:10px!important;padding:10px!important}
#gaming-hub .gx-map-controls button{width:37px!important;height:36px!important;min-width:36px!important}
#gaming-hub .gx-map-disclaimer{font-size:9px!important}
#gaming-hub .gx-radar-stack{position:absolute;right:16px;bottom:17px;width:178px;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:3;pointer-events:none}
#gaming-hub #sjk-mini-map{position:relative!important;inset:auto!important;min-height:160px!important;width:160px!important;height:160px!important;flex:none!important;border:2px solid #ffb04f!important;border-radius:50%!important;background:radial-gradient(circle at center,#2a493b 0%,#0b2320 50%,#081817 83%)!important;box-shadow:inset 0 0 32px #030d0ddc,0 0 0 5px #030a0dcc,0 0 0 6px #c68d4888,0 0 26px #ffae4848!important;overflow:hidden!important;isolation:isolate}
#gaming-hub .gx-radar-grid{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 25px,#91e5b82c 26px 27px,transparent 28px 46px),linear-gradient(90deg,transparent 49.5%,#93c7a632 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#93c7a632 50%,transparent 50.5%);z-index:1}
#gaming-hub .gx-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 24deg,transparent 0deg,transparent 262deg,#70fbc309 305deg,#81ffb22a 341deg,#89ffb863 356deg,transparent 360deg);animation:gx-radar-rotate 5.4s linear infinite;z-index:2;mix-blend-mode:screen}
#gaming-hub .gx-radar-axis{position:absolute;z-index:2;background:#98c1a23b}
#gaming-hub .gx-radar-axis-h{height:1px;left:0;right:0;top:50%}#gaming-hub .gx-radar-axis-v{width:1px;top:0;bottom:0;left:50%}
#gaming-hub .gx-radar-cross{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);width:26px;height:26px;display:grid;place-items:center;color:#fff5db;background:#e39b3b;border-radius:50%;box-shadow:0 0 0 4px #ffb25c2d,0 0 20px #ffc172a0;font:900 8px Inter,Arial,sans-serif}
#gaming-hub .gx-radar-north{position:absolute;z-index:5;top:5px;left:49%;font:900 9px Inter,Arial,sans-serif;color:#badac7}
#gaming-hub .gx-radar-blip{position:absolute;width:5px;height:5px;border-radius:50%;background:#7bedb8;box-shadow:0 0 8px #8fffc4;z-index:4;transform:translate(-50%,-50%)}
#gaming-hub .gx-radar-blip.is-active{width:9px;height:9px;background:#ffb85f;box-shadow:0 0 0 4px #ffad4f38,0 0 21px #ffa94b;animation:gx-radar-ping 2s ease-in-out infinite}
#gaming-hub .gx-radar-label{display:grid;gap:2px;text-align:center;font:900 9px Inter,Arial,sans-serif;color:#c9dcd3;letter-spacing:.09em;text-shadow:0 2px 6px #000}
#gaming-hub .gx-radar-online{color:#b9d4c8;font-size:8px}#gaming-hub .gx-radar-online i{display:inline-block;border-radius:50%;width:5px;height:5px;background:#79efbd;margin-right:3px;box-shadow:0 0 7px #86ffbd}
#gaming-hub .gx-radar-label strong{font-size:9px;color:#fcb76b}
#gaming-hub .gx-map-stage .gx-map-bottom{background:#0c1415f3!important;padding:10px 14px!important}
#gaming-hub .gx-map-caption{font-size:10px!important}
#gaming-hub .gx-map-side{box-shadow:0 22px 46px #0006}
#gaming-hub .gx-city-list button[aria-pressed=true]{background:linear-gradient(90deg,#6b4821,#362b21)!important;box-shadow:inset 3px 0 #ffc276,0 0 22px #f0a34521!important}
/* High-quality interaction and depth */
#gaming-hub .gx-nav-ares,#gaming-hub .gx-button.gx-primary{position:relative;overflow:hidden}
#gaming-hub .gx-nav-ares::after,#gaming-hub .gx-button.gx-primary::after{content:"";position:absolute;top:-50%;bottom:-50%;left:-80%;width:40%;background:linear-gradient(90deg,transparent,#ffffff48,transparent);transform:skew(-25deg);animation:gx-button-glint 7s ease-in-out infinite;pointer-events:none}
#gaming-hub .gx-comms{box-shadow:0 0 0 4px #06090b,0 0 0 5px #f8ac4f75,0 24px 100px #000e!important}
@keyframes gx-smoke-roll{from{transform:translate3d(-7%,-2%,0) scale(1)}to{transform:translate3d(7%,8%,0) scale(1.15)}}
@keyframes gx-photo-lift{from{transform:scale(1.06) translate3d(-.5%,-.5%,0)}to{transform:scale(1.11) translate3d(1%,.7%,0)}}
@keyframes gx-grid-pan{to{background-position:84px 42px}}
@keyframes gx-fog-section{from{transform:translateX(-5%)}to{transform:translateX(6%)}}
@keyframes gx-signal{to{height:18%}}
@keyframes gx-id-sweep{to{right:0}}
@keyframes gx-selected-breathe{50%{box-shadow:0 0 0 1px #ffb65b75,0 0 36px #f9a33737,0 12px 35px #0009}}
@keyframes gx-checkout-scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes gx-radar-rotate{to{transform:rotate(360deg)}}
@keyframes gx-radar-ping{50%{box-shadow:0 0 0 10px #ffad4f03,0 0 27px #ffa94b}}
@keyframes gx-feed-in{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes gx-live-glow{50%{opacity:.55;box-shadow:0 0 0 6px #f8b25c0d}}
@keyframes gx-button-glint{0%,70%,100%{left:-80%}85%{left:155%}}
/* Tablet/mobiles: map stays real, radar shrinks and moves to bottom-right below map, never hides Google attribution. */
@media(max-width:1100px){#gaming-hub .gx-map-shell{grid-template-columns:1fr!important}#gaming-hub .gx-google-map-container{min-height:460px!important}#gaming-hub #sjk-game-map{height:460px!important;min-height:460px!important}}
@media(max-width:740px){#gaming-hub .gx-battle-hud{right:20px;top:17px;opacity:.68}#gaming-hub .gx-battle-hud b{display:none}#gaming-hub .gx-hero-smoke{opacity:.53}#gaming-hub .gx-smoke-b{display:none}#gaming-hub .gx-google-map-container{min-height:360px!important}#gaming-hub #sjk-game-map{height:360px!important;min-height:360px!important}#gaming-hub .gx-map-sensor{top:10px;left:10px;padding:8px 10px}#gaming-hub .gx-map-sensor b{font-size:8px}#gaming-hub .gx-map-sensor small{font-size:7px}#gaming-hub .gx-google-map-dock{padding:16px 147px 16px 12px!important;min-height:166px!important;gap:4px!important}#gaming-hub .gx-radar-stack{width:120px;right:8px;bottom:9px;gap:4px}#gaming-hub #sjk-mini-map{width:116px!important;height:116px!important;min-height:116px!important}#gaming-hub .gx-radar-label{font-size:7px}#gaming-hub .gx-radar-label strong{font-size:7px}#gaming-hub .gx-map-subhead{font-size:8px;letter-spacing:.07em}#gaming-hub #gx-google-map-name{font-size:20px!important}#gaming-hub .gx-map-disclaimer{font-size:8px!important}#gaming-hub .gx-map-stage .gx-map-realworld{padding:9px 8px!important;font-size:8px!important}#gaming-hub .gx-map-controls button{min-width:31px!important;width:31px!important;height:33px!important}#gaming-hub .gx-map-actions{gap:6px!important}}
@media(max-width:420px){#gaming-hub .gx-battle-hud{display:none}#gaming-hub .gx-google-map-container{min-height:340px!important}#gaming-hub #sjk-game-map{height:340px!important;min-height:340px!important}#gaming-hub .gx-google-map-dock{padding-right:128px!important;min-height:172px!important}#gaming-hub .gx-radar-stack{width:111px;right:5px}#gaming-hub #sjk-mini-map{width:108px!important;height:108px!important;min-height:108px!important}#gaming-hub .gx-map-subhead .gx-grid-line{display:none}#gaming-hub #gx-google-map-name{font-size:18px!important}#gaming-hub .gx-map-stage .gx-map-coordinates b{font-size:8px!important}#gaming-hub .gx-map-stage .gx-map-coordinates small{font-size:6.5px!important}#gaming-hub .gx-map-stage .gx-map-realworld{font-size:7px!important}#gaming-hub .gx-map-disclaimer{font-size:7px!important}}
@media(prefers-reduced-motion:reduce){#gaming-hub .gx-smoke-layer,#gaming-hub .gx-hero-media img,#gaming-hub .gx-hero-grid,#gaming-hub .gx-section::before,#gaming-hub .gx-signal-bars i,#gaming-hub .gx-radar-sweep,#gaming-hub .gx-radar-blip,#gaming-hub .gx-checkout::after,#gaming-hub .gx-button::after{animation:none!important;transition:none!important}#gaming-hub .gx-ember-field{display:none!important}}