/* NoxusMu — Global Goal bar. Stil gotic (mov + auriu + glow). */

.nxgoal{ position:relative; margin:18px auto; max-width:920px; padding:18px 22px 20px; border-radius:16px;
    background:
        radial-gradient(80% 60% at 50% -10%,rgba(125,75,255,.18),transparent 60%),
        linear-gradient(160deg,#1c0f3e,#120829 60%,#0a0518);
    border:1px solid rgba(255,210,130,.30);
    box-shadow:0 16px 44px rgba(0,0,0,.55), 0 0 40px rgba(120,60,255,.18), inset 0 1px 0 rgba(255,255,255,.06);
    color:#e9ddff; font-family:'Open Sans',sans-serif; }
.nxgoal.has-claim{ border-color:rgba(120,220,160,.6); box-shadow:0 16px 44px rgba(0,0,0,.55), 0 0 40px rgba(80,220,140,.3); }

/* mod MINI (doar bara, pt. hero) — absoluta, o muti unde vrei */
.newone-hero{ position:relative; }
.nxgoal-mini{ position:absolute; left:19.13%; top:65.6%; transform:none; z-index:6;
    background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0; width:min(360px,80%); cursor:pointer; }
.nxgoal-mini .nxgoal-bar2{ margin:0 auto; width:100%; }
.nxgoal-mini-global,.nxgoal-mini-name{ position:absolute; z-index:5; left:50%; width:100%; text-align:center;
    transform:translate(-50%,-50%); white-space:nowrap; font-family:'Cinzel','Open Sans',serif;
    text-shadow:0 1px 3px #000,0 0 9px rgba(172,92,255,.72); }
.nxgoal-mini-global{ left:50.47%; top:28.67%; color:#f4d58a; font-size:14px; font-weight:900; letter-spacing:1.2px; }
.nxgoal-mini-name{ left:51.12%; top:31.57%; color:#e7d8ff; font-size:11px; font-weight:700; letter-spacing:.5px; }
.nxgoal-mini-name b{ color:#fff0bf; font-weight:800; }
.nxgoal-mini .nxgoal-barlabel{ position:absolute; z-index:5; top:45.87%; left:51.39%; width:auto; margin:0;
    transform:translate(-50%,-50%); white-space:nowrap;
    color:#eadfff; font-size:11px; font-weight:700; letter-spacing:.3px;
    text-shadow:0 1px 3px #000,0 0 7px rgba(122,61,220,.9); }
.nxgoal-mini .nxgoal-pct{ font-size:clamp(9px,1.6vw,13px); }
/* editor */
.nxgoal-mini[data-nxgoal-edit]{ outline:1px dashed rgba(255,216,74,.6); cursor:move; }
.nxgoal-mini[data-nxgoal-edit] .nxgoal-pct{ outline:1px dashed rgba(120,220,160,.9); cursor:move; pointer-events:auto; }
.nxgoal-mini[data-nxgoal-edit] .nxgoal-mini-global,
.nxgoal-mini[data-nxgoal-edit] .nxgoal-mini-name,
.nxgoal-mini[data-nxgoal-edit] .nxgoal-barlabel{ outline:1px dashed rgba(255,216,74,.8); cursor:move; pointer-events:auto; }
.nxgoal-rsz{ position:absolute; right:-7px; bottom:-7px; width:14px; height:14px; background:#ffd84a; border:1px solid #000; border-radius:2px; cursor:nwse-resize; z-index:12; }
.nxgoal-out{ position:fixed; bottom:12px; left:12px; width:420px; height:54px; z-index:100002; display:block;
    background:#0d0620; color:#d8c8ff; border:1px solid #7c3cdc; border-radius:8px; padding:8px; font:11px/1.4 monospace; }

.nxgoal-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:4px; }
.nxgoal-title{ font:800 18px 'Cinzel','Open Sans',serif; letter-spacing:1.5px;
    background:linear-gradient(90deg,#e8b65a,#fff4d6,#ffd98a); -webkit-background-clip:text; background-clip:text; color:transparent;
    filter:drop-shadow(0 0 10px rgba(255,190,90,.35)); }
.nxgoal-pool{ color:#d8c6ff; font-size:13px; }
.nxgoal-pool b{ color:#56e0a0; font-size:15px; text-shadow:0 0 10px rgba(80,220,150,.4); }
.nxgoal-desc{ color:#b79cff; font-size:12px; margin-bottom:12px; }

/* bara-cadru (imaginile tale): cadru gol + cadru plin clip-uit + % in diamant */
.nxgoal-bar2{ position:relative; width:min(700px,96%); margin:8px auto 2px; }
.nxgoal-empty{ position:relative; z-index:1; display:block; width:100%; height:auto; }
.nxgoal-fill{ position:absolute; z-index:2; inset:0; display:block; width:100%; height:100%;
    object-fit:fill; pointer-events:none; clip-path:inset(0 100% 0 0);
    transition:clip-path .9s cubic-bezier(.2,.8,.2,1); }
.nxgoal-pct{ position:absolute; left:49.96%; top:38.23%; transform:translate(-50%,-50%); z-index:4;
    color:#fff; font:800 clamp(11px,2.2vw,18px) 'Cinzel','Open Sans',serif;
    text-shadow:0 0 10px rgba(190,110,255,.9), 0 1px 3px #000; }
.nxgoal-barlabel{ text-align:center; color:#cdbdff; font:700 12px 'Open Sans',sans-serif; letter-spacing:.5px; margin-bottom:8px; }
.nxgoal-ranking{ position:fixed; z-index:100005; left:12px; top:12px; width:286px;
    padding:12px 13px 10px; border:1px solid rgba(232,190,94,.62); border-radius:7px;
    background:linear-gradient(155deg,rgba(25,10,53,.98),rgba(9,4,24,.98));
    box-shadow:0 14px 34px rgba(0,0,0,.65),0 0 22px rgba(118,54,218,.28),inset 0 1px rgba(255,255,255,.06);
    opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-6px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s; }
.nxgoal-ranking.is-open{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.nxgoal-ranking-head{ display:flex; align-items:center; justify-content:space-between; padding-bottom:8px;
    color:#f3d58a; font:900 12px 'Cinzel','Open Sans',serif; letter-spacing:.8px; border-bottom:1px solid rgba(232,190,94,.2); }
.nxgoal-ranking-head a{ color:#b892ff; font:800 9px 'Open Sans',sans-serif; letter-spacing:1px; text-decoration:none; }
.nxgoal-ranking-head a:hover{ color:#fff0bf; }
.nxgoal-rank{ display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:7px;
    min-height:28px; border-bottom:1px solid rgba(255,255,255,.055); color:#ddd1f4; font-size:11px; }
.nxgoal-rank:last-child{ border-bottom:0; }
.nxgoal-rank-pos{ color:#8f72bd; font-weight:800; }
.nxgoal-rank-name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; }
.nxgoal-rank-kills{ color:#e9cd85; font-size:11px; }
.nxgoal-rank-kills small{ color:#8f7aa8; font-weight:600; }
.nxgoal-rank-1 .nxgoal-rank-pos,.nxgoal-rank-1 .nxgoal-rank-name{ color:#ffd76a; }
.nxgoal-rank-2 .nxgoal-rank-pos,.nxgoal-rank-2 .nxgoal-rank-name{ color:#d9e0ed; }
.nxgoal-rank-3 .nxgoal-rank-pos,.nxgoal-rank-3 .nxgoal-rank-name{ color:#d99864; }
.nxgoal-ranking-empty{ padding:16px 4px 9px; text-align:center; color:#8f7aa8; font-size:11px; }
@media(max-width:900px){ .nxgoal-ranking{ width:min(286px,calc(100vw - 24px)); } }

.nxgoal-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:12px; }
.nxgoal-you{ font-size:13px; color:#d8c6ff; }
.nxgoal-you b{ color:#ffd98a; }
.nxgoal-claim{ display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.nxgoal-claimnote{ flex:1 0 100%; color:#f2cf7b; font:800 10px/1.2 'Cinzel',serif; letter-spacing:.09em; text-align:right; text-transform:uppercase; text-shadow:0 0 8px rgba(148,76,225,.72); }
.nxgoal-claimbtn{ background:linear-gradient(135deg,#2e9e63,#46c07e); color:#fff; border:1px solid rgba(180,255,210,.4);
    border-radius:10px; padding:9px 16px; font:800 13px 'Open Sans',sans-serif; letter-spacing:.5px; cursor:pointer;
    box-shadow:0 6px 18px rgba(60,180,110,.45); transition:filter .12s, transform .08s; animation:nxgPulse 1.6s ease-in-out infinite; }
.nxgoal-claimbtn:hover{ filter:brightness(1.12); }
.nxgoal-claimbtn:active{ transform:scale(.96); }
@keyframes nxgPulse{ 50%{ box-shadow:0 6px 26px rgba(80,220,140,.7); } }

.nxgoal-msg{ text-align:center; margin-top:10px; min-height:16px; font-weight:700; font-size:13px; }
.nxgoal-msg.win{ color:#7be0a4; } .nxgoal-msg.err{ color:#ff8a8a; }