:root {
    color-scheme: dark;
    --career-bg: #030817;
    --career-panel: #08152b;
    --career-border: #1d528d;
    --career-accent: #168bff;
    --career-accent-rgb: 22, 139, 255;
    --career-accent-soft: color-mix(in srgb, var(--career-accent) 14%, transparent);
    --career-accent-border: color-mix(in srgb, var(--career-accent) 46%, #16304f);
    --career-accent-glow: color-mix(in srgb, var(--career-accent) 34%, transparent);
    --career-muted: #9eb2cd;
}

* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 50% -10%, #0e3972 0, #07142d 30%, var(--career-bg) 66%); color: #f4f8ff; font: 16px/1.5 Arial, sans-serif; min-height: 100vh; }
.career-shell { width: min(1080px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 64px; }
.career-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.career-header a { color: var(--career-accent); }
.career-panel { background: rgba(8, 21, 43, .94); border: 1px solid var(--career-border); border-radius: 16px; padding: 20px; margin-bottom: 18px; box-shadow: 0 16px 42px rgba(0, 0, 0, .28), 0 0 28px var(--career-accent-soft); }
.career-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.career-card { position: relative; border: 1px solid var(--career-border); border-radius: 14px; padding: 18px; background: #0a1810; }
.career-card.is-active { border-color: var(--career-accent); box-shadow: 0 0 0 2px var(--career-accent-soft); }
.career-badge { display: inline-block; padding: 4px 9px; border-radius: 999px; color: #020915; background: var(--career-accent); box-shadow: 0 0 16px var(--career-accent-glow); font-weight: 800; font-size: 12px; }
.career-muted { color: var(--career-muted); }
.career-button { cursor: pointer; border: 0; border-radius: 9px; padding: 10px 14px; background: var(--career-accent); color: #020915; box-shadow: 0 0 16px var(--career-accent-soft); font-weight: 800; }
.career-button.secondary { border: 1px solid var(--career-accent-border); background: #102848; color: #fff; }
.career-button.danger { background: #b94242; color: #fff; }
.career-button:disabled { cursor: not-allowed; opacity: .6; }
.career-form { display: grid; gap: 12px; }
.career-form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.career-form label { display: grid; gap: 5px; color: var(--career-muted); font-size: 13px; }
.career-form input, .career-form select { width: 100%; border: 1px solid var(--career-border); border-radius: 8px; padding: 10px; background: #07110c; color: #fff; }
.career-checkbox { display: flex !important; grid-template-columns: auto 1fr; align-items: center; width: fit-content; }
.career-checkbox input { width: auto; }
.career-table { width: 100%; border-collapse: collapse; }
.career-table th, .career-table td { padding: 10px; border-bottom: 1px solid var(--career-border); text-align: left; vertical-align: middle; }
.career-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.career-top-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; max-width: 100%; }
.career-top-nav__link { position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 9px 14px 9px 11px; overflow: hidden; border: 1px solid rgba(73, 172, 255, .48); border-radius: 10px 4px 10px 4px; color: #e9f6ff !important; background: linear-gradient(135deg, rgba(21, 62, 112, .94), rgba(6, 20, 47, .96)); box-shadow: inset 0 1px rgba(255,255,255,.06), 0 8px 24px rgba(0, 54, 132, .18); font-size: .72rem; font-weight: 900; letter-spacing: .055em; line-height: 1; text-decoration: none; transition: border-color .16s ease, box-shadow .16s ease, transform .12s ease, background .16s ease; }
.career-top-nav__link::after { content: ''; position: absolute; z-index: -1; top: 0; right: -18px; width: 54px; height: 100%; opacity: .65; background: linear-gradient(135deg, transparent 15%, rgba(47, 161, 255, .2)); transform: skewX(-18deg); pointer-events: none; }
.career-top-nav__icon { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border: 1px solid rgba(91, 190, 255, .34); border-radius: 7px 2px 7px 2px; color: #70c5ff; background: rgba(0, 11, 34, .46); }
.career-top-nav__icon svg { width: 16px; height: 16px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.career-top-nav__link.is-active { border-color: #66c6ff; background: linear-gradient(135deg, #176dc5, #0a315f); box-shadow: 0 0 18px rgba(38, 151, 255, .22); }
.career-top-nav__link:active { transform: translateY(1px) scale(.985); }
.career-top-nav__link:focus-visible { outline: 2px solid #b9e7ff; outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .career-top-nav__link:hover { border-color: #69c8ff; background: linear-gradient(135deg, rgba(27, 91, 163, .98), rgba(8, 34, 75, .98)); box-shadow: 0 0 19px rgba(35, 145, 255, .24), inset 0 1px rgba(255,255,255,.1); transform: translateY(-1px); } }
.career-message { border-radius: 9px; padding: 12px; margin-bottom: 16px; background: #183927; }
.career-message.error { background: #572424; }
.career-names-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.career-names-heading h2, .career-names-heading p { margin-top: 0; margin-bottom: 4px; }
.career-name-counters { display: flex; flex-wrap: wrap; gap: 7px; }
.career-name-counters span { border: 1px solid var(--career-border); border-radius: 999px; padding: 4px 9px; background: #0a1810; color: var(--career-muted); font-size: 12px; white-space: nowrap; }
.career-name-counters strong { color: var(--career-accent); }
.career-name-add { display: grid; grid-template-columns: minmax(130px, 180px) minmax(220px, 1fr) auto; gap: 8px; margin-bottom: 10px; }
.career-name-add input, .career-name-add textarea, .career-name-add select, .career-name-search input { min-width: 0; border: 1px solid var(--career-border); border-radius: 8px; padding: 9px 10px; background: #07110c; color: #fff; }
.career-name-add textarea { min-height: 40px; resize: vertical; }
.career-name-search { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.career-name-search input { flex: 1; }
.career-name-search span { min-width: 86px; text-align: right; font-size: 12px; }
.career-name-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.career-name-column { min-width: 0; overflow: hidden; border: 1px solid var(--career-border); border-radius: 10px; background: #0a1810; }
.career-name-column-title { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; border-bottom: 1px solid var(--career-border); font-size: 13px; }
.career-name-column-title span { color: var(--career-muted); font-size: 11px; }
.career-name-list { height: 280px; overflow-y: auto; padding: 4px; scrollbar-color: var(--career-border) #07110c; }
.career-name-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 7px; min-height: 34px; padding: 4px 6px; border-bottom: 1px solid rgba(40, 84, 60, .42); font-size: 13px; }
.career-name-row:last-child { border-bottom: 0; }
.career-name-row[hidden] { display: none; }
.career-name-row.is-inactive { opacity: .58; }
.career-name-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.career-name-status { display: inline-flex; align-items: center; gap: 4px; color: var(--career-muted); font-size: 10px; text-transform: uppercase; }
.career-name-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--career-accent); }
.career-name-row.is-inactive .career-name-status i { background: #718078; }
.career-name-toggle { cursor: pointer; border: 1px solid var(--career-border); border-radius: 6px; padding: 4px 6px; background: #173325; color: #dfffea; font-size: 10px; }
.career-name-toggle:hover { border-color: var(--career-accent); }
.career-name-actions { display: flex; align-items: center; gap: 4px; }
.career-name-actions form { margin: 0; }
.career-name-delete { cursor: pointer; border: 1px solid #5d3636; border-radius: 6px; padding: 4px 6px; background: #241313; color: #ffb4b4; font-size: 10px; }
.career-name-delete:hover { border-color: #ef6262; }
.career-name-empty { margin: 0; padding: 12px 8px; color: var(--career-muted); font-size: 12px; }
.career-asset-library-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.career-asset-library-heading h2 { margin: 8px 0 2px; }
.career-asset-library-heading p { margin: 0; }
.career-asset-create { margin: 14px 0; padding: 12px; border: 1px solid var(--career-border); border-radius: 11px; background: #0a1810; }
.career-asset-create summary, .career-asset-edit summary { cursor: pointer; color: var(--career-accent); font-weight: 800; }
.career-asset-create form, .career-asset-edit form { margin-top: 12px; }
.career-asset-filters { display: grid; grid-template-columns: minmax(190px, 1fr) repeat(4, minmax(120px, .5fr)) auto; gap: 8px; align-items: end; margin-bottom: 14px; }
.career-asset-filters label { display: grid; gap: 4px; color: var(--career-muted); font-size: 11px; }
.career-asset-filters input, .career-asset-filters select { min-width: 0; width: 100%; padding: 9px; border: 1px solid var(--career-border); border-radius: 8px; background: #07110c; color: #fff; }
.career-asset-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.career-asset-card { display: grid; gap: 9px; min-width: 0; padding: 10px; border: 1px solid var(--career-border); border-radius: 12px; background: #0a1810; }
.career-asset-card.is-inactive { opacity: .68; }
.career-asset-preview { position: relative; display: grid; place-items: center; height: 150px; overflow: hidden; border: 1px solid #26372f; border-radius: 9px; background: repeating-conic-gradient(#15231a 0 25%, #0c1710 0 50%) 50% / 18px 18px; }
.career-asset-preview img { width: 100%; height: 100%; object-fit: contain; }
.career-asset-preview span { color: var(--career-muted); font-size: 12px; }
.career-asset-summary { display: grid; gap: 2px; min-width: 0; }
.career-asset-summary strong, .career-asset-summary code, .career-asset-summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.career-asset-summary code, .career-asset-summary small { color: var(--career-muted); font-size: 11px; }
.career-asset-summary span { width: fit-content; margin-top: 4px; padding: 2px 6px; border-radius: 999px; background: #173325; color: var(--career-accent); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.career-asset-edit { padding-top: 7px; border-top: 1px solid #26372f; }
.career-asset-actions { display: flex; gap: 6px; }
.career-asset-actions form { flex: 1; margin: 0; }
.career-asset-actions button { width: 100%; padding: 7px; font-size: 10px; }
.career-asset-empty { padding: 18px; border: 1px dashed var(--career-border); border-radius: 10px; text-align: center; }
.career-match-list { display: grid; gap: 7px; }
.career-match-row { display: grid; grid-template-columns: minmax(130px, 1fr) auto minmax(150px, 1fr) auto; gap: 12px; align-items: center; padding: 9px 10px; border: 1px solid var(--career-border); border-radius: 9px; background: #0a1810; font-size: 13px; }
.career-stat-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.career-stat-group { border: 1px solid var(--career-border); border-radius: 10px; padding: 11px; background: #0a1810; }
.career-stat-group h3 { margin: 0 0 8px; color: var(--career-accent); font-size: 13px; text-transform: uppercase; }
.career-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.career-stat-grid p { display: flex; justify-content: space-between; gap: 8px; margin: 0; padding: 5px 6px; border-radius: 6px; background: rgba(40, 84, 60, .18); font-size: 12px; }
.career-stat-grid span { color: var(--career-muted); }
.career-ego-highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0; }
.career-ego-highlights p { display: grid; gap: 4px; margin: 0; padding: 16px; border: 1px solid var(--career-border); border-radius: 10px; background: #0a1810; text-align: center; }
.career-ego-highlights span { color: var(--career-accent); font-size: 12px; font-weight: 800; }
.career-ego-highlights strong { font-size: clamp(24px, 4vw, 38px); }
.career-inventory-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.career-inventory-heading h2, .career-inventory-heading p { margin: 0 0 3px; }
.career-inventory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.career-inventory-item { display: grid; grid-template-columns: auto 1fr; gap: 9px; padding: 12px; border: 1px solid var(--career-border); border-radius: 11px; background: #0a1810; }
.career-inventory-item h3, .career-inventory-item p { margin: 0 0 4px; }
.career-inventory-item p { color: var(--career-muted); font-size: 11px; }
.career-inventory-icon { font-size: 25px; }
.career-inventory-icon { display: grid; place-items: center; width: 52px; height: 52px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.04); }
.career-inventory-icon img, .career-energy-item-image { width: 100%; height: 100%; object-fit: contain; }
.career-energy-item-image { max-width: 136px; max-height: 136px; margin-inline: auto; }
.career-energy-item-fallback { display: grid; place-items: center; min-height: 80px; font-size: 3rem; }
.career-energy-preview { grid-column: 1 / -1; display: grid; gap: 2px; padding: 7px; border-radius: 7px; background: rgba(40, 84, 60, .18); color: var(--career-muted); }
.career-energy-preview .is-warning { color: #ffc36b; }
.career-inventory-item .career-button { grid-column: 1 / -1; }
.career-energy-modal-open { overflow: hidden; }
.career-energy-modal { position: fixed; z-index: 8500; inset: 0; display: grid; place-items: center; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); overflow: auto; background: rgba(1, 6, 20, .88); backdrop-filter: blur(10px); animation: career-energy-backdrop-in .16s ease-out both; }
.career-energy-modal[hidden] { display: none !important; }
.career-energy-modal__dialog { position: relative; display: grid; grid-template-columns: minmax(180px, .72fr) minmax(280px, 1fr); align-items: center; gap: clamp(18px, 4vw, 34px); width: min(690px, 100%); max-height: calc(100dvh - max(32px, env(safe-area-inset-top)) - max(32px, env(safe-area-inset-bottom))); overflow: auto; padding: clamp(22px, 4vw, 38px); border: 1px solid rgba(70, 177, 255, .5); border-radius: 20px 6px 20px 6px; background: radial-gradient(circle at 18% 24%, rgba(27, 137, 255, .18), transparent 36%), repeating-linear-gradient(128deg, transparent 0 36px, rgba(255,255,255,.018) 37px 39px), #061127; box-shadow: 0 28px 90px rgba(0,0,0,.7), 0 0 34px rgba(21, 137, 255, .14), inset 0 1px rgba(255,255,255,.07); animation: career-energy-dialog-in .2s cubic-bezier(.2,.8,.2,1) both; }
.career-energy-modal__dialog::before { content: ''; position: absolute; inset: 8px; border: 1px solid rgba(75, 169, 255, .11); border-radius: 14px 3px 14px 3px; pointer-events: none; }
.career-energy-modal__close { position: absolute; z-index: 2; top: 10px; right: 10px; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(105, 197, 255, .38); border-radius: 10px 3px 10px 3px; color: #dff4ff; background: rgba(3, 18, 43, .9); cursor: pointer; font-size: 1.35rem; line-height: 1; }
.career-energy-modal__close:disabled { cursor: wait; opacity: .42; }
.career-energy-modal__visual { position: relative; display: grid; place-items: center; min-height: 250px; overflow: hidden; border: 1px solid rgba(66, 171, 255, .26); border-radius: 18px 5px 18px 5px; background: radial-gradient(circle, rgba(41, 157, 255, .22), rgba(2, 11, 29, .86) 66%); }
.career-energy-modal__visual::after { content: ''; position: absolute; inset: 13% 5%; border-radius: 50%; background: radial-gradient(circle, rgba(83, 190, 255, .14), transparent 67%); filter: blur(8px); pointer-events: none; }
.career-energy-modal__visual img { position: relative; z-index: 1; width: 82%; height: 220px; object-fit: contain; filter: drop-shadow(0 18px 24px rgba(0,0,0,.42)); }
.career-energy-modal__fallback { position: relative; z-index: 1; display: grid; place-items: center; width: 82px; height: 154px; border: 2px solid rgba(103, 201, 255, .58); border-radius: 18px 18px 22px 22px; color: #d9f4ff; background: linear-gradient(165deg, #1f88da, #07315f 55%, #061a39); box-shadow: 0 0 28px rgba(34, 158, 255, .25); transform: perspective(260px) rotateY(-6deg); }
.career-energy-modal__fallback::before, .career-energy-modal__fallback::after { content: ''; position: absolute; left: 8px; right: 8px; height: 5px; border-radius: 50%; background: rgba(201, 239, 255, .48); }
.career-energy-modal__fallback::before { top: 8px; }.career-energy-modal__fallback::after { bottom: 8px; }
.career-energy-modal__fallback i { font-size: .68rem; font-style: normal; font-weight: 950; letter-spacing: .12em; transform: rotate(-90deg); }
.career-energy-modal__content { position: relative; display: grid; gap: 11px; min-width: 0; }
.career-energy-modal__eyebrow { color: #6dc8ff; font-size: .68rem; font-weight: 950; letter-spacing: .16em; }
.career-energy-modal__content h2 { margin: 0; font-size: clamp(1.35rem, 4vw, 2.1rem); line-height: 1.05; text-transform: uppercase; }
.career-energy-modal__content > p { margin: 0; }
.career-energy-modal__recovery { color: #75d0ff; font-size: clamp(1.15rem, 3vw, 1.6rem); letter-spacing: .05em; }
.career-energy-modal__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 2px 0 0; }
.career-energy-modal__facts div { min-width: 0; padding: 10px; border: 1px solid rgba(72, 169, 255, .2); border-radius: 10px 3px 10px 3px; background: rgba(6, 31, 68, .56); }
.career-energy-modal__facts dt { color: var(--career-muted); font-size: .62rem; font-weight: 900; letter-spacing: .09em; }
.career-energy-modal__facts dd { margin: 4px 0 0; overflow-wrap: anywhere; color: #f4fbff; font-size: .85rem; font-weight: 800; }
.career-energy-modal__warning, .career-energy-modal__message { padding: 9px 11px; border-radius: 9px; font-size: .82rem; }
.career-energy-modal__warning { border: 1px solid rgba(255, 184, 77, .34); color: #ffd18b; background: rgba(101, 56, 4, .32); }
.career-energy-modal__message { border: 1px solid rgba(255, 100, 118, .35); color: #ffd5da; background: rgba(105, 20, 35, .34); }
.career-energy-modal__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.career-energy-modal__actions .career-button { flex: 1 1 150px; min-height: 42px; }
.career-energy-modal[data-state="REQUESTING"] .career-energy-modal__dialog { cursor: wait; }
.career-energy-modal[data-state="SUCCESS"] .career-energy-modal__dialog { border-color: rgba(84, 210, 255, .78); box-shadow: 0 28px 90px rgba(0,0,0,.7), 0 0 44px rgba(36, 168, 255, .28), inset 0 1px rgba(255,255,255,.08); }
.career-energy-modal[data-state="SUCCESS"] .career-energy-modal__visual { animation: career-energy-success-glow .8s ease-out both; }
@keyframes career-energy-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes career-energy-dialog-in { from { opacity: 0; transform: translateY(8px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes career-energy-success-glow { 0% { box-shadow: 0 0 0 rgba(61,187,255,0); } 45% { box-shadow: 0 0 34px rgba(61,187,255,.34); } 100% { box-shadow: 0 0 16px rgba(61,187,255,.12); } }
@media (max-width: 600px) {
  .career-top-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .career-top-nav__link { justify-content: center; min-width: 0; min-height: 44px; padding-inline: 9px; font-size: .65rem; white-space: nowrap; }
  .career-top-nav__icon { flex-basis: 23px; width: 23px; height: 23px; }
  .career-energy-modal { align-items: center; padding: max(9px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left)); }
  .career-energy-modal__dialog { grid-template-columns: 1fr; gap: 12px; width: 100%; max-height: calc(100dvh - max(18px, env(safe-area-inset-top)) - max(18px, env(safe-area-inset-bottom))); padding: 48px 16px 16px; }
  .career-energy-modal__visual { min-height: 150px; }
  .career-energy-modal__visual img { width: 72%; height: 142px; }
  .career-energy-modal__fallback { width: 62px; height: 116px; }
  .career-energy-modal__content { gap: 8px; }
  .career-energy-modal__content h2 { font-size: 1.35rem; }
  .career-energy-modal__facts { grid-template-columns: 1fr 1fr; }
  .career-energy-modal__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .career-energy-modal__actions .career-button { min-width: 0; min-height: 44px; padding-inline: 8px; font-size: .7rem; }
  .career-energy-modal__actions [data-energy-modal-continue] { grid-column: 1 / -1; }
}
@media (max-height: 520px) and (orientation: landscape) {
  .career-energy-modal__dialog { grid-template-columns: minmax(130px, .55fr) minmax(280px, 1fr); gap: 14px; padding: 46px 16px 14px; }
  .career-energy-modal__visual { min-height: 190px; }
  .career-energy-modal__visual img { height: 180px; }
  .career-energy-modal__content { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) { .career-energy-modal, .career-energy-modal__dialog, .career-energy-modal[data-state="SUCCESS"] .career-energy-modal__visual { animation: none; } }
.career-collection-filter { display: grid; gap: 4px; color: var(--career-muted); font-size: 11px; }
.career-collection-filter select { padding: 8px; border: 1px solid var(--career-border); border-radius: 8px; background: #07110c; color: #fff; }
.career-collection-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.career-collection-card { display: grid; gap: 5px; padding: 10px; border: 1px solid var(--career-border); border-radius: 11px; background: #0a1810; }
.career-collection-card[hidden] { display: none; }
.career-collection-card small { color: var(--career-muted); }
.career-collection-inspect-trigger { display: grid; gap: 6px; min-width: 0; padding: 0; border: 0; color: inherit; background: none; font: inherit; text-align: left; cursor: zoom-in; }
.career-collection-inspect-trigger:focus-visible { outline: 2px solid var(--career-accent); outline-offset: 3px; border-radius: 8px; }
.career-collection-preview { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 9px; background: rgba(0,0,0,.22); }
.career-collection-preview > .career-asset-context-preview { width: 100%; height: 100%; border: 0; border-radius: inherit; }
.career-asset-context-name { display: grid; place-items: center; gap: 8px; width: 100%; height: 100%; padding: 12px; text-align: center; }
.career-asset-context-name small { color: var(--career-accent); font-size: .62rem; font-weight: 950; letter-spacing: .12em; }
.career-asset-context-name strong { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(.82rem, 2vw, 1.35rem); text-transform: uppercase; }
.career-asset-context-card__background { position: absolute; z-index: 0; inset: 0; background-color: #07110c; background-size: cover; background-position: center; }
.career-collection-inspector { position: fixed; z-index: 1500; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(0,0,0,.82); backdrop-filter: blur(8px); }
.career-collection-inspector[hidden] { display: none; }
.career-collection-inspector__dialog { position: relative; display: grid; grid-template-columns: minmax(260px, 520px) minmax(220px, 320px); align-items: center; gap: 24px; width: min(900px, 100%); max-height: calc(100vh - 40px); overflow: auto; padding: 24px; border: 1px solid var(--career-border); border-radius: 18px; background: #07110c; box-shadow: 0 28px 80px rgba(0,0,0,.6); }
.career-collection-inspector__preview { display: grid; place-items: center; min-height: 420px; overflow: hidden; border-radius: 14px; background: radial-gradient(circle, rgba(61,190,113,.13), transparent 68%); }
.career-collection-inspector__preview .career-asset-context-preview { width: min(440px, 100%); height: min(440px, 70vh); }
.career-collection-inspector__copy { display: grid; gap: 10px; align-content: center; }
.career-collection-inspector__copy h2, .career-collection-inspector__copy p { margin: 0; overflow-wrap: anywhere; }
.career-collection-inspector__close { position: absolute; z-index: 3; top: 10px; right: 10px; width: 36px; height: 36px; border: 1px solid var(--career-border); border-radius: 50%; color: #fff; background: #0a1810; font-size: 1.4rem; cursor: pointer; }
.career-collection-inspector-open { overflow: hidden; }
.career-player-card-stage { display: grid; justify-items: center; gap: 14px; overflow: hidden; }
.career-card-inspect-button { font-size: .72rem; }
.career-grant-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.career-grant-grid .career-form { align-content: start; padding: 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(0,0,0,.16); }
.career-grant-preview { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 7px; border: 1px solid var(--career-border); border-radius: 9px; color: var(--career-muted); font-size: .75rem; }
.career-grant-preview[hidden] { display: none; }
.career-grant-preview img { width: 42px; height: 42px; border-radius: 7px; object-fit: contain; }
.career-inspector-open { overflow: hidden; }
.career-card-inspector { position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(2,6,18,.92); backdrop-filter: blur(10px); }
.career-card-inspector__dialog { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 10px; width: min(94vw, 760px); height: min(94vh, 820px); }
.career-card-inspector__controls { position: relative; z-index: 4; display: flex; justify-content: center; gap: 8px; }
.career-card-inspector__controls .career-button { width: auto; min-height: 36px; padding: 7px 11px; font-size: .7rem; line-height: 1; letter-spacing: .04em; }
.career-card-inspector__scene { position: relative; display: grid; place-items: center; min-height: 0; perspective: 1100px; touch-action: pan-y; }
.career-card-inspector__tilt { --inspect-rx: 0deg; --inspect-ry: 0deg; --inspect-x: 0; --inspect-y: 0; position: relative; transform: rotateX(var(--inspect-rx)) rotateY(var(--inspect-ry)); transform-style: preserve-3d; transition: transform .16s ease-out; }
.career-card-inspector .career-player-card__inner::after { content: ''; position: absolute; z-index: 10; inset: 0; border-radius: 24px; background-image: linear-gradient(118deg, transparent 18%, rgba(255,255,255,.025) 37%, rgba(255,255,255,.14) 50%, rgba(125,205,255,.045) 61%, transparent 80%); background-size: 165% 165%; background-position: var(--inspect-light-x, 50%) var(--inspect-light-y, 50%); opacity: .72; pointer-events: none; mix-blend-mode: screen; transition: background-position .16s ease-out, opacity .16s ease-out; }
.career-card-inspector__tilt > .career-player-card { width: min(54vh, 390px, 82vw); aspect-ratio: 3 / 4; }
.career-card-inspector .career-player-card__face { box-shadow: inset 0 0 0 4px rgba(0,0,0,.46), inset 0 0 32px color-mix(in srgb, var(--card-accent) 15%, transparent), var(--inspect-shadow-x, 0) var(--inspect-shadow-y, 20px) 28px rgba(0,0,0,.48); }
.career-card-inspector img, .career-card-inspector canvas { image-rendering: auto; }
.career-card-inspector .career-player-card__front { background-position: var(--inspect-bg-x, 0) var(--inspect-bg-y, 0), center, center !important; }
.career-card-inspector .career-player-card__aura { transform: translate3d(var(--inspect-aura-x, 0), var(--inspect-aura-y, 0), 16px); }
.career-card-inspector .career-player-card__character { transform: translate3d(calc(-50% + var(--inspect-character-x, 0px)), var(--inspect-character-y, 0), 28px); }
.career-card-inspector .career-player-card__overall, .career-card-inspector .career-player-card__crest, .career-card-inspector .career-player-card__identity, .career-card-inspector .career-player-card__back > :not(.career-player-card__frame) { transform: translate3d(var(--inspect-ui-x, 0), var(--inspect-ui-y, 0), 38px); }
.career-card-inspector .career-player-card__frame { transform: translate3d(var(--inspect-frame-x, 0), var(--inspect-frame-y, 0), 48px); }
.career-card-inspector .career-player-card__aura, .career-card-inspector .career-player-card__character, .career-card-inspector .career-player-card__overall, .career-card-inspector .career-player-card__crest, .career-card-inspector .career-player-card__identity, .career-card-inspector .career-player-card__back > :not(.career-player-card__frame), .career-card-inspector .career-player-card__frame { transition: transform .16s ease-out; }
@media (hover: hover) and (pointer: fine) { .career-card-inspector__scene { touch-action: none; } }
@media (prefers-reduced-motion: reduce) { .career-card-inspector__tilt { transform: none !important; transition: none; } .career-card-inspector .career-player-card__inner::after { opacity: .28; transition: none; } .career-card-inspector .career-player-card__aura, .career-card-inspector .career-player-card__overall, .career-card-inspector .career-player-card__crest, .career-card-inspector .career-player-card__identity, .career-card-inspector .career-player-card__back > :not(.career-player-card__frame), .career-card-inspector .career-player-card__frame { transform: none !important; transition: none; } .career-card-inspector .career-player-card__character { transform: translateX(-50%) !important; transition: none; } }
@media (max-width: 860px) { .career-grant-grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .career-card-inspector { padding: 10px; } .career-card-inspector__dialog { height: 96vh; } .career-card-inspector__tilt > .career-player-card { width: min(86vw, 350px); } .career-card-inspector__controls .career-button { min-height: 42px; padding: 9px 13px; } }
@media (hover: none), (pointer: coarse) {
  .career-card-inspector {
    align-items: stretch;
    padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
    overscroll-behavior: contain;
  }
  .career-card-inspector__dialog {
    width: 100%;
    height: 100%;
    max-height: 100dvh;
    min-height: 0;
  }
  .career-card-inspector__scene { min-height: 0; touch-action: none; }
  .career-card-inspector__tilt.is-dragging { transition: none; }
  .career-card-inspector__tilt > .career-player-card {
    width: min(86vw, 350px, calc((100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .75));
  }
  .career-card-inspector__controls {
    flex: 0 0 auto;
    padding-bottom: env(safe-area-inset-bottom);
  }
  .career-card-inspector__controls .career-button { min-height: 44px; padding: 10px 14px; }
}
.career-player-card-stage__heading { text-align: center; }
.career-player-card-stage__heading h2 { margin: 7px 0 0; }
.career-player-card { --card-accent: var(--career-accent, #168bff); --card-accent-2: color-mix(in srgb, var(--card-accent) 42%, #050d20); width: min(330px, 100%); aspect-ratio: 3 / 4; perspective: 1000px; }
.career-player-card--default { --card-accent: var(--career-accent, #168bff); --card-accent-2: color-mix(in srgb, var(--card-accent) 42%, #050d20); }
.career-player-card--common { --card-accent: #cbd5e1; --card-accent-2: #475569; }
.career-player-card--rare { --card-accent: #57bfff; --card-accent-2: #174f85; }
.career-player-card--epic { --card-accent: #c878ff; --card-accent-2: #64268b; }
.career-player-card--legendary { --card-accent: #ffd66b; --card-accent-2: #a66810; }
.career-player-card--special { --card-accent: #ff7ca8; --card-accent-2: #7f315c; }
.career-player-card:focus-visible { outline: 3px solid #fff; outline-offset: 5px; border-radius: 24px; }
.career-player-card__inner { position: relative; width: 100%; height: 100%; }
.career-player-card__face { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; isolation: isolate; border: 2px solid color-mix(in srgb, var(--card-accent) 82%, white); border-radius: 24px; background-color: #050d20; box-shadow: inset 0 0 0 4px rgba(0,0,0,.46), inset 0 0 32px color-mix(in srgb, var(--card-accent) 15%, transparent), 0 20px 44px rgba(0,0,0,.4); }
.career-player-card__face[hidden] { display: none; }
.career-player-card__front { background-image: repeating-linear-gradient(125deg, transparent 0 20px, color-mix(in srgb, var(--card-accent) 10%, transparent) 21px 22px), radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--card-accent) 24%, transparent), transparent 45%), linear-gradient(155deg, color-mix(in srgb, var(--card-accent) 18%, #071126) 0%, #050d20 54%, color-mix(in srgb, var(--card-accent-2) 74%, #030817) 100%); background-size: auto, auto, auto; background-position: 0 0, center, center; background-repeat: repeat, no-repeat, no-repeat; }
.career-player-card__back { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; gap: 8px; padding: 20px 17px 18px; background-color: #061329; background-image: repeating-linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 5%, transparent) 0 2px, transparent 2px 22px); }
.career-player-card__front::before { content: ''; position: absolute; z-index: 7; inset: 8px; border: 1px solid color-mix(in srgb, var(--card-accent) 46%, transparent); border-radius: 17px; pointer-events: none; }
.career-player-card__front::after { content: ''; position: absolute; z-index: 8; top: -38%; left: -75%; width: 76%; height: 150%; background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.10) 50%, transparent 70%); transform: rotate(12deg); pointer-events: none; }
.career-player-card__aura { position: absolute; z-index: 1; inset: 4% 0 8%; overflow: hidden; pointer-events: none; }
.career-player-card__aura[hidden] { display: none; }
.career-player-card__aura img { width: 100%; height: 100%; object-fit: contain; }
.career-player-card__aura::before, .career-player-card__aura::after { content: ''; position: absolute; inset: 9%; border-radius: 50%; opacity: var(--cosmetic-intensity, .8); pointer-events: none; }
.career-card-render--image::before, .career-card-render--image::after { display: none; }
.career-player-card__aura.career-card-preset--energy::before { background: radial-gradient(circle, color-mix(in srgb, var(--cosmetic-primary) 58%, transparent), transparent 67%); filter: blur(8px); animation: careerAuraPulse var(--cosmetic-speed, 1s) ease-in-out infinite alternate; }
.career-player-card__aura.career-card-preset--energy::after { border: 2px solid var(--cosmetic-secondary); box-shadow: 0 0 18px var(--cosmetic-primary), inset 0 0 16px var(--cosmetic-secondary); animation: careerAuraSpin var(--cosmetic-speed, 1s) linear infinite; }
.career-player-card__aura.career-card-preset--flame::before { background: conic-gradient(from 20deg, transparent, var(--cosmetic-primary), transparent, var(--cosmetic-secondary), transparent); filter: blur(13px); animation: careerAuraSpin var(--cosmetic-speed, 1s) linear infinite; }
.career-player-card__aura.career-card-preset--smoke::before { background: radial-gradient(ellipse at 35% 70%, var(--cosmetic-primary), transparent 55%), radial-gradient(ellipse at 65% 35%, var(--cosmetic-secondary), transparent 58%); filter: blur(20px); animation: careerAuraDrift var(--cosmetic-speed, 1s) ease-in-out infinite alternate; }
.career-player-card__aura.career-card-preset--neon::before { border: 5px solid var(--cosmetic-primary); box-shadow: 0 0 18px var(--cosmetic-primary), inset 0 0 25px var(--cosmetic-secondary); filter: blur(2px); animation: careerAuraPulse var(--cosmetic-speed, 1s) ease-in-out infinite alternate; }
.career-player-card__aura.career-card-preset--pulse::before { background: radial-gradient(circle, transparent 34%, var(--cosmetic-primary) 37% 41%, transparent 45%); animation: careerAuraPulse var(--cosmetic-speed, 1s) ease-out infinite alternate; }
.career-player-card__fx { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.career-player-card__overall { position: absolute; z-index: 8; top: 18px; left: 18px; display: grid; justify-items: center; color: #fff; text-shadow: 0 2px 8px #000; }
.career-player-card__overall strong { font-size: clamp(2rem, 9vw, 2.8rem); font-weight: 950; line-height: .88; }
.career-player-card__overall small { margin-top: 5px; color: var(--card-accent); font-size: .65rem; font-weight: 900; letter-spacing: .14em; }
.career-player-card__crest { position: absolute; z-index: 9; top: 16px; right: 16px; display: grid; place-items: center; gap: 2px; width: 62px; min-height: 62px; padding: 6px; border: 1px solid color-mix(in srgb, var(--card-accent) 50%, transparent); border-radius: 14px; color: var(--card-accent); background: rgba(3,9,24,.76); box-shadow: 0 5px 16px rgba(0,0,0,.24); }
.career-player-card__crest-placeholder { width: 26px; height: 30px; border: 2px solid currentColor; border-radius: 8px 8px 13px 13px; clip-path: polygon(50% 0, 100% 17%, 88% 73%, 50% 100%, 12% 73%, 0 17%); font-size: 0; }
.career-player-card__crest small { color: #dbe7f5; font-size: .48rem; font-weight: 900; letter-spacing: .08em; }
.career-player-card__crest img { width: 42px; height: 42px; object-fit: contain; }
.career-player-card__character { position: absolute; z-index: 2; left: 50%; bottom: -2%; width: 132%; transform: translateX(-50%); }
.career-player-card__character .career-character-renderer { max-width: none; border-radius: 0; background: transparent; }
.career-player-card__identity { position: absolute; z-index: 8; right: 13px; bottom: 14px; left: 13px; display: grid; align-content: center; gap: 7px; min-height: 76px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--card-accent) 44%, transparent); border-radius: 14px; background: linear-gradient(100deg, rgba(3,9,24,.96), color-mix(in srgb, var(--card-accent) 12%, rgba(5,13,32,.94))); box-shadow: 0 -9px 28px rgba(0,0,0,.34); }
.career-player-card__name { min-width: 0; color: #fff; font-size: clamp(.82rem, 4.5vw, 1.24rem); font-weight: 950; letter-spacing: clamp(0, .025em, .025em); line-height: 1.06; overflow-wrap: anywhere; text-align: center; text-transform: uppercase; white-space: normal; }
.career-player-card__ego { color: var(--card-accent); font-size: .94rem; font-weight: 900; letter-spacing: .04em; text-align: center; }
.career-player-card__ego small { color: #dbe7f5; font-size: .65rem; letter-spacing: .12em; }
.career-player-card__frame { position: absolute; z-index: 6; inset: 0; pointer-events: none; }
.career-player-card__frame[hidden] { display: none; }
.career-player-card__frame img { width: 100%; height: 100%; object-fit: fill; }
.career-player-card__frame.career-card-render--css, .career-player-card__frame.career-card-render--hybrid { border: 4px solid var(--cosmetic-primary); border-radius: 22px; box-shadow: inset 0 0 22px var(--cosmetic-secondary), 0 0 13px color-mix(in srgb, var(--cosmetic-primary) 75%, transparent); opacity: var(--cosmetic-intensity, .8); }
.career-player-card__frame.career-card-preset--minimal { border-width: 2px; box-shadow: inset 0 0 8px color-mix(in srgb, var(--cosmetic-primary) 45%, transparent); }
.career-player-card__frame.career-card-preset--metallic { border-color: color-mix(in srgb, var(--cosmetic-primary) 65%, #d8dde0); box-shadow: inset 0 0 0 2px var(--cosmetic-secondary), inset 0 0 18px rgba(255,255,255,.25); }
.career-player-card__frame.career-card-preset--gold { border-color: #f4cf63; box-shadow: inset 0 0 0 2px #7e5510, inset 0 0 18px #e5b83d, 0 0 10px rgba(244,207,99,.6); }
.career-player-card__frame.career-card-preset--crystal { border-color: color-mix(in srgb, var(--cosmetic-primary) 55%, white); box-shadow: inset 0 0 16px var(--cosmetic-secondary), 0 0 12px rgba(255,255,255,.5); }
.career-player-card__frame.career-card-preset--neon, .career-player-card__frame.career-card-preset--energy { animation: careerFramePulse var(--cosmetic-speed, 1s) ease-in-out infinite alternate; }
@keyframes careerAuraPulse { from { opacity: calc(var(--cosmetic-intensity, .8) * .55); transform: scale(.94); } to { opacity: var(--cosmetic-intensity, .8); transform: scale(1.04); } }
@keyframes careerAuraSpin { to { transform: rotate(360deg); } }
@keyframes careerAuraDrift { from { transform: translate(-3%, 2%) scale(.95); } to { transform: translate(4%, -3%) scale(1.06); } }
@keyframes careerFramePulse { from { filter: brightness(.86); } to { filter: brightness(1.24); } }
.career-player-card__back-heading { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 9px; padding-bottom: 9px; border-bottom: 1px solid color-mix(in srgb, var(--card-accent) 42%, transparent); }
.career-player-card__back-name { min-width: 0; font-size: clamp(.74rem, 3.6vw, 1rem); line-height: 1.05; overflow-wrap: anywhere; text-transform: uppercase; }
.career-player-card__back-heading > span { display: grid; justify-items: center; color: var(--card-accent); }
.career-player-card__back-heading b { font-size: 1.55rem; line-height: .9; }
.career-player-card__back-heading small { font-size: .52rem; font-weight: 900; letter-spacing: .1em; }
.career-player-card__stats { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: center; gap: 6px; }
.career-player-card__stats p { position: relative; display: grid; justify-items: center; gap: 1px; min-width: 0; margin: 0; padding: 6px 3px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(0,0,0,.2); }
.career-player-card__stats small { color: #b9c7d9; font-size: .49rem; font-weight: 800; letter-spacing: .035em; white-space: nowrap; }
.career-player-card__stats strong { color: #fff; font-size: .9rem; }
.career-player-card__stats .career-player-card__back-ego { color: var(--card-accent); }
.career-player-card__stats .career-player-card__back-ego strong { color: var(--card-accent); }
.career-player-card__back-trophies[data-card-tooltip-trigger] { cursor: help; }
.career-player-card__back-trophies[data-card-tooltip-trigger]:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.career-player-card__back-trophies .career-player-card__tooltip { right: 0; }
.career-player-card__back-trophies .career-player-card__tooltip > span { display: block; white-space: nowrap; }
.career-player-card__back-summary { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.career-player-card__back-summary div { display: grid; justify-items: center; gap: 1px; padding: 6px 3px; border: 1px solid color-mix(in srgb, var(--card-accent) 30%, transparent); border-radius: 8px; background: rgba(0,0,0,.24); }
.career-player-card__back-summary small { color: #aebed2; font-size: .48rem; font-weight: 800; letter-spacing: .05em; }
.career-player-card__back-summary strong { color: var(--card-accent); font-size: .86rem; }
.career-player-card__modules { position: relative; z-index: 9; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.career-player-card__modules > div { position: relative; display: grid; justify-items: center; gap: 2px; min-height: 58px; padding: 7px 3px; border: 1px dashed color-mix(in srgb, var(--card-accent) 36%, transparent); border-radius: 8px; background: rgba(0,0,0,.2); }
.career-player-card__modules > div[data-card-tooltip-trigger], .career-player-card__crest[data-card-tooltip-trigger] { cursor: help; }
.career-player-card__modules > div[data-card-tooltip-trigger]:focus-visible, .career-player-card__crest[data-card-tooltip-trigger]:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.career-player-card__modules small { color: #aebed2; font-size: .47rem; font-weight: 800; letter-spacing: .025em; }
.career-player-card__modules img { width: 28px; height: 28px; object-fit: contain; }
.career-player-card__modules strong { max-width: 100%; color: var(--card-accent); font-size: .72rem; line-height: 1.05; overflow-wrap: anywhere; text-align: center; }
.career-player-card__tooltip { position: absolute; z-index: 20; right: 0; bottom: calc(100% + 8px); width: max-content; max-width: 150px; padding: 6px 9px; border: 1px solid color-mix(in srgb, var(--card-accent) 42%, transparent); border-radius: 7px; color: #fff; background: rgba(3,9,24,.97); box-shadow: 0 8px 20px rgba(0,0,0,.48); font-size: .67rem; font-weight: 800; line-height: 1.2; opacity: 0; overflow-wrap: anywhere; pointer-events: none; text-align: center; transform: translateY(3px); transition: opacity .14s ease, transform .14s ease, visibility .14s; visibility: hidden; }
.career-player-card__tooltip::after { content: ''; position: absolute; top: 100%; right: 18px; border: 5px solid transparent; border-top-color: color-mix(in srgb, var(--card-accent) 42%, #050d20); }
.career-player-card__crest .career-player-card__tooltip { top: calc(100% + 8px); right: 0; bottom: auto; }
.career-player-card__crest .career-player-card__tooltip::after { top: auto; right: 18px; bottom: 100%; border-top-color: transparent; border-bottom-color: color-mix(in srgb, var(--card-accent) 42%, #050d20); }
[data-card-tooltip-trigger]:hover > .career-player-card__tooltip, [data-card-tooltip-trigger]:focus > .career-player-card__tooltip, [data-card-tooltip-trigger].is-tooltip-open > .career-player-card__tooltip { opacity: 1; transform: translateY(0); visibility: visible; }
@media (hover: hover) and (pointer: fine) { .career-player-card:not(.is-flipped):hover .career-player-card__front { box-shadow: inset 0 0 0 4px rgba(0,0,0,.46), inset 0 0 32px color-mix(in srgb, var(--card-accent) 15%, transparent), 0 24px 50px rgba(0,0,0,.5); } }
@media (prefers-reduced-motion: reduce) { .career-player-card__tooltip { transition-duration: .01ms; } .career-player-card__aura::before, .career-player-card__aura::after, .career-player-card__frame { animation: none !important; } }
.career-character-renderer { position: relative; width: 100%; max-width: 420px; aspect-ratio: 1 / 1; overflow: hidden; isolation: isolate; border-radius: 12px; background: radial-gradient(circle at 50% 42%, var(--career-accent-soft, rgba(22,139,255,.17)), rgba(3,9,24,.72) 68%); }
.career-character-layer { position: absolute; inset: 0; z-index: var(--career-layer-z); display: block; pointer-events: none; }
.career-character-layer img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; user-select: none; }
.career-character-empty { position: absolute; inset: 0; display: grid; place-items: center; color: var(--career-muted); font-size: 12px; }
.career-character-empty[hidden] { display: none; }
.career-collection-preview { position: relative; display: grid; place-items: center; height: 130px; overflow: hidden; border-radius: 8px; background: #050d20; color: var(--career-muted); font-size: 11px; }
.career-collection-preview img, .career-collection-preview canvas { width: 100%; height: 100%; object-fit: contain; }
.career-asset-quantity { position: absolute; z-index: 2; top: 6px; right: 6px; min-width: 25px; height: 25px; padding: 0 7px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 999px; background: #f0b429; color: #17120a; font-size: .72rem; font-weight: 900; line-height: 1; box-shadow: 0 3px 10px rgba(0,0,0,.45); }
.career-lab-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.career-lab-heading h2 { margin: 8px 0 2px; }
.career-lab-heading p { margin: 0; }
.career-lab-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 9px; }
.career-lab-controls label, .career-lab-sliders label, .career-lab-color-picker { display: grid; gap: 5px; color: var(--career-muted); font-size: 12px; }
.career-lab-controls input, .career-lab-controls select { width: 100%; min-width: 0; border: 1px solid var(--career-border); border-radius: 8px; padding: 8px; background: #07110c; color: #fff; }
.career-lab-color-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: 14px; }
.career-lab-presets { display: flex; flex-wrap: wrap; gap: 6px; }
.career-lab-preset { cursor: pointer; display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--career-border); border-radius: 999px; padding: 5px 8px; background: #0a1810; color: #fff; font-size: 11px; }
.career-lab-preset i { width: 13px; height: 13px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: var(--preset-color); }
.career-lab-preset.is-selected { border-color: var(--career-accent); }
.career-lab-color-picker { grid-template-columns: auto 42px auto; align-items: center; white-space: nowrap; }
.career-lab-color-picker input { width: 42px; height: 32px; padding: 2px; border: 1px solid var(--career-border); border-radius: 6px; background: #07110c; }
.career-lab-color-picker output { color: #fff; font-family: monospace; }
.career-lab-sliders { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 14px 0; }
.career-lab-sliders label { grid-template-columns: 1fr auto; }
.career-lab-sliders input { grid-column: 1 / -1; width: 100%; accent-color: var(--career-accent); }
.career-lab-previews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.career-lab-previews[data-comparison="original"] [data-lab-recolored-panel], .career-lab-previews[data-comparison="recolored"] [data-lab-original-panel] { display: none; }
.career-lab-previews[data-comparison="original"], .career-lab-previews[data-comparison="recolored"] { grid-template-columns: minmax(0, 1fr); }
.career-lab-previews figure { min-width: 0; margin: 0; }
.career-lab-previews figcaption { margin-bottom: 6px; color: var(--career-accent); font-weight: 700; }
.career-lab-canvas-wrap { position: relative; display: grid; place-items: center; min-height: 340px; overflow: auto; border: 1px solid var(--career-border); border-radius: 10px; background-color: #b9b9b9; background-image: linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%); background-size: 24px 24px; background-position: 0 0,0 12px,12px -12px,-12px 0; }
.career-lab-previews.is-light .career-lab-canvas-wrap { background: #f5f5f5; }
.career-lab-previews.is-dark .career-lab-canvas-wrap { background: #171717; }
.career-lab-canvas-wrap canvas { display: block; width: auto; height: auto; max-width: 100%; max-height: 560px; image-rendering: auto; }
.career-lab-canvas-wrap span { position: absolute; color: #555; font-size: 12px; pointer-events: none; }
.career-lab-canvas-wrap.has-image span { display: none; }
.career-card-style-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); align-items: start; gap: 20px; }
.career-card-style-preview { display: grid; place-items: center; min-width: 0; padding: 14px; border: 1px solid var(--career-border); border-radius: 14px; background: radial-gradient(circle, color-mix(in srgb, var(--career-accent) 22%, #071126), #050d20 70%); }
.career-card-style-preview .career-player-card { width: min(300px, 100%); }
@media (max-width: 700px) { .career-header { align-items: flex-start; flex-direction: column; } .career-table { display: block; overflow-x: auto; } }
@media (max-width: 700px) { .career-names-heading, .career-lab-heading, .career-lab-color-row, .career-inventory-heading, .career-asset-library-heading { align-items: stretch; flex-direction: column; } .career-name-add, .career-lab-previews, .career-lab-sliders, .career-inventory-grid, .career-asset-filters, .career-card-style-layout { grid-template-columns: 1fr; } .career-name-columns { grid-template-columns: 1fr; } .career-name-list { height: 220px; } .career-match-row { grid-template-columns: 1fr auto; } .career-ego-highlights { grid-template-columns: 1fr; } .career-lab-canvas-wrap { min-height: 260px; } }

.career-ranking-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.career-ranking-heading h2 { margin-bottom: 4px; }
.career-ranking-heading a, .career-ranking-tabs a, .career-pagination a { color: #6ee7b7; font-weight: 800; text-decoration: none; }
.career-top-list, .career-ranking-list { display: grid; gap: 8px; margin-top: 18px; }
.career-top-list > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(100px, .5fr) auto; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid #26372f; border-radius: 12px; background: #101713; }
.career-top-list span { color: #8d9b93; font-size: .82rem; }
.career-top-list b { color: #6ee7b7; }
.career-ranking-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.career-ranking-tabs a { padding: 12px 18px; border: 1px solid #2d3b34; border-radius: 12px; color: #8d9b93; background: #111714; }
.career-ranking-tabs a.is-active { color: #07110c; background: #6ee7b7; border-color: #6ee7b7; }
.career-ranking-row { display: grid; grid-template-columns: 92px minmax(160px, .7fr) minmax(220px, 1fr); align-items: center; gap: 16px; padding: 14px; border: 1px solid #26372f; border-radius: 14px; background: #101713; }
.career-ranking-row.is-top-three { border-color: #4b654f; background: linear-gradient(110deg, #152019, #101713); padding-block: 17px; }
.career-ranking-position { font-size: 1.05rem; font-weight: 900; }
.career-ranking-identity, .career-ranking-stats { display: flex; flex-direction: column; gap: 3px; }
.career-ranking-identity span, .career-ranking-stats span { color: #8d9b93; font-size: .82rem; }
.career-pagination { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px; color: #8d9b93; }
.career-user-position { border-color: #4b654f; }
.career-ego-highlights small { color: #8d9b93; font-size: .72rem; margin-top: 4px; }
.career-ranking-search form { display: grid; gap: 8px; }
.career-ranking-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.career-ranking-search-row input { min-width: 0; padding: 11px 12px; border: 1px solid #2d3b34; border-radius: 10px; background: #07110c; color: #fff; }
.career-search-result { margin-top: 20px; padding-top: 18px; border-top: 1px solid #26372f; }
.career-search-result h2 { margin-bottom: 12px; }

@media (max-width: 700px) {
    .career-player-card { width: min(310px, 100%); }
    .career-character-renderer { margin: 0 auto; max-width: min(100%, 360px); }
    .career-ranking-heading { align-items: flex-start; flex-direction: column; }
    .career-top-list > div { grid-template-columns: 1fr auto; }
    .career-top-list > div span { grid-row: 2; }
    .career-ranking-row { grid-template-columns: 70px 1fr; }
    .career-ranking-stats { grid-column: 2; }
    .career-ranking-search-row { grid-template-columns: 1fr; }
}
.career-watch-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0; }
.career-watch-metrics article { display:grid;gap:4px;padding:12px;border:1px solid var(--career-border);border-radius:10px;background:rgba(5,18,33,.72); }
.career-watch-metrics small { color:var(--career-muted);font-size:.7rem;letter-spacing:.1em; }
.career-watch-pool { display:grid;gap:8px;margin:14px 0; }
.career-watch-pool-head,.career-watch-pool-row { display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,.6fr) minmax(110px,.7fr) minmax(90px,.5fr) auto;gap:10px;align-items:end; }
.career-watch-pool-head { padding:0 10px;color:var(--career-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em; }
.career-watch-pool-row { padding:10px;border:1px solid var(--career-border);border-radius:10px;background:rgba(6,20,37,.72); }
.career-watch-pool-row label { margin:0; }
.career-watch-pool-row output { align-self:center;font-weight:800;color:var(--career-cyan); }
.career-watch-pool-row .career-reward-warning { grid-column:1/-1; }
.career-watch-tools { display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:12px;margin-top:18px; }
.career-watch-tools > form { padding:14px;border:1px solid var(--career-border);border-radius:12px;background:rgba(5,18,33,.6); }
.career-watch-tools h3 { margin-top:0; }
@media (max-width:800px) {
    .career-watch-metrics,.career-watch-tools { grid-template-columns:1fr; }
    .career-watch-pool-head { display:none; }
    .career-watch-pool-row { grid-template-columns:1fr 1fr;align-items:end; }
    .career-watch-pool-row > :first-child { grid-column:1/-1; }
}

/* MARCO 2 — Admin Career V2 */
.career-admin-body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 78% 0, rgba(0, 132, 255, .13), transparent 34%), #030712; }
.career-admin-v2 { --admin-blue: #168cff; --admin-cyan: #4de7ff; --admin-panel: rgba(7, 17, 37, .94); display: grid; grid-template-columns: 232px minmax(0, 1fr); min-height: 100vh; color: #f7fbff; }
.career-admin-sidebar { position: sticky; top: 0; z-index: 50; display: flex; flex-direction: column; height: 100vh; padding: 22px 14px; border-right: 1px solid rgba(77, 231, 255, .16); background: rgba(2, 7, 18, .97); box-shadow: 12px 0 40px rgba(0, 0, 0, .26); }
.career-admin-brand { display: grid; gap: 2px; margin: 0 8px 24px; color: #fff; text-decoration: none; letter-spacing: .08em; }
.career-admin-brand span { color: var(--admin-cyan); font-size: .68rem; font-weight: 900; }
.career-admin-brand strong { font-size: .95rem; }
.career-admin-sidebar nav { display: grid; gap: 5px; }
.career-admin-sidebar nav a { display: flex; align-items: center; gap: 11px; min-height: 42px; padding: 9px 12px; border: 1px solid transparent; border-radius: 10px; color: #8ea5c4; font-size: .84rem; font-weight: 800; text-decoration: none; transition: .16s ease; }
.career-admin-sidebar nav a > span { width: 20px; color: #5d789e; text-align: center; }
.career-admin-sidebar nav a:hover, .career-admin-sidebar nav a:focus-visible { color: #fff; background: rgba(22, 140, 255, .1); outline: none; }
.career-admin-sidebar nav a.is-active { border-color: rgba(77, 231, 255, .3); color: #fff; background: linear-gradient(90deg, rgba(22, 140, 255, .3), rgba(22, 140, 255, .08)); box-shadow: inset 3px 0 var(--admin-cyan), 0 0 24px rgba(22, 140, 255, .12); }
.career-admin-sidebar nav a.is-active > span { color: var(--admin-cyan); }
.career-admin-sidebar-links { display: grid; gap: 8px; margin-top: auto; padding: 16px 9px 0; border-top: 1px solid rgba(255,255,255,.07); }
.career-admin-sidebar-links a { color: #7187a5; font-size: .74rem; text-decoration: none; }
.career-admin-workspace { min-width: 0; width: 100%; max-width: 1600px; padding: 24px clamp(18px, 3vw, 46px) 60px; }
.career-admin-topbar, .career-admin-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.career-admin-topbar { padding-bottom: 18px; border-bottom: 1px solid rgba(77, 231, 255, .14); }
.career-admin-topbar h1, .career-admin-page-heading h2 { margin: 6px 0 2px; letter-spacing: -.02em; }
.career-admin-topbar h1 { font-size: clamp(1.55rem, 3vw, 2.2rem); }
.career-admin-page-heading h2 { font-size: 1.7rem; }
.career-admin-topbar p, .career-admin-page-heading p { margin: 0; }
.career-eyebrow { color: var(--admin-cyan); font-size: .67rem; font-weight: 900; letter-spacing: .16em; }
.career-admin-v2 .career-panel { border-color: rgba(83, 135, 200, .22); background: linear-gradient(145deg, rgba(10, 23, 49, .96), rgba(4, 12, 29, .96)); box-shadow: 0 14px 38px rgba(0, 0, 0, .2); }
.career-admin-v2 .career-button.ghost { border: 1px solid transparent; color: #9fb7d7; background: transparent; box-shadow: none; }
.career-admin-v2 .career-button.ghost:hover { border-color: rgba(77, 231, 255, .25); color: #fff; background: rgba(22, 140, 255, .08); }
.career-admin-v2 .career-form input, .career-admin-v2 .career-form select, .career-admin-v2 .career-form textarea { border-color: rgba(83, 135, 200, .3); color: #fff; background: #061027; }
.career-admin-v2 input:focus-visible, .career-admin-v2 select:focus-visible, .career-admin-v2 textarea:focus-visible, .career-admin-v2 button:focus-visible, .career-admin-v2 summary:focus-visible, .career-admin-v2 a:focus-visible { outline: 2px solid var(--admin-cyan); outline-offset: 2px; }
.career-admin-v2 .career-table th { color: #88a5c9; background: rgba(22, 140, 255, .08); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.career-admin-v2 .career-table td { border-color: rgba(83, 135, 200, .16); }
.career-admin-v2 .career-panel + .career-panel { margin-top: 16px; }
.career-admin-v2 .career-admin-section-toggle { display: none; }
.career-admin-v2 .career-admin-section-body { padding: 0; }
.career-admin-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-bottom: 16px; }
.career-admin-metrics article { display: grid; gap: 7px; min-height: 118px; padding: 17px; border: 1px solid rgba(77, 231, 255, .15); border-radius: 14px; background: linear-gradient(145deg, rgba(13, 32, 67, .92), rgba(5, 14, 34, .92)); }
.career-admin-metrics span, .career-admin-metrics small { color: #839ab8; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.career-admin-metrics strong { overflow-wrap: anywhere; color: #fff; font-size: clamp(1.35rem, 2.2vw, 2rem); }
.career-admin-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.career-admin-overview-grid .career-panel { margin-top: 0 !important; }
.career-admin-status-list { display: grid; gap: 0; margin: 0; }
.career-admin-status-list div { display: flex; justify-content: space-between; gap: 18px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.career-admin-status-list dd { margin: 0; font-weight: 800; text-align: right; }
.career-admin-v2 .is-ok { color: #64f4b1; }
.career-admin-v2 .is-warning { color: #ffc86a; }
.career-admin-alerts { display: grid; gap: 8px; }
.career-admin-alerts p { margin: 0; padding: 10px 12px; border-left: 3px solid #ffc15a; border-radius: 8px; color: #ffdca0; background: rgba(255, 177, 51, .08); }
.career-admin-alerts p.is-ok { border-color: #52dda0; color: #74f5ba; background: rgba(50, 210, 142, .08); }
.career-admin-season-reward-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 9px; }
.career-admin-season-reward-summary article { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; padding: 11px; border: 1px solid rgba(83, 135, 200, .18); border-radius: 10px; background: rgba(5, 14, 34, .62); }
.career-admin-season-reward-summary small { grid-column: 1 / -1; color: #879ebb; }
.career-admin-quick-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.career-admin-quick-actions a, .career-admin-subnav a { padding: 9px 12px; border: 1px solid rgba(77, 231, 255, .2); border-radius: 9px; color: #b8d4f7; background: rgba(22, 140, 255, .08); font-size: .75rem; font-weight: 900; text-decoration: none; }
.career-admin-quick-actions a:hover, .career-admin-quick-actions a:focus-visible, .career-admin-subnav a:hover, .career-admin-subnav a:focus-visible { border-color: var(--admin-cyan); color: #fff; outline: none; }
.career-admin-subnav { display: flex; gap: 7px; margin: 0 0 18px; padding: 5px; overflow-x: auto; border: 1px solid rgba(77, 231, 255, .14); border-radius: 12px; background: rgba(4, 12, 28, .78); }
.career-admin-subnav a { white-space: nowrap; border-color: transparent; background: transparent; }
.career-admin-subnav a.is-active { border-color: rgba(77, 231, 255, .32); color: #fff; background: rgba(22, 140, 255, .23); }
.career-admin-player-filters { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr)); gap: 10px; margin-bottom: 12px; }
.career-admin-player-filters label { display: grid; gap: 6px; color: #8fa5c2; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.career-admin-player-filters input, .career-admin-player-filters select { min-width: 0; border: 1px solid rgba(83, 135, 200, .3); border-radius: 9px; padding: 10px; color: #fff; background: #061027; }
.career-admin-table-wrap { width: 100%; overflow: auto; }
.career-admin-player-table { min-width: 880px; }
.career-admin-status-chip { display: inline-flex; padding: 4px 7px; border-radius: 999px; color: #ffb7bd; background: rgba(245, 77, 92, .12); font-size: .66rem; font-weight: 900; }
.career-admin-status-chip.is-active { color: #68efb0; background: rgba(48, 211, 141, .12); }
.career-admin-v2 .career-pack-definition-list, .career-admin-v2 .career-profile-catalog-list { display: grid; gap: 7px; }
.career-admin-v2 .career-pack-editor, .career-admin-v2 .career-profile-catalog-item, .career-admin-v2 .career-asset-create { padding: 0 12px; border: 1px solid rgba(83, 135, 200, .2); border-radius: 10px; background: rgba(5, 14, 34, .66); }
.career-admin-v2 details[open] { padding-bottom: 14px; }
.career-admin-mobile-toggle { display: none; }

@media (max-width: 980px) {
    .career-admin-v2 { grid-template-columns: 1fr; }
    .career-admin-mobile-toggle { position: sticky; top: 0; z-index: 70; display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 16px; border: 0; border-bottom: 1px solid rgba(77,231,255,.2); color: #fff; background: rgba(2, 7, 18, .97); font-weight: 900; }
    .career-admin-sidebar { position: fixed; inset: 45px auto 0 0; z-index: 65; width: min(280px, 86vw); height: calc(100dvh - 45px); transform: translateX(-105%); transition: transform .2s ease; }
    .career-admin-sidebar.is-open { transform: translateX(0); }
    .career-admin-workspace { padding: 18px 14px 44px; }
    .career-admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .career-admin-topbar, .career-admin-page-heading { align-items: flex-start; flex-direction: column; }
    .career-admin-overview-grid, .career-admin-player-filters { grid-template-columns: 1fr; }
    .career-admin-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }
    .career-admin-metrics article { min-height: 102px; padding: 13px; }
    .career-admin-v2 .career-panel { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) { .career-admin-sidebar { transition: none; } }

.career-pack-heading { display: flex; justify-content: space-between; gap: 14px; }
.career-pack-editor { margin-top: 14px; padding: 14px; border: 1px solid var(--career-border); border-radius: 12px; background: #0d1510; }
.career-pack-editor summary { cursor: pointer; color: var(--career-accent); }
.career-pack-editor form { margin-top: 14px; }
.career-loot-editor { display: grid; gap: 8px; }
.career-loot-list { display: grid; gap: 8px; max-height: 430px; overflow: auto; padding-right: 3px; }
.career-loot-row { display: grid; grid-template-columns: 22px minmax(230px, 1fr) 170px minmax(250px, 290px) 78px 38px; gap: 10px; align-items: end; padding: 10px; border: 1px solid #26372f; border-radius: 10px; background: #0a120d; }
.career-loot-row-select { align-self: center; width: 16px; height: 16px; accent-color: var(--career-accent); }
.career-loot-row > label { display: grid; gap: 4px; color: var(--career-muted); font-size: 11px; }
.career-loot-row input[type="number"] { width: 100%; min-width: 0; box-sizing: border-box; }
.career-loot-item { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 42px; }
.career-loot-item > span:last-child { display: grid; gap: 2px; min-width: 0; }
.career-loot-item strong, .career-loot-item small, .career-loot-item code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.career-loot-item small { color: var(--career-muted); font-size: 11px; }
.career-loot-item code, .career-loot-picker-option code { color: #8d9b93; font-size: 10px; }
.career-loot-icon { font-size: 22px; line-height: 1; }
.career-loot-thumb { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 7px; object-fit: contain; background: #07110c; }
.career-loot-quantity { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 5px; min-width: 0; margin: 0; padding: 0; border: 0; }
.career-loot-quantity legend { grid-column: 1 / -1; padding: 0; color: var(--career-muted); font-size: 11px; }
.career-loot-quantity label { display: grid; gap: 4px; color: var(--career-muted); font-size: 11px; }
.career-loot-quantity > span { padding-bottom: 10px; color: var(--career-muted); }
.career-loot-active { align-self: center; white-space: nowrap; }
.career-loot-remove { align-self: center; width: 34px; height: 34px; border: 1px solid #5d3636; border-radius: 8px; background: #241313; color: #ffb4b4; cursor: pointer; }
.career-loot-picker { position: fixed; inset: 0; z-index: 110; display: grid; place-items: center; padding: 18px; background: rgba(0,0,0,.78); }
.career-loot-picker[hidden] { display: none; }
.career-loot-picker-card { width: min(720px, 100%); max-height: min(720px, 90vh); overflow: hidden; padding: 18px; border: 1px solid #4b654f; border-radius: 16px; background: #101713; box-shadow: 0 22px 80px #000; }
.career-loot-picker-heading { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.career-loot-picker-heading h2 { margin: 0 0 3px; }
.career-loot-picker-heading button { border: 0; background: transparent; color: #fff; font-size: 26px; cursor: pointer; }
.career-loot-picker-filters { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, minmax(120px, .45fr)); gap: 8px; margin: 16px 0 8px; }
.career-loot-picker-filters label { display: grid; gap: 4px; color: var(--career-muted); font-size: 11px; }
.career-loot-picker-filters input, .career-loot-picker-filters select { width: 100%; min-width: 0; box-sizing: border-box; padding: 9px; border: 1px solid var(--career-border); border-radius: 8px; background: #07110c; color: #fff; }
.career-loot-result-count { margin: 8px 0; color: var(--career-muted); font-size: 12px; }
.career-loot-picker-results { display: grid; gap: 6px; max-height: 430px; overflow: auto; }
.career-loot-picker-option { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px; border: 1px solid #26372f; border-radius: 9px; background: #0a120d; color: #fff; text-align: left; cursor: pointer; }
.career-loot-picker-option:hover, .career-loot-picker-option:focus { border-color: var(--career-accent); background: #132219; }
.career-loot-picker-option > span:last-child { display: grid; gap: 2px; }
.career-loot-picker-option small { color: var(--career-muted); }
.career-loot-picker-option > input { width: 17px; height: 17px; flex: 0 0 17px; accent-color: var(--career-accent); }
.career-loot-picker-actions, .career-loot-list-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.career-loot-picker-actions .career-button, .career-loot-list-tools .career-button { padding: 7px 9px; font-size: 10px; }
.career-loot-list-tools input, .career-loot-list-tools select { min-width: 150px; padding: 8px; border: 1px solid var(--career-border); border-radius: 8px; background: #07110c; color: #fff; }
.career-loot-list-tools input { flex: 1; }
.career-loot-list-tools span { color: var(--career-muted); font-size: 11px; }
.career-loot-pool-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--career-border); border-radius: 11px; background: rgba(255,255,255,.025); }
.career-loot-pool-summary > span { padding: 6px 9px; border-radius: 999px; color: var(--career-muted); background: rgba(255,255,255,.045); font-size: 11px; }
.career-loot-pool-summary > span strong { color: #fff; }
.career-loot-pool-summary .career-button { margin-left: auto; padding: 7px 10px; font-size: 10px; }
.career-loot-pool-status { width: fit-content; margin-top: 3px; padding: 3px 6px; border-radius: 999px; font-size: 9px; letter-spacing: .06em; }
.career-loot-pool-status.is-existing { color: #9cc9b2; background: rgba(116,175,140,.13); }
.career-loot-pool-status.is-new { color: #72f7ad; background: rgba(45,220,121,.15); }
.career-loot-missing-breakdown { display: flex; flex-wrap: wrap; gap: 7px; }
.career-loot-missing-breakdown p { margin: 0; padding: 7px 10px; border-radius: 999px; color: #d8f9e5; background: rgba(45,220,121,.1); font-size: 12px; font-weight: 800; }
.career-loot-add-selected { width: 100%; margin-top: 10px; }
.career-hair-colors { padding: 10px; border: 1px solid #26372f; border-radius: 10px; background: #07110c; }
.career-hair-colors[hidden] { display: none; }
.career-hair-colors > p { margin: 3px 0 9px; font-size: 11px; }
.career-hair-color-grid { display: grid; gap: 5px; max-height: 330px; overflow: auto; }
.career-hair-color-row { display: grid; grid-template-columns: minmax(120px, 1fr) 130px 80px; gap: 8px; align-items: end; padding: 6px; border-radius: 7px; background: #0d1710; }
.career-hair-color-row i { width: 14px; height: 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: var(--hair-color); }
.career-pack-definition-list { display: grid; gap: 8px; margin-bottom: 22px; }
.career-pack-grid { display: grid; grid-template-columns: repeat(auto-fill, 260px); justify-content: start; align-items: start; gap: 14px; margin-top: 16px; }
.career-pack-card { position: relative; display: grid; grid-template-rows: 190px auto auto minmax(0, 1fr) auto auto; gap: 8px; width: 260px; max-width: 100%; height: 400px; overflow: hidden; padding: 13px; border: 1px solid var(--career-border); border-radius: 14px; background: linear-gradient(155deg, #0b1e48, #050b1d 72%); box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.career-pack-card.rarity-rare { border-color: #38bdf8; }
.career-pack-card.rarity-special { border-color: #f59e0b; }
.career-pack-cover { display: flex; align-items: center; justify-content: center; width: 100%; height: 190px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: radial-gradient(circle, var(--career-accent-soft), transparent 66%), repeating-linear-gradient(125deg, transparent 0 20px, rgba(255,255,255,.025) 21px 23px), #050d20; }
.career-pack-cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(0,0,0,.4)); }
.career-pack-cover > span { color: var(--career-accent); font-size: 2.6rem; line-height: 1; text-shadow: 0 0 22px color-mix(in srgb, var(--career-accent) 65%, transparent); }
.career-pack-cover > small { color: var(--career-muted); font-weight: 900; letter-spacing: .2em; }
.career-pack-card h3, .career-pack-card p { margin: 0; }
.career-pack-card h3 { font-size: 1rem; line-height: 1.15; }
.career-pack-card > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--career-muted); font-size: .73rem; }
.career-pack-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--career-muted); font-size: .75rem; }
.career-pack-card__meta strong { color: #fff; font-size: .78rem; white-space: nowrap; }
.career-pack-card > .career-button { width: 100%; padding-block: 9px; }
.career-pack-opening-active { overflow: hidden; }
.career-pack-modal { --pack-burst: #168bff; position: fixed; inset: 0; z-index: 100; display: block; padding: 0; overflow: hidden; background: radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--pack-burst) 15%, transparent), transparent 38%), rgba(1,5,18,.97); backdrop-filter: blur(10px); }
.career-pack-modal[hidden] { display: none; }
.career-pack-modal[data-pack-rarity="rare"] { --pack-burst: #38bdf8; }
.career-pack-modal[data-pack-rarity="epic"] { --pack-burst: #b05cff; }
.career-pack-modal[data-pack-rarity="legendary"] { --pack-burst: #f7b731; }
.career-pack-modal[data-pack-rarity="special"] { --pack-burst: #ff648c; }
.career-pack-modal-card { position: relative; width: 100%; height: 100vh; height: 100dvh; overflow: hidden; padding: clamp(18px, 3vw, 34px); border: 0; border-radius: 0; background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--pack-burst) 14%, transparent), transparent 38%), repeating-linear-gradient(128deg, transparent 0 44px, rgba(255,255,255,.018) 45px 47px), #040a1b; box-shadow: inset 0 1px rgba(255,255,255,.06); transition: background .3s ease; }
.career-pack-opening-actions { position: absolute; z-index: 10; top: 15px; right: 15px; display: flex; align-items: center; gap: 8px; }
.career-pack-opening-actions button { border: 1px solid rgba(255,255,255,.13); border-radius: 8px; padding: 7px 9px; color: #dce9ff; background: rgba(3,10,30,.82); cursor: pointer; font-size: .62rem; font-weight: 850; letter-spacing: .05em; }
.career-pack-opening-actions button:disabled { cursor: wait; opacity: .45; }
.career-pack-opening-actions button:last-child { width: 34px; height: 34px; padding: 0; font-size: 1.35rem; }
.career-pack-opening-stage { position: relative; z-index: 3; display: grid; place-items: center; align-content: center; gap: 13px; width: 100%; height: 100%; min-height: 0; text-align: center; }
.career-pack-opening-stage h2, .career-pack-opening-stage p { margin: 0; }
.career-pack-opening-cover { display: flex; align-items: center; justify-content: center; width: min(220px, 58vw); height: min(310px, 46vh); overflow: hidden; padding: 0; border: 1px solid var(--pack-burst); border-radius: 22px; color: inherit; background: radial-gradient(circle, color-mix(in srgb, var(--pack-burst) 28%, transparent), transparent 62%), repeating-linear-gradient(130deg, transparent 0 28px, rgba(255,255,255,.04) 29px 31px), #050d26; box-shadow: 0 0 38px color-mix(in srgb, var(--pack-burst) 24%, transparent); cursor: pointer; animation: career-pack-float 2.2s ease-in-out infinite; transform-origin: center; }
.career-pack-opening-cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 16px 22px rgba(0,0,0,.48)); }
.career-pack-opening-cover span { color: var(--pack-burst); font-size: 6rem; }
.career-pack-opening-error { max-width: 520px; padding: 9px 12px; border: 1px solid rgba(255,100,120,.42); border-radius: 9px; color: #ffb3c1; background: rgba(92,12,31,.35); }
.career-pack-modal[data-pack-state="REQUESTING"] .career-pack-opening-cover { cursor: wait; animation: career-pack-requesting .7s ease-in-out infinite alternate; }
.career-pack-modal[data-pack-state="CHARGING"] .career-pack-opening-cover { animation: career-pack-charge .9s cubic-bezier(.2,.7,.2,1) both; }
.career-pack-modal[data-pack-state="BURST"] .career-pack-opening-cover { animation: career-pack-break .38s ease-in both; }
.career-pack-opening-effects { position: absolute; z-index: 2; inset: 50%; pointer-events: none; }
.career-pack-opening-effects::before { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: var(--pack-burst); opacity: 0; transform: translate(-50%,-50%) scale(.2); }
.career-pack-opening-effects i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--pack-burst); opacity: 0; }
.career-pack-opening-effects i:nth-child(1) { --burst-x: -150px; --burst-y: -95px; }
.career-pack-opening-effects i:nth-child(2) { --burst-x: 145px; --burst-y: -110px; }
.career-pack-opening-effects i:nth-child(3) { --burst-x: -175px; --burst-y: 40px; }
.career-pack-opening-effects i:nth-child(4) { --burst-x: 165px; --burst-y: 60px; }
.career-pack-opening-effects i:nth-child(5) { --burst-x: -80px; --burst-y: 155px; }
.career-pack-opening-effects i:nth-child(6) { --burst-x: 95px; --burst-y: 145px; }
.career-pack-modal[data-pack-state="CHARGING"] .career-pack-opening-effects::before { animation: career-pack-glow .9s ease-out both; }
.career-pack-modal[data-pack-state="BURST"] .career-pack-opening-effects::before { animation: career-pack-burst .38s ease-out both; }
.career-pack-modal[data-pack-state="BURST"] .career-pack-opening-effects i { animation: career-pack-particle .55s ease-out both; }
.career-pack-rewards { position: relative; z-index: 3; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; align-content: stretch; gap: 12px; width: 100%; height: 100%; min-height: 0; padding-top: 8px; overflow: hidden; text-align: center; }
.career-pack-rewards[hidden] { display: none; }
.career-pack-rewards__heading h2, .career-pack-rewards__heading p { margin: 6px 0 0; }
.career-pack-result-list { display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; gap: 13px; width: 100%; min-height: 0; margin: 0; padding: 8px; overflow-x: hidden; overflow-y: auto; }
.career-pack-reward { --reward-color: #6f8bb8; position: relative; flex: 0 0 180px; width: 180px; min-width: 180px; max-width: 180px; height: 260px; padding: 0; border: 0; color: inherit; background: none; font: inherit; text-align: inherit; cursor: pointer; perspective: 900px; transition: transform .16s ease, filter .16s ease; }
.career-pack-reward.is-sealed:hover { transform: translateY(-3px); filter: brightness(1.08); }
.career-pack-reward:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 15px; }
.career-pack-reward.rarity-rare { --reward-color: #38bdf8; }
.career-pack-reward.rarity-epic { --reward-color: #b05cff; }
.career-pack-reward.rarity-legendary { --reward-color: #f7b731; }
.career-pack-reward.rarity-special { --reward-color: #ff648c; }
.career-pack-reward__flipper { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; }
.career-pack-reward__sealed, .career-pack-reward__revealed { position: absolute; inset: 0; overflow: hidden; border: 1px solid var(--reward-color); border-radius: 15px; background: repeating-linear-gradient(135deg, transparent 0 18px, color-mix(in srgb, var(--reward-color) 9%, transparent) 19px 21px), linear-gradient(155deg, color-mix(in srgb, var(--reward-color) 16%, #0d2355), #03091c); box-shadow: inset 0 0 28px color-mix(in srgb, var(--reward-color) 12%, transparent), 0 12px 30px rgba(0,0,0,.38); transition: opacity .25s ease, transform .25s ease; backface-visibility: hidden; }
.career-pack-reward__sealed { display: grid; place-items: center; align-content: center; gap: 10px; color: var(--reward-color); font-weight: 950; text-shadow: 0 0 28px var(--reward-color); }
.career-pack-reward__back-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: inherit; }
.career-pack-reward__sealed b { font-size: 4.6rem; line-height: .85; }
.career-pack-reward__sealed span, .career-pack-reward__sealed small { font-size: .65rem; letter-spacing: .24em; }
.career-pack-reward__revealed { display: grid; grid-template-rows: minmax(0, 1fr) auto auto; justify-items: center; gap: 8px; padding: 12px; opacity: 0; pointer-events: none; transform: rotateY(-90deg); }
.career-pack-reward.is-revealed .career-pack-reward__sealed { opacity: 0; transform: rotateY(90deg); }
.career-pack-reward.is-revealed .career-pack-reward__revealed { opacity: 1; pointer-events: auto; transform: rotateY(0); transition-delay: .2s; }
.career-pack-reward__revealed > b { position: absolute; top: 9px; right: 9px; z-index: 3; padding: 4px 7px; border-radius: 999px; color: #07110c; background: var(--reward-color); font-size: .73rem; }
.career-pack-reward__revealed > .career-asset-context-preview, .career-pack-reward__revealed > .career-name-reward, .career-pack-reward__revealed > .career-pack-reward__icon { width: min(124px, 100%); height: 124px; align-self: end; }
.career-pack-reward__icon { display: grid; place-items: center; border-radius: 12px; background: rgba(0,0,0,.28); font-size: 3rem; }
.career-pack-reward__icon img { width: 88%; height: 88%; object-fit: contain; }
.career-pack-reward__copy { display: grid; gap: 3px; min-width: 0; }
.career-pack-reward__copy small { color: var(--reward-color); font-size: .61rem; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.career-pack-reward__copy strong { max-height: 2.1em; overflow: hidden; overflow-wrap: anywhere; line-height: 1.05; }
.career-pack-reward__copy span { color: var(--career-muted); font-size: .72rem; }
.career-pack-reward__duplicate { max-width: 100%; color: #f4c86a; font-size: .58rem; font-weight: 900; letter-spacing: .04em; }
.career-pack-reward .career-asset-context-preview { border-color: color-mix(in srgb, var(--reward-color) 48%, #244b93); background: #071332; }
.career-pack-reward.rarity-epic .career-pack-reward__revealed { box-shadow: inset 0 0 34px rgba(176,92,255,.18), 0 0 18px rgba(176,92,255,.12); }
.career-pack-reward.rarity-legendary.is-revealed .career-pack-reward__revealed, .career-pack-reward.rarity-special.is-revealed .career-pack-reward__revealed { animation: career-reward-premium .9s ease-out 1; }
.career-pack-result-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; }
.career-pack-result-actions[hidden] { display: none; }
@keyframes career-pack-float { 50% { transform: translateY(-5px); box-shadow: 0 0 52px color-mix(in srgb, var(--pack-burst) 34%, transparent); } }
@keyframes career-pack-requesting { to { transform: scale(1.025); filter: brightness(1.15); } }
@keyframes career-pack-charge { 0% { transform: scale(1); filter: brightness(1); } 72% { transform: scale(1.075); filter: brightness(1.35); } 100% { transform: scale(1.04); filter: brightness(1.62); } }
@keyframes career-pack-break { 0% { transform: scale(1.04); opacity: 1; filter: brightness(1.6); } 60% { transform: scale(1.15); opacity: .8; filter: brightness(2.2) blur(1px); } 100% { transform: scale(.72); opacity: 0; filter: brightness(2) blur(6px); } }
@keyframes career-pack-glow { to { opacity: .7; transform: translate(-50%,-50%) scale(16); filter: blur(9px); } }
@keyframes career-pack-burst { 0% { opacity: .75; transform: translate(-50%,-50%) scale(12); } 100% { opacity: 0; transform: translate(-50%,-50%) scale(38); } }
@keyframes career-pack-particle { 0% { opacity: 1; transform: translate(0,0) scale(1.8); } 100% { opacity: 0; transform: translate(var(--burst-x),var(--burst-y)) scale(.2); } }
@keyframes career-reward-premium { to { box-shadow: inset 0 0 38px color-mix(in srgb, var(--reward-color) 20%, transparent), 0 0 22px color-mix(in srgb, var(--reward-color) 18%, transparent); } }
.career-name-reward { display: grid; place-items: center; align-content: center; gap: 8px; width: 78px; height: 78px; padding: 7px; border: 1px solid var(--reward-color, #168bff); border-radius: 9px; background: radial-gradient(circle, color-mix(in srgb, var(--reward-color, #168bff) 20%, transparent), #061027 72%); box-shadow: inset 0 0 18px color-mix(in srgb, var(--reward-color, #168bff) 14%, transparent); text-align: center; }
.career-name-reward strong { max-width: 100%; color: #fff; font-size: clamp(.82rem, 1.4vw, 1.15rem); line-height: 1.08; letter-spacing: .04em; overflow-wrap: anywhere; text-transform: uppercase; text-shadow: 0 0 9px color-mix(in srgb, var(--reward-color, #168bff) 70%, transparent); }
.career-name-reward > span { color: var(--reward-color, #168bff); font-size: .6rem; font-weight: 950; letter-spacing: .15em; }
.career-pack-reward.is-name-reward .career-pack-reward__revealed { grid-template-rows: minmax(0, 1fr); padding: 15px; }
.career-pack-reward.is-name-reward .career-name-reward { align-self: stretch; width: 100%; height: 100%; padding: 16px 10px; }
.career-name-reward small, .career-name-reward em { color: var(--reward-color, #168bff); font-size: .54rem; font-style: normal; font-weight: 900; letter-spacing: .1em; }
.career-asset-context-preview { display: grid; place-items: center; width: 78px; height: 78px; overflow: hidden; border: 1px solid #294333; border-radius: 9px; background: #0d1c13; }
.career-asset-context-preview > img, .career-asset-context-module img { width: 90%; height: 90%; object-fit: contain; }
.career-asset-context-character { width: 100%; height: 100%; border-radius: 0; }
.career-asset-context-module { display: grid; place-items: center; width: 100%; height: 100%; }
.career-asset-context-card { --card-accent: var(--career-accent, #168bff); position: relative; width: 58px; aspect-ratio: 3 / 4; overflow: hidden; border: 1px solid #6c8e78; border-radius: 7px; background-color: #07110c; background-size: cover; background-position: center; background-repeat: no-repeat; }
.career-asset-context-card .career-player-card__aura { inset: 3%; }
.career-asset-context-card__character { position: absolute; z-index: 2; inset: 15% -15% -5%; }
.career-asset-context-card__character.career-character-renderer { width: auto; height: auto; }
.career-collection-inspector__preview .career-asset-context-card { width: min(310px, 72%); }
@media (max-width: 680px) { .career-collection-inspector__dialog { grid-template-columns: 1fr; gap: 12px; padding: 18px; } .career-collection-inspector__preview { min-height: 300px; } .career-collection-inspector__preview .career-asset-context-preview { height: 300px; } }
.career-asset-context-card__character img { width: 100%; height: 100%; object-fit: contain; }
.career-asset-context-card .career-player-card__frame { border-radius: 7px; }
.career-hub { width: min(1240px, calc(100% - 32px)); }
.career-hub__header { padding-bottom: 18px; border-bottom: 1px solid var(--career-border); }
.career-hub__layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); align-items: start; gap: 22px; }
.career-hub__content { min-width: 0; }
.career-hub-nav { position: sticky; top: 18px; display: grid; gap: 5px; padding: 9px; border: 1px solid var(--career-border); border-radius: 15px; background: rgba(7,17,12,.9); }
.career-hub-nav a { display: flex; align-items: center; gap: 9px; padding: 11px; border-left: 3px solid transparent; border-radius: 8px; color: var(--career-muted); font-size: .76rem; font-weight: 900; letter-spacing: .04em; text-decoration: none; }
.career-hub-nav a:hover, .career-hub-nav a.is-active { border-left-color: var(--career-accent); color: #fff; background: color-mix(in srgb, var(--career-accent) 14%, transparent); }
.career-hub-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 340px); align-items: center; gap: 24px; overflow: hidden; background: repeating-linear-gradient(128deg, transparent 0 42px, color-mix(in srgb, var(--career-accent) 5%, transparent) 43px 45px), rgba(16,34,25,.94); }
.career-hub-welcome { display: grid; gap: 20px; }
.career-user-heading { display: flex; align-items: center; gap: 13px; }
.career-user-heading h2, .career-public-identity h2 { margin: 4px 0 0; }
.career-user-heading > img, .career-avatar-placeholder { display: grid; place-items: center; width: 64px; height: 64px; flex: 0 0 64px; border: 2px solid var(--career-accent); border-radius: 50%; background: var(--career-bg); object-fit: cover; color: var(--career-accent); font-size: 1.4rem; font-weight: 950; }
.career-dashboard-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); gap: 8px; }
.career-dashboard-stats p { display: grid; gap: 2px; margin: 0; padding: 11px; border: 1px solid color-mix(in srgb, var(--career-border) 75%, transparent); border-radius: 10px; background: rgba(0,0,0,.22); }
.career-dashboard-stats small { color: var(--career-muted); font-size: .61rem; font-weight: 900; letter-spacing: .08em; }
.career-dashboard-stats strong { color: #fff; font-size: 1.2rem; }
.career-dashboard-stats span { color: var(--career-accent); font-size: .68rem; }
.career-dashboard-stats.compact { grid-template-columns: repeat(3, minmax(80px, 1fr)); }
.career-hub-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; }
.career-hub-shortcuts a, .career-player-details > a { display: inline-block; text-decoration: none; }
.career-player-focus, .career-public-main { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); align-items: center; gap: 24px; margin-bottom: 18px; }
.career-player-details { margin: 0; }
.career-empty-state, .career-login-panel { padding-block: 42px; text-align: center; }
.career-empty-copy { padding: 18px; border: 1px dashed var(--career-border); border-radius: 10px; color: var(--career-muted); text-align: center; }
.career-name-glyph { color: var(--career-accent); font-size: 1.7rem; font-weight: 950; }
.career-name-collectible { border-style: dashed; }
.career-ranking-row.is-current-user { border-color: var(--career-accent); background: color-mix(in srgb, var(--career-accent) 10%, #07110c); }
.career-ranking-identity a, .career-top-list a { color: var(--career-accent); font-weight: 800; text-decoration: none; }
.career-season-history, .career-public-collectibles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.career-season-history article, .career-public-collectibles article { display: grid; gap: 6px; padding: 14px; border: 1px solid var(--career-border); border-radius: 11px; background: rgba(0,0,0,.2); }
.career-public-identity { display: flex; align-items: center; gap: 18px; }
.career-public-profile { width: min(1120px, calc(100% - 32px)); }
.career-public-avatar { width: 86px; height: 86px; flex: 0 0 86px; border: 2px solid var(--career-accent); border-radius: 50%; object-fit: cover; }
.career-public-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.career-public-badges span { display: flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid var(--badge-border, var(--career-border)); border-radius: 999px; color: var(--badge-color, #fff); background: var(--badge-bg, var(--career-bg)); font-size: .7rem; font-weight: 800; }
.career-public-badges img { width: 16px; height: 16px; object-fit: contain; }
.career-public-summary { margin: 0; }
.career-public-collectibles img, .career-collectible-placeholder { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 10px; object-fit: cover; color: var(--career-accent); background: var(--career-bg); font-size: 1.5rem; }
.career-season-gallery-panel { padding: 18px; overflow: visible; }
.career-season-gallery-section { display: grid; gap: 18px; }
.career-season-gallery-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.career-season-gallery-heading h2 { margin: 7px 0 2px; }
.career-season-gallery-heading p { margin: 0; }
.career-season-gallery-heading > strong { color: var(--career-accent); font-size: .72rem; letter-spacing: .12em; white-space: nowrap; }
.career-season-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px; align-items: start; }
.career-season-card { --season-glow: var(--career-accent); position: relative; display: grid; justify-items: stretch; gap: 14px; min-width: 0; padding: 15px; overflow: visible; border: 1px solid color-mix(in srgb, var(--season-glow) 38%, var(--career-border)); border-radius: 18px; background: repeating-linear-gradient(128deg, transparent 0 38px, color-mix(in srgb, var(--season-glow) 4%, transparent) 39px 41px), linear-gradient(155deg, color-mix(in srgb, var(--season-glow) 7%, #101713), #07110c 65%); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 18px 42px rgba(0,0,0,.24); }
.career-season-card--rare { --season-glow: #57bfff; }
.career-season-card--epic { --season-glow: #c878ff; }
.career-season-card--legendary { --season-glow: #ffd66b; }
.career-season-card--special { --season-glow: #ff7ca8; }
.career-season-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 50px; }
.career-season-card__heading > div { display: grid; gap: 3px; }
.career-season-card__heading > div:last-child { justify-items: end; text-align: right; }
.career-season-card__heading h3 { margin: 0; font-size: 1rem; line-height: 1.1; }
.career-season-card__number { color: var(--season-glow); font-size: .65rem; font-weight: 950; letter-spacing: .12em; }
.career-season-card__complete { padding: 4px 7px; border: 1px solid color-mix(in srgb, var(--season-glow) 55%, transparent); border-radius: 999px; color: var(--season-glow); background: color-mix(in srgb, var(--season-glow) 8%, transparent); font-size: .55rem; font-weight: 950; letter-spacing: .08em; }
.career-season-card__heading time { color: var(--career-muted); font-size: .62rem; }
.career-season-card__player { overflow: visible; }
.career-season-card__player .career-player-card { width: min(330px, 100%); }
.career-season-card__highlights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.career-season-card__highlights p { display: grid; gap: 2px; min-width: 0; margin: 0; padding: 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: rgba(0,0,0,.2); }
.career-season-card__highlights small { color: var(--career-muted); font-size: .56rem; font-weight: 900; letter-spacing: .07em; }
.career-season-card__highlights strong { color: #fff; font-size: 1.05rem; }
.career-season-card__highlights span { color: var(--season-glow); font-size: .61rem; font-weight: 700; }
.career-season-card > .career-card-inspect-button { width: 100%; }
.career-season-gallery-empty { margin: 0; padding: 13px 15px; border: 1px dashed var(--career-border); border-radius: 10px; color: var(--career-muted); text-align: center; }
.career-profile-editor { display: grid; gap: 16px; }
.career-profile-identity-edit { display: grid; grid-template-columns: 86px minmax(0, 1fr); align-items: center; gap: 16px; }
.career-profile-identity-edit img { width: 86px; height: 86px; border: 2px solid var(--career-accent); border-radius: 50%; object-fit: cover; }
.career-profile-identity-edit label, .career-profile-choice-grid label, .career-sub-style label { display: grid; gap: 5px; color: var(--career-muted); font-size: .72rem; font-weight: 800; }
.career-profile-identity-edit textarea, .career-profile-choice-grid select { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid var(--career-border); border-radius: 9px; color: #fff; background: #07110c; }
.career-profile-choice-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; max-height: 520px; overflow: auto; padding-right: 4px; }
.career-profile-choice-grid article { display: grid; gap: 7px; padding: 12px; border: 1px solid var(--career-border); border-radius: 11px; background: rgba(0,0,0,.22); }
.career-profile-choice-grid article > img { width: 68px; height: 68px; border-radius: 9px; object-fit: contain; background: #07110c; }
.career-profile-badge-chip { display: inline-flex; align-items: center; justify-self: start; gap: 6px; max-width: 100%; padding: 6px 10px; border: 1px solid var(--badge-border, var(--career-border)); border-radius: 999px; color: var(--badge-color, #fff); background: var(--badge-bg, #18181b); font-size: .72rem; font-weight: 900; }
.career-profile-badge-chip img { width: 18px; height: 18px; object-fit: contain; }
.career-profile-choice-grid input[type="checkbox"] { accent-color: var(--career-accent); }
.career-sub-style, .career-sub-benefits { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px; border: 1px solid color-mix(in srgb, var(--career-accent) 55%, var(--career-border)); border-radius: 11px; background: color-mix(in srgb, var(--career-accent) 7%, #07110c); }
.career-sub-style p, .career-sub-benefits p { margin: 0; }
.career-sub-seal { display: inline-grid; place-items: center; margin-left: 6px; padding: 3px 7px; border: 1px solid color-mix(in srgb, var(--career-accent) 70%, #fff); border-radius: 6px; color: var(--career-accent); background: color-mix(in srgb, var(--career-accent) 12%, #07110c); font-size: .62rem; font-weight: 950; letter-spacing: .12em; vertical-align: middle; }
.career-profile-save { justify-self: end; }
.career-profile-catalog-admin > .career-form { margin: 14px 0; padding: 13px; border: 1px solid var(--career-border); border-radius: 10px; background: rgba(0,0,0,.16); }

/* Admin: seções grandes recolhíveis e participantes da Season. */
.career-admin-collapsible { padding: 0; overflow: visible; }
.career-admin-section-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 17px 20px; border: 0; border-radius: 16px; color: #fff; background: transparent; cursor: pointer; text-align: left; }
.career-admin-section-toggle > span:first-child { display: grid; gap: 3px; }
.career-admin-section-toggle strong { font-size: 1.02rem; letter-spacing: .07em; }
.career-admin-section-toggle small { color: var(--career-muted); font-size: .78rem; font-weight: 600; }
.career-admin-section-toggle [data-admin-section-chevron] { font-size: 1.5rem; line-height: 1; transition: transform .18s ease; }
.career-admin-collapsible.is-open .career-admin-section-toggle [data-admin-section-chevron] { transform: rotate(180deg); }
.career-admin-section-toggle:focus-visible { outline: 2px solid var(--career-accent); outline-offset: -4px; }
.career-admin-section-body { padding: 0 20px 20px; }
.career-admin-section-body[hidden] { display: none !important; }

.career-season-participant-summary { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.career-season-participant-summary .career-button { padding: 7px 10px; font-size: .72rem; white-space: nowrap; }
.career-admin-modal { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 18px; background: rgba(0, 0, 0, .76); backdrop-filter: blur(5px); }
.career-admin-modal[hidden] { display: none !important; }
.career-admin-modal-dialog { width: min(920px, 96vw); max-height: min(820px, 92vh); overflow: auto; padding: 22px; border: 1px solid var(--career-border); border-radius: 16px; background: #0b1811; box-shadow: 0 28px 80px rgba(0,0,0,.5); }
.career-admin-modal-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.career-admin-modal-heading h2 { margin: 8px 0 2px; }
.career-admin-modal-heading p { margin: 0; }
.career-admin-modal-heading > button { width: 38px; height: 38px; border: 1px solid var(--career-border); border-radius: 10px; background: #12281b; color: #fff; cursor: pointer; font-size: 1.5rem; }
.career-participant-search { display: grid; gap: 7px; margin: 18px 0 8px; color: var(--career-muted); font-size: .82rem; font-weight: 700; }
.career-participant-search input { width: 100%; border: 1px solid var(--career-border); border-radius: 9px; padding: 11px 12px; background: #07110c; color: #fff; }
.career-participant-list { display: grid; gap: 10px; margin-top: 14px; }
.career-participant-row { display: grid; grid-template-columns: minmax(190px, 1.2fr) minmax(260px, 1fr) minmax(170px, .8fr); gap: 16px; align-items: center; padding: 13px; border: 1px solid var(--career-border); border-radius: 11px; background: rgba(255,255,255,.025); }
.career-participant-identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.career-participant-identity img, .career-participant-avatar { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: #183523; color: var(--career-accent); font-weight: 900; }
.career-participant-identity div { min-width: 0; display: grid; gap: 3px; }
.career-participant-identity strong, .career-participant-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.career-participant-identity small, .career-participant-admin small { color: var(--career-muted); }
.career-participant-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 0; }
.career-participant-stats div { padding: 7px; border-radius: 8px; background: rgba(0,0,0,.2); text-align: center; }
.career-participant-stats dt { color: var(--career-muted); font-size: .67rem; text-transform: uppercase; }
.career-participant-stats dd { margin: 3px 0 0; font-weight: 800; }
.career-participant-admin { display: grid; justify-items: start; gap: 5px; }

@media (prefers-reduced-motion: reduce) {
    .career-admin-section-toggle [data-admin-section-chevron] { transition: none; }
}

@media (max-width: 760px) {
    .career-admin-section-toggle { padding: 15px; }
    .career-admin-section-body { padding: 0 15px 15px; }
    .career-admin-modal { padding: 8px; }
    .career-admin-modal-dialog { width: 100%; max-height: 96vh; padding: 15px; }
    .career-participant-row { grid-template-columns: 1fr; }
    .career-participant-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.career-profile-catalog-list { display: grid; gap: 7px; max-height: 480px; overflow: auto; }
.career-profile-catalog-item { padding: 10px; border: 1px solid var(--career-border); border-radius: 10px; background: #0a120d; }
.career-profile-catalog-item.is-inactive { opacity: .65; }
.career-profile-catalog-item summary { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.career-profile-catalog-item summary img { width: 38px; height: 38px; border-radius: 7px; object-fit: contain; background: #07110c; }
.career-profile-catalog-item summary span { display: grid; gap: 2px; }
.career-profile-catalog-item summary small { color: var(--career-muted); }
.career-profile-catalog-item[open] > form { margin-top: 12px; }
.career-loot-help { display: grid; gap: 10px; margin: 14px 0; padding: 14px; border: 1px solid var(--career-accent-border); border-radius: 11px; background: var(--career-accent-soft); }
.career-loot-help h3, .career-loot-help p { margin: 0; }
.career-loot-help > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.career-loot-help p { color: var(--career-muted); font-size: .75rem; line-height: 1.45; }
.career-loot-help strong { display: block; color: #fff; font-size: .67rem; letter-spacing: .05em; }
.career-loot-help > small, [data-loot-probability], .career-form label > small { color: var(--career-muted); font-size: .65rem; line-height: 1.35; }
.career-pack-cover-preview { display: grid; place-items: center; align-content: center; width: min(260px, 100%); aspect-ratio: 16 / 9; overflow: hidden; border: 1px dashed var(--career-border); border-radius: 10px; background: #07110c; color: var(--career-muted); }
.career-pack-cover-preview img { width: 100%; height: 100%; object-fit: cover; }
.career-pack-cover-preview span { color: var(--career-accent); font-size: 2rem; }
.career-loot-quantity > small { grid-column: 1 / -1; color: var(--career-muted); font-size: .61rem; }
@media (max-width: 700px) {
    .career-loot-row { grid-template-columns: 22px minmax(0, 1fr) auto; }
    .career-loot-item { grid-column: 2 / -1; }
    .career-loot-quantity { grid-column: 1 / -1; }
    .career-loot-active { justify-self: start; }
    .career-loot-picker-filters { grid-template-columns: 1fr; }
    .career-loot-pool-summary { align-items: stretch; }
    .career-loot-pool-summary .career-button { width: 100%; margin-left: 0; }
    .career-hair-color-row { grid-template-columns: 1fr 1fr; }
    .career-hair-color-row > :first-child { grid-column: 1 / -1; }
    .career-hub { width: min(100% - 20px, 680px); padding-top: 16px; }
    .career-hub__layout { grid-template-columns: 1fr; }
    .career-hub-nav { position: sticky; z-index: 30; top: 0; display: flex; overflow-x: auto; border-radius: 10px; }
    .career-hub-nav a { flex: 0 0 auto; border-bottom: 3px solid transparent; border-left: 0; white-space: nowrap; }
    .career-hub-nav a:hover, .career-hub-nav a.is-active { border-bottom-color: var(--career-accent); border-left-color: transparent; }
    .career-hub-hero, .career-player-focus, .career-public-main { grid-template-columns: 1fr; }
    .career-hub-hero .career-player-card-stage, .career-player-focus .career-player-card-stage, .career-public-main .career-player-card-stage { grid-row: 1; }
    .career-dashboard-stats.compact { grid-template-columns: repeat(2, minmax(80px, 1fr)); }
    .career-public-identity { align-items: flex-start; }
    .career-profile-identity-edit { grid-template-columns: 1fr; }
    .career-profile-choice-grid { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); max-height: 440px; }
    .career-loot-help > div { grid-template-columns: 1fr; }
    .career-season-gallery-heading { align-items: flex-start; flex-direction: column; }
    .career-season-gallery { grid-template-columns: 1fr; }
    .career-season-card { padding: 12px; }
    .career-season-card__player .career-player-card { width: min(330px, 92vw); }
    .career-pack-modal-card { padding: 12px; }
    .career-pack-opening-stage, .career-pack-rewards { height: 100%; min-height: 0; padding-top: 42px; }
    .career-pack-opening-cover { width: min(210px, 58vw); height: min(290px, 42vh); }
    .career-pack-result-list { gap: 8px; padding: 6px 2px; }
    .career-pack-reward { flex-basis: clamp(145px, 42vw, 160px); width: clamp(145px, 42vw, 160px); min-width: clamp(145px, 42vw, 160px); max-width: clamp(145px, 42vw, 160px); height: 238px; }
    .career-pack-reward__revealed { padding: 9px; }
    .career-pack-reward__revealed > .career-asset-context-preview, .career-pack-reward__revealed > .career-name-reward, .career-pack-reward__revealed > .career-pack-reward__icon { width: min(112px, 100%); height: 112px; }
}

@media (prefers-reduced-motion: reduce) {
    .career-pack-opening-cover, .career-pack-opening-effects::before, .career-pack-opening-effects i, .career-pack-reward__revealed { animation: none !important; }
    .career-pack-reward__sealed, .career-pack-reward__revealed { transition-duration: .01ms; transition-delay: 0s !important; }
}

@media (max-width: 420px) {
    .career-pack-grid { grid-template-columns: minmax(0, 1fr); }
    .career-pack-card { width: min(260px, 100%); }
    .career-pack-reward { flex-basis: min(145px, calc(50vw - 14px)); width: min(145px, calc(50vw - 14px)); min-width: min(145px, calc(50vw - 14px)); max-width: min(145px, calc(50vw - 14px)); height: 228px; }
    .career-pack-reward__revealed > .career-asset-context-preview, .career-pack-reward__revealed > .career-name-reward, .career-pack-reward__revealed > .career-pack-reward__icon { width: min(102px, 100%); height: 102px; }
}
.career-season-rewards-admin { display: grid; gap: 16px; }
.career-reward-season { border: 1px solid var(--career-border); border-radius: 14px; padding: 14px; background: rgba(3, 9, 24, .62); }
.career-reward-season > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.career-reward-season > header > div { display: flex; align-items: center; gap: 10px; }
.career-reward-tier-list { display: grid; gap: 12px; }
.career-reward-tier { display: grid; grid-template-columns: minmax(120px, .5fr) minmax(120px, .5fr) minmax(0, 3fr); gap: 12px; align-items: start; padding: 12px; border-radius: 12px; background: rgba(255,255,255,.035); }
.career-reward-tier label, .career-reward-item label { display: grid; gap: 5px; font-size: .75rem; color: var(--career-muted); text-transform: uppercase; letter-spacing: .04em; }
.career-reward-tier input, .career-reward-tier select { width: 100%; border: 1px solid var(--career-border); border-radius: 8px; padding: 9px; background: #050d20; color: #fff; }
.career-reward-active { display: flex !important; align-items: center; margin-top: 28px; }
.career-reward-active input { width: auto; }
.career-reward-items { display: grid; gap: 8px; }
.career-reward-item { display: grid; grid-template-columns: 44px minmax(180px, 1fr) 100px auto; gap: 8px; align-items: end; }
.career-reward-item img, .career-reward-pack-placeholder { width: 44px; height: 44px; object-fit: contain; border-radius: 8px; background: rgba(255,255,255,.06); align-self: end; }
.career-reward-pack-placeholder { display: grid; place-items: center; font-size: .6rem; color: var(--career-muted); }
.career-reward-warning { color: #ffbd69; grid-column: 1 / -1; }
.career-reward-locked { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.career-reward-frozen-tiers { flex-basis: 100%; display: grid; gap: 4px; padding: 10px; border-radius: 10px; background: rgba(255,255,255,.035); }
.career-reward-frozen-tiers p { margin: 0; }
.career-reward-preview-dialog { width: min(980px, calc(100vw - 32px)); }
.career-reward-preview-totals { color: var(--career-accent); font-weight: 700; margin-bottom: 12px; }
.career-reward-preview-table { overflow: auto; max-height: 60vh; }
.career-season-reward-notice { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-block: 12px; border-color: rgba(255, 204, 72, .45); background: linear-gradient(120deg, rgba(255, 191, 54, .11), rgba(5, 13, 32, .9)); }
.career-starter-notice { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-block: 12px; border-color: var(--career-accent-border); background: linear-gradient(120deg, var(--career-accent-soft), rgba(5, 13, 32, .9)); }
.career-starter-notice p { margin: 7px 0 0; }
.career-sub-reward-notice { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-block: 12px; border-color: rgba(126, 202, 255, .45); background: linear-gradient(120deg, rgba(20, 83, 160, .34), rgba(5, 13, 32, .94)); }
.career-sub-reward-notice h2 { margin: 7px 0 4px; font-size: 1.05rem; }
.career-sub-reward-notice p { margin: 0; }
.career-sub-reward-list { display: grid; gap: 8px; margin: 12px 0; }
.career-sub-reward-groups { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.career-sub-reward-groups small { padding: 7px 10px; border: 1px solid rgba(88,150,220,.24); border-radius: 8px; background: rgba(5,13,32,.55); }
.career-sub-reward-row { display: grid; grid-template-columns: 52px 180px minmax(220px, 1fr) 110px 90px auto; align-items: end; gap: 8px; padding: 8px; border: 1px solid rgba(88, 150, 220, .24); border-radius: 10px; background: rgba(5, 13, 32, .55); }
.career-sub-reward-row > img, .career-sub-reward-row > .career-reward-pack-placeholder { width: 44px; height: 58px; object-fit: cover; align-self: center; }
.career-sub-reward-row .career-reward-warning { grid-column: 2 / -1; }
.career-tournament-user-picker { display: grid; grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 8px; max-height: 320px; margin: 12px 0; overflow: auto; }
.career-tournament-user-picker label { display: flex; align-items: center; gap: 9px; padding: 9px; border: 1px solid var(--career-border); border-radius: 9px; background: rgba(5,13,32,.55); }
.career-tournament-user-picker label.is-selected { opacity: .58; border-color: var(--career-accent-border); }
.career-tournament-user-picker span { display: grid; gap: 2px; }
.career-tournament-user-picker small { color: var(--career-muted); }
.career-tournament-champion { background: rgba(255,193,61,.1); }
.career-tournament-champion td:first-child, .career-tournament-champion td:nth-child(4) { color: #ffd26a; }
.career-tournament-trophy-picker { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border: 1px solid var(--career-border); border-radius: 10px; }
.career-tournament-trophy-picker legend { padding: 0 6px; color: var(--career-muted); font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.career-tournament-trophy-picker label { display: grid; grid-template-columns: auto 42px minmax(90px,1fr); align-items: center; gap: 7px; min-width: 190px; padding: 7px; border: 1px solid rgba(88,150,220,.2); border-radius: 8px; background: rgba(5,13,32,.55); cursor: pointer; }
.career-tournament-trophy-picker img, .career-tournament-trophy-picker .career-reward-pack-placeholder { width: 42px; height: 42px; object-fit: contain; }
.career-tournament-trophy-picker small { grid-column: 3; color: var(--career-muted); }
@media (max-width: 760px) { .career-sub-reward-row { grid-template-columns: 52px 1fr 1fr; } .career-sub-reward-row > label:nth-of-type(2) { grid-column: 2 / -1; } .career-sub-reward-row .career-reward-warning { grid-column: 1 / -1; } .career-sub-reward-notice { align-items: flex-start; flex-direction: column; } }
.career-participant-grants { display: grid; gap: 2px; padding: 6px 8px; border: 1px solid rgba(83,135,200,.18); border-radius: 8px; background: rgba(5,14,34,.6); }
.career-season-reward-notice h2, .career-season-reward-notice p { display: inline; margin: 0 0 0 10px; font-size: .9rem; }
.career-public-identity__badges { max-width: 100%; }
.career-season-card__reward { display: grid; gap: 4px; margin-top: 10px; padding: 10px 12px; border: 1px solid rgba(255, 204, 72, .32); border-radius: 10px; background: rgba(255, 195, 55, .08); }
.career-season-card__reward small { color: var(--career-muted); }
@media (max-width: 780px) {
    .career-reward-tier { grid-template-columns: 1fr; }
    .career-reward-active { margin-top: 0; }
    .career-reward-item { grid-template-columns: 44px minmax(0, 1fr); }
    .career-reward-item label, .career-reward-item button { grid-column: 2; }
    .career-season-reward-notice { align-items: flex-start; flex-direction: column; }
}

/* Career identity theme: electric blue is the global fallback; profile accent overrides inherit automatically. */
.career-hub-nav, .career-ranking-tabs, .career-ranking-season-picker, .career-profile-section-editor,
.career-how-grid .career-panel, .career-locked-state, .career-offseason-hero { border-color: var(--career-accent-border); }
.career-hub-nav a.is-active, .career-ranking-tabs a.is-active { color: #fff; background: var(--career-accent-soft); box-shadow: inset 3px 0 var(--career-accent), 0 0 20px var(--career-accent-soft); }
.career-public-profile .career-public-badges span, .career-profile-badge-chip { --badge-bg: var(--career-accent-soft) !important; --badge-color: #fff !important; --badge-border: var(--career-accent-border) !important; box-shadow: 0 0 14px var(--career-accent-soft); }
.career-profile-section-title { margin: 24px 0 10px; color: #fff; letter-spacing: .06em; }
.career-profile-section-editor-list { display: grid; gap: 10px; }
.career-profile-section-editor { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 12px; border: 1px solid var(--career-accent-border); border-radius: 12px; background: rgba(3, 12, 30, .72); }
.career-profile-section-editor__main { display: grid; grid-template-columns: auto minmax(180px, 1fr) auto; align-items: center; gap: 10px; }
.career-profile-section-editor__main label { display: grid; gap: 4px; color: var(--career-muted); font-size: .75rem; }
.career-profile-section-editor input[type="text"], .career-ranking-season-picker select { width: 100%; border: 1px solid var(--career-accent-border); border-radius: 8px; padding: 9px; background: #050d20; color: #fff; }
.career-profile-section-handle { color: var(--career-accent); font-size: 1.3rem; }
.career-profile-showcase-picker { grid-column: 1 / -1; display: grid; gap: 8px; padding-top: 10px; border-top: 1px solid var(--career-accent-border); }
.career-profile-showcase-picker > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px; max-height: 190px; overflow: auto; }
.career-profile-showcase-picker label { display: flex; align-items: center; gap: 7px; padding: 7px; border-radius: 8px; background: var(--career-accent-soft); }
.career-ranking-season-picker { margin-bottom: 12px; padding: 12px; border: 1px solid var(--career-accent-border); border-radius: 12px; background: rgba(8, 21, 43, .88); }
.career-ranking-season-picker label { display: grid; grid-template-columns: auto minmax(180px, 360px); align-items: center; gap: 12px; font-weight: 800; }
.career-how-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.career-how-grid article { position: relative; margin: 0; overflow: hidden; }
.career-how-grid article > b { position: absolute; right: 14px; top: 4px; color: var(--career-accent-soft); font-size: 4rem; line-height: 1; }
.career-how-grid code { display: inline-block; padding: 8px 14px; border: 1px solid var(--career-accent); border-radius: 8px; color: #fff; background: var(--career-accent-soft); font-size: 1.15rem; font-weight: 900; }
.career-how-grid dl, .career-how-facts { display: grid; gap: 8px; }
.career-how-grid dl div { display: flex; justify-content: space-between; gap: 12px; }
.career-how-grid dt { color: var(--career-muted); }
.career-how-grid dd { margin: 0; font-weight: 800; }
.career-how-facts { grid-template-columns: repeat(3, 1fr); }
.career-how-facts p { display: grid; gap: 4px; margin: 0; padding: 12px; border: 1px solid var(--career-accent-border); border-radius: 10px; background: var(--career-accent-soft); }
.career-how-facts small { color: var(--career-muted); }
.career-how-facts strong { color: var(--career-accent); font-size: 1.25rem; }
.career-how-details details, .career-panel details { border-bottom: 1px solid var(--career-accent-border); padding: 10px 0; }
.career-panel summary { cursor: pointer; color: var(--career-accent); font-weight: 800; }
.career-season-delete-impact { max-height: 280px; overflow: auto; padding: 10px; border: 1px solid var(--career-accent-border); border-radius: 10px; background: #050d20; }
.career-season-delete-impact ul { margin: 0; padding-left: 20px; }
.career-deletion-preserved { margin: 12px 0; padding: 10px; border-left: 3px solid rgba(122, 230, 161, .55); background: rgba(20, 55, 35, .45); }
.career-deletion-preserved ul { margin: 6px 0 0; padding-left: 20px; }
.career-deletion-history { margin-top: 18px; }
.career-deletion-history > summary { cursor: pointer; font-weight: 800; letter-spacing: .04em; }
[data-career-delete-form] .career-actions { position: sticky; bottom: -22px; z-index: 2; margin: 14px -22px -22px; padding: 14px 22px; border-top: 1px solid var(--career-border); background: #0b1811; }
@media (max-width: 680px) {
    [data-career-delete-form] .career-actions { bottom: -15px; margin: 14px -15px -15px; padding: 12px 15px; }
    [data-career-delete-form] .career-actions .career-button { flex: 1; }
}
[data-season-delete-form] { display: grid; gap: 12px; margin-top: 14px; }
[data-season-delete-form] label { display: grid; gap: 6px; }
[data-season-delete-form] input { border: 1px solid #aa4242; border-radius: 8px; padding: 10px; background: #17090d; color: #fff; }
@media (max-width: 700px) {
    .career-how-grid, .career-how-facts { grid-template-columns: 1fr; }
    .career-profile-section-editor { grid-template-columns: 1fr; }
    .career-profile-section-editor__main { grid-template-columns: auto 1fr; }
    .career-profile-section-editor__main .career-checkbox { grid-column: 2; }
    .career-ranking-season-picker label { grid-template-columns: 1fr; }
}
/* Career Energy Social */
.career-energy-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 0,rgba(0,224,255,.13),transparent 34%),linear-gradient(145deg,rgba(12,20,38,.96),rgba(5,10,22,.98));border-color:rgba(76,225,255,.26)}
.career-energy-state{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .7rem;border:1px solid rgba(92,229,255,.35);border-radius:999px;background:rgba(0,183,255,.1);color:#9cf0ff;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.career-energy-capsule{display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:1.4rem;align-items:center;margin-top:1rem;padding:1.25rem;border:1px solid rgba(99,228,255,.18);border-radius:22px;background:rgba(4,10,23,.62)}
.career-energy-orb{position:relative;display:grid;place-items:center;width:130px;aspect-ratio:1;margin:auto;border:1px solid rgba(141,242,255,.5);border-radius:50%;background:radial-gradient(circle,#eaffff 0 5%,#48dcff 7%,rgba(26,144,255,.65) 22%,rgba(9,44,113,.7) 48%,rgba(3,8,23,.96) 72%);box-shadow:0 0 22px rgba(38,206,255,.45),inset 0 0 26px rgba(120,236,255,.5)}
.career-energy-orb:before,.career-energy-orb:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(96,226,255,.3);border-radius:50%;animation:careerEnergyOrbit 8s linear infinite}
.career-energy-orb:after{inset:12px;border-style:dashed;animation-duration:5s;animation-direction:reverse}
.career-energy-orb span{width:32%;aspect-ratio:1;border-radius:50%;background:#fff;filter:blur(7px);opacity:.65}
.career-energy-panel[data-item-key="ENERGY_BASIC"] .career-energy-orb{background:radial-gradient(circle,#fff 0 6%,#5ff4ff 9%,#158bdc 35%,#041128 73%);box-shadow:0 0 24px rgba(50,218,255,.48)}
.career-energy-panel[data-item-key="ENERGY_PRO"] .career-energy-orb{background:radial-gradient(circle,#fff 0 6%,#a279ff 10%,#4932d2 37%,#100827 73%);box-shadow:0 0 28px rgba(137,91,255,.58)}
.career-energy-panel[data-item-key="ENERGY_EGO"] .career-energy-orb{background:radial-gradient(circle,#fffbd4 0 6%,#ffca43 10%,#ff5429 36%,#280508 73%);box-shadow:0 0 32px rgba(255,91,35,.62)}
.career-energy-content h3{margin:.15rem 0 .35rem}.career-energy-content>img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.45))}
.career-energy-progress{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.career-energy-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#168cff,#6ef4ff);box-shadow:0 0 10px #28dcff;transition:width .6s linear}
.career-energy-shield{color:#8cf4ff;font-weight:800}.career-energy-activity{margin-top:1.2rem;border-top:1px solid rgba(255,255,255,.09);padding-top:1rem}.career-energy-activity h3{font-size:.78rem;letter-spacing:.12em}.career-energy-activity p{display:flex;gap:.35rem;flex-wrap:wrap;margin:.35rem 0}.career-energy-activity small{margin-left:auto;color:var(--career-muted,#93a0b8)}
.career-energy-config-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.career-energy-config-items article{display:grid;gap:.65rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(0,0,0,.15)}
.career-energy-admin-list{display:grid;gap:.55rem;max-height:420px;overflow:auto}.career-energy-admin-list article{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(200px,1fr);gap:.8rem;align-items:center;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.08);border-radius:12px}.career-energy-admin-list small{text-align:right;color:var(--career-muted,#93a0b8)}
.career-energy-distribution{display:grid;gap:.4rem;margin-top:1rem}.career-energy-distribution p{display:flex;justify-content:space-between;margin:0;padding:.65rem;border-radius:10px;background:rgba(255,255,255,.05)}
@keyframes careerEnergyOrbit{to{transform:rotate(360deg)}}
@media(max-width:720px){.career-energy-capsule{grid-template-columns:1fr;text-align:center}.career-energy-config-items{grid-template-columns:1fr}.career-energy-admin-list article{grid-template-columns:1fr}.career-energy-admin-list small{text-align:left}.career-energy-activity small{width:100%;margin-left:0}.career-energy-orb{width:105px}}
@media(prefers-reduced-motion:reduce){.career-energy-orb:before,.career-energy-orb:after{animation:none}.career-energy-progress span{transition:none}}

/* Global artwork used on sealed Pack reward cards. */
.career-pack-back-form { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 22px; margin-top: 16px; }
.career-pack-back-form > div:last-child { display: grid; gap: 10px; }
.career-pack-back-form label { display: grid; gap: 7px; font-weight: 800; }
.career-pack-back-preview { display: grid; place-items: center; align-content: center; gap: 8px; width: 180px; height: 260px; overflow: hidden; border: 1px solid var(--career-accent-border); border-radius: 15px; color: var(--career-accent); background: linear-gradient(155deg, #0d2355, #03091c); box-shadow: 0 12px 30px rgba(0,0,0,.38); text-align: center; }
.career-pack-back-preview img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.career-pack-back-preview b { font-size: 4rem; line-height: 1; }
.career-pack-back-preview span, .career-pack-back-preview small { font-size: .68rem; font-weight: 950; letter-spacing: .2em; }
@media(max-width:600px){.career-pack-back-form{grid-template-columns:1fr;justify-items:center}.career-pack-back-form>div:last-child{width:100%}}

/* OBS celebration controls (Admin only; overlay visuals live in career-overlay.css). */
.career-overlay-admin { display: grid; gap: 16px; }
.career-overlay-admin__url { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.career-overlay-admin__url input { min-width: 0; border: 1px solid var(--career-accent-border); border-radius: 9px; padding: 10px 12px; color: #cfe8ff; background: #050d20; }
.career-overlay-admin__actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media(max-width:600px){.career-overlay-admin__url{grid-template-columns:1fr}.career-overlay-admin__actions{display:grid}.career-overlay-admin__actions .career-button{width:100%}}

/* Career asset fusion: scoped to Collection/Admin. */
.career-fusion-panel[hidden],.career-fusion-selector[hidden],.career-fusion-modal[hidden],.career-fusion-result[hidden]{display:none!important}
.career-collection-heading-actions{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:10px}
.career-fusion-panel{position:sticky;z-index:20;top:10px;display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(180px,1fr) minmax(220px,1.4fr) auto auto auto;gap:12px;align-items:center;margin:14px 0;padding:14px;border:1px solid #ff6a3d;border-radius:14px;background:rgba(16,8,12,.96);box-shadow:0 14px 38px rgba(0,0,0,.42),0 0 24px rgba(255,78,36,.16)}
.career-fusion-panel h3{margin:4px 0 0}.career-fusion-panel select{min-width:0;padding:10px;border:1px solid var(--career-border);border-radius:8px;color:#fff;background:#07110c}.career-fusion-panel [data-fusion-progress]{display:flex;flex-wrap:wrap;gap:6px}.career-fusion-panel [data-fusion-progress] p{display:flex;gap:8px;margin:0;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.72rem}.career-fusion-panel [data-fusion-progress] p.is-complete{color:#9affbc;background:rgba(50,210,108,.14)}
.career-collection-card.is-fusion-ineligible{opacity:.36;filter:grayscale(.7)}.career-collection-card.is-fusion-selected{border-color:#ff7449;box-shadow:0 0 0 2px rgba(255,116,73,.22),0 0 24px rgba(255,72,36,.24)}
.career-fusion-selector{display:grid;gap:4px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08)}.career-fusion-selector label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffb29b;font-size:.75rem;font-weight:900}.career-fusion-selector input{width:62px;padding:5px;border:1px solid #ff7449;border-radius:7px;color:#fff;background:#13090a}.career-fusion-selector small{color:var(--career-muted);font-size:.64rem}
.career-fusion-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px)}.career-fusion-modal>section{width:min(720px,100%);max-height:92vh;overflow:auto;padding:24px;border:1px solid #ff7449;border-radius:20px;background:#07110c;box-shadow:0 25px 80px #000}.career-fusion-modal [data-fusion-modal-assets]{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.career-fusion-modal [data-fusion-modal-assets] article{display:grid;justify-items:center;gap:7px;padding:10px;border-radius:12px;background:rgba(255,80,40,.09);text-align:center}.career-fusion-modal img{width:72px;height:72px;object-fit:contain}.career-fusion-modal [data-fusion-modal-rewards] p{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.career-fusion-modal [data-fusion-modal-rewards] img{width:42px;height:52px}
.career-collection-card.is-fusion-burning{z-index:30;animation:careerFusionBurn 2.2s ease-in both}.career-fusion-result{position:fixed;z-index:1001;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;overflow:hidden;color:#fff;background:radial-gradient(circle,rgba(255,97,38,.2),rgba(2,6,16,.94) 58%);text-align:center}.career-fusion-result-pack{position:relative;display:grid;justify-items:center;gap:7px;animation:careerFusionPackReveal .7s ease-out both}.career-fusion-result-pack img{width:min(260px,52vw);max-height:340px;object-fit:contain;filter:drop-shadow(0 22px 30px #000)}.career-fusion-result-pack span{font-size:8rem}.career-fusion-result-pack strong{font-size:1.6rem}.career-fusion-burst{position:absolute;width:55vmin;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent,#ff744966,transparent,#5de7ff55,transparent);filter:blur(12px);animation:careerFusionBurst 2.4s ease-out infinite;pointer-events:none}
.career-fusion-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.career-fusion-admin-grid fieldset{min-width:0;border:1px solid var(--career-border);border-radius:12px}.career-fusion-admin-row{display:grid;grid-template-columns:minmax(120px,1fr) 92px auto auto;gap:7px;margin-bottom:7px}.career-fusion-admin-row select,.career-fusion-admin-row input{min-width:0;padding:8px;border:1px solid var(--career-border);border-radius:7px;color:#fff;background:#07110c}.career-fusion-admin-row button{border:0;color:#ff9c9c;background:transparent;cursor:pointer}.career-fusion-admin-row output{align-self:center;color:var(--career-accent);font-size:.72rem;font-weight:900}
@keyframes careerFusionBurn{0%{opacity:1;transform:translate(0) scale(1);filter:none}55%{opacity:1;transform:translateY(-18px) scale(.86);filter:brightness(1.9) saturate(1.7) drop-shadow(0 0 22px #ff612f)}100%{opacity:0;transform:translateY(-40px) scale(.18) rotate(8deg);filter:brightness(3) blur(5px)}}
@keyframes careerFusionPackReveal{from{opacity:0;transform:scale(.45) rotateY(50deg);filter:brightness(3)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes careerFusionBurst{to{transform:rotate(180deg) scale(1.15);opacity:.15}}
@media(max-width:900px){.career-fusion-panel{position:static;grid-template-columns:1fr 1fr}.career-fusion-admin-grid{grid-template-columns:1fr}}
@media(max-width:560px){.career-collection-heading-actions,.career-fusion-panel{display:grid;grid-template-columns:1fr;width:100%}.career-fusion-panel .career-button{width:100%}.career-fusion-admin-row{grid-template-columns:1fr 70px auto}.career-fusion-admin-row output{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.career-collection-card.is-fusion-burning{animation-duration:.15s}.career-fusion-result-pack{animation:none}.career-fusion-burst{animation:none}}

/* Career Airdrops admin. */
.career-airdrop-current{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center}.career-airdrop-current>img{width:150px;height:190px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.04)}.career-airdrop-current dl{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px;margin:0}.career-airdrop-current dl div{display:grid;gap:4px;padding:10px;border:1px solid var(--career-border);border-radius:10px;background:rgba(255,255,255,.025)}.career-airdrop-current dt{color:var(--career-muted);font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.career-airdrop-current dd{margin:0;font-weight:800}.career-airdrop-open-form{display:grid;gap:16px}.career-airdrop-open-form fieldset{min-width:0;border:0;padding:0}.career-airdrop-open-form legend{margin-bottom:10px;font-weight:900}.career-airdrop-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:390px;overflow:auto}.career-airdrop-pack-option{cursor:pointer}.career-airdrop-pack-option>input{position:absolute;opacity:0;pointer-events:none}.career-airdrop-pack-option>span{display:grid;place-items:center;gap:7px;height:100%;padding:10px;border:1px solid var(--career-border);border-radius:12px;background:rgba(255,255,255,.025);text-align:center}.career-airdrop-pack-option input:checked+span{border-color:var(--career-accent);box-shadow:0 0 0 2px rgba(77,226,154,.18)}.career-airdrop-pack-option img{width:88px;height:112px;object-fit:contain}.career-airdrop-pack-option code{font-size:.65rem;color:var(--career-muted)}.career-airdrop-claims{display:grid;gap:10px;margin-top:20px}
@media(max-width:760px){.career-airdrop-current{grid-template-columns:1fr}.career-airdrop-current>img{justify-self:center}.career-airdrop-current dl{grid-template-columns:1fr 1fr}.career-airdrop-current form .career-button{width:100%}}

/* Destructive pre-Season reset is deliberately isolated from regular admin controls. */
.career-preseason-danger{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#8f2931;background:linear-gradient(135deg,rgba(118,24,34,.18),rgba(8,15,11,.95))}.career-preseason-danger h2{margin:5px 0}.career-preseason-danger p{max-width:780px}.career-preseason-reset-dialog{border-color:#b53a44;box-shadow:0 28px 90px rgba(103,0,12,.42)}.career-preseason-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.career-preseason-columns>section{padding:14px;border:1px solid var(--career-border);border-radius:12px;background:rgba(0,0,0,.18)}.career-preseason-columns h3{margin:0 0 10px;font-size:.8rem;letter-spacing:.12em}.career-preseason-columns ul{display:grid;gap:5px;margin:0;padding-left:20px;color:var(--career-muted)}.career-preseason-reset-dialog form{display:grid;gap:12px}.career-preseason-reset-dialog form label{display:grid;gap:7px}.career-preseason-reset-dialog form input{padding:11px;border:1px solid #b53a44;border-radius:8px;color:#fff;background:#14090b}.career-preseason-reset-dialog form .career-button{justify-self:start}
@media(max-width:700px){.career-preseason-danger{display:grid}.career-preseason-columns{grid-template-columns:1fr}.career-preseason-reset-dialog form .career-button{width:100%}}