/* Noxus Character Command Center — code-native armory, no image mapping. */
.nx-character-profile-page .nx-main { width: 100%; max-width: none; margin: 0; padding: 0; background: #05020c; }
.nx-character-profile-page .nx-footer { border-top-color: rgba(160,91,211,.24); background: #07030d; }
.nxcc { --nxcc-accent:#c66cff; --nxcc-accent-deep:#7139d8; position:relative; overflow:hidden; min-height:100vh; color:#e9e1f0; background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--nxcc-accent) 12%,transparent),transparent 34%),radial-gradient(circle at 92% 48%,rgba(102,33,158,.11),transparent 34%),#05020c; font-family:'Open Sans',sans-serif; }
.nxcc *, .nxcc *::before, .nxcc *::after { box-sizing:border-box; }
.nxcc header { position:relative!important; width:auto!important; max-width:100%!important; height:auto!important; min-height:0!important; margin-left:0!important; margin-right:0!important; background:transparent!important; }
.nxcc a { color:inherit; }
.nxcc-hero { position:relative; min-height:620px; border-bottom:1px solid rgba(187,111,238,.28); isolation:isolate; }
.nxcc-hero-art { position:absolute; inset:0; z-index:-2; overflow:hidden; background:url('../images/newone-hero-bg.jpg') 50% 42%/cover no-repeat; filter:saturate(.74) contrast(1.08); transform:scale(1.02); }
.nxcc-hero-art::after { content:""; position:absolute; inset:0; background:color-mix(in srgb,var(--nxcc-accent) 18%,transparent); mix-blend-mode:color; pointer-events:none; }
.nxcc-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,1,10,.98) 0%,rgba(8,3,18,.78) 34%,rgba(7,2,16,.42) 58%,rgba(5,2,12,.92) 100%),linear-gradient(0deg,#05020c 0%,transparent 44%,rgba(5,2,12,.42) 100%); }
.nxcc-hero::after { content:""; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,transparent,var(--nxcc-accent),#f5ce79,var(--nxcc-accent),transparent); opacity:.55; }
.nxcc-hero-grid { display:grid; grid-template-columns:minmax(300px,1fr) minmax(320px,.8fr) minmax(310px,.84fr); gap:46px; align-items:center; width:min(1500px,calc(100% - 64px)); min-height:620px; margin:0 auto; padding:82px 0 68px; }
.nxcc-kicker { display:flex; align-items:center; gap:12px; color:#baa6c9; font:700 10px 'Cinzel',serif; letter-spacing:.22em; text-transform:uppercase; }
.nxcc-kicker span { color:var(--nxcc-accent); }
.nxcc-kicker i { width:42px; height:1px; background:linear-gradient(90deg,var(--nxcc-accent),transparent); }
.nxcc-kicker b { font-weight:700; }
.nxcc-identity h1 { margin:16px 0 4px; color:#fff4d2; font:900 clamp(46px,5vw,82px)/.98 'Cinzel',serif; letter-spacing:-.04em; text-shadow:0 8px 34px rgba(0,0,0,.74),0 0 38px color-mix(in srgb,var(--nxcc-accent) 28%,transparent); }
.nxcc-classline { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:15px 0 0; }
.nxcc-classline span { color:var(--nxcc-accent); font:800 17px 'Cinzel',serif; letter-spacing:.06em; text-transform:uppercase; }
.nxcc-classline em { padding-left:12px; border-left:1px solid rgba(255,255,255,.18); color:#887b94; font-size:10px; font-style:normal; letter-spacing:.14em; text-transform:uppercase; }
.nxcc-status-line { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.nxcc-status-line > span,.nxcc-status-line > a { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:0 12px; border:1px solid rgba(178,124,209,.24); border-radius:999px; background:rgba(10,5,18,.54); color:#b9a9c6; font-size:11px; text-decoration:none; backdrop-filter:blur(8px); }
.nxcc-status-line > a:hover { border-color:var(--nxcc-accent); color:#fff; }
.nxcc-status { font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.nxcc-status > i { width:7px; height:7px; border-radius:50%; }
.nxcc-status.is-online { color:#68efbd; }.nxcc-status.is-online > i { background:#4beaaa; box-shadow:0 0 12px #4beaaa; }
.nxcc-status.is-offline { color:#a99dac; }.nxcc-status.is-offline > i { background:#716875; }
.nxcc-hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.nxcc-hero-actions a { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:0 18px; border:1px solid rgba(190,118,235,.44); border-radius:7px; background:rgba(13,6,24,.62); color:#e6d9ed; font:700 10px 'Cinzel',serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:.22s ease; }
.nxcc-hero-actions a:hover { transform:translateY(-2px); border-color:var(--nxcc-accent); color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.25); }
.nxcc-hero-actions .is-primary { border-color:color-mix(in srgb,var(--nxcc-accent) 78%,#fff); background:linear-gradient(135deg,var(--nxcc-accent-deep),color-mix(in srgb,var(--nxcc-accent) 75%,#4f1791)); color:#fff; box-shadow:0 9px 30px color-mix(in srgb,var(--nxcc-accent) 22%,transparent); }

.nxcc-avatar { position:relative; display:grid; width:min(390px,100%); aspect-ratio:1; margin:auto; place-items:center; }
.nxcc-avatar::before { content:""; position:absolute; inset:13%; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--nxcc-accent) 20%,transparent),transparent 67%); filter:blur(16px); animation:nxcc-pulse 4s ease-in-out infinite; }
.nxcc-orbit { position:absolute; border:1px solid color-mix(in srgb,var(--nxcc-accent) 46%,transparent); border-radius:50%; }
.nxcc-orbit::before,.nxcc-orbit::after { content:""; position:absolute; width:8px; height:8px; border:2px solid var(--nxcc-accent); background:#08040e; box-shadow:0 0 12px color-mix(in srgb,var(--nxcc-accent) 86%,transparent); transform:rotate(45deg); }
.nxcc-orbit.is-outer { inset:5%; border-style:dashed; animation:nxcc-spin 34s linear infinite; }.nxcc-orbit.is-outer::before { left:17%; top:7%; }.nxcc-orbit.is-outer::after { right:17%; bottom:7%; }
.nxcc-orbit.is-inner { inset:17%; animation:nxcc-spin-reverse 22s linear infinite; }.nxcc-orbit.is-inner::before { right:-4px; top:48%; }.nxcc-orbit.is-inner::after { left:-4px; top:48%; }
.nxcc-avatar-core { position:relative; display:grid; width:31%; aspect-ratio:1; place-items:center; transform:translateY(10px); border:1px solid color-mix(in srgb,var(--nxcc-accent) 78%,#f0d786); border-radius:50%; background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--nxcc-accent) 23%,#170b20),#07030c 82%); box-shadow:inset 0 0 18px rgba(255,255,255,.035),0 0 28px color-mix(in srgb,var(--nxcc-accent) 24%,transparent); }
.nxcc-avatar-core::before,.nxcc-avatar-core::after { content:""; position:absolute; inset:-9px; border:1px solid rgba(242,203,119,.34); border-radius:50%; clip-path:polygon(0 0,43% 0,43% 100%,0 100%); }.nxcc-avatar-core::after { transform:rotate(180deg); }
.nxcc-avatar-core img { width:100%; height:100%; border-radius:50%; object-fit:cover; image-rendering:auto; filter:drop-shadow(0 6px 11px rgba(0,0,0,.55)); }
.nxcc-rune { position:absolute; color:var(--nxcc-accent); font-style:normal; text-shadow:0 0 14px var(--nxcc-accent),0 0 28px color-mix(in srgb,var(--nxcc-accent) 60%,transparent); }.nxcc-rune-a { left:12%; top:27%; }.nxcc-rune-b { right:8%; top:46%; }.nxcc-rune-c { left:29%; bottom:8%; }
.nxcc-hero-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.nxcc-hero-metrics article { position:relative; min-height:132px; padding:20px; overflow:hidden; border:1px solid rgba(183,119,220,.25); border-radius:11px; background:linear-gradient(145deg,rgba(23,10,38,.76),rgba(8,4,16,.69)); backdrop-filter:blur(12px); transition:.25s ease; }
.nxcc-hero-metrics article::after { content:""; position:absolute; right:-24px; bottom:-27px; width:76px; height:76px; border:1px solid color-mix(in srgb,var(--nxcc-accent) 22%,transparent); border-radius:50%; }
.nxcc-hero-metrics article:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--nxcc-accent) 72%,transparent); background:linear-gradient(145deg,color-mix(in srgb,var(--nxcc-accent-deep) 25%,#170a26),rgba(8,4,16,.83)); }
.nxcc-hero-metrics span { display:block; color:#a493b1; font:700 9px 'Cinzel',serif; letter-spacing:.16em; text-transform:uppercase; }
.nxcc-hero-metrics strong { display:block; margin:8px 0 2px; color:#f6dc99; font:800 32px 'Cinzel',serif; }
.nxcc-hero-metrics small { color:#72687d; font-size:9px; text-transform:uppercase; }

.nxcc-section-nav { position:sticky; top:0; z-index:30; display:flex; justify-content:center; gap:2px; min-height:58px; border-bottom:1px solid rgba(155,77,206,.28); background:rgba(7,3,14,.88); backdrop-filter:blur(18px); }
.nxcc-section-nav a { position:relative; display:flex; align-items:center; gap:9px; min-width:150px; justify-content:center; color:#8e819b; font:700 10px 'Cinzel',serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:.2s ease; }
.nxcc-section-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:-1px; height:2px; background:linear-gradient(90deg,var(--nxcc-accent),#f4d17c); transition:.22s ease; }
.nxcc-section-nav a:hover,.nxcc-section-nav a.is-active { color:#f6e4b7; }.nxcc-section-nav a.is-active::after { left:14%; right:14%; }
.nxcc-shell { width:min(1450px,calc(100% - 48px)); margin:0 auto; padding:60px 0 90px; }
.nxcc-panel { border:1px solid rgba(155,78,205,.27); border-radius:14px; background:linear-gradient(145deg,rgba(21,9,34,.92),rgba(8,4,16,.96)); box-shadow:0 22px 70px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025); }
.nxcc-section-head { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; width:100%; margin:0!important; gap:7px; align-items:center; padding:27px 30px; border-bottom:1px solid rgba(157,78,206,.22); text-align:center; }
.nxcc-section-head > div > span { color:var(--nxcc-accent); font:700 9px 'Cinzel',serif; letter-spacing:.2em; text-transform:uppercase; }
.nxcc-section-head h2 { margin:5px 0 0; color:#f4dfaa; font:800 clamp(22px,2.2vw,32px) 'Cinzel',serif; letter-spacing:.02em; }
.nxcc-section-head > p { max-width:680px; margin:0; color:#82768d; font-size:11px; text-align:center; }.nxcc-section-head > p i { margin-right:5px; color:#b896d0; }
.nxcc-section-head > strong { color:#f3d486; font:800 25px 'Cinzel',serif; text-align:center; }.nxcc-section-head > strong small { display:block; color:#74697e; font:700 8px 'Open Sans',sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.nxcc-loadout .nxcc-section-head,.nxcc-legacy .nxcc-section-head { grid-template-columns:minmax(0,1fr); width:100%; margin:0!important; justify-items:center; text-align:center; }
.nxcc-loadout .nxcc-section-head > div,.nxcc-legacy .nxcc-section-head > div { width:100%; text-align:center; }
.nxcc-loadout .nxcc-section-head > p,.nxcc-legacy .nxcc-section-head > p { max-width:none; margin-top:7px; text-align:center; }

.nxcc-loadout-grid { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(300px,1.25fr) minmax(220px,.8fr); gap:24px; align-items:stretch; padding:28px; }
.nxcc-slot-stack { position:relative; z-index:3; display:grid; gap:9px; }
.nxcc-slot { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr) 28px; gap:12px; align-items:center; min-height:67px; padding:9px 12px; overflow:visible; border:1px solid rgba(173,104,217,.2); border-radius:9px; background:rgba(8,4,15,.82); transition:.2s ease; }
.nxcc-slot::before { content:""; position:absolute; left:0; top:24%; bottom:24%; width:2px; background:var(--nxcc-accent); opacity:.48; }
.nxcc-slot:hover,.nxcc-slot:focus { z-index:20; transform:translateX(4px); border-color:color-mix(in srgb,var(--nxcc-accent) 60%,transparent); outline:none; background:color-mix(in srgb,var(--nxcc-accent-deep) 12%,#0a0512); box-shadow:0 12px 30px rgba(0,0,0,.3); }
.nxcc-slot > i { display:grid; width:44px; height:44px; place-items:center; border:1px solid rgba(190,125,222,.27); border-radius:8px; background:radial-gradient(circle,color-mix(in srgb,var(--nxcc-accent) 20%,#180b27),#0b0612); color:var(--nxcc-accent); }
.nxcc-item-icon { display:grid!important; width:44px; height:44px; place-items:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--nxcc-accent) 46%,#cf9e54); border-radius:8px; background:radial-gradient(circle,rgba(78,31,113,.5),#08040f 78%); }
.nxcc-item-icon img { display:block; max-width:42px; max-height:42px; object-fit:contain; filter:drop-shadow(0 4px 7px rgba(0,0,0,.72)); }
.nxcc-slot > div { min-width:0; }
.nxcc-slot > div > span { display:block; color:#ead9b2; font:700 10px 'Cinzel',serif; text-transform:uppercase; }.nxcc-slot > div > strong { display:block; margin-top:3px; overflow:hidden; color:#706579; font-size:9px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.nxcc-slot > b { color:#4e4654; font-size:12px; text-align:right; }
.nxcc-slot.is-equipped > div > strong { color:#d7c8df; }.nxcc-slot.is-equipped > b { color:#e4c56f; }.nxcc-slot.is-excellent { border-color:rgba(72,220,137,.28); }.nxcc-slot.is-excellent::before { background:#4ce08d; opacity:.85; }.nxcc-slot.is-ancient { border-color:rgba(185,108,239,.34); }
.nxcc-item-tooltip { position:absolute; left:calc(100% + 12px); top:50%; z-index:9999; display:block; width:330px; max-height:520px; padding:12px 10px; overflow:auto; visibility:hidden; border:2px solid rgba(151,151,163,.66); border-radius:1px; background-color:rgba(2,2,4,.985); background-image:linear-gradient(rgba(122,122,136,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(122,122,136,.11) 1px,transparent 1px); background-size:22px 22px; box-shadow:0 18px 55px rgba(0,0,0,.9),0 0 22px color-mix(in srgb,var(--nxcc-accent) 22%,transparent); opacity:0; pointer-events:none; text-align:center; transform:translate(8px,-50%); transition:.16s ease; scrollbar-width:thin; }
.nxcc-item-tooltip::before { content:""; position:absolute; left:-7px; top:50%; width:11px; height:11px; border-left:2px solid rgba(151,151,163,.66); border-bottom:2px solid rgba(151,151,163,.66); background:#030305; transform:translateY(-50%) rotate(45deg); }
.nxcc-item-tooltip .nxcc-tt-title { display:block!important; margin:0 0 10px!important; overflow:visible!important; color:#65aaff!important; font:700 12px Arial,sans-serif!important; line-height:1.35!important; white-space:normal!important; text-shadow:0 1px #000; }
.nxcc-slot.is-excellent .nxcc-tt-title { color:#20ff98!important; }.nxcc-slot.is-ancient .nxcc-tt-title { color:#d275ff!important; }
.nxcc-item-tooltip .nxcc-tt-line { display:block!important; color:#f3f3f6!important; font:700 11px/1.35 Arial,sans-serif!important; letter-spacing:0!important; text-shadow:0 1px 2px #000; }
.nxcc-item-tooltip .nxcc-tt-line.is-stat { color:#f5f5f7!important; }.nxcc-item-tooltip .nxcc-tt-line.is-option { color:#63abff!important; }
.nxcc-item-tooltip .nxcc-tt-line.is-requirement { color:#ff4545!important; }.nxcc-item-tooltip .nxcc-tt-line.is-requirement.is-met { color:#f4f4f5!important; }
.nxcc-item-tooltip .nxcc-tt-class { display:block!important; margin:5px -8px 7px; padding:3px 8px; color:#fff!important; background:linear-gradient(90deg,#8f0000,#c90000,#8f0000); font:700 11px/1.25 Arial,sans-serif!important; letter-spacing:0!important; text-shadow:0 1px #000; }
.nxcc-slot:hover .nxcc-item-tooltip,.nxcc-slot:focus .nxcc-item-tooltip { visibility:visible; opacity:1; transform:translate(0,-50%); }
.nxcc-slot-stack:last-child .nxcc-item-tooltip { right:calc(100% + 12px); left:auto; transform:translate(-8px,-50%); }.nxcc-slot-stack:last-child .nxcc-item-tooltip::before { right:-6px; left:auto; border:0; border-top:1px solid var(--nxcc-accent); border-right:1px solid var(--nxcc-accent); }.nxcc-slot-stack:last-child .nxcc-slot:hover .nxcc-item-tooltip,.nxcc-slot-stack:last-child .nxcc-slot:focus .nxcc-item-tooltip { transform:translate(0,-50%); }
.nxcc-stage { position:relative; display:flex; min-height:523px; flex-direction:column; align-items:center; justify-content:flex-end; overflow:hidden; padding:28px; border:1px solid rgba(210,159,99,.26); border-radius:12px; background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--nxcc-accent) 17%,transparent),transparent 38%),linear-gradient(180deg,rgba(10,5,18,.2),rgba(8,4,14,.96)),url('../images/newone-hero-bg.jpg') center/cover no-repeat; }
.nxcc-stage::before { content:""; position:absolute; left:13%; right:13%; bottom:19%; height:20%; border:1px solid color-mix(in srgb,var(--nxcc-accent) 32%,transparent); border-radius:50%; transform:rotateX(65deg); box-shadow:0 0 40px color-mix(in srgb,var(--nxcc-accent) 25%,transparent),inset 0 0 28px color-mix(in srgb,var(--nxcc-accent) 22%,transparent); }
.nxcc-stage-glow { position:absolute; left:50%; top:13%; width:190px; height:190px; transform:translateX(-50%); border-radius:50%; background:var(--nxcc-accent); opacity:.1; filter:blur(35px); }
.nxcc-stage-seal { position:absolute; left:50%; top:24%; display:grid; width:108px; height:108px; place-items:center; transform:translateX(-50%); border:1px solid color-mix(in srgb,var(--nxcc-accent) 60%,#f3cf7a); border-radius:50%; background:rgba(7,3,13,.8); box-shadow:0 0 28px color-mix(in srgb,var(--nxcc-accent) 20%,transparent); }
.nxcc-stage-seal::before,.nxcc-stage-seal::after { content:""; position:absolute; inset:-9px; border:1px dashed color-mix(in srgb,var(--nxcc-accent) 35%,transparent); border-radius:50%; animation:nxcc-spin 28s linear infinite; }.nxcc-stage-seal::after { inset:5px; animation-direction:reverse; animation-duration:16s; }
.nxcc-stage-seal img { width:100%; height:100%; border-radius:50%; object-fit:cover; }.nxcc-stage > span,.nxcc-stage > strong,.nxcc-stage > small { position:relative; z-index:2; }
.nxcc-stage > span { color:var(--nxcc-accent); font:700 8px 'Cinzel',serif; letter-spacing:.2em; text-transform:uppercase; }.nxcc-stage > strong { margin:6px 0 2px; color:#f6dda0; font:800 20px 'Cinzel',serif; }.nxcc-stage > small { color:#84788d; font-size:9px; }

.nxcc-dashboard { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr); gap:22px; margin-top:22px; scroll-margin-top:76px; }
.nxcc-stat-list { display:grid; gap:4px; padding:25px 30px 30px; }
.nxcc-stat { display:grid; grid-template-columns:46px 1fr; gap:14px; align-items:center; min-height:64px; padding:9px 11px; border-radius:8px; transition:.2s ease; }.nxcc-stat:hover { background:rgba(255,255,255,.025); }
.nxcc-stat > i { display:grid; width:42px; height:42px; place-items:center; border:1px solid color-mix(in srgb,var(--nxcc-accent) 30%,transparent); border-radius:50%; color:var(--nxcc-accent); background:color-mix(in srgb,var(--nxcc-accent) 7%,#0b0513); }
.nxcc-stat > div > span { display:flex; justify-content:space-between; color:#b6a6c2; font:700 10px 'Cinzel',serif; letter-spacing:.05em; }.nxcc-stat b { color:#f4d98f; font-size:12px; }
.nxcc-stat em { display:block; height:5px; margin-top:8px; overflow:hidden; border-radius:999px; background:#180a24; }.nxcc-stat u { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--nxcc-accent-deep),var(--nxcc-accent),#f1c779); box-shadow:0 0 12px color-mix(in srgb,var(--nxcc-accent) 45%,transparent); transition:width 1s cubic-bezier(.2,.8,.2,1); }
.nxcc-side-column { display:grid; gap:22px; }
.nxcc-mini-head { display:flex; justify-content:space-between; align-items:center; min-height:54px; padding:0 20px; border-bottom:1px solid rgba(154,76,202,.2); }.nxcc-mini-head span { color:#d9c793; font:800 10px 'Cinzel',serif; letter-spacing:.12em; text-transform:uppercase; }.nxcc-mini-head i { color:var(--nxcc-accent); }
.nxcc-progression { padding-bottom:21px; }
.nxcc-progress-ring { position:relative; display:grid; width:142px; height:142px; margin:24px auto; place-items:center; border-radius:50%; background:conic-gradient(var(--nxcc-accent) calc(var(--progress)*1%),rgba(130,70,170,.15) 0); box-shadow:0 0 30px color-mix(in srgb,var(--nxcc-accent) 12%,transparent); }
.nxcc-progress-ring::before { content:""; position:absolute; width:116px; height:116px; border:1px solid rgba(180,104,220,.22); border-radius:50%; background:#0d0715; }.nxcc-progress-ring > div { position:relative; z-index:1; text-align:center; }.nxcc-progress-ring strong { display:block; color:#f4d585; font:800 24px 'Cinzel',serif; }.nxcc-progress-ring span { color:#766b7e; font-size:8px; text-transform:uppercase; }
.nxcc-progress-lines { padding:0 22px; }.nxcc-progress-lines p { display:flex; justify-content:space-between; margin:14px 0 7px; color:#897c92; font-size:9px; text-transform:uppercase; }.nxcc-progress-lines p b { color:#d8c69e; }.nxcc-progress-lines > em { display:block; height:4px; overflow:hidden; border-radius:9px; background:#1c0c29; }.nxcc-progress-lines > em i { display:block; height:100%; background:linear-gradient(90deg,var(--nxcc-accent-deep),var(--nxcc-accent)); }
.nxcc-guild-card { display:grid; grid-template-columns:1fr; justify-items:center; gap:10px; align-items:center; padding-bottom:18px; text-align:center; }.nxcc-guild-card .nxcc-mini-head { width:100%; margin-bottom:5px; }.nxcc-guild-emblem { display:grid; width:82px; height:82px; place-items:center; clip-path:polygon(50% 0,94% 23%,84% 78%,50% 100%,16% 78%,6% 23%); background:linear-gradient(145deg,color-mix(in srgb,var(--nxcc-accent) 82%,#fff),var(--nxcc-accent-deep)); box-shadow:0 0 30px color-mix(in srgb,var(--nxcc-accent) 26%,transparent); }
.nxcc-guild-mark { display:grid!important; grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(8,1fr); width:52px; height:52px; margin:0!important; overflow:hidden; border:2px solid rgba(255,235,180,.34); background:#07050b; box-shadow:0 7px 18px rgba(0,0,0,.5); image-rendering:pixelated; }.nxcc-guild-mark > i { display:block; min-width:0; min-height:0; }.nxcc-guild-mark.is-empty { place-items:center; color:#fff3c5; font-size:24px; }.nxcc-guild-mark.is-empty > i { display:block; }
.nxcc-guild-copy { width:100%; }.nxcc-guild-card > div strong { display:block; color:#f3d998; font:800 18px 'Cinzel',serif; }.nxcc-guild-card > div span,.nxcc-guild-card > div small { display:block; margin-top:4px; color:#93869d; font-size:9px; }.nxcc-guild-card > a { width:calc(100% - 30px); display:flex; justify-content:center; gap:18px; margin:4px 15px 0; padding:12px; border-top:1px solid rgba(154,76,202,.2); color:#b798ca; font:700 9px 'Cinzel',serif; text-decoration:none; text-transform:uppercase; }.nxcc-guild-card > a:hover { color:var(--nxcc-accent); }

.nxcc-legacy { margin-top:22px; scroll-margin-top:76px; }
.nxcc-achievement-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:26px; }
.nxcc-achievement { position:relative; display:grid; grid-template-columns:82px 1fr; gap:14px; align-items:center; min-height:122px; padding:15px 16px; overflow:hidden; border:1px solid rgba(151,75,202,.24); border-radius:9px; background:rgba(8,4,15,.62); transition:.22s ease; }.nxcc-achievement:hover { transform:translateY(-4px); border-color:var(--nxcc-accent); box-shadow:0 14px 30px rgba(0,0,0,.25); }
.nxcc-achievement > b { position:absolute; right:9px; top:7px; color:#493f50; font:700 9px 'Cinzel',serif; }.nxcc-achievement-icon { position:relative; display:block!important; width:78px; height:78px; overflow:hidden; border:0; background:none; filter:drop-shadow(0 0 9px color-mix(in srgb,var(--nxcc-accent) 52%,transparent)); }.nxcc-achievement-icon > img { position:absolute; display:block; max-width:none; max-height:none; object-fit:unset; }.nxcc-achievement-icon > i { display:grid; width:60px; height:60px; margin:9px; place-items:center; border:1px solid rgba(195,125,230,.33); border-radius:50%; color:var(--nxcc-accent); font-size:21px; }.nxcc-achievement span { display:block; color:var(--nxcc-accent); font:700 8px 'Cinzel',serif; letter-spacing:.14em; text-transform:uppercase; }.nxcc-achievement strong { display:block; margin:4px 0; color:#ead7a9; font:700 11px 'Cinzel',serif; }.nxcc-achievement small { color:#675d6e; font-size:8px; }.nxcc-achievement[data-rarity="legendary"] span { color:#ffc95f; }
.nxcc-achievement-icon img[src$="/Ach/bc.png"]{width:620.7%;height:206.9%;left:-15.6%;top:-58.9%}.nxcc-achievement-icon img[src$="/Ach/cc.png"]{width:442.1%;height:248.9%;left:2.9%;top:-73.5%}.nxcc-achievement-icon img[src$="/Ach/rr.png"]{width:376.1%;height:282.1%;left:-14.8%;top:-22.6%}.nxcc-achievement-icon img[src$="/Ach/rr1.png"]{width:347.2%;height:260.4%;left:-121%;top:-17%}.nxcc-achievement-icon img[src$="/Ach/rr2.png"]{width:342.3%;height:256.7%;left:-229.8%;top:-15.4%}.nxcc-achievement-icon img[src$="/Ach/4.png"]{width:317.8%;height:227%;left:-5.6%;top:-5.1%}.nxcc-achievement-icon img[src$="/Ach/gu.png"]{width:321.8%;height:241.3%;left:-5.9%;top:-13.6%}.nxcc-achievement-icon img[src$="/Ach/ac.png"]{width:321.8%;height:241.3%;left:-5.9%;top:-13.6%}.nxcc-achievement-icon img[src$="/Ach/ac4.png"]{width:320.4%;height:240.3%;left:-108.6%;top:-128.3%}.nxcc-achievement-icon img[src$="/Ach/ac18.png"]{width:312.7%;height:234.6%;left:-5.1%;top:-11%}
.nxcc-achievement-tooltip { position:absolute; left:50%; bottom:calc(100% + 13px); z-index:10000; width:min(310px,calc(100vw - 34px)); padding:17px 18px 16px; visibility:hidden; border:1px solid color-mix(in srgb,var(--nxcc-accent) 58%,#d8b56d); border-radius:9px; background:linear-gradient(145deg,rgba(18,10,27,.99),rgba(4,3,8,.99)); box-shadow:0 22px 55px rgba(0,0,0,.78),0 0 24px color-mix(in srgb,var(--nxcc-accent) 18%,transparent); opacity:0; pointer-events:none; text-align:left; transform:translate(-50%,10px); transition:.16s ease; }
.nxcc-achievement-tooltip::after { content:""; position:absolute; left:50%; bottom:-7px; width:12px; height:12px; border-right:1px solid color-mix(in srgb,var(--nxcc-accent) 58%,#d8b56d); border-bottom:1px solid color-mix(in srgb,var(--nxcc-accent) 58%,#d8b56d); background:#07040c; transform:translateX(-50%) rotate(45deg); }
.nxcc-achievement-tooltip-rarity { color:var(--nxcc-accent)!important; font:800 8px 'Cinzel',serif!important; letter-spacing:.18em!important; text-transform:uppercase; }
.nxcc-achievement-tooltip > strong { margin:5px 0 9px; color:#f6dfa8; font:800 15px 'Cinzel',serif; }
.nxcc-achievement-tooltip > p { margin:0; color:#c7b9cf; font:500 11px/1.55 'Open Sans',sans-serif; }
.nxcc-achievement-tooltip dl { display:grid; gap:7px; margin:13px 0 0; padding-top:11px; border-top:1px solid rgba(255,255,255,.09); }
.nxcc-achievement-tooltip dl > div { display:flex; justify-content:space-between; gap:14px; }
.nxcc-achievement-tooltip dt { color:#756b7c; font:700 8px 'Cinzel',serif; letter-spacing:.1em; text-transform:uppercase; }
.nxcc-achievement-tooltip dd { margin:0; color:#ddd0e4; font-size:9px; text-align:right; }.nxcc-achievement-tooltip dd i { color:#54e5aa; }
.nxcc-achievement:hover,.nxcc-achievement:focus { z-index:80; overflow:visible; outline:none; }.nxcc-achievement:hover .nxcc-achievement-tooltip,.nxcc-achievement:focus .nxcc-achievement-tooltip { visibility:visible; opacity:1; transform:translate(-50%,0); }

.nxcc[data-class-theme="silver"] { background:radial-gradient(circle at 52% 0,rgba(196,211,233,.12),transparent 32%),#05070b; }
.nxcc[data-class-theme="silver"] .nxcc-hero { border-color:rgba(208,221,239,.28); }
.nxcc[data-class-theme="silver"] .nxcc-hero-art { filter:grayscale(1) saturate(.1) brightness(.68) contrast(1.14); }
.nxcc[data-class-theme="silver"] .nxcc-hero-art::after { background:linear-gradient(90deg,rgba(6,8,12,.2),rgba(199,214,236,.22),rgba(62,73,90,.16)); mix-blend-mode:screen; }
.nxcc[data-class-theme="silver"] .nxcc-hero::before { background:linear-gradient(90deg,rgba(3,5,8,.98) 0%,rgba(10,14,20,.76) 35%,rgba(17,23,31,.42) 60%,rgba(4,7,11,.94) 100%),linear-gradient(0deg,#05070b 0%,transparent 44%,rgba(5,8,12,.5) 100%); }
.nxcc[data-class-theme="silver"] .nxcc-hero-metrics article,.nxcc[data-class-theme="silver"] .nxcc-panel { border-color:rgba(210,223,240,.24); background:linear-gradient(145deg,rgba(20,25,33,.92),rgba(5,8,12,.97)); }
.nxcc[data-class-theme="silver"] .nxcc-section-nav { border-color:rgba(210,223,240,.24); background:rgba(5,8,12,.92); }
.nxcc[data-class-theme="silver"] .nxcc-identity h1,.nxcc[data-class-theme="silver"] .nxcc-section-head h2 { color:#f2f5fa; }

.nxcc-empty-legacy { display:grid; min-height:240px; place-items:center; align-content:center; gap:9px; color:#756a7d; text-align:center; }.nxcc-empty-legacy > i { color:#6c3b89; font-size:42px; }.nxcc-empty-legacy strong { color:#d8c393; font:700 15px 'Cinzel',serif; }

.nxcc-reveal { opacity:0; transform:translateY(14px); transition:opacity .6s ease,transform .6s ease; }.nxcc-reveal.is-visible { opacity:1; transform:none; }
#loadout,#attributes,#legacy { scroll-margin-top:76px; }
@keyframes nxcc-spin { to { transform:rotate(360deg); } } @keyframes nxcc-spin-reverse { to { transform:rotate(-360deg); } } @keyframes nxcc-pulse { 50% { opacity:.55; transform:scale(1.08); } }

@media (max-width:1180px) { .nxcc-hero-grid { grid-template-columns:1fr .8fr; }.nxcc-hero-metrics { grid-column:1/-1; grid-template-columns:repeat(4,1fr); }.nxcc-hero-metrics article { min-height:105px; }.nxcc-loadout-grid { grid-template-columns:1fr 1fr; }.nxcc-stage { grid-column:1/-1; grid-row:1; min-height:310px; }.nxcc-achievement-grid { grid-template-columns:repeat(3,1fr); }.nxcc-slot-stack:first-child .nxcc-item-tooltip { left:12px; top:calc(100% + 8px); transform:translateY(8px); }.nxcc-slot-stack:last-child .nxcc-item-tooltip { right:12px; top:calc(100% + 8px); transform:translateY(8px); }.nxcc-slot-stack .nxcc-item-tooltip::before { display:none; }.nxcc-slot-stack .nxcc-slot:hover .nxcc-item-tooltip,.nxcc-slot-stack .nxcc-slot:focus .nxcc-item-tooltip,.nxcc-slot-stack:last-child .nxcc-slot:hover .nxcc-item-tooltip,.nxcc-slot-stack:last-child .nxcc-slot:focus .nxcc-item-tooltip { transform:none; } }
@media (max-width:880px) { .nxcc-hero-grid { grid-template-columns:1fr; width:min(700px,calc(100% - 36px)); padding-top:58px; text-align:center; }.nxcc-kicker,.nxcc-classline,.nxcc-status-line,.nxcc-hero-actions { justify-content:center; }.nxcc-avatar { width:300px; }.nxcc-hero-metrics { grid-template-columns:1fr 1fr; }.nxcc-section-nav a { min-width:0; flex:1; }.nxcc-dashboard { grid-template-columns:1fr; }.nxcc-achievement-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .nxcc-hero-grid { width:calc(100% - 24px); gap:24px; padding:42px 0; }.nxcc-identity h1 { font-size:40px; word-break:break-word; }.nxcc-avatar { width:240px; }.nxcc-hero-metrics { gap:7px; }.nxcc-hero-metrics article { min-height:102px; padding:14px; }.nxcc-hero-metrics strong { font-size:24px; }.nxcc-section-nav { min-height:54px; }.nxcc-section-nav span { display:none; }.nxcc-section-nav a { font-size:16px; }.nxcc-shell { width:calc(100% - 20px); padding:30px 0 55px; }.nxcc-section-head { display:grid; grid-template-columns:minmax(0,1fr); padding:21px 18px; text-align:center; }.nxcc-section-head > p,.nxcc-section-head > strong { margin-top:5px; text-align:center; }.nxcc-loadout-grid { grid-template-columns:1fr; padding:14px; }.nxcc-stage { grid-column:auto; }.nxcc-slot-stack { gap:7px; }.nxcc-slot { min-height:65px; }.nxcc-item-tooltip { right:8px!important; left:8px!important; width:auto; }.nxcc-stat-list { padding:16px 12px 20px; }.nxcc-achievement-grid { grid-template-columns:1fr; padding:14px; }.nxcc-classline em { border:0; padding:0; flex-basis:100%; }.nxcc-hero-actions a { flex:1 1 100%; } }
@media (prefers-reduced-motion:reduce) { .nxcc *, .nxcc *::before, .nxcc *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }.nxcc-reveal { opacity:1; transform:none; } }