
.pins-game-promo--ng{background:linear-gradient(105deg,#07111f 0%,#0f2137 58%,#083344 100%)}
.pins-game-promo--ng .pins-game-promo-kicker{color:#67e8f9}
.pins-game-promo--ng .pins-game-promo-cta{background:#0891b2;border-color:#0891b2}
.pins-game-promo--ng .pins-game-promo-cta:hover{background:#22d3ee;border-color:#22d3ee;color:#06202a!important}
.pins-game-promo-radar{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.18),rgba(2,6,23,.9));overflow:hidden}
.pins-game-promo-radar svg{width:100%;height:100%;min-height:156px;max-height:320px;display:block}
.pins-game-promo-radar .ng-radar-ring{fill:none;stroke:rgba(103,232,249,.22);stroke-width:1}
.pins-game-promo-radar .ng-radar-line{stroke:rgba(103,232,249,.14);stroke-width:1}
.pins-game-promo-radar .ng-radar-outline{fill:rgba(8,145,178,.10);stroke:rgba(103,232,249,.65);stroke-width:1.6}
.pins-game-promo-radar .ng-radar-dot{fill:#67e8f9}
.pins-game-promo-radar .ng-radar-sweep{transform-origin:160px 140px;animation:ng-sweep 5s linear infinite;fill:rgba(34,211,238,.07)}
@keyframes ng-sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.pins-game-promo-count{display:inline-flex;align-items:center;gap:.35rem;color:#a5f3fc;font-size:.8rem;margin:0 0 .55rem}
.pins-game-promo-count[hidden]{display:none}

.ng-widget{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:1040;font-family:var(--font-family,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);color:#e2e8f0;--ng-bg:#08111f;--ng-panel:#0d1b2c;--ng-line:#1e3a5f;--ng-cyan:#22d3ee;--ng-muted:#94a3b8}
.ng-widget,.ng-widget *{box-sizing:border-box}
.ng-widget button{font:inherit}
.ng-launcher{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(34,211,238,.55);background:linear-gradient(135deg,#0b1b2e,#0e2d42);color:#e2e8f0;border-radius:999px;padding:.6rem .9rem;cursor:pointer;box-shadow:0 8px 28px rgba(2,6,23,.45);transition:transform .18s ease,border-color .18s ease}
.ng-launcher:hover,.ng-launcher:focus-visible{border-color:#22d3ee;transform:translateY(-1px)}
.ng-launcher:focus-visible,.ng-panel button:focus-visible,.ng-panel a:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}
.ng-launcher-icon{position:relative;width:24px;height:24px;border-radius:50%;border:1px solid rgba(103,232,249,.65);display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px}
.ng-launcher-icon::before,.ng-launcher-icon::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(103,232,249,.45)}
.ng-launcher-icon::before{inset:4px}.ng-launcher-icon::after{inset:8px;background:#22d3ee;border:0;animation:ng-pulse 2.4s ease-in-out infinite}
@keyframes ng-pulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
.ng-launcher-label{font-size:.82rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.ng-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16);flex:0 0 7px}
.ng-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(370px,calc(100vw - 32px));max-height:min(72vh,600px);overflow:auto;background:var(--ng-panel);border:1px solid var(--ng-line);border-radius:16px;box-shadow:0 18px 48px rgba(2,6,23,.55);padding:.9rem}
.ng-panel[hidden]{display:none!important}
.ng-panel-head{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.65rem}
.ng-panel-title{font-weight:800;font-size:1rem;margin:0;line-height:1.2;color:#f8fafc}
.ng-panel-sub{font-size:.72rem;color:var(--ng-muted);margin:.1rem 0 0}
.ng-close{margin-left:auto;background:transparent;border:1px solid var(--ng-line);color:#cbd5e1;border-radius:8px;width:36px;height:36px;cursor:pointer;line-height:1;font-size:1.1rem}
.ng-status{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--ng-muted);margin:.2rem 0 .55rem;flex-wrap:wrap}
.ng-status-badge{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--ng-line);border-radius:999px;padding:.12rem .5rem;font-size:.68rem;font-weight:700}
.ng-status-badge.ok{color:#86efac;border-color:rgba(34,197,94,.45)}
.ng-status-badge.stale{color:#fcd34d;border-color:rgba(245,158,11,.5)}
.ng-status-badge.unavailable{color:#fca5a5;border-color:rgba(239,68,68,.5)}
.ng-map-wrap{position:relative;background:radial-gradient(circle at 50% 50%,#0b2942,#050d18 72%);border:1px solid var(--ng-line);border-radius:12px;overflow:hidden;aspect-ratio:320/280}
.ng-map{width:100%;height:100%;display:block}
.ng-map .ng-outline{fill:rgba(8,145,178,.10);stroke:rgba(103,232,249,.55);stroke-width:1.4}
.ng-map .ng-ring{fill:none;stroke:rgba(103,232,249,.12);stroke-width:1}
.ng-map .ng-grid{stroke:rgba(148,163,184,.10);stroke-width:1}
.ng-map .ng-dot{fill:#67e8f9;stroke:#e0f2fe;stroke-width:.7}
.ng-map .ng-dot-group{fill:#22d3ee;opacity:.9}
.ng-map-note{position:absolute;inset:auto 8px 8px 8px;font-size:.62rem;color:#bae6fd;background:rgba(2,6,23,.72);border:1px solid rgba(30,58,95,.9);border-radius:8px;padding:.35rem .5rem;line-height:1.35}
.ng-count{display:flex;align-items:baseline;gap:.45rem;margin:.65rem 0 .35rem;font-size:.78rem;color:var(--ng-muted)}
.ng-count strong{font-size:1.35rem;color:#f8fafc;line-height:1}
.ng-alerts{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.45rem}
.ng-alert{border:1px solid var(--ng-line);border-radius:10px;padding:.5rem .6rem;background:rgba(2,6,23,.35)}
.ng-alert-badge{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.08rem .4rem;margin-bottom:.22rem}
.ng-alert-badge.official{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.4)}
.ng-alert-badge.detection{background:rgba(245,158,11,.14);color:#fcd34d;border:1px solid rgba(245,158,11,.4)}
.ng-alert-title{font-size:.8rem;line-height:1.35;color:#e2e8f0;display:block;font-weight:600}
a.ng-alert-title{text-decoration:none}a.ng-alert-title:hover{color:#67e8f9;text-decoration:underline}
.ng-alert-meta{font-size:.64rem;color:var(--ng-muted);margin-top:.2rem}
.ng-empty{font-size:.76rem;color:var(--ng-muted);margin:.4rem 0}
.ng-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.7rem;padding-top:.65rem;border-top:1px solid var(--ng-line)}
.ng-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:9px;padding:.45rem .65rem;font-size:.76rem;font-weight:700;text-decoration:none;border:1px solid #0891b2;background:#0891b2;color:#fff!important}
.ng-btn:hover{background:#22d3ee;border-color:#22d3ee;color:#06202a!important}
.ng-btn.secondary{background:transparent;color:#bae6fd!important;border-color:var(--ng-line)}
.ng-btn.secondary:hover{border-color:#22d3ee;color:#fff!important}
.ng-widget[data-ng-media="image"] .ng-map-wrap{aspect-ratio:16/9}
.ng-widget[data-ng-media="iframe"] .ng-map-wrap{aspect-ratio:auto;height:420px;max-height:60vh}
.ng-real-image{width:100%;height:100%;object-fit:cover;display:block}
.ng-real-frame{width:100%;height:100%;border:0;display:block;background:#050d18}
.ng-widget--inline{position:static;right:auto;bottom:auto;z-index:auto;width:100%}
.ng-widget--inline .ng-launcher{display:none}
.ng-widget--inline .ng-panel{position:static;width:100%;max-height:none;box-shadow:0 10px 30px rgba(2,6,23,.18)}
.ng-widget--inline.ng-on-light .ng-panel{background:#0d1b2c;color:#e2e8f0}
.ng-page-hero{background:linear-gradient(120deg,#07111f,#0f2b40 60%,#083344);color:#e2e8f0;border-radius:16px;padding:clamp(1.2rem,3vw,2.4rem);margin-bottom:1.5rem}
.ng-page-hero h1{color:#f8fafc;font-size:clamp(1.5rem,3vw,2.2rem);margin:.2rem 0 .6rem}
.ng-page-hero p{color:#cbd5e1;max-width:70ch}
.ng-page-kicker{color:#67e8f9;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800}
.ng-page-hero .ng-btn{margin-top:.6rem}
.ng-page-section{margin:2rem 0}
.ng-page-section h2{font-size:1.25rem;margin-bottom:.75rem}
.ng-materials{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}
.ng-material{border:1px solid var(--color-border,#dee2e6);border-radius:12px;padding:.9rem;background:var(--color-body-bg,#fff)}
.ng-material h3{font-size:.98rem;margin:.2rem 0 .35rem}
.ng-material p{font-size:.82rem;color:var(--color-muted,#6c757d);margin:0 0 .5rem}
.ng-material a{font-size:.8rem;font-weight:700}
.ng-related{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.ng-related a{display:block;padding:.65rem .8rem;border:1px solid var(--color-border,#dee2e6);border-radius:10px;text-decoration:none;color:inherit}
.ng-related a:hover{border-color:#0891b2}
@media (max-width:575.98px){
  .pins-game-promo-radar{width:100%;max-width:none;height:auto}
  .pins-game-promo-radar svg{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
}
@media (max-width:767.98px){
  .ng-widget--floating{right:14px;bottom:calc(72px + env(safe-area-inset-bottom))}
  .ng-widget--floating .ng-panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:min(82vh,640px);border-radius:18px 18px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}
  .ng-widget[data-ng-media="iframe"] .ng-map-wrap{height:360px;max-height:55vh}
  .ng-launcher-label{font-size:.78rem}
  .ng-close{width:44px;height:44px}
  .ng-page-hero{border-radius:12px}
}
@media (prefers-reduced-motion:reduce){
  .ng-launcher,.ng-launcher-icon::after,.pins-game-promo-radar .ng-radar-sweep{animation:none!important;transition:none!important}
}
