/* 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 */
.noxus-exact-home .newone-hero{ position:relative; z-index:20!important; overflow:visible!important; }
.newone-podium{ z-index:10!important; }
.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:default; }
.nxgoal-mini-link{ position:absolute; z-index:8; left:0; top:24%; width:100%; height:32%; border:0; border-radius:18px; background:transparent; cursor:pointer; }
.nxgoal-mini-link:focus-visible{ outline:1px solid rgba(244,202,112,.85); outline-offset:2px; }
.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); }
.nxgoal-mini:hover,.nxgoal-mini:focus-within{ z-index:30; }
.nxgoal-home-tooltip{ position:absolute; left:calc(100% + 12px); top:15%; bottom:auto; z-index:40; width:242px; padding:10px;
    border:1px solid rgba(244,202,112,.58); border-radius:12px; color:#e9ddff; text-align:left;
    background:
        radial-gradient(100% 82% at 50% 0,rgba(140,63,239,.28),transparent 68%),
        linear-gradient(155deg,rgba(29,10,56,.985),rgba(8,3,22,.99));
    box-shadow:0 18px 45px rgba(0,0,0,.75),0 0 30px rgba(122,49,219,.34),inset 0 1px rgba(255,255,255,.07);
    opacity:0; visibility:hidden; pointer-events:none; transform:translateX(8px) scale(.98); transform-origin:0 48px;
    transition:opacity .18s ease,transform .18s ease,visibility .18s; }
.nxgoal-home-tooltip::before{ content:""; position:absolute; left:-7px; top:46px; width:12px; height:12px;
    transform:rotate(45deg); border-left:1px solid rgba(244,202,112,.58); border-bottom:1px solid rgba(244,202,112,.58); background:#16072f; }
.nxgoal-mini:hover .nxgoal-home-tooltip,.nxgoal-mini:focus-within .nxgoal-home-tooltip{
    opacity:1; visibility:visible; transform:translateX(0) scale(1); }
.nxgoal-home-tooltip-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:8px; padding:2px 2px 8px;
    border-bottom:1px solid rgba(240,206,130,.18); text-transform:uppercase; }
.nxgoal-home-tooltip-head span{ color:#a988d4; font:700 7px/1 'Open Sans',sans-serif; letter-spacing:.85px; }
.nxgoal-home-tooltip-head strong{ color:#f3d27e; font:900 10px/1 'Cinzel','Open Sans',serif; letter-spacing:.55px;
    text-shadow:0 0 12px rgba(228,175,75,.28); }
.nxgoal-home-tooltip ol{ list-style:none; margin:6px 0 4px; padding:0; }
.nxgoal-home-tooltip li{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:7px; min-height:27px;
    padding:2px 4px; border-bottom:1px solid rgba(255,255,255,.07); }
.nxgoal-home-tooltip li:last-child{ border-bottom:0; }
.nxgoal-home-tooltip li>b{ display:block; width:auto; height:auto; border:0; border-radius:0;
    color:#9e7fc5; background:none; font:900 9px/1 'Open Sans',sans-serif; }
.nxgoal-home-tooltip li>span{ min-width:0; }
.nxgoal-home-tooltip li>span>strong{ display:block; overflow:hidden; color:#eee4ff; font:800 10px/1.2 'Open Sans',sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.nxgoal-home-tooltip li>span>small{ display:block; margin-top:2px; color:#806d9b; font:600 7px/1 'Open Sans',sans-serif; letter-spacing:.15px; }
.nxgoal-home-tooltip li>em{ color:#f0ce7b; font:800 9px/1 'Open Sans',sans-serif; font-style:normal; white-space:nowrap; }
.nxgoal-home-tooltip li>em small{ color:#8d78a6; font-size:7px; font-weight:700; text-transform:uppercase; }
.nxgoal-home-tooltip li.is-rank-1>b{ border-color:transparent; color:#ffe08b; background:none; box-shadow:none; }
.nxgoal-home-tooltip li.is-rank-1>span>strong{ color:#ffdc77; }
.nxgoal-home-tooltip li.is-rank-2>b{ border-color:transparent; color:#e7edf7; background:none; }
.nxgoal-home-tooltip li.is-rank-2>span>strong{ color:#dfe6f2; }
.nxgoal-home-tooltip li.is-rank-3>b{ border-color:transparent; color:#e8a576; background:none; }
.nxgoal-home-tooltip li.is-rank-3>span>strong{ color:#dda072; }
.nxgoal-home-tooltip-empty{ padding:14px 6px 12px; color:#9984b2; font:700 9px/1.4 'Open Sans',sans-serif; text-align:center; }
.nxgoal-home-tooltip footer{ display:block!important; position:relative!important; width:auto!important; height:auto!important; min-height:0!important; margin:4px 0 0!important; padding:7px 2px 0!important; border-top:1px solid rgba(240,206,130,.12); background:none!important; color:#725e8c;
    font:700 7px/1 'Open Sans',sans-serif; letter-spacing:.5px; text-align:center; text-transform:uppercase; }
@media(max-width:1180px){
    .nxgoal-home-tooltip{ left:50%; top:18%; bottom:auto; width:min(230px,calc(100vw - 26px)); transform:translate(-50%,8px) scale(.98); transform-origin:50% 0; }
    .nxgoal-home-tooltip::before{ display:none; }
    .nxgoal-mini:hover .nxgoal-home-tooltip,.nxgoal-mini:focus-within .nxgoal-home-tooltip{ transform:translate(-50%,0) scale(1); }
}
@media(prefers-reduced-motion:reduce){ .nxgoal-home-tooltip{ transition:none; } }

/* Keep the animated hero alive while its legs disappear behind the lower cards. */
@media (min-width:1181px) {
    html body .wrapper header .newone-character{ z-index:4!important; }
    html body .wrapper header .newone-live-panels{ z-index:12!important; isolation:isolate; }
}
@media (min-width:1181px) and (prefers-reduced-motion:no-preference) {
    html body .wrapper header .newone-character img{
        transform-origin:50% 70%;
        will-change:transform;
        animation:nxCharacterAlive 5.4s ease-in-out infinite!important;
    }
}
@keyframes nxCharacterAlive{
    0%,100%{ transform:translate3d(0,0,0) scale(1); }
    50%{ transform:translate3d(0,-9px,0) scale(1.006); }
}
/* 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-waiting{ display:none; margin:5px 0 8px; text-align:center; color:#f0d083; font:800 13px 'Cinzel',serif; letter-spacing:1.4px; text-shadow:0 0 12px rgba(169,74,255,.6); }
.nxgoal.is-waiting:not(.nxgoal-mini) .nxgoal-waiting{ display:block; }
.nxgoal.is-waiting .nxgoal-fill{ clip-path:inset(0 100% 0 0)!important; opacity:.25; }
.nxgoal.is-waiting .nxgoal-pct{ color:#d7c3f1; letter-spacing:3px; }
.nxgoal-bonus-rewards{ margin:8px auto 2px; text-align:center; color:#e8c96f; font:700 11px/1.5 'Open Sans',sans-serif; letter-spacing:.35px; }
.nxgoal-bonus-rewards:empty{ display:none; }
.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)); } }

/* The cinematic hero visually overlaps the cards, but its empty canvas must not block their tabs. */
.noxus-exact-home .newone-hero{pointer-events:none!important}
.noxus-exact-home .newone-podium,.noxus-exact-home .newone-podium a,.noxus-exact-home .nxgoal-mini-link,.noxus-exact-home .newone-server-frame{pointer-events:auto!important}
.noxus-exact-home .nxgoal-mini{pointer-events:none!important}

.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; }