@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&display=swap');
/* NoxusMu — Achievements / Badge-uri pe profil. Gotic auriu + mov. */
.nx-achievements{ --gold:#e7bd67; --gold-soft:rgba(231,189,103,.7); --purple:#b65cff;
    --badge:72px; --card:132px; --gap:12px;
    width:min(100%,1774px); margin:18px auto 0; padding:20px 22px 22px; border-radius:16px;
    background:radial-gradient(80% 60% at 50% -10%,rgba(125,75,255,.16),transparent 60%),linear-gradient(160deg,#190d35,#100726 60%,#080417);
    border:1px solid rgba(231,189,103,.28); box-shadow:0 16px 44px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05);
    color:#efe9f6; font-family:Arial,Helvetica,sans-serif; }
.nx-ach-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
    padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid rgba(231,189,103,.18); }
.nx-ach-title{ margin:0; color:var(--gold); font:500 clamp(18px,1.8vw,28px)/1 Georgia,'Times New Roman',serif;
    letter-spacing:.16em; text-transform:uppercase; text-shadow:0 0 14px rgba(184,74,255,.5),0 2px 2px #000; }
.nx-ach-count{ color:#cdbdff; font-size:13px; letter-spacing:.04em; }
.nx-ach-count b{ color:#56e0a0; font-size:16px; text-shadow:0 0 10px rgba(80,220,150,.4); }

.nx-ach-cat{ margin:0 0 18px; }
.nx-ach-cat-title{ color:var(--gold-soft); font:600 12px/1 Georgia,serif; letter-spacing:.2em; text-transform:uppercase;
    margin:0 0 10px; padding-left:4px; }
.nx-ach-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(var(--card),1fr)); gap:var(--gap); }

.nx-badge{ position:relative; display:flex; flex-direction:column; align-items:center; gap:8px;
    padding:14px 10px 12px; border-radius:12px; text-align:center;
    border:1px solid rgba(231,189,103,.22); background:linear-gradient(180deg,rgba(34,18,58,.6),rgba(12,6,24,.7));
    transition:transform .12s, box-shadow .2s, border-color .2s; }
.nx-badge:hover{ transform:translateY(-3px); border-color:rgba(231,189,103,.5); box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 22px rgba(150,70,255,.22); }
.nx-badge-icon{ width:var(--badge); height:var(--badge); display:grid; place-items:center; border-radius:50%;
    background:radial-gradient(circle at 50% 30%,rgba(166,75,255,.3),rgba(8,4,15,.7) 65%);
    border:1px solid rgba(231,189,103,.3); overflow:hidden; }
.nx-badge-icon img{ width:80%; height:80%; object-fit:contain; }
.nx-badge-icon .nx-badge-ph{ width:54%; height:54%; opacity:.5; border:2px solid rgba(231,189,103,.35); transform:rotate(45deg); }
.nx-badge-name{ color:#f5edf7; font-size:12px; font-weight:600; line-height:1.2; }
.nx-badge-date{ color:#8f7aa8; font-size:10px; }

/* castigat = aprins + glow auriu */
.nx-badge.is-earned{ border-color:rgba(231,189,103,.55);
    background:linear-gradient(180deg,rgba(60,36,98,.6),rgba(20,9,38,.75));
    box-shadow:0 0 24px rgba(231,189,103,.18),inset 0 0 18px rgba(182,92,255,.12); }
.nx-badge.is-earned .nx-badge-icon{ box-shadow:0 0 16px rgba(231,189,103,.4); border-color:rgba(255,216,120,.7); }
.nx-badge.is-earned .nx-badge-name{ color:#ffe7a8; }

/* blocat = gri + lacat */
.nx-badge.is-locked{ opacity:.5; filter:grayscale(.85); }
.nx-badge.is-locked .nx-badge-icon img{ opacity:.35; }
.nx-badge.is-locked::after{ content:'\1F512'; position:absolute; right:8px; top:7px; font-size:12px; opacity:.7; }

/* tip badge (auto vs manual) */
.nx-badge-tag{ position:absolute; left:7px; top:7px; font-size:8px; letter-spacing:.08em; text-transform:uppercase;
    color:#b892ff; opacity:.65; }

/* controale admin */
.nx-badge-admin{ display:none; gap:6px; margin-top:4px; }
.nx-achievements.is-admin .nx-badge-admin{ display:flex; }
.nx-badge-btn{ cursor:pointer; border:1px solid rgba(231,189,103,.4); border-radius:6px; padding:3px 8px;
    font:700 10px Arial,sans-serif; letter-spacing:.04em; background:rgba(17,5,35,.85); color:#f0d083; transition:filter .12s; }
.nx-badge-btn:hover{ filter:brightness(1.25); }
.nx-badge-btn.give{ color:#7be0a4; border-color:rgba(120,220,160,.5); }
.nx-badge-btn.take{ color:#ff8a8a; border-color:rgba(255,120,120,.4); }

.nx-ach-msg{ text-align:center; margin-top:8px; min-height:16px; font-weight:700; font-size:13px; }
.nx-ach-msg.win{ color:#7be0a4; } .nx-ach-msg.err{ color:#ff8a8a; }
.nx-ach-empty{ color:#8f7aa8; text-align:center; padding:18px; font-size:13px; }

@media(max-width:700px){ .nx-ach-grid{ grid-template-columns:repeat(auto-fill,minmax(108px,1fr)); } }

/* ===== EDITOR (toggle pt. oricine) ===== */
.nx-ach-edit-toggle{ cursor:pointer; border:1px solid rgba(231,189,103,.45); border-radius:8px; padding:5px 12px;
    font:800 11px Arial,sans-serif; letter-spacing:.08em; background:rgba(17,5,35,.85); color:#f0d083; transition:filter .12s; }
.nx-ach-edit-toggle:hover{ filter:brightness(1.2); }
.nx-ach-edit-toggle.is-on{ background:#5e218c; color:#fff; }
.nx-achievements.is-editing .nx-ach-title,
.nx-achievements.is-editing .nx-ach-count{ outline:1px dashed rgba(255,216,74,.85); cursor:ns-resize; }
.nx-achievements.is-editing .nx-badge{ outline:0; }
.nx-ach-toolbar{ position:fixed; left:14px; bottom:14px; z-index:100030; width:min(560px,calc(100vw - 28px));
    padding:10px 12px; border:1px solid #d8a93f; border-radius:10px; background:rgba(8,2,18,.96); color:#f6dc8a;
    font:12px/1.4 Arial,sans-serif; box-shadow:0 10px 30px rgba(0,0,0,.6); }
.nx-ach-toolbar .row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.nx-ach-toolbar b{ color:#ffe7a8; }
.nx-ach-toolbar button{ cursor:pointer; border:1px solid rgba(231,189,103,.5); border-radius:6px; min-width:26px;
    padding:4px 8px; font:800 12px Arial; background:rgba(30,14,55,.9); color:#f0d083; }
.nx-ach-toolbar button:hover{ filter:brightness(1.25); }
.nx-ach-toolbar textarea{ width:100%; height:64px; resize:vertical; background:#0d0620; color:#d8c8ff;
    border:1px solid #7c3cdc; border-radius:8px; padding:8px; font:11px/1.4 Consolas,monospace; }
.nx-ach-hint{ color:#b9a7d8; font-size:11px; margin-top:6px; }

/* Icon-only achievements: no card, circle, labels or lock chrome. */
.nx-ach-grid{ grid-template-columns:repeat(auto-fill,minmax(var(--badge),1fr)); align-items:center; }
.nx-badge,.nx-badge.is-earned{
    min-height:var(--badge); padding:0; gap:0; border:0; border-radius:0;
    background:none; box-shadow:none; overflow:visible;
}
.nx-badge:hover{ transform:scale(1.06); border:0; box-shadow:none; }
.nx-badge-icon,.nx-badge.is-earned .nx-badge-icon{
    position:relative; width:var(--badge); height:var(--badge); border:0; border-radius:0;
    background:none; box-shadow:none; overflow:visible; pointer-events:none;
}
.nx-badge-icon img{
    position:absolute; display:block; max-width:none; max-height:none; object-fit:unset;
}
.nx-badge-icon img[src$="/Ach/pvp1.png"]{ width:423%; height:141%; left:-2.6%; top:-18.7%; }
.nx-badge-icon img[src$="/Ach/pvp2.png"]{ width:423%; height:141%; left:-106.6%; top:-18.7%; }
.nx-badge-icon img[src$="/Ach/pvp3.png"]{ width:391%; height:130.4%; left:-192%; top:-16.4%; }
.nx-badge-icon img[src$="/Ach/pvp4.png"]{ width:373%; height:124.4%; left:-273.7%; top:-12.4%; }
.nx-badge-icon img[src$="/Ach/duel1.png"]{ width:541.5%; height:180.5%; left:-12.8%; top:-39.4%; }
.nx-badge-icon img[src$="/Ach/duel2.png"]{ width:491.4%; height:163.8%; left:-102.2%; top:-29.7%; }
.nx-badge-icon img[src$="/Ach/duel3.png"]{ width:472.2%; height:157.4%; left:-186.8%; top:-27.8%; }
.nx-badge-icon img[src$="/Ach/duel4.png"]{ width:506.4%; height:168.8%; left:-300.7%; top:-34.1%; }
.nx-badge-icon img[src$="/Ach/duel5.png"]{ width:473.1%; height:157.7%; left:-372.3%; top:-28.3%; }
.nx-badge-icon img[src$="/Ach/duel6.png"]{ width:105.3%; height:105.3%; left:-2.6%; top:-2.3%; }
.nx-badge-icon img[src$="/Ach/duel7.png"]{ width:106.6%; height:106.6%; left:-3.3%; top:-2.8%; }
.nx-badge-icon img[src$="/Ach/dd1.png"]{ width:666.3%; height:222.1%; left:-9.4%; top:-63.5%; }
.nx-badge-icon img[src$="/Ach/dd2.png"]{ width:565.5%; height:188.5%; left:-92.4%; top:-47.1%; }
.nx-badge-icon img[src$="/Ach/dd3.png"]{ width:497.1%; height:165.7%; left:-156.8%; top:-33.4%; }
.nx-badge-icon img[src$="/Ach/dd4.png"]{ width:518.4%; height:172.8%; left:-245.9%; top:-38.7%; }
.nx-badge-icon img[src$="/Ach/dd5.png"]{ width:469.2%; height:156.4%; left:-301.1%; top:-31.3%; }
.nx-badge-icon img[src$="/Ach/dd6.png"]{ width:514.8%; height:171.6%; left:-421.4%; top:-38%; }
.nx-badge-icon img[src$="/Ach/dd7.png"]{ width:105.5%; height:105.5%; left:-2.6%; top:-2.3%; }
.nx-badge-icon img[src$="/Ach/bc.png"]{ width:620.7%; height:206.9%; left:-15.6%; top:-58.9%; }
.nx-badge-icon img[src$="/Ach/bc1.png"]{ width:486%; height:162%; left:-90.5%; top:-37.6%; }
.nx-badge-icon img[src$="/Ach/bc2.png"]{ width:420%; height:140%; left:-154.5%; top:-19.9%; }
.nx-badge-icon img[src$="/Ach/bc3.png"]{ width:480.6%; height:160.2%; left:-279.5%; top:-35.8%; }
.nx-badge-icon img[src$="/Ach/bc4.png"]{ width:420%; height:140%; left:-317.7%; top:-19.7%; }
.nx-badge-icon img[src$="/Ach/bc5.png"]{ width:298.7%; height:99.6%; left:-29.4%; top:.1%; }
.nx-badge-icon img[src$="/Ach/bc6.png"]{ width:309.4%; height:103.1%; left:-171.7%; top:-1.5%; }
.nx-badge-icon img[src$="/Ach/ds.png"]{ width:573%; height:191%; left:-8.9%; top:-53%; }
.nx-badge-icon img[src$="/Ach/ds1.png"]{ width:471%; height:157%; left:-85.2%; top:-30.4%; }
.nx-badge-icon img[src$="/Ach/ds2.png"]{ width:417.6%; height:139.2%; left:-152.9%; top:-22.5%; }
.nx-badge-icon img[src$="/Ach/ds3.png"]{ width:390.6%; height:130.2%; left:-215%; top:-16.7%; }
.nx-badge-icon img[src$="/Ach/ds4.png"]{ width:356.1%; height:118.7%; left:-267%; top:-10.8%; }
.nx-badge-icon img[src$="/Ach/ds5.png"]{ width:183%; height:103%; left:-.1%; top:-1.9%; }
.nx-badge-icon img[src$="/Ach/ds6.png"]{ width:185%; height:104.2%; left:-89.2%; top:-2.8%; }
.nx-badge-icon img[src$="/Ach/cc.png"]{ width:442.1%; height:248.9%; left:2.9%; top:-73.5%; }
.nx-badge-icon img[src$="/Ach/cc1.png"]{ width:410.9%; height:231.2%; left:-77.5%; top:-62.4%; }
.nx-badge-icon img[src$="/Ach/cc2.png"]{ width:436.7%; height:245.7%; left:-172.9%; top:-72.6%; }
.nx-badge-icon img[src$="/Ach/cc3.png"]{ width:467.1%; height:262.8%; left:-281.1%; top:-81.3%; }
.nx-badge-icon img[src$="/Ach/cc4.png"]{ width:423.4%; height:238.2%; left:-329.9%; top:-67.3%; }
.nx-badge-icon img[src$="/Ach/cc5.png"]{ width:191.8%; height:143.9%; left:2.6%; top:-20.4%; }
.nx-badge-icon img[src$="/Ach/cc6.png"]{ width:186.5%; height:139.9%; left:-88%; top:-19.6%; }
.nx-badge-icon img[src$="/Ach/event.png"]{ width:416.1%; height:312.1%; left:-.6%; top:-36.8%; }
.nx-badge-icon img[src$="/Ach/event1.png"]{ width:401.1%; height:300.8%; left:-101.8%; top:-37.1%; }
.nx-badge-icon img[src$="/Ach/event2.png"]{ width:386.1%; height:289.6%; left:-190.6%; top:-30.7%; }
.nx-badge-icon img[src$="/Ach/event3.png"]{ width:400%; height:300%; left:-301.7%; top:-35.9%; }
.nx-badge-icon img[src$="/Ach/event4.png"]{ width:381.1%; height:285.8%; left:-35.7%; top:-145.3%; }
.nx-badge-icon img[src$="/Ach/event5.png"]{ width:381.1%; height:285.8%; left:-139.4%; top:-145.9%; }
.nx-badge-icon img[src$="/Ach/event6.png"]{ width:379.1%; height:284.3%; left:-243.4%; top:-145.5%; }
.nx-badge-icon img[src$="/Ach/ms.png"]{ width:337.5%; height:253.1%; left:-8.6%; top:-21%; }
.nx-badge-icon img[src$="/Ach/ms1.png"]{ width:324%; height:243%; left:-111.9%; top:-17.2%; }
.nx-badge-icon img[src$="/Ach/ms2.png"]{ width:301.1%; height:225.8%; left:-198.9%; top:-11.7%; }
.nx-badge-icon img[src$="/Ach/ms3.png"]{ width:325.3%; height:244%; left:-7.2%; top:-125.4%; }
.nx-badge-icon img[src$="/Ach/ms4.png"]{ width:318.3%; height:238.7%; left:-108.9%; top:-122%; }
.nx-badge-icon img[src$="/Ach/ms5.png"]{ width:307.5%; height:230.6%; left:-204%; top:-118.3%; }
.nx-badge-icon img[src$="/Ach/ms6.png"]{ width:318.9%; height:239.2%; left:-5.4%; top:-12.4%; }
.nx-badge-icon img[src$="/Ach/ms7.png"]{ width:297%; height:223%; left:-99.8%; top:-10.2%; }
.nx-badge-icon img[src$="/Ach/ms8.png"]{ width:279.5%; height:209.6%; left:-182%; top:-.9%; }
.nx-badge-icon img[src$="/Ach/ms9.png"]{ width:265.7%; height:199.3%; left:-167.5%; top:-99.3%; }
.nx-badge-icon img[src$="/Ach/ms10.png"]{ width:262.8%; height:197.1%; left:1.9%; top:-97.1%; }
.nx-badge-icon img[src$="/Ach/ms11.png"]{ width:262.3%; height:196.7%; left:-79.4%; top:-96.8%; }
.nx-badge-icon img[src$="/Ach/mst.png"]{ width:322.5%; height:241.9%; left:-11.8%; top:-12%; }
.nx-badge-icon img[src$="/Ach/mst1.png"]{ width:306.8%; height:230.1%; left:-104.4%; top:-12.1%; }
.nx-badge-icon img[src$="/Ach/mst2.png"]{ width:319.6%; height:239.7%; left:-210.2%; top:-11.9%; }
.nx-badge-icon img[src$="/Ach/mst3.png"]{ width:314.8%; height:236.1%; left:-8.7%; top:-115%; }
.nx-badge-icon img[src$="/Ach/mst4.png"]{ width:297.3%; height:223%; left:-4.1%; top:-9.7%; }
.nx-badge-icon img[src$="/Ach/mst5.png"]{ width:299.2%; height:224.4%; left:-103%; top:-9.5%; }
.nx-badge-icon img[src$="/Ach/bs.png"]{ width:329.1%; height:246.8%; left:-11.1%; top:-14.5%; }
.nx-badge-icon img[src$="/Ach/bs1.png"]{ width:330.6%; height:247.9%; left:-115.3%; top:-15.1%; }
.nx-badge-icon img[src$="/Ach/bs2.png"]{ width:329.8%; height:247.4%; left:-217%; top:-16.6%; }
.nx-badge-icon img[src$="/Ach/bs3.png"]{ width:304.8%; height:228.6%; left:-6.6%; top:-112.4%; }
.nx-badge-icon img[src$="/Ach/bs5.png"]{ width:309.4%; height:232.1%; left:-105.3%; top:-114.1%; }
.nx-badge-icon img[src$="/Ach/bs6.png"]{ width:318.9%; height:239.2%; left:-211.3%; top:-120%; }
.nx-badge-icon img[src$="/Ach/bs7.png"]{ width:329.1%; height:246.8%; left:-116.6%; top:-18.4%; }
.nx-badge-icon img[src$="/Ach/rr.png"]{ width:376.1%; height:282.1%; left:-14.8%; top:-22.6%; }
.nx-badge-icon img[src$="/Ach/rr1.png"]{ width:347.2%; height:260.4%; left:-121%; top:-17%; }
.nx-badge-icon img[src$="/Ach/rr2.png"]{ width:342.3%; height:256.7%; left:-229.8%; top:-15.4%; }
.nx-badge-icon img[src$="/Ach/rr3.png"]{ width:294.9%; height:221.2%; left:-188.6%; top:-108.8%; }
.nx-badge-icon img[src$="/Ach/rr4.png"]{ width:297.9%; height:223.5%; left:-97.7%; top:-109.9%; }
.nx-badge-icon img[src$="/Ach/rr5.png"]{ width:304.2%; height:228.2%; left:-3.3%; top:-113.2%; }
.nx-badge-icon img[src$="/Ach/4.png"]{ width:317.8%; height:227%; left:-5.6%; top:-5.1%; }
.nx-badge-icon img[src$="/Ach/41.png"]{ width:332%; height:237.1%; left:-116.4%; top:-10.1%; }
.nx-badge-icon img[src$="/Ach/42.png"]{ width:324.7%; height:231.9%; left:-215.8%; top:-8.3%; }
.nx-badge-icon img[src$="/Ach/43.png"]{ width:292.1%; height:208.7%; left:-1.7%; top:-96.3%; }
.nx-badge-icon img[src$="/Ach/44.png"]{ width:288.2%; height:205.8%; left:-94.3%; top:-98.4%; }
.nx-badge-icon img[src$="/Ach/45.png"]{ width:312.4%; height:223.2%; left:-205.9%; top:-109.5%; }
.nx-badge-icon img[src$="/Ach/46.png"]{ width:261.4%; height:196%; left:3.9%; top:-43.7%; }
.nx-badge-icon img[src$="/Ach/47.png"]{ width:248.8%; height:186.6%; left:6.8%; top:-39.7%; }
.nx-badge-icon img[src$="/Ach/48.png"]{ width:250.5%; height:187.9%; left:-75.9%; top:-40%; }
.nx-badge-icon img[src$="/Ach/49.png"]{ width:244.6%; height:183.4%; left:-156.6%; top:-37.2%; }
.nx-badge-icon img[src$="/Ach/gu.png"]{ width:321.8%; height:241.3%; left:-5.9%; top:-13.6%; }
.nx-badge-icon img[src$="/Ach/gu1.png"]{ width:325.4%; height:244%; left:-112%; top:-14.8%; }
.nx-badge-icon img[src$="/Ach/gu2.png"]{ width:326.1%; height:244.6%; left:-218.5%; top:-15.1%; }
.nx-badge-icon img[src$="/Ach/gu3.png"]{ width:316.2%; height:237.1%; left:-4%; top:-124.2%; }
.nx-badge-icon img[src$="/Ach/gu4.png"]{ width:320.4%; height:240.3%; left:-108.6%; top:-128.3%; }
.nx-badge-icon img[src$="/Ach/gu5.png"]{ width:312.7%; height:234.6%; left:-206.9%; top:-123.3%; }
.nx-badge-icon img[src$="/Ach/ac.png"]{ width:321.8%; height:241.3%; left:-5.9%; top:-13.6%; }
.nx-badge-icon img[src$="/Ach/ac1.png"]{ width:325.4%; height:244%; left:-111.9%; top:-14.8%; }
.nx-badge-icon img[src$="/Ach/ac2.png"]{ width:326.1%; height:244.6%; left:-218.5%; top:-15.1%; }
.nx-badge-icon img[src$="/Ach/ac3.png"]{ width:316.2%; height:237.1%; left:-4%; top:-124.2%; }
.nx-badge-icon img[src$="/Ach/ac4.png"]{ width:320.4%; height:240.3%; left:-108.6%; top:-128.3%; }
.nx-badge-icon img[src$="/Ach/ac5.png"]{ width:313.4%; height:235.1%; left:-207.5%; top:-123.6%; }
.nx-badge-icon img[src$="/Ach/ac6.png"]{ width:303.6%; height:227.7%; left:-.6%; top:-10.3%; }
.nx-badge-icon img[src$="/Ach/ac7.png"]{ width:321.1%; height:240.8%; left:-107.6%; top:-13.7%; }
.nx-badge-icon img[src$="/Ach/ac8.png"]{ width:321.1%; height:240.8%; left:-212%; top:-13.1%; }
.nx-badge-icon img[src$="/Ach/ac9.png"]{ width:306.8%; height:230.1%; left:-1.2%; top:-119.7%; }
.nx-badge-icon img[src$="/Ach/ac10.png"]{ width:298.6%; height:223.9%; left:-96.6%; top:-115.3%; }
.nx-badge-icon img[src$="/Ach/ac11.png"]{ width:302.3%; height:226.7%; left:-196.9%; top:-116.7%; }
.nx-badge-icon img[src$="/Ach/ac12.png"]{ width:309.4%; height:232.1%; left:-5.6%; top:-7.5%; }
.nx-badge-icon img[src$="/Ach/ac13.png"]{ width:289%; height:216.8%; left:-96.2%; top:-8.2%; }
.nx-badge-icon img[src$="/Ach/ac14.png"]{ width:291.9%; height:219%; left:-190.9%; top:-6.2%; }
.nx-badge-icon img[src$="/Ach/ac15.png"]{ width:285%; height:213.8%; left:1.5%; top:-106.9%; }
.nx-badge-icon img[src$="/Ach/ac16.png"]{ width:306.1%; height:229.6%; left:-102.9%; top:-117.8%; }
.nx-badge-icon img[src$="/Ach/ac17.png"]{ width:296.1%; height:222.1%; left:-193.8%; top:-114.7%; }
.nx-badge-icon img[src$="/Ach/ac18.png"]{ width:312.7%; height:234.6%; left:-5.1%; top:-11%; }
.nx-badge-icon img[src$="/Ach/ac19.png"]{ width:314.8%; height:236.1%; left:-107.4%; top:-11.5%; }
.nx-badge-icon img[src$="/Ach/ac20.png"]{ width:312.1%; height:234.1%; left:-207.1%; top:-10.6%; }
.nx-badge-icon img[src$="/Ach/ac21.png"]{ width:312.1%; height:234.1%; left:-4.6%; top:-119.2%; }
.nx-badge-icon img[src$="/Ach/ac22.png"]{ width:311.4%; height:233.5%; left:-105.5%; top:-120.6%; }
.nx-badge-icon img[src$="/Ach/ac23.png"]{ width:302.3%; height:226.7%; left:-199.1%; top:-112.5%; }
.nx-badge-icon img[src$="/Ach/ac24.png"]{ width:183.8%; height:137.8%; left:.4%; top:-18.1%; }
.nx-badge-icon img[src$="/Ach/ac25.png"]{ width:188.1%; height:141%; left:-90.5%; top:-20%; }
.nx-badge-icon img[src$="/Ach/gg.png"]{ width:289.6%; height:217.2%; left:.2%; top:-4.4%; }
.nx-badge-icon img[src$="/Ach/gg1.png"]{ width:289.6%; height:217.2%; left:-95.1%; top:-4.2%; }
.nx-badge-icon img[src$="/Ach/gg2.png"]{ width:288.4%; height:216.3%; left:-187.6%; top:-5%; }
.nx-badge-icon img[src$="/Ach/gg3.png"]{ width:292.5%; height:219.4%; left:-.5%; top:-110.3%; }
.nx-badge-icon img[src$="/Ach/gg4.png"]{ width:291.9%; height:219%; left:-95.9%; top:-110.1%; }
.nx-badge-icon img[src$="/Ach/gg5.png"]{ width:289.6%; height:217.2%; left:-190.8%; top:-109.2%; }
.nx-badge-icon img[src$="/Ach/gg6.png"]{ width:312.7%; height:234.6%; left:-4.9%; top:-15.8%; }
.nx-badge-icon img[src$="/Ach/gg7.png"]{ width:299.2%; height:224.4%; left:-99.4%; top:-11.6%; }
.nx-badge-icon img[src$="/Ach/gg8.png"]{ width:327.6%; height:245.7%; left:-220.8%; top:-21.9%; }
.nx-badge-icon img[src$="/Ach/gg9.png"]{ width:283.9%; height:212.9%; left:-44.1%; top:-103.1%; }
.nx-badge-icon img[src$="/Ach/gg10.png"]{ width:299.8%; height:224.8%; left:-150.2%; top:-114.5%; }
.nx-badge-icon img[src$="/Ach/web.png"]{ width:295.5%; height:221.6%; left:-6.4%; top:-12.2%; }
.nx-badge-icon img[src$="/Ach/web1.png"]{ width:288.4%; height:216.3%; left:-94.7%; top:-9.6%; }
.nx-badge-icon img[src$="/Ach/web2.png"]{ width:288.4%; height:216.3%; left:-184%; top:-9.6%; }
.nx-badge-icon img[src$="/Ach/web3.png"]{ width:286.7%; height:215%; left:-40.5%; top:-107.5%; }
.nx-badge-icon img[src$="/Ach/web4.png"]{ width:287.9%; height:215.9%; left:-147.9%; top:-108%; }
.nx-badge-icon img[src$="/Ach/ls.png"]{ width:189.4%; height:106.6%; left:.6%; top:-3.4%; }
.nx-badge-icon img[src$="/Ach/ls1.png"]{ width:194%; height:109.2%; left:-93.4%; top:-5.1%; }
.nx-badge-tag,.nx-badge-name,.nx-badge-date,.nx-badge-admin,.nx-badge.is-locked::after{ display:none!important; }
.nx-badge-hit{ position:absolute; z-index:20; left:50%; top:50%; width:var(--badge); height:var(--badge); transform:translate(-50%,-50%); cursor:pointer; }
.nx-achievements.is-editing .nx-badge-hit{ outline:1px dashed #ffd84a; background:rgba(255,216,74,.06); cursor:move; }
.nx-badge.is-locked{ opacity:1; filter:none; }
.nx-badge.is-locked .nx-badge-icon{ opacity:.42; filter:grayscale(.82); }
.nx-badge.is-locked .nx-badge-icon img{ opacity:1; }
.nx-ach-tooltip{
    position:fixed; z-index:100050; width:max-content; max-width:280px; padding:9px 12px;
    border:1px solid rgba(231,189,103,.65); border-radius:6px; background:rgba(10,4,22,.98);
    color:#f3e8ff; box-shadow:0 8px 26px rgba(0,0,0,.72),0 0 18px rgba(150,70,255,.22);
    font:600 11px/1.45 Arial,sans-serif; text-align:center; white-space:normal;
    opacity:0; visibility:hidden; pointer-events:none; transition:opacity .1s ease;
}
.nx-ach-tooltip.is-visible{ opacity:1; visibility:visible; }

/* ===== Premium category layout ===== */
.nx-achievements.nx-ach-layout-v2{
    --badge:82px;
    --card:82px;
    --gap:24px;
    position:relative;
    width:min(100%,1500px);
    margin:20px auto 0;
    padding:22px;
    border:1px solid rgba(210,161,74,.32);
    border-radius:8px;
    background:
        radial-gradient(circle at 50% 0,rgba(139,54,218,.15),transparent 34%),
        linear-gradient(180deg,rgba(20,8,39,.97),rgba(7,3,16,.98));
    box-shadow:0 18px 46px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.035);
}
.nx-ach-layout-v2,
.nx-ach-layout-v2 *{ box-sizing:border-box; }
.nx-ach-layout-v2 .nx-ach-head{
    align-items:center;
    margin:0 0 18px;
    padding:0 2px 15px;
    border-bottom:1px solid rgba(215,169,80,.24);
}
.nx-ach-layout-v2 .nx-ach-title{
    color:#f1ce79;
    font-size:clamp(20px,1.7vw,28px);
    letter-spacing:.13em;
    text-shadow:0 0 17px rgba(174,75,255,.42),0 2px 2px #000;
}
.nx-ach-layout-v2 .nx-ach-count{
    padding:6px 10px;
    border:1px solid rgba(169,97,232,.28);
    border-radius:4px;
    background:rgba(48,19,78,.35);
    color:#bcaad2;
    font-size:12px;
}
.nx-ach-layout-v2 .nx-ach-count b{ color:#f3d47f; }
.nx-ach-layout-v2 .nx-ach-body{
    display:grid;
    gap:16px;
}
.nx-ach-layout-v2 .nx-ach-cat{
    position:relative;
    margin:0;
    min-height:0;
    height:auto;
    padding:16px 22px 14px;
    overflow:visible;
    border:1px solid rgba(151,79,213,.26);
    border-radius:7px;
    background:
        linear-gradient(90deg,rgba(113,43,172,.08),transparent 34%),
        rgba(8,3,18,.48);
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18);
}
.nx-ach-layout-v2 .nx-ach-cat::before{ display:none; }
.nx-ach-layout-v2 .nx-ach-cat-title{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    width:100%;
    gap:14px;
    margin:0 0 18px;
    padding:0;
    background:none;
    color:#d8ad5d;
    font:600 13px/1.2 Georgia,'Times New Roman',serif;
    letter-spacing:.2em;
}
.nx-ach-layout-v2 .nx-ach-cat-title::after{
    content:'';
    flex:1;
    height:1px;
    background:linear-gradient(90deg,rgba(229,184,91,.4),rgba(139,65,205,.16),transparent);
}
.nx-ach-layout-v2 .nx-ach-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,82px);
    gap:16px 24px;
    min-height:0;
    height:auto;
    align-items:center;
    justify-content:start;
}
.nx-ach-layout-v2 .nx-badge,
.nx-ach-layout-v2 .nx-badge.is-earned{
    position:relative;
    min-width:0;
    min-height:0;
    height:auto;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    border:1px solid transparent;
    border-radius:7px;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.nx-ach-layout-v2 .nx-badge:hover{
    z-index:3;
    transform:translateY(-3px);
    border-color:rgba(198,134,239,.48);
    background:linear-gradient(180deg,rgba(72,31,112,.42),rgba(15,7,29,.58));
    box-shadow:0 9px 22px rgba(0,0,0,.38),0 0 18px rgba(152,62,220,.14);
}
.nx-ach-layout-v2 .nx-badge-icon,
.nx-ach-layout-v2 .nx-badge.is-earned .nx-badge-icon{
    position:relative;
    flex:0 0 auto;
    width:var(--badge);
    height:var(--badge);
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    overflow:visible;
    transition:filter .2s ease,transform .2s ease,opacity .2s ease;
}
.nx-ach-layout-v2 .nx-badge-name{
    display:none!important;
}
.nx-ach-layout-v2 .nx-badge-date{ display:none!important; }
.nx-ach-layout-v2 .nx-badge-hit{
    position:absolute;
    z-index:20;
    inset:0;
    width:auto;
    height:auto;
    transform:none;
    border-radius:7px;
    cursor:pointer;
}
.nx-ach-layout-v2 .nx-badge.is-locked{
    opacity:.62;
    filter:none;
}
.nx-ach-layout-v2 .nx-badge.is-locked .nx-badge-icon{
    opacity:1;
    filter:none;
}
.nx-ach-layout-v2 .nx-badge.is-locked .achievement-icon.locked{
    opacity:.52;
    filter:grayscale(1) brightness(.58) contrast(.95);
}
.nx-ach-layout-v2 .nx-badge.is-locked:hover{
    opacity:.82;
}
.nx-ach-layout-v2 .nx-badge.is-locked:hover .nx-badge-icon{
    opacity:1;
    filter:none;
    transform:scale(1.04);
}
.nx-ach-layout-v2 .nx-badge.is-locked:hover .achievement-icon.locked{
    opacity:.58;
    filter:grayscale(.92) brightness(.58) contrast(.94);
}
.nx-ach-layout-v2 .nx-badge.is-locked::after{
    content:'\1F512';
    position:absolute;
    z-index:5;
    right:8px;
    top:7px;
    width:18px;
    height:18px;
    display:grid!important;
    place-items:center;
    border:1px solid rgba(205,190,216,.18);
    border-radius:50%;
    background:rgba(5,2,11,.72);
    color:#978aa3;
    font-size:9px;
    opacity:.75;
}
.nx-ach-layout-v2 .nx-badge.is-earned{
    border-color:transparent;
    border-radius:8px;
    background:radial-gradient(circle,rgba(150,70,255,.2),transparent 68%);
    box-shadow:inset 0 0 18px rgba(184,75,255,.07),0 0 14px rgba(218,165,62,.07);
}
.nx-ach-layout-v2 .nx-badge.is-earned::after{
    content:'';
    position:absolute;
    z-index:6;
    right:7px;
    bottom:6px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#5ce6ad;
    box-shadow:0 0 9px rgba(92,230,173,.9);
}
.nx-ach-layout-v2 .nx-badge.is-earned .nx-badge-icon{
    transform:scale(1.04);
    filter:drop-shadow(0 0 7px rgba(180,73,255,.72)) drop-shadow(0 0 4px rgba(238,186,73,.52));
}
.nx-ach-layout-v2 .nx-badge.is-earned .nx-badge-name{
    color:#f2d788;
    text-shadow:0 0 8px rgba(170,75,238,.32);
}
.nx-ach-layout-v2 .nx-badge.is-earned:hover{
    transform:translateY(-4px) scale(1.015);
    border-color:rgba(245,201,102,.78);
    box-shadow:0 10px 25px rgba(0,0,0,.42),0 0 22px rgba(177,74,245,.22);
    background:radial-gradient(circle,rgba(157,72,255,.24),transparent 68%);
}
.nx-ach-layout-v2 .nx-badge.is-earned:hover .nx-badge-icon{
    transform:scale(1.1);
    filter:drop-shadow(0 0 10px rgba(184,77,255,.9)) drop-shadow(0 0 7px rgba(244,194,81,.72));
}
.nx-ach-layout-v2 .nx-ach-tooltip{
    border-color:rgba(223,177,80,.65);
}
.nx-ach-layout-v2.is-editing .nx-badge-hit{
    inset:auto;
    left:50%;
    top:50%;
    width:var(--badge);
    height:var(--badge);
    transform:translate(-50%,-50%);
}
@media(max-width:900px){
    .nx-achievements.nx-ach-layout-v2{ --badge:64px; --card:64px; padding:16px; }
    .nx-ach-layout-v2 .nx-ach-grid{ grid-template-columns:repeat(auto-fill,64px); gap:16px 22px; }
}
@media(max-width:560px){
    .nx-achievements.nx-ach-layout-v2{ --badge:52px; --card:52px; margin-top:14px; padding:11px 10px 88px; }
    .nx-ach-layout-v2 .nx-ach-head{ align-items:flex-start; gap:9px; margin-bottom:11px; padding-bottom:11px; }
    .nx-ach-layout-v2 .nx-ach-title{ font-size:18px; }
    .nx-ach-layout-v2 .nx-ach-count{ padding:5px 8px; font-size:10px; }
    .nx-ach-layout-v2 .nx-ach-body{ gap:10px; }
    .nx-ach-layout-v2 .nx-ach-cat{ padding:14px 10px; }
    .nx-ach-layout-v2 .nx-ach-cat-title{ margin-bottom:12px; font-size:10px; }
    .nx-ach-layout-v2 .nx-ach-grid{ grid-template-columns:repeat(auto-fill,52px); gap:14px; }
    .nx-ach-layout-v2 .nx-badge,
    .nx-ach-layout-v2 .nx-badge.is-earned{ min-height:0; padding:0; }
}

/* Click preview, created by noxus-achievements.js. */
.nx-ach-preview{
    position:fixed;
    z-index:100080;
    inset:0;
    display:grid;
    place-items:center;
    padding:20px;
    background:rgba(3,1,9,.72);
    backdrop-filter:blur(5px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease;
}
.nx-ach-preview.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.nx-ach-preview-card{
    position:relative;
    width:min(520px,calc(100vw - 32px));
    min-height:230px;
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    align-items:center;
    gap:20px;
    padding:26px;
    overflow:hidden;
    border:1px solid rgba(230,183,87,.54);
    border-radius:8px;
    background:
        radial-gradient(circle at 20% 34%,rgba(148,55,222,.2),transparent 34%),
        linear-gradient(145deg,rgba(31,13,59,.99),rgba(8,3,18,.99));
    box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.62),0 0 30px rgba(130,47,194,.16);
}
.nx-ach-preview-visual{
    width:140px;
    height:140px;
    display:grid;
    place-items:center;
}
.nx-ach-preview-icon{
    position:relative;
    width:120px;
    height:120px;
    overflow:visible;
}
.nx-ach-preview-icon img{
    position:absolute;
    display:block;
    max-width:none;
    max-height:none;
    object-fit:unset;
}
.nx-ach-preview.is-unlocked .nx-ach-preview-icon{
    transform:scale(1.05);
    filter:drop-shadow(0 0 13px rgba(181,72,255,.88)) drop-shadow(0 0 8px rgba(242,190,77,.6));
}
.nx-ach-preview.is-locked .nx-ach-preview-icon{
    opacity:.42;
    filter:grayscale(1) saturate(.2) brightness(.55);
}
.nx-ach-preview-copy{ min-width:0; }
.nx-ach-preview-status{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    margin-bottom:9px;
    padding:3px 8px;
    border:1px solid rgba(173,107,223,.32);
    border-radius:3px;
    color:#a995bb;
    font:700 9px/1 Arial,sans-serif;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.nx-ach-preview.is-unlocked .nx-ach-preview-status{
    border-color:rgba(91,230,173,.38);
    color:#78e8ba;
    background:rgba(34,116,85,.12);
}
.nx-ach-preview h3{
    margin:0 0 7px;
    color:#f2cf77;
    font:600 23px/1.1 Georgia,'Times New Roman',serif;
    text-shadow:0 0 12px rgba(174,70,240,.35);
}
.nx-ach-preview-date{
    min-height:16px;
    margin:0 0 12px;
    color:#77dfae;
    font:600 11px/1.4 Arial,sans-serif;
}
.nx-ach-preview-description,
.nx-ach-preview-reward{
    margin:0;
    color:#c7b9d1;
    font:12px/1.55 Arial,sans-serif;
}
.nx-ach-preview-reward{ margin-top:9px; color:#e4bd67; }
.nx-ach-preview-close{
    position:fixed;
    z-index:2;
    top:max(18px,env(safe-area-inset-top));
    right:max(18px,env(safe-area-inset-right));
    width:38px;
    height:38px;
    padding:0;
    border:1px solid rgba(229,183,88,.45);
    border-radius:50%;
    background:#130722;
    color:#eacb80;
    font:26px/1 Arial,sans-serif;
    cursor:pointer;
}
.nx-ach-preview-close:hover{ background:#542079; color:#fff; }

/* Fixed controls are adjusted only while this board exists. */
body.nx-achievements-active{ overflow-x:hidden; }
body.nx-achievements-active .nx-pe-toggle{
    right:24px;
    bottom:24px;
    z-index:100040;
    width:44px;
    height:44px;
    min-width:44px;
    padding:0;
    overflow:hidden;
    border-radius:8px;
    font-size:0;
    white-space:nowrap;
}
body.nx-achievements-active .nx-pe-toggle::before{
    content:'\270E';
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    font:700 18px/1 Georgia,serif;
}
body.nx-achievements-active .toTop{
    left:18px;
    bottom:18px;
    z-index:100030;
}
body.nx-achievements-active .nx-ach-tooltip{
    z-index:100070;
    border-color:rgba(223,177,80,.65);
}
@media(max-width:1200px){
    body.nx-achievements-active .nx-pe-toggle{
        width:44px;
        height:44px;
        min-width:44px;
        padding:0;
        overflow:hidden;
        border-radius:8px;
        font-size:0;
        white-space:nowrap;
    }
    body.nx-achievements-active .nx-pe-toggle::before{
        content:'\270E';
        display:grid;
        width:100%;
        height:100%;
        place-items:center;
        font:700 18px/1 Georgia,serif;
    }
}
@media(max-width:560px){
    .nx-ach-preview-card{
        grid-template-columns:1fr;
        gap:8px;
        padding:20px 18px;
        text-align:center;
    }
    .nx-ach-preview-visual{ width:112px; height:112px; margin:0 auto; }
    .nx-ach-preview-icon{ width:96px; height:96px; }
    .nx-ach-preview h3{ font-size:19px; }
    body.nx-achievements-active .nx-pe-toggle{ display:none; }
    body.nx-achievements-active .toTop{ left:18px; bottom:18px; transform:scale(.78) rotate(-90deg); transform-origin:left bottom; }
}

/* Final compact sizing: category panels follow their grid content exactly. */
.nx-ach-layout-v2 .achievement-section{
    align-self:start;
    min-height:unset!important;
    height:auto!important;
    margin:0;
    padding:10px 22px 9px;
}
.nx-ach-layout-v2 .achievement-section-title{
    margin-bottom:8px;
    line-height:1.15;
}
.nx-ach-layout-v2 .achievement-icons{
    grid-template-columns:repeat(auto-fill,82px);
    grid-auto-rows:82px;
    gap:7px 24px;
    align-items:start;
    align-content:start;
    justify-content:start;
    min-height:unset!important;
    height:auto!important;
}
.nx-ach-layout-v2 .achievement-item,
.nx-ach-layout-v2 .achievement-item.is-earned{
    width:82px;
    height:82px;
    min-height:unset!important;
    padding:0;
}
.nx-ach-layout-v2 .achievement-icon-wrap{
    width:82px;
    height:82px;
}
@media(max-width:900px){
    .nx-ach-layout-v2 .achievement-section{ padding:10px 18px 9px; }
    .nx-ach-layout-v2 .achievement-icons{
        grid-template-columns:repeat(auto-fill,64px);
        grid-auto-rows:64px;
        gap:7px 18px;
    }
    .nx-ach-layout-v2 .achievement-item,
    .nx-ach-layout-v2 .achievement-item.is-earned,
    .nx-ach-layout-v2 .achievement-icon-wrap{
        width:64px;
        height:64px;
    }
}
@media(max-width:520px){
    .nx-ach-layout-v2 .achievement-section{ padding:9px 10px 8px; }
    .nx-ach-layout-v2 .achievement-icons{
        grid-template-columns:repeat(auto-fill,52px);
        grid-auto-rows:52px;
        gap:6px 14px;
    }
    .nx-ach-layout-v2 .achievement-item,
    .nx-ach-layout-v2 .achievement-item.is-earned,
    .nx-ach-layout-v2 .achievement-icon-wrap{
        width:52px;
        height:52px;
    }
}

/* Prevent category rows from stretching inside the board grid. */
.achievements-board .nx-ach-body{
    grid-auto-rows:max-content!important;
    align-items:start!important;
    align-content:start!important;
    min-height:0!important;
    height:auto!important;
}
.achievements-board .nx-ach-cat.achievement-section{
    display:block!important;
    align-self:start!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    block-size:auto!important;
    overflow:visible!important;
    padding:14px 22px 20px!important;
    margin-bottom:0!important;
}
.achievements-board .nx-ach-grid.achievement-icons{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    block-size:auto!important;
    overflow:visible!important;
    grid-auto-rows:82px!important;
    row-gap:10px!important;
    column-gap:24px!important;
    align-items:start!important;
    align-content:start!important;
}
.achievements-board .nx-ach-cat-title.achievement-section-title{
    margin-bottom:10px!important;
}
.achievements-board .nx-badge.achievement-item{
    width:82px;
    height:82px;
    min-height:0!important;
    margin:0!important;
    overflow:visible!important;
}
.achievements-board .achievement-icon-wrap{
    width:82px;
    height:82px;
    overflow:visible!important;
}
@media(max-width:900px){
    .achievements-board .nx-ach-cat.achievement-section{ padding:12px 18px 17px!important; }
    .achievements-board .nx-ach-grid.achievement-icons{ grid-auto-rows:64px!important; row-gap:8px!important; column-gap:18px!important; }
    .achievements-board .nx-badge.achievement-item{ width:64px; height:64px; }
    .achievements-board .achievement-icon-wrap{ width:64px; height:64px; }
}
@media(max-width:520px){
    .achievements-board .nx-ach-cat.achievement-section{ padding:10px 10px 15px!important; }
    .achievements-board .nx-ach-grid.achievement-icons{ grid-auto-rows:52px!important; row-gap:7px!important; column-gap:14px!important; }
    .achievements-board .nx-badge.achievement-item{ width:52px; height:52px; }
    .achievements-board .achievement-icon-wrap{ width:52px; height:52px; }
}

/* =====================================================================
   v3 POLISH — doar box / panouri categorie / header (sprite-urile NU se ating)
   ===================================================================== */
.nx-achievements.nx-ach-layout-v2{
    width:min(100%,1520px);
    padding:24px 26px 26px;
    border:1px solid rgba(228,178,86,.42);
    border-radius:14px;
    background:
        radial-gradient(120% 80% at 50% -12%, rgba(150,70,255,.18), transparent 55%),
        linear-gradient(180deg,#1b0d38 0%,#120726 45%,#0a0418 100%);
    box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 46px rgba(120,50,200,.14),inset 0 1px 0 rgba(255,255,255,.05);
}
/* header */
.nx-ach-layout-v2 .nx-ach-head{
    flex-wrap:wrap; gap:12px 16px; margin-bottom:20px; padding:0 2px 16px;
    border-bottom:1px solid rgba(228,178,86,.22);
}
.nx-ach-layout-v2 .nx-ach-title{
    font-size:clamp(21px,1.8vw,30px); letter-spacing:.14em;
    background:linear-gradient(90deg,#e9b95c,#fff2cf,#f0d689);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    filter:drop-shadow(0 0 14px rgba(185,80,255,.45));
}
.nx-ach-layout-v2 .nx-ach-count{
    padding:6px 13px; border:1px solid rgba(228,178,86,.35); border-radius:20px;
    background:rgba(40,18,70,.45); color:#d8c6ff; font-size:12px; letter-spacing:.03em;
}
.nx-ach-layout-v2 .nx-ach-count b{ color:#5ce6ad; }
/* bara de progres generala */
.nx-ach-progress{ position:relative; flex-basis:100%; height:10px; margin-top:10px;
    border-radius:6px; background:rgba(255,255,255,.06); border:1px solid rgba(228,178,86,.18); overflow:hidden; }
.nx-ach-progress-fill{ height:100%; width:0; border-radius:6px;
    background:linear-gradient(90deg,#8a3ce0,#e9b95c,#fff2cf);
    box-shadow:0 0 12px rgba(233,185,92,.6); transition:width .9s cubic-bezier(.2,.8,.2,1); }
.nx-ach-progress-txt{ position:absolute; right:9px; top:-19px; color:#f0d689; font:800 11px Arial,sans-serif; }
/* panouri categorie = card */
.nx-ach-layout-v2 .nx-ach-cat.achievement-section,
.achievements-board .nx-ach-cat.achievement-section{
    border:1px solid rgba(150,80,210,.3)!important; border-radius:12px!important;
    background:linear-gradient(180deg,rgba(41,21,74,.5),rgba(12,6,26,.55))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.28)!important;
    padding:15px 22px 17px!important;
}
.nx-ach-layout-v2 .nx-ach-body{ gap:14px; }
/* header categorie: diamant + nume + linie + contor */
.nx-ach-layout-v2 .nx-ach-cat-title{
    align-items:center; gap:12px; margin-bottom:15px;
    color:#f0cf7e; font:700 13px/1.2 Georgia,'Times New Roman',serif; letter-spacing:.18em;
}
.nx-ach-layout-v2 .nx-ach-cat-title::before{
    content:'\25C6'; order:0; color:#b65cff; font-size:11px;
    filter:drop-shadow(0 0 6px rgba(182,92,255,.7));
}
.nx-ach-layout-v2 .nx-ach-cat-title::after{
    order:5; background:linear-gradient(90deg,rgba(233,185,92,.45),rgba(139,65,205,.18),transparent);
}
.nx-ach-cat-count{ order:9; padding:3px 11px; border-radius:20px; white-space:nowrap;
    border:1px solid rgba(228,178,86,.32); background:rgba(30,14,55,.6);
    color:#c8b6ea; font:800 11px Arial,sans-serif; letter-spacing:.02em; }
.nx-ach-cat-count.is-full{ border-color:rgba(92,230,173,.5); color:#7be0a4; background:rgba(30,70,52,.4); }

/* =====================================================================
   v4 — MMO EPIC "Reliquary" (WoW/Lost Ark vibe). Append-only.
   Sprite-urile si calibrarile NU sunt atinse.
   ===================================================================== */

/* ---- atmosfera: vigneta + raza de sus + scantei statice ---- */
.nx-achievements.nx-ach-layout-v2{
    position:relative;
    border:1px solid rgba(214,164,72,.5);
    border-radius:10px;
    background:
        radial-gradient(1.5px 1.5px at 12% 18%, rgba(255,226,150,.5), transparent 100%),
        radial-gradient(1px 1px at 78% 9%,  rgba(214,164,255,.55), transparent 100%),
        radial-gradient(1.5px 1.5px at 55% 4%, rgba(255,238,190,.4), transparent 100%),
        radial-gradient(1px 1px at 31% 7%,  rgba(190,120,255,.4), transparent 100%),
        radial-gradient(1px 1px at 92% 30%, rgba(255,226,150,.3), transparent 100%),
        radial-gradient(1px 1px at 6% 55%,  rgba(190,120,255,.28), transparent 100%),
        radial-gradient(140% 60% at 50% -18%, rgba(146,64,232,.26), transparent 58%),
        radial-gradient(120% 120% at 50% 118%, rgba(0,0,0,.5), transparent 55%),
        linear-gradient(180deg,#1c0d3a 0%,#110724 46%,#090315 100%);
    box-shadow:
        0 30px 70px rgba(0,0,0,.62),
        0 0 60px rgba(124,50,205,.16),
        inset 0 0 90px rgba(6,2,14,.75),
        inset 0 1px 0 rgba(255,236,190,.09);
}
/* ---- colturi de filigran auriu ---- */
.nx-achievements.nx-ach-layout-v2::before{
    content:''; position:absolute; inset:7px; pointer-events:none; z-index:1;
    background:
        linear-gradient(90deg,#e8bd63,#f6e3ac) left 0 top 0/46px 2px,
        linear-gradient(180deg,#e8bd63,#f6e3ac) left 0 top 0/2px 46px,
        linear-gradient(270deg,#e8bd63,#f6e3ac) right 0 top 0/46px 2px,
        linear-gradient(180deg,#e8bd63,#f6e3ac) right 0 top 0/2px 46px,
        linear-gradient(90deg,#e8bd63,#f6e3ac) left 0 bottom 0/46px 2px,
        linear-gradient(0deg,#e8bd63,#f6e3ac) left 0 bottom 0/2px 46px,
        linear-gradient(270deg,#e8bd63,#f6e3ac) right 0 bottom 0/46px 2px,
        linear-gradient(0deg,#e8bd63,#f6e3ac) right 0 bottom 0/2px 46px;
    background-repeat:no-repeat;
    filter:drop-shadow(0 0 5px rgba(232,189,99,.55));
    opacity:.9;
}
/* ---- diamant heraldic sus ---- */
.nx-achievements.nx-ach-layout-v2::after{
    content:''; position:absolute; left:50%; top:-7px; width:12px; height:12px; z-index:2;
    transform:translateX(-50%) rotate(45deg);
    background:linear-gradient(135deg,#f8e7b4,#d19a34 60%,#8a5e14);
    border:1px solid rgba(255,240,200,.8);
    box-shadow:0 0 12px rgba(232,189,99,.9),0 0 30px rgba(182,92,255,.5);
}

/* ---- titlu: display serif gravat, cu licarire lenta ---- */
.nx-ach-layout-v2 .nx-ach-title{
    font-family:'Cinzel',Georgia,'Times New Roman',serif;
    font-weight:800;
    letter-spacing:.2em;
    background:linear-gradient(100deg,#caa04e 0%,#ffe9ad 28%,#f3d078 46%,#fff6d8 60%,#caa04e 100%);
    background-size:220% 100%;
    -webkit-background-clip:text; background-clip:text; color:transparent;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 0 16px rgba(178,74,255,.35));
    animation:nxAchSheen 7s ease-in-out infinite;
}
@keyframes nxAchSheen{ 0%,100%{ background-position:0% 0; } 50%{ background-position:100% 0; } }

/* ---- contor global: placheta cu gema ---- */
.nx-ach-layout-v2 .nx-ach-count{
    position:relative;
    padding:7px 14px 7px 26px;
    border:1px solid rgba(228,178,86,.5);
    border-radius:4px;
    background:linear-gradient(180deg,rgba(58,26,96,.75),rgba(20,8,38,.85));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 10px rgba(0,0,0,.4);
    color:#cbb8ea; font-family:'Cinzel',Georgia,serif; font-weight:700;
}
.nx-ach-layout-v2 .nx-ach-count::before{
    content:''; position:absolute; left:10px; top:50%; width:8px; height:8px;
    transform:translateY(-50%) rotate(45deg);
    background:linear-gradient(135deg,#ffe9ad,#c98f2b);
    box-shadow:0 0 8px rgba(232,189,99,.8);
}

/* ---- bara de progres: canelura + sheen animat + varf de diamant ---- */
.nx-ach-progress{
    height:14px; margin-top:12px; border-radius:3px;
    border:1px solid rgba(228,178,86,.35);
    background:linear-gradient(180deg,rgba(8,3,16,.9),rgba(24,11,44,.9));
    box-shadow:inset 0 2px 6px rgba(0,0,0,.8),inset 0 -1px 0 rgba(255,255,255,.04);
}
.nx-ach-progress-fill{
    position:relative; border-radius:2px;
    background:
        linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.32) 50%, rgba(255,255,255,0) 100%) 0 0/56px 100% repeat-x,
        linear-gradient(90deg,#5c1f9e 0%,#9a3fe8 34%,#e0a944 78%,#ffe9ad 100%);
    box-shadow:0 0 14px rgba(224,169,68,.65),0 0 26px rgba(154,63,232,.35);
    animation:nxAchFlow 2.6s linear infinite;
}
@keyframes nxAchFlow{ from{ background-position:0 0,0 0; } to{ background-position:56px 0,0 0; } }
.nx-ach-progress-fill::after{
    content:''; position:absolute; right:-5px; top:50%; width:9px; height:9px;
    transform:translateY(-50%) rotate(45deg);
    background:linear-gradient(135deg,#fff6d8,#e0a944);
    border:1px solid rgba(255,246,216,.9);
    box-shadow:0 0 10px rgba(255,233,173,.95);
}
.nx-ach-progress-txt{
    top:50%; right:10px; transform:translateY(-50%);
    color:#ffe9ad; font:800 9px/1 'Cinzel',Georgia,serif; letter-spacing:.08em;
    text-shadow:0 1px 2px #000;
}

/* ---- placile de categorie: gravura dubla + notch-uri de colt ---- */
.nx-ach-layout-v2 .nx-ach-cat.achievement-section,
.achievements-board .nx-ach-cat.achievement-section{
    position:relative;
    border:1px solid rgba(160,92,220,.34)!important;
    border-radius:6px!important;
    background:
        linear-gradient(90deg,rgba(120,48,190,.10),transparent 30%),
        linear-gradient(180deg,rgba(36,17,66,.62),rgba(11,5,23,.66))!important;
    box-shadow:
        inset 0 0 0 1px rgba(8,3,16,.9),
        inset 0 0 0 2px rgba(228,178,86,.13),
        inset 0 1px 0 rgba(255,255,255,.05),
        0 12px 30px rgba(0,0,0,.34)!important;
}
.nx-ach-layout-v2 .nx-ach-cat.achievement-section::after{
    content:''; position:absolute; inset:4px; pointer-events:none; border-radius:4px;
    background:
        linear-gradient(90deg,rgba(228,178,86,.75),transparent) left top/18px 1px,
        linear-gradient(180deg,rgba(228,178,86,.75),transparent) left top/1px 18px,
        linear-gradient(270deg,rgba(228,178,86,.75),transparent) right top/18px 1px,
        linear-gradient(180deg,rgba(228,178,86,.75),transparent) right top/1px 18px,
        linear-gradient(90deg,rgba(228,178,86,.55),transparent) left bottom/18px 1px,
        linear-gradient(0deg,rgba(228,178,86,.55),transparent) left bottom/1px 18px,
        linear-gradient(270deg,rgba(228,178,86,.55),transparent) right bottom/18px 1px,
        linear-gradient(0deg,rgba(228,178,86,.55),transparent) right bottom/1px 18px;
    background-repeat:no-repeat;
    opacity:.75;
}
.nx-ach-layout-v2 .nx-ach-cat.achievement-section:hover{
    border-color:rgba(212,148,255,.5)!important;
    box-shadow:
        inset 0 0 0 1px rgba(8,3,16,.9),
        inset 0 0 0 2px rgba(228,178,86,.22),
        inset 0 1px 0 rgba(255,255,255,.06),
        0 14px 34px rgba(0,0,0,.4),
        0 0 26px rgba(140,60,220,.16)!important;
}

/* ---- header categorie: sigiliu + serif gravat + placheta contor ---- */
.nx-ach-layout-v2 .nx-ach-cat-title{
    font-family:'Cinzel',Georgia,serif;
    font-weight:800; font-size:12px; letter-spacing:.24em;
    color:#eccb7b;
    text-shadow:0 1px 2px #000,0 0 12px rgba(170,75,238,.3);
}
.nx-ach-layout-v2 .nx-ach-cat-title::before{
    content:'\2726';
    color:#d9a4ff; font-size:13px;
    filter:drop-shadow(0 0 7px rgba(190,100,255,.9));
}
.nx-ach-cat-count{
    border-radius:3px;
    border:1px solid rgba(228,178,86,.4);
    background:linear-gradient(180deg,rgba(50,22,86,.8),rgba(16,7,32,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    color:#d9c7f2; font-family:'Cinzel',Georgia,serif; font-weight:800; font-size:10px;
}
.nx-ach-cat-count.is-full{
    border-color:rgba(120,232,186,.55); color:#8df0c1;
    background:linear-gradient(180deg,rgba(22,74,54,.7),rgba(8,30,22,.9));
    box-shadow:0 0 12px rgba(92,230,173,.25),inset 0 1px 0 rgba(255,255,255,.06);
}

/* ---- badge-uri: aura pulsanta pe deblocate ---- */
.nx-ach-layout-v2 .nx-badge-icon img{ z-index:1; }
.nx-ach-layout-v2 .nx-badge.is-earned .nx-badge-icon::before{
    content:''; position:absolute; left:50%; top:50%; z-index:0;
    width:150%; height:150%; transform:translate(-50%,-50%);
    background:radial-gradient(circle, rgba(178,74,255,.34) 0%, rgba(233,185,92,.16) 42%, transparent 68%);
    animation:nxAchAura 3.4s ease-in-out infinite;
    pointer-events:none;
}
@keyframes nxAchAura{
    0%,100%{ opacity:.55; transform:translate(-50%,-50%) scale(.92); }
    50%{ opacity:1; transform:translate(-50%,-50%) scale(1.06); }
}
.nx-ach-layout-v2 .nx-badge.is-earned:hover .nx-badge-icon::before{
    background:radial-gradient(circle, rgba(196,98,255,.5) 0%, rgba(244,199,96,.28) 44%, transparent 70%);
    animation-duration:1.6s;
}
/* gema aurie in loc de punct verde */
.nx-ach-layout-v2 .nx-badge.is-earned::after{
    width:8px; height:8px; right:6px; bottom:6px; border-radius:0;
    transform:rotate(45deg);
    background:linear-gradient(135deg,#fff2cd,#d9a233);
    border:1px solid rgba(255,240,200,.85);
    box-shadow:0 0 8px rgba(233,185,92,.95),0 0 16px rgba(178,74,255,.4);
}
/* lacatul: sigiliu discret */
.nx-ach-layout-v2 .nx-badge.is-locked::after{
    right:6px; top:5px; width:15px; height:15px;
    border-color:rgba(228,178,86,.22);
    background:rgba(6,2,13,.85);
    color:#7d6f8d; font-size:8px; opacity:.85;
}

/* ---- butonul ARRANGE: gotic, discret ---- */
.nx-ach-layout-v2 .nx-ach-edit-toggle{
    border:1px solid rgba(228,178,86,.45); border-radius:3px;
    background:linear-gradient(180deg,rgba(44,19,76,.9),rgba(16,6,30,.95));
    color:#d9b96a; font-family:'Cinzel',Georgia,serif; letter-spacing:.14em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 10px rgba(0,0,0,.45);
}
.nx-ach-layout-v2 .nx-ach-edit-toggle:hover{ color:#ffe9ad; border-color:rgba(255,233,173,.6); filter:none; }
.nx-ach-layout-v2 .nx-ach-edit-toggle.is-on{ background:linear-gradient(180deg,#6b2aa6,#3c1266); color:#fff; }

/* ---- preview modal: aceeasi limba vizuala ---- */
.nx-ach-preview-card{
    border:1px solid rgba(232,189,99,.6);
    border-radius:8px;
    box-shadow:inset 0 0 0 2px rgba(8,3,16,.9),inset 0 0 0 3px rgba(228,178,86,.16),
        0 30px 80px rgba(0,0,0,.7),0 0 40px rgba(130,47,194,.22);
}
.nx-ach-preview h3{ font-family:'Cinzel',Georgia,serif; letter-spacing:.06em; }

@media(max-width:700px){
    .nx-achievements.nx-ach-layout-v2::before{ inset:5px; background-size:26px 2px,2px 26px,26px 2px,2px 26px,26px 2px,2px 26px,26px 2px,2px 26px; }
    .nx-ach-layout-v2 .nx-ach-cat-title{ letter-spacing:.16em; }
}

/* =====================================================================
   v5 — HEADER "Royal Classy": titlu centrat cu flourish, aur luminos,
   bara champagne cu repere, ARRANGE ghost. Append-only.
   ===================================================================== */

/* layout: coloana centrata */
.nx-ach-layout-v2 .nx-ach-head{
    position:relative;
    display:flex; flex-direction:column; align-items:center;
    gap:10px; margin-bottom:22px; padding:6px 2px 20px;
    border-bottom:0;
}
/* divider de jos: linie fina cu diamant central */
.nx-ach-layout-v2 .nx-ach-head::after{
    content:''; position:absolute; left:0; right:0; bottom:0; height:9px;
    background:
        radial-gradient(circle at 50% 50%, rgba(255,236,190,.95) 0 1.6px, rgba(214,164,72,.9) 1.6px 3px, transparent 3.6px) center bottom 1px/12px 9px no-repeat,
        linear-gradient(90deg, transparent, rgba(228,178,86,.55) 18%, rgba(228,178,86,.55) 82%, transparent) center bottom 4px/100% 1px no-repeat;
    pointer-events:none;
}

/* titlul: aur LUMINOS + flourish-uri laterale */
.nx-ach-layout-v2 .nx-ach-title{
    order:1;
    display:flex; align-items:center; gap:20px;
    font-size:clamp(24px,2.1vw,34px);
    letter-spacing:.24em;
    background:linear-gradient(100deg,#e9c46a 0%,#fff7dd 30%,#f3d078 50%,#fff7dd 68%,#e9c46a 100%);
    background-size:200% 100%;
    -webkit-background-clip:text; background-clip:text; color:transparent;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.95)) drop-shadow(0 0 22px rgba(182,86,255,.4));
    animation:nxAchSheen 6s ease-in-out infinite;
}
.nx-ach-layout-v2 .nx-ach-title::before,
.nx-ach-layout-v2 .nx-ach-title::after{
    content:''; flex:0 0 auto; width:min(150px,16vw); height:7px;
    background:
        radial-gradient(circle at 100% 50%, rgba(255,236,190,.95) 0 1.4px, rgba(214,164,72,.85) 1.4px 2.6px, transparent 3.2px) right center/9px 7px no-repeat,
        linear-gradient(90deg, transparent, rgba(228,178,86,.8)) 0 50%/calc(100% - 8px) 1px no-repeat;
}
.nx-ach-layout-v2 .nx-ach-title::after{
    background:
        radial-gradient(circle at 0% 50%, rgba(255,236,190,.95) 0 1.4px, rgba(214,164,72,.85) 1.4px 2.6px, transparent 3.2px) left center/9px 7px no-repeat,
        linear-gradient(270deg, transparent, rgba(228,178,86,.8)) 8px 50%/calc(100% - 8px) 1px no-repeat;
}

/* contorul: gravat, elegant, fara cutie */
.nx-ach-layout-v2 .nx-ach-count{
    order:2;
    padding:0; border:0; border-radius:0; background:none; box-shadow:none;
    color:#a795c9; font-family:'Cinzel',Georgia,serif; font-weight:700;
    font-size:11px; letter-spacing:.34em; text-transform:uppercase;
    text-shadow:0 1px 2px #000;
}
.nx-ach-layout-v2 .nx-ach-count::before{ display:none; }
.nx-ach-layout-v2 .nx-ach-count b{
    color:#ffe9ad; font-size:15px; letter-spacing:.08em;
    text-shadow:0 0 12px rgba(233,185,92,.7),0 1px 2px #000;
}

/* bara: canelura fina champagne cu repere la 25/50/75 */
.nx-ach-progress{
    order:3; flex-basis:auto;
    width:min(680px,92%); height:11px; margin-top:6px;
    border-radius:2px;
    border:1px solid rgba(228,178,86,.42);
    background:
        linear-gradient(90deg, transparent calc(25% - .5px), rgba(228,178,86,.28) calc(25% - .5px), rgba(228,178,86,.28) calc(25% + .5px), transparent calc(25% + .5px)),
        linear-gradient(90deg, transparent calc(50% - .5px), rgba(228,178,86,.34) calc(50% - .5px), rgba(228,178,86,.34) calc(50% + .5px), transparent calc(50% + .5px)),
        linear-gradient(90deg, transparent calc(75% - .5px), rgba(228,178,86,.28) calc(75% - .5px), rgba(228,178,86,.28) calc(75% + .5px), transparent calc(75% + .5px)),
        linear-gradient(180deg,rgba(5,2,10,.95),rgba(22,10,40,.95));
    box-shadow:inset 0 2px 5px rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.05);
    overflow:visible;
}
.nx-ach-progress-fill{
    border-radius:2px;
    background:
        linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%) 0 0/64px 100% repeat-x,
        linear-gradient(90deg,#7a4c12 0%,#c9973a 30%,#ecc470 62%,#ffefc2 100%);
    box-shadow:0 0 12px rgba(233,185,92,.55);
    animation:nxAchFlow 3s linear infinite;
}
.nx-ach-progress-fill::after{
    width:11px; height:11px; right:-6px;
    background:linear-gradient(135deg,#fff7dd,#d9a233 65%,#8a5e14);
    border:1px solid rgba(255,246,216,.95);
    box-shadow:0 0 12px rgba(255,233,173,1),0 0 26px rgba(182,92,255,.45);
}
.nx-ach-progress-txt{
    right:-4px; top:-20px; transform:none;
    color:#ffe9ad; font:800 11px/1 'Cinzel',Georgia,serif; letter-spacing:.1em;
    text-shadow:0 0 10px rgba(233,185,92,.6),0 1px 2px #000;
}

/* ARRANGE: ghost clasat, colt dreapta-sus (armura anti-gradient tema) */
.nx-ach-layout-v2 .nx-ach-edit-toggle{
    position:absolute; right:0; top:2px; z-index:5;
    padding:6px 13px;
    background:rgba(18,8,34,.88)!important;
    background-image:none!important;
    border:1px solid rgba(228,178,86,.4)!important;
    border-radius:3px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
    color:#c9ab61!important;
    font:700 10px 'Cinzel',Georgia,serif!important; letter-spacing:.16em;
    -webkit-appearance:none!important; appearance:none!important;
    transition:color .15s,border-color .15s;
}
.nx-ach-layout-v2 .nx-ach-edit-toggle:hover{
    color:#ffe9ad!important; border-color:rgba(255,233,173,.65)!important; filter:none;
}
.nx-ach-layout-v2 .nx-ach-edit-toggle.is-on{
    background:linear-gradient(180deg,#5e2699,#32104f)!important;
    color:#fff!important; border-color:rgba(212,148,255,.7)!important;
}

@media(max-width:700px){
    .nx-ach-layout-v2 .nx-ach-title{ gap:10px; letter-spacing:.14em; }
    .nx-ach-layout-v2 .nx-ach-title::before,
    .nx-ach-layout-v2 .nx-ach-title::after{ width:min(60px,12vw); }
    .nx-ach-layout-v2 .nx-ach-edit-toggle{ position:static; order:4; margin-top:4px; }
    .nx-ach-progress{ width:100%; }
}