.nxbuffs{--gold:#edca72;--violet:#a84dff;position:relative;width:min(1240px,calc(100% - 40px));margin:34px auto 70px;padding:34px;color:#eee5ff;font-family:'Open Sans',Arial,sans-serif;background:radial-gradient(circle at 50% 0,rgba(112,35,178,.24),transparent 35%),linear-gradient(145deg,rgba(17,7,35,.98),rgba(7,3,18,.99));border:1px solid rgba(222,176,86,.35);box-shadow:0 25px 80px #000,0 0 45px rgba(119,43,188,.2),inset 0 0 50px rgba(94,31,145,.12)}
.nxbuffs:before,.nxbuffs:after{content:'◆';position:absolute;top:-13px;color:var(--gold);font-size:22px;text-shadow:0 0 14px var(--violet)}.nxbuffs:before{left:22px}.nxbuffs:after{right:22px}
.nxbuffs-head{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:8px 8px 28px;border-bottom:1px solid rgba(236,196,112,.2)}
.nxbuffs-kicker{color:#ad77dd;font:800 11px 'Cinzel',serif;letter-spacing:3px}.nxbuffs h1{margin:4px 0;color:var(--gold);font:900 clamp(29px,4vw,50px) 'Cinzel',serif;letter-spacing:3px;text-shadow:0 0 22px rgba(168,77,255,.45)}.nxbuffs-head p{margin:0;color:#a99bbd}
.nxbuffs-balance{min-width:170px;padding:14px 20px;text-align:center;background:rgba(37,14,65,.7);border:1px solid rgba(237,202,114,.36);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.nxbuffs-balance small,.nxbuffs-order small{display:block;color:#8e7ca9;font-size:9px;font-weight:900;letter-spacing:1.5px}.nxbuffs-balance strong{display:inline-block;margin:2px 6px;color:#fff3c5;font:900 25px 'Cinzel',serif}.nxbuffs-balance span{color:var(--gold);font-size:10px;font-weight:900}
.nxbuffs-bridge{display:flex;align-items:center;gap:14px;margin:22px 8px;padding:11px 14px;border:1px solid rgba(232,175,83,.3);background:rgba(97,60,16,.16);color:#e8c980;font-size:12px}.nxbuffs-bridge b{font-family:'Cinzel',serif;letter-spacing:1px}.nxbuffs-bridge.is-ready{border-color:rgba(80,224,150,.45);background:rgba(16,96,63,.18);color:#75e3ac}.nxbuffs-bridge.is-offline{border-color:rgba(238,105,105,.38);background:rgba(114,22,42,.18);color:#ef9a9a}
.nxbuffs-step{display:flex;align-items:center;gap:13px;margin:28px 8px 13px}.nxbuffs-step>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(237,202,114,.42);color:var(--gold);font:800 12px 'Cinzel',serif;transform:rotate(45deg)}.nxbuffs-step>span::first-line{transform:rotate(-45deg)}.nxbuffs-step b{display:block;color:#f2dfad;font:800 13px 'Cinzel',serif;letter-spacing:1.2px}.nxbuffs-step small{color:#837694}
.nxbuffs-characters{display:flex;flex-wrap:wrap;gap:10px;margin:0 8px}.nxbuffs-character{all:unset;box-sizing:border-box;cursor:pointer;min-width:175px;padding:12px 16px;border:1px solid rgba(145,95,184,.34);background:rgba(31,14,51,.7)}.nxbuffs-character b{display:block;color:#eee4ff;font:800 13px 'Cinzel',serif}.nxbuffs-character span{color:#88799b;font-size:10px}.nxbuffs-character:hover,.nxbuffs-character.is-selected{border-color:var(--gold);background:linear-gradient(135deg,rgba(104,38,157,.46),rgba(39,16,62,.88));box-shadow:0 0 18px rgba(158,70,232,.22)}
.nxbuffs-loading{padding:15px;color:#8f80a5}.nxbuffs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 8px 28px}
.nxbuffs-card{position:relative;min-height:180px;padding:20px 18px 17px;cursor:pointer;overflow:hidden;border:1px solid rgba(152,91,197,.3);background:radial-gradient(circle at 84% 15%,var(--buff-glow,rgba(163,76,241,.22)),transparent 33%),linear-gradient(145deg,rgba(34,15,58,.92),rgba(12,6,25,.96));transition:.18s ease}.nxbuffs-card:before{content:attr(data-rune);position:absolute;right:16px;top:8px;color:rgba(239,208,135,.13);font:900 72px 'Cinzel',serif}.nxbuffs-card:hover,.nxbuffs-card.is-selected{transform:translateY(-3px);border-color:rgba(239,201,112,.72);box-shadow:0 14px 28px rgba(0,0,0,.45),0 0 20px rgba(162,70,235,.22)}
.nxbuffs-card .tier{color:#9a64ca;font-size:9px;font-weight:900;letter-spacing:1.8px}.nxbuffs-card h3{position:relative;margin:10px 0 8px;color:#f2d789;font:800 18px 'Cinzel',serif}.nxbuffs-card p{position:relative;max-width:82%;min-height:40px;margin:0;color:#a99ab9;font-size:11px;line-height:1.5}.nxbuffs-card .effect{display:inline-block;margin-top:16px;padding:5px 9px;color:#d8b9f7;font-size:10px;font-weight:800;border:1px solid rgba(160,83,220,.32);background:rgba(89,33,130,.2)}
.nxbuffs-order{position:sticky;bottom:12px;z-index:20;display:grid;grid-template-columns:1fr 1.2fr 1.5fr .7fr auto;align-items:center;gap:15px;margin:0 8px;padding:15px 17px;background:rgba(10,5,20,.97);border:1px solid rgba(237,202,114,.4);box-shadow:0 14px 38px rgba(0,0,0,.72)}.nxbuffs-order strong{display:block;margin-top:3px;color:#eadfff;font:800 12px 'Cinzel',serif}.nxbuffs-duration>div{display:flex;gap:5px;margin-top:5px}.nxbuffs-duration button{all:unset;cursor:pointer;padding:5px 9px;color:#aa96c2;border:1px solid #47305f;font-size:10px;font-weight:800}.nxbuffs-duration button.is-selected{color:#201028;background:var(--gold);border-color:var(--gold)}.nxbuffs-total{color:var(--gold)!important;font-size:17px!important}.nxbuffs-order>[data-nxb-buy]{min-height:44px;padding:0 21px;border:1px solid #d8a84a;color:#1a0a22;background:linear-gradient(#f4d98c,#c9943a);font:900 11px 'Cinzel',serif;letter-spacing:1px;cursor:pointer}.nxbuffs-order>[data-nxb-buy]:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45}.nxbuffs-message{min-height:20px;margin:12px 8px 0;color:#e8a0a0;font-size:12px;text-align:right}
@media(max-width:900px){.nxbuffs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nxbuffs-order{grid-template-columns:1fr 1fr}.nxbuffs-order>[data-nxb-buy]{grid-column:1/-1}.nxbuffs-head{align-items:flex-start}.nxbuffs{padding:22px;width:calc(100% - 20px)}}
@media(max-width:560px){.nxbuffs-grid{grid-template-columns:1fr}.nxbuffs-head{display:block}.nxbuffs-balance{margin-top:18px}.nxbuffs-order{position:relative;bottom:auto;grid-template-columns:1fr}.nxbuffs-order>[data-nxb-buy]{grid-column:auto}}