/* ===== NoxusMu — Lottery — image-mapped peste lottery.png (full screen) ===== */
.nxlot-wrap{ position:fixed; inset:0; z-index:100000; width:100vw; height:100vh; margin:0; background:#060310;
    font-family:'Cinzel',Georgia,serif; color:#efe5d0; user-select:none; }
.nxlot{ position:absolute; inset:0; width:100%; height:100%; overflow:hidden;
    background:#060310 url(../images/lottery.png) center center/100% 100% no-repeat; }
.nxlot *{ box-sizing:border-box; }
.nxlot-el{ position:absolute; }

/* ---- elemente separate mapate (mutabile individual) ---- */
.nxlot-pot-el{ display:flex; align-items:center; justify-content:center; line-height:1; text-align:center; }
.nxlot-pot-el span[data-lx="pot"]{ display:inline-block; font-size:clamp(18px,1.9vw,32px); font-weight:900; color:transparent;
    background-image:linear-gradient(110deg,#f3eeff 0%,#f3eeff 42%,#ffffff 50%,#f3eeff 58%,#f3eeff 100%);
    background-size:250% 100%; -webkit-background-clip:text; background-clip:text; will-change:filter,background-position;
    animation:nxLotShine 4.5s ease-in-out infinite; }
@keyframes nxLotShine{ 0%{ background-position:140% 0; } 55%,100%{ background-position:-40% 0; } }
/* glow colorat per loterie (pulsatie lina) + shine */
.nxlot [data-type="wcoin"] [data-lx="pot"]{ animation:nxLotShine 4.5s ease-in-out infinite, nxLotGlowW 3.2s ease-in-out infinite; }
.nxlot [data-type="ruud"]  [data-lx="pot"]{ animation:nxLotShine 4.5s ease-in-out infinite, nxLotGlowR 3.2s ease-in-out infinite; }
.nxlot [data-type="hunt"]  [data-lx="pot"]{ animation:nxLotShine 4.5s ease-in-out infinite, nxLotGlowH 3.2s ease-in-out infinite; }
@keyframes nxLotGlowW{ 0%,100%{ filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(177,92,255,.5)); } 50%{ filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 13px rgba(201,125,255,.9)) drop-shadow(0 0 22px rgba(177,92,255,.55)); } }
@keyframes nxLotGlowR{ 0%,100%{ filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(77,210,255,.5)); } 50%{ filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 13px rgba(125,228,255,.9)) drop-shadow(0 0 22px rgba(77,210,255,.55)); } }
@keyframes nxLotGlowH{ 0%,100%{ filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(125,255,92,.5)); } 50%{ filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 13px rgba(170,255,125,.9)) drop-shadow(0 0 22px rgba(125,255,92,.55)); } }
@media (prefers-reduced-motion:reduce){ .nxlot [data-lx="pot"]{ animation:none !important; background-position:0 0 !important; } }
.nxlot-pot-el small{ font-size:.5em; font-weight:700; color:#ffd98a; margin-left:4px; }

.nxlot-price-el{ display:flex; align-items:center; justify-content:center; text-align:center;
    font:700 clamp(11px,1vw,15px) 'Open Sans',sans-serif; color:#ffd98a; text-shadow:0 2px 3px #000, 0 0 6px rgba(0,0,0,.8); }
.nxlot-price-el b{ color:#fff; margin-left:4px; }

.nxlot-timer-el{ display:flex; align-items:center; justify-content:center; text-align:center;
    font:700 clamp(11px,1vw,15px) 'Open Sans',sans-serif; color:#e7dcff; text-shadow:0 2px 3px #000, 0 0 6px rgba(0,0,0,.8); }
.nxlot-timer-el b{ color:#fff; font-variant-numeric:tabular-nums; letter-spacing:.5px; }

.nxlot-part-el{ display:flex; align-items:center; justify-content:center; text-align:center;
    font:700 clamp(10px,.9vw,14px) 'Open Sans',sans-serif; color:#e7dcff; text-shadow:0 2px 3px #000, 0 0 6px rgba(0,0,0,.8); }
.nxlot-part-el b{ color:#fff; margin-right:4px; }

/* zona ENTRY clickabila peste butonul desenat */
.nxlot-entry{ display:block; position:absolute; overflow:hidden; border-radius:8px; background:transparent !important; cursor:pointer; z-index:6;
    box-shadow:none !important; transition:none !important; }
.nxlot-entry:hover,.nxlot-entry:focus,.nxlot-entry:active{ background:transparent !important; box-shadow:none !important; outline:0 !important; filter:none !important; }
.nxlot-entry::after,.nxlot-buybtn::after,.nxlot-step::after,.nxlot-popup-close::after{
    content:""; position:absolute; inset:0; pointer-events:none; opacity:0; border-radius:inherit;
    background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(255,240,170,.10) 48%,rgba(0,0,0,.34));
    box-shadow:inset 0 3px 12px rgba(0,0,0,.72), inset 0 0 18px rgba(255,230,130,.22), 0 0 10px rgba(255,214,90,.18);
    transition:opacity .06s ease;
}
.nxlot-entry:active::after,.nxlot-buybtn:active::after,.nxlot-step:active::after,.nxlot-popup-close:active::after{ opacity:1; }
.nxlot.edit .nxlot-entry{ background:rgba(86,214,160,.28); }

/* ---- recent winners ---- */
.nxlot-winners{ overflow:hidden; }
.nxlot-winners-list{ display:flex; flex-direction:column; gap:4px; width:100%; }
.nxlot-winners-list .row{ display:flex; justify-content:space-between; gap:8px;
    font:600 clamp(10px,.85vw,12px) 'Open Sans',sans-serif; color:#d9cdf2; }
.nxlot-winners-list .row b{ color:#ffd98a; }
.nxlot-winners-list .row span{ color:#fff; }

/* ---- back + msg ---- */
.nxlot-back{ color:#e8c372; text-decoration:none; font:700 14px 'Cinzel',serif; padding:7px 14px;
    border:1px solid rgba(236,191,103,.4); border-radius:8px; background:rgba(12,8,20,.6); z-index:5; }
.nxlot-back:hover{ color:#fff; text-decoration:none; border-color:rgba(236,191,103,.8); }
.nxlot-msg{ position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:100090; max-width:90vw; text-align:center;
    font:700 15px 'Cinzel',serif; color:#ffe6a6; padding:12px 22px; border-radius:12px; display:none;
    background:rgba(14,10,20,.95); border:1px solid rgba(236,191,103,.5); box-shadow:0 10px 30px rgba(0,0,0,.6); }
.nxlot-msg.show{ display:block; }
.nxlot-msg.err{ color:#ffd7d7; border-color:rgba(230,120,120,.6); }
.nxlot-msg.win{ color:#bff7c8; border-color:rgba(120,230,150,.7); font-size:17px; }

/* ---- popup cumparare (apare doar la click pe ENTRY) ---- */
.nxlot-popup{ position:fixed; inset:0; z-index:100080; display:none; align-items:center; justify-content:center;
    background:rgba(4,2,10,.76); backdrop-filter:blur(2px); }
.nxlot-popup.show{ display:flex; }
.nxlot-popup-box{ position:relative; width:min(86vw,820px); aspect-ratio:4/3; padding:0; text-align:center;
    background:url(../images/wcoinpop.png) center center/contain no-repeat; border:0; border-radius:0; box-shadow:none; }
.nxlot-popup[data-type="wcoin"] .nxlot-popup-box{ background-image:url(../images/wcoinpop.png); }
.nxlot-popup[data-type="ruud"] .nxlot-popup-box{ background-image:url(../images/rudpop.png); }
.nxlot-popup[data-type="hunt"] .nxlot-popup-box{ background-image:url(../images/hppop.png); }
.nxlot-popup [data-pos]{ position:absolute; }
.nxlot-popup-close{ all:unset; cursor:pointer; position:absolute; color:transparent !important; font-size:0 !important; text-shadow:none !important;
    background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:50%; z-index:3; }
.nxlot-popup-close:hover{ background:transparent !important; border:0 !important; box-shadow:none !important; filter:none !important; }
.nxlot-popup-title{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.nxlot-popup-price{ display:flex; align-items:center; justify-content:center;
    font:800 clamp(12px,1.4vw,20px) 'Cinzel',serif; color:#fff3bf; text-shadow:0 2px 3px #000,0 0 10px rgba(0,0,0,.85); }
.nxlot-popup-price b{ color:#fff; margin-left:.35em; }
.nxlot-popup-stats{ display:flex; align-items:center; justify-content:center; gap:.35em;
    font:700 clamp(10px,1vw,15px) 'Open Sans',sans-serif; color:#e6d8ff; text-shadow:0 2px 3px #000,0 0 8px rgba(0,0,0,.9); }
.nxlot-popup-stats b{ color:#fff; }
.nxlot-row{ display:block; }
.nxlot-step{ all:unset; cursor:pointer; position:absolute; top:0; width:22.5%; height:100%; color:transparent !important; font-size:0 !important;
    text-shadow:none !important; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:12px; overflow:hidden; }
.nxlot-step[data-step="-1"]{ left:0; }
.nxlot-step[data-step="1"]{ right:0; }
.nxlot-step:hover{ background:transparent !important; border:0 !important; box-shadow:none !important; filter:none !important; }
.nxlot-qty{ position:absolute; left:32.1%; top:13%; width:35.8%; height:74%; text-align:center; font:900 clamp(24px,3vw,42px) 'Cinzel',serif;
    color:#fff; background:transparent; border:0; border-radius:0; padding:0; text-shadow:0 3px 4px #000,0 0 14px rgba(255,255,255,.45); outline:none; }
.nxlot-qty::-webkit-outer-spin-button,.nxlot-qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.nxlot-buybtn{ all:unset; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#fff6d4 !important;
    font:900 clamp(18px,2vw,30px) 'Cinzel',serif !important; line-height:1 !important; letter-spacing:.05em; text-transform:uppercase;
    text-shadow:0 3px 4px #000,0 0 10px rgba(0,0,0,.95),0 0 16px rgba(255,230,140,.45) !important;
    background:transparent !important; border:0 !important; box-shadow:none !important; opacity:1; border-radius:18px; position:absolute; overflow:hidden; }
.nxlot-buybtn *{ color:#fff6d4 !important; font:inherit !important; text-shadow:inherit !important; }
.nxlot-buybtn:hover{ background:transparent !important; border:0 !important; filter:none !important; transform:none !important; box-shadow:none !important; }
.nxlot-buybtn:active{ transform:translateY(1px) scale(.992) !important; text-shadow:0 2px 3px #000,0 0 8px rgba(0,0,0,.95),0 0 12px rgba(255,230,140,.35) !important; }
.nxlot-buybtn.is-busy{ pointer-events:none; filter:none !important; }
.nxlot-popup-bal{ display:flex; align-items:center; justify-content:center; gap:.35em;
    font:700 clamp(10px,1vw,15px) 'Open Sans',sans-serif; color:#d9cdf2; text-shadow:0 2px 3px #000,0 0 8px rgba(0,0,0,.9); }
.nxlot-popup-bal b{ color:#fff; }
.nxlot-popup [data-pos="popClose"]{ left:89.17%; top:5.90%; width:6.40%; height:8.40%; }
.nxlot-popup [data-pos="popPrice"]{ left:35.60%; top:30.10%; width:28.80%; height:4.80%; }
.nxlot-popup [data-pos="popStats"]{ left:33.80%; top:36.70%; width:32.40%; height:4.40%; }
.nxlot-popup [data-pos="popQtyGroup"]{ left:25.77%; top:44.33%; width:48.22%; height:13.24%; }
.nxlot-popup [data-pos="popBuy"]{ left:9.67%; top:62.51%; width:80.30%; height:17.01%; }
.nxlot-popup [data-pos="popBal"]{ left:29.00%; top:84.70%; width:42.00%; height:4.00%; }

/* ===================== POZITII MAPATE (coapte din editor) ===================== */
.nxlot [data-pos="back"]{ left:2.00%; top:3.00%; width:4.95%; height:4.01%; }

/* JACKPOT (toate pe aceeasi linie: top 42.30%) */
.nxlot [data-pos="pot-wcoin"]{ left:15.51%; top:42.30%; width:18.00%; height:5.50%; }
.nxlot [data-pos="pot-ruud"]{ left:43.58%; top:42.30%; width:18.00%; height:5.50%; }
.nxlot [data-pos="pot-hunt"]{ left:74.42%; top:42.53%; width:18.00%; height:5.50%; }

/* ENTRY PRICE / TIME LEFT / PARTICIPANTS (toate pe aceeasi linie: top 54.90%, height 4.50%) */
.nxlot [data-pos="price-wcoin"]{ left:3.94%; top:54.90%; width:18.00%; height:4.50%; }
.nxlot [data-pos="timer-wcoin"]{ left:13.51%; top:54.90%; width:16.65%; height:4.50%; }
.nxlot [data-pos="part-wcoin"]{ left:23.82%; top:54.90%; width:10.00%; height:4.50%; }
.nxlot [data-pos="price-ruud"]{ left:31.20%; top:54.90%; width:18.00%; height:4.50%; }
.nxlot [data-pos="timer-ruud"]{ left:40.88%; top:54.90%; width:18.00%; height:4.50%; }
.nxlot [data-pos="part-ruud"]{ left:54.41%; top:54.90%; width:8.71%; height:4.50%; }
.nxlot [data-pos="price-hunt"]{ left:65.97%; top:54.90%; width:9.31%; height:4.50%; }
.nxlot [data-pos="timer-hunt"]{ left:70.54%; top:54.78%; width:18.00%; height:4.50%; }
.nxlot [data-pos="part-hunt"]{ left:82.57%; top:54.90%; width:10.00%; height:4.50%; }

/* BUY ENTRY */
.nxlot [data-pos="entry-wcoin"]{ left:12.76%; top:60.72%; width:15.34%; height:5.30%; }
.nxlot [data-pos="entry-ruud"]{ left:40.77%; top:60.96%; width:17.31%; height:5.18%; }
.nxlot [data-pos="entry-hunt"]{ left:71.01%; top:60.84%; width:15.81%; height:5.06%; }

.nxlot [data-pos="winners"]{ left:4.50%; top:75.00%; width:27.00%; height:18.00%; }

/* ===================== editor (admin) — FARA localStorage ===================== */
.nxlot-editbtn{ all:unset; cursor:pointer; position:fixed; right:14px; bottom:14px; z-index:100120; padding:8px 14px; border-radius:8px;
    font:600 13px 'Open Sans',sans-serif; color:#fff0d0; background:linear-gradient(180deg,#3a2358,#1c1130); border:1px solid rgba(236,191,103,.5); }
.nxlot.edit .nxlot-el,.nxlot-wrap.edit .nxlot-popup [data-pos]{ outline:1px dashed rgba(255,215,120,.6); outline-offset:2px; cursor:move; }
.nxlot-el.sel{ outline:2px solid #ffd76b !important; z-index:50; }
.nxlot-rsz{ position:absolute; right:-7px; bottom:-7px; width:14px; height:14px; background:#ffd76b; border:1px solid #1a1206; border-radius:2px; z-index:60; cursor:nwse-resize; }
.nxlot-out{ position:fixed; left:14px; bottom:14px; z-index:100120; width:560px; max-width:92vw; height:140px; display:none;
    font:11px/1.4 monospace; color:#cfe; background:#0a0712; border:1px solid rgba(236,191,103,.4); border-radius:6px; padding:6px; }
.nxlot-out.show{ display:block; }