/* Ultimate PIMD v8.50 — authoritative DESKTOP Neon Sakura Command Center skin.
   Desktop only. Mobile/tablet remains untouched until desktop is approved. */
@media (min-width: 901px) {
  :root {
    --sidebar-width: 238px !important;
    --cc-bg: #02040b;
    --cc-panel: rgba(5, 8, 19, .94);
    --cc-panel-2: rgba(8, 10, 25, .96);
    --cc-pink: #ff4fae;
    --cc-pink-soft: #ff87c8;
    --cc-purple: #a55cff;
    --cc-cyan: #52e5f2;
    --cc-blue: #67a8ff;
    --cc-gold: #ffbd55;
    --cc-line: rgba(255, 79, 174, .30);
    --cc-line-soft: rgba(255, 255, 255, .07);
    --cc-glow: 0 0 10px rgba(255,79,174,.35), 0 0 30px rgba(255,79,174,.10);
    --cc-glow-strong: 0 0 10px rgba(255,79,174,.58), 0 0 32px rgba(255,79,174,.24), inset 0 0 26px rgba(255,79,174,.06);
  }

  html,
  body {
    background: #02040b !important;
  }

  body {
    color: #fff7fc !important;
    background:
      radial-gradient(circle at 74% 7%, rgba(122, 44, 194, .16), transparent 34rem),
      radial-gradient(circle at 36% 48%, rgba(255, 39, 139, .07), transparent 28rem),
      linear-gradient(180deg, #02040b 0%, #030611 54%, #02040a 100%) !important;
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .22;
    background:
      radial-gradient(ellipse at 12% 18%, rgba(255,79,174,.19), transparent 17%),
      radial-gradient(ellipse at 92% 36%, rgba(138,82,255,.15), transparent 20%),
      linear-gradient(115deg, transparent 0 74%, rgba(255,79,174,.035) 74% 75%, transparent 75% 100%);
  }

  /* ---------- LEFT COMMAND RAIL ---------- */
  .sidebar {
    width: var(--sidebar-width) !important;
    padding: 14px 12px 12px !important;
    overflow-x: hidden !important;
    background:
      linear-gradient(180deg, rgba(2,4,12,.985), rgba(3,5,14,.99)),
      radial-gradient(circle at 50% 12%, rgba(255,61,163,.12), transparent 36%) !important;
    border-right: 1px solid rgba(255, 77, 171, .28) !important;
    box-shadow: 12px 0 42px rgba(0,0,0,.52), 1px 0 0 rgba(255,99,184,.07) !important;
  }

  .sidebar::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .28;
    background:
      radial-gradient(circle at 18% 9%, rgba(255,100,184,.26) 0 2px, transparent 3px),
      radial-gradient(circle at 70% 24%, rgba(255,100,184,.18) 0 2px, transparent 3px),
      radial-gradient(circle at 86% 54%, rgba(255,100,184,.16) 0 2px, transparent 3px),
      radial-gradient(circle at 16% 82%, rgba(255,100,184,.14) 0 2px, transparent 3px),
      linear-gradient(160deg, transparent 0 63%, rgba(255,55,154,.05) 63% 100%);
  }

  .command-brand {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 142px !important;
    min-height: 142px !important;
    flex: 0 0 142px !important;
    margin: 0 0 10px !important;
    padding: 12px 4px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .command-brand-overline {
    position: relative;
    z-index: 2;
    margin-bottom: 1px;
    padding-left: .42em;
    color: #ffc5e3;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .42em;
    text-shadow: 0 0 12px rgba(255,91,179,.6);
  }

  .command-brand-wordmark {
    position: relative;
    z-index: 1;
    display: block;
    margin: -3px 0 2px;
    color: #ff65b7;
    font-family: "Brush Script MT", "Segoe Print", "Bradley Hand", cursive;
    font-size: 4.25rem;
    font-style: italic;
    font-weight: 900;
    line-height: .86;
    letter-spacing: -.07em;
    transform: rotate(-4deg) translateX(-4px);
    text-shadow:
      0 0 3px #ff8bc9,
      0 0 12px rgba(255,66,161,.86),
      0 0 30px rgba(255,47,150,.38);
  }

  .command-brand-wordmark::after {
    content: "";
    position: absolute;
    left: 6%;
    right: -3%;
    bottom: .07em;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,104,186,.85), transparent);
    box-shadow: 0 0 10px rgba(255,79,174,.75);
    transform: rotate(-2deg);
  }

  .command-brand-tagline {
    color: rgba(255,233,246,.64);
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .19em;
    white-space: nowrap;
  }

  .brand-command-label { display: none !important; }

  .sidebar-nav {
    position: relative;
    z-index: 2;
    gap: 3px !important;
  }

  .sidebar .tab {
    min-height: 41px !important;
    gap: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: rgba(241,234,246,.78) !important;
    background: transparent !important;
    font-size: .85rem !important;
    letter-spacing: .005em;
    box-shadow: none !important;
  }

  .sidebar .tab .nav-icon {
    width: 23px !important;
    color: rgba(244,235,247,.76) !important;
    font-size: 1.02rem !important;
    filter: drop-shadow(0 0 5px rgba(255,79,174,.08));
  }

  .sidebar .tab:hover {
    color: #fff !important;
    border-color: rgba(255,79,174,.20) !important;
    background: linear-gradient(90deg, rgba(255,79,174,.09), rgba(114,57,183,.035)) !important;
  }

  .sidebar .tab.active {
    color: #fff !important;
    border-color: rgba(255, 100, 184, .72) !important;
    background:
      linear-gradient(90deg, rgba(255,70,166,.36), rgba(121,50,154,.14) 78%, rgba(255,79,174,.08)) !important;
    box-shadow:
      0 0 10px rgba(255,79,174,.42),
      0 0 26px rgba(255,79,174,.13),
      inset 0 0 22px rgba(255,79,174,.08) !important;
  }

  .sidebar .tab.active .nav-icon {
    color: #ff9bd0 !important;
    text-shadow: 0 0 10px #ff4fae;
  }

  .sidebar-divider {
    position: relative;
    z-index: 2;
    height: 1px !important;
    margin: 8px 7px !important;
    background: linear-gradient(90deg, transparent, rgba(255,79,174,.24), transparent) !important;
  }

  .secondary-nav .tab {
    min-height: 37px !important;
    color: rgba(222,217,232,.64) !important;
    font-size: .80rem !important;
  }

  .premium-sidebar-card {
    position: relative;
    z-index: 2;
    margin: auto 0 6px !important;
    padding: 13px 12px !important;
    border: 1px solid rgba(255,76,172,.62) !important;
    border-radius: 10px !important;
    color: white !important;
    background:
      radial-gradient(circle at 15% 10%, rgba(255,187,85,.13), transparent 35%),
      linear-gradient(145deg, rgba(53,12,46,.84), rgba(8,7,21,.94)) !important;
    box-shadow: 0 0 18px rgba(255,79,174,.18), inset 0 0 24px rgba(255,79,174,.04) !important;
  }

  .premium-sidebar-card .discord-logo {
    color: #ffd66c !important;
    text-shadow: 0 0 10px rgba(255,192,82,.6);
  }

  .premium-sidebar-card strong {
    color: #ff91cb !important;
    text-transform: uppercase;
    letter-spacing: .06em;
  }

  .premium-sidebar-card small {
    color: rgba(234,221,234,.68) !important;
    font-size: .69rem !important;
    line-height: 1.35;
  }

  .sidebar-footer {
    position: relative;
    z-index: 2;
    padding: 6px 4px 0 !important;
    color: rgba(182,188,207,.55) !important;
    font-size: .62rem !important;
  }

  /* ---------- DESKTOP WORKSPACE ---------- */
  .workspace {
    margin-left: var(--sidebar-width) !important;
    min-height: 100vh;
    background: transparent !important;
  }

  .topbar {
    height: 64px !important;
    grid-template-columns: 1fr minmax(380px, 500px) auto !important;
    gap: 12px !important;
    padding: 8px 18px !important;
    background: rgba(2,4,11,.93) !important;
    border-bottom: 1px solid rgba(255,79,174,.14) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.26) !important;
    backdrop-filter: blur(20px) saturate(1.2) !important;
  }

  .search-box {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 500px !important;
    height: 39px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(200,137,204,.22) !important;
    border-radius: 9px !important;
    color: #a6a4b3 !important;
    background: rgba(5,7,16,.84) !important;
    box-shadow: inset 0 0 16px rgba(255,79,174,.025) !important;
  }

  .search-box:focus-within {
    border-color: rgba(255,92,181,.55) !important;
    box-shadow: 0 0 15px rgba(255,79,174,.12), inset 0 0 18px rgba(255,79,174,.045) !important;
  }

  .search-box input {
    color: #fff8fc !important;
    font-size: .83rem !important;
  }

  .search-box input::placeholder { color: rgba(207,202,215,.48) !important; }

  .search-box kbd {
    color: rgba(219,211,225,.55) !important;
    border-color: rgba(255,255,255,.07) !important;
    background: rgba(255,255,255,.025) !important;
  }

  .topbar-actions {
    grid-column: 3 !important;
    gap: 7px !important;
  }

  body[data-page="dashboard"] .account-switcher {
    display: none !important;
  }

  .topbar .icon-button,
  .topbar .install-button,
  .topbar .profile-chip {
    min-width: 39px !important;
    min-height: 39px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 50% !important;
    background: rgba(7,9,19,.82) !important;
    box-shadow: inset 0 0 14px rgba(255,79,174,.025) !important;
  }

  .topbar .icon-button:hover,
  .topbar .profile-chip:hover {
    border-color: rgba(255,79,174,.45) !important;
    box-shadow: 0 0 12px rgba(255,79,174,.16) !important;
  }

  body[data-page="dashboard"] .profile-chip > span:not(.profile-menu-caret) {
    display: none !important;
  }

  body[data-page="dashboard"] .profile-menu-caret { display: none !important; }

  body[data-page="dashboard"] .profile-chip {
    width: 43px !important;
    height: 43px !important;
    padding: 2px !important;
  }

  body[data-page="dashboard"] .profile-chip .equipped-avi-circle,
  body[data-page="dashboard"] .profile-chip img {
    width: 35px !important;
    height: 35px !important;
  }

  .main-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
  }

  /* ---------- DASHBOARD FRAME ---------- */
  .dashboard-command-center {
    width: 100% !important;
  }

  .command-center-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    align-items: start !important;
    gap: 12px !important;
  }

  .command-main-column {
    min-width: 0 !important;
    display: grid !important;
    gap: 10px !important;
  }

  /* ---------- CINEMATIC HERO ---------- */
  .command-center-hero {
    position: relative !important;
    min-height: 356px !important;
    height: 356px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,79,174,.34) !important;
    border-radius: 9px !important;
    background: #050714 !important;
    box-shadow:
      0 0 0 1px rgba(255,101,187,.035),
      0 0 24px rgba(255,52,153,.11),
      0 22px 50px rgba(0,0,0,.40) !important;
  }

  .command-center-hero .hero-glow {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: .30 !important;
    mix-blend-mode: screen;
    pointer-events: none;
  }

  .command-center-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(3,4,12,.82) 0%, rgba(3,4,12,.58) 34%, rgba(3,4,12,.06) 64%, rgba(3,4,12,.10) 100%),
      linear-gradient(180deg, rgba(5,5,15,.07), rgba(1,2,8,.13) 76%, rgba(1,2,8,.48));
  }

  .command-center-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 5;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ff55ad 25%, #9b64ff 64%, transparent);
    box-shadow: 0 0 12px rgba(255,79,174,.56);
    pointer-events: none;
  }

  .command-hero-art-wrap {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    opacity: 1 !important;
  }

  .command-hero-scene {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: 52% 53% !important;
    transform: scale(1.025) !important;
    filter: saturate(1.32) contrast(1.13) brightness(.68) !important;
  }

  .command-hero-feature {
    position: absolute !important;
    z-index: 2 !important;
    right: 8.2% !important;
    bottom: -123% !important;
    width: auto !important;
    height: 225% !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    pointer-events: none !important;
    filter:
      saturate(1.12)
      contrast(1.08)
      drop-shadow(0 0 9px rgba(255,90,182,.34))
      drop-shadow(0 24px 32px rgba(0,0,0,.60)) !important;
  }

  .command-hero-copy {
    position: relative !important;
    z-index: 6 !important;
    width: 51% !important;
    padding: 58px 0 30px 62px !important;
  }

  .command-kicker {
    display: block !important;
    margin-bottom: 7px !important;
    color: #ff9ece !important;
    font-size: .75rem !important;
    font-weight: 850 !important;
    letter-spacing: .30em !important;
    text-shadow: 0 0 10px rgba(255,79,174,.46);
  }

  .command-hero-copy h1 {
    margin: 0 !important;
    max-width: 560px !important;
    line-height: .90 !important;
    transform: rotate(-1.4deg);
  }

  .command-hero-copy h1 span,
  .command-hero-copy h1 strong {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    color: #fff !important;
    font-family: "Brush Script MT", "Segoe Print", "Bradley Hand", cursive !important;
    font-style: italic !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-transform: uppercase !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    filter: none !important;
  }

  .command-hero-copy h1 span {
    color: #ff73bc !important;
    font-size: clamp(2.55rem, 3.6vw, 4.05rem) !important;
    text-shadow: 0 0 5px rgba(255,130,198,.90), 0 0 22px rgba(255,49,151,.42);
  }

  .command-hero-copy h1 strong {
    margin-top: -2px !important;
    color: #fff0f8 !important;
    font-size: clamp(3.0rem, 4.25vw, 4.9rem) !important;
    text-shadow: 0 2px 0 rgba(255,110,183,.35), 0 0 18px rgba(255,79,174,.24);
  }

  .command-hero-copy > p {
    width: 330px !important;
    margin: 15px 0 17px !important;
    color: rgba(255,246,251,.82) !important;
    font-size: .92rem !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  .command-hero-copy .hero-player-line {
    display: none !important;
  }

  .command-explore-button {
    min-width: 205px !important;
    min-height: 43px !important;
    margin-left: 50px !important;
    padding: 10px 22px !important;
    border: 1px solid rgba(255,129,198,.86) !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: linear-gradient(180deg, rgba(255,80,170,.58), rgba(119,34,111,.46)) !important;
    box-shadow:
      0 0 9px rgba(255,79,174,.67),
      0 0 25px rgba(255,79,174,.24),
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -8px 18px rgba(66,7,52,.22) !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
  }

  .command-explore-button:hover {
    filter: brightness(1.12) saturate(1.1) !important;
    transform: translateY(-1px);
  }

  /* ---------- SHARED COMMAND PANELS ---------- */
  .command-stats-panel,
  .command-action-panel,
  .command-spotlight-section {
    position: relative !important;
    margin: 0 !important;
    padding: 10px 11px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,79,174,.24) !important;
    border-radius: 9px !important;
    background:
      radial-gradient(circle at 55% -20%, rgba(112,70,202,.08), transparent 48%),
      linear-gradient(180deg, rgba(8,10,24,.97), rgba(5,8,18,.97)) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.012),
      0 0 18px rgba(255,52,155,.055),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  .command-stats-panel::after,
  .command-action-panel::after,
  .command-spotlight-section::after {
    content: "";
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,79,174,.56), transparent);
    box-shadow: 0 0 9px rgba(255,79,174,.3);
    pointer-events: none;
  }

  .command-panel-heading {
    min-height: 21px !important;
    margin: 0 0 7px !important;
  }

  .command-panel-heading h2 {
    color: #ffabd5 !important;
    font-size: .70rem !important;
    font-weight: 850 !important;
    letter-spacing: .10em !important;
    text-shadow: 0 0 9px rgba(255,79,174,.22);
  }

  .command-panel-heading .subtle-button,
  .command-panel-note {
    color: rgba(235,226,239,.50) !important;
    font-size: .66rem !important;
  }

  /* ---------- PIMD STAT STRIP ---------- */
  .command-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(155,157,213,.13) !important;
    border-radius: 8px !important;
    background: rgba(2,5,14,.60) !important;
  }

  .command-stat-grid .metric-card {
    min-height: 93px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 11px 10px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(10,13,29,.55), rgba(5,8,19,.62)) !important;
    box-shadow: none !important;
  }

  .command-stat-grid .metric-card:last-child { border-right: 0 !important; }

  .command-stat-grid .metric-card::after {
    content: "";
    position: absolute;
    inset: auto 16% 0;
    height: 1px;
    opacity: .25;
    background: currentColor;
    box-shadow: 0 0 10px currentColor;
  }

  .command-stat-grid .metric-icon {
    width: 32px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    color: currentColor !important;
    font-size: 1.72rem !important;
    line-height: 1 !important;
    text-shadow: none !important;
    filter: none;
  }

  .command-stat-grid .metric-card > div { min-width: 0 !important; }

  .command-stat-grid .metric-card small {
    color: currentColor !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
  }

  .command-stat-grid .metric-card strong {
    margin: 2px 0 1px !important;
    color: #fff !important;
    font-size: 1.12rem !important;
    font-weight: 750 !important;
    text-shadow: 0 0 8px rgba(255,255,255,.08);
  }

  .command-stat-grid .metric-card em {
    display: block !important;
    color: rgba(211,211,225,.54) !important;
    font-size: .61rem !important;
    line-height: 1.28 !important;
    white-space: normal !important;
  }

  .command-stat-grid .metric-card.cs { color: #ff5cad !important; }
  .command-stat-grid .metric-card.str { color: #ff625f !important; }
  .command-stat-grid .metric-card.intel { color: #56a8ff !important; }
  .command-stat-grid .metric-card.tb { color: #ba6fff !important; }
  .command-stat-grid .metric-card.misc { color: #ffbc46 !important; }
  .command-stat-grid .metric-card.drops { color: #45e7ef !important; }

  /* ---------- ACTION DOCK ---------- */
  .command-action-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) 68px !important;
    gap: 9px !important;
  }

  .command-action-card,
  .command-more-card {
    min-height: 96px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: rgba(5,8,18,.88) !important;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
  }

  .command-action-card {
    display: grid !important;
    grid-template-rows: 42px auto auto !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 2px !important;
    padding: 9px 8px !important;
    border: 1px solid currentColor !important;
    text-align: center !important;
  }

  .command-action-card:hover,
  .command-more-card:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.10) !important;
  }

  .command-action-card.pink {
    color: #ff5cad !important;
    background: radial-gradient(circle at 50% 0, rgba(255,57,157,.20), rgba(33,8,29,.70) 62%, rgba(5,8,18,.90)) !important;
    box-shadow: 0 0 11px rgba(255,79,174,.34), inset 0 0 20px rgba(255,79,174,.07) !important;
  }
  .command-action-card.cyan {
    color: #48e6ef !important;
    background: radial-gradient(circle at 50% 0, rgba(43,212,232,.17), rgba(4,32,38,.68) 62%, rgba(5,8,18,.90)) !important;
    box-shadow: 0 0 11px rgba(72,226,238,.26), inset 0 0 20px rgba(72,226,238,.06) !important;
  }
  .command-action-card.purple {
    color: #ad6bff !important;
    background: radial-gradient(circle at 50% 0, rgba(147,74,247,.18), rgba(28,9,45,.68) 62%, rgba(5,8,18,.90)) !important;
    box-shadow: 0 0 11px rgba(173,107,255,.26), inset 0 0 20px rgba(173,107,255,.06) !important;
  }
  .command-action-card.violet {
    color: #d165ff !important;
    background: radial-gradient(circle at 50% 0, rgba(194,72,246,.17), rgba(41,7,47,.68) 62%, rgba(5,8,18,.90)) !important;
    box-shadow: 0 0 11px rgba(209,101,255,.25), inset 0 0 20px rgba(209,101,255,.06) !important;
  }
  .command-action-card.gold {
    color: #ffbb56 !important;
    background: radial-gradient(circle at 50% 0, rgba(255,166,52,.18), rgba(52,27,5,.68) 62%, rgba(5,8,18,.90)) !important;
    box-shadow: 0 0 11px rgba(255,187,86,.24), inset 0 0 20px rgba(255,187,86,.06) !important;
  }

  .command-action-icon {
    display: grid !important;
    place-items: center !important;
    color: currentColor !important;
    font-size: 2.05rem !important;
    line-height: 1 !important;
    text-shadow: 0 0 10px currentColor !important;
    filter: drop-shadow(0 0 5px currentColor);
  }

  .command-action-card strong {
    color: #fff !important;
    font-size: .80rem !important;
    font-weight: 750 !important;
  }

  .command-action-card small {
    color: rgba(224,219,232,.54) !important;
    font-size: .56rem !important;
    line-height: 1.25 !important;
  }

  .command-more-card {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 3px !important;
    padding: 7px !important;
    border: 1px solid rgba(202,144,238,.28) !important;
    color: #cda0eb !important;
    background: linear-gradient(180deg, rgba(28,15,39,.70), rgba(5,8,18,.90)) !important;
  }

  .command-more-card > span {
    font-size: 1.45rem !important;
    letter-spacing: .12em !important;
    text-shadow: 0 0 9px rgba(205,160,235,.45);
  }

  .command-more-card small {
    color: #e9dcef !important;
    font-size: .62rem !important;
    line-height: 1.15 !important;
  }

  /* ---------- SPOTLIGHT ---------- */
  .command-spotlight-section {
    padding-bottom: 11px !important;
  }

  .command-spotlight-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
  }

  .command-spotlight-card {
    position: relative !important;
    min-height: 184px !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    padding: 14px !important;
    border: 1px solid rgba(255,79,174,.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, rgba(14,9,27,.96), rgba(4,7,17,.96)) !important;
    box-shadow: inset 0 0 26px rgba(255,79,174,.035), 0 0 14px rgba(255,79,174,.05) !important;
  }

  .command-spotlight-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255,79,174,.055), transparent 38%, transparent 70%, rgba(121,79,255,.045));
  }

  .hunt-spotlight {
    background:
      linear-gradient(180deg, rgba(6,8,18,.20), rgba(6,8,18,.88)),
      url('../images/membership/membership-group-rooftop-v53.webp') center 42% / cover no-repeat !important;
  }

  .build-spotlight {
    background:
      linear-gradient(90deg, rgba(5,7,17,.86), rgba(7,5,18,.54)),
      url('../images/heroes/build-hero.webp') center 36% / cover no-repeat !important;
  }

  .boxes-spotlight {
    background:
      radial-gradient(circle at 68% 45%, rgba(255,49,155,.19), transparent 38%),
      linear-gradient(145deg, rgba(16,7,23,.96), rgba(5,8,18,.96)) !important;
  }

  .spotlight-copy {
    position: relative !important;
    z-index: 2 !important;
    max-width: 76% !important;
  }

  .spotlight-copy > span {
    color: #ffd3e8 !important;
    font-size: .70rem !important;
    font-weight: 850 !important;
    letter-spacing: .07em !important;
  }

  .spotlight-copy h3 {
    margin: 3px 0 !important;
    color: #fff !important;
    font-size: .88rem !important;
  }

  .spotlight-copy p {
    margin: 3px 0 !important;
    color: rgba(241,230,240,.65) !important;
    font-size: .65rem !important;
  }

  .command-progress {
    position: relative !important;
    z-index: 2 !important;
    align-self: end !important;
    margin: 6px 0 7px !important;
  }

  .command-progress .progress-track {
    height: 5px !important;
    background: rgba(255,255,255,.10) !important;
  }

  .command-progress .progress-bar {
    background: linear-gradient(90deg, #ff4fad, #ff83c8) !important;
    box-shadow: 0 0 9px rgba(255,79,174,.55);
  }

  .command-card-button {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    min-height: 31px !important;
    border: 1px solid rgba(255,98,183,.62) !important;
    border-radius: 6px !important;
    color: #fff !important;
    background: linear-gradient(180deg, rgba(255,79,174,.14), rgba(63,15,54,.26)) !important;
    box-shadow: 0 0 9px rgba(255,79,174,.16), inset 0 1px 0 rgba(255,255,255,.07) !important;
    font-size: .69rem !important;
  }

  .command-card-button:hover {
    background: linear-gradient(180deg, rgba(255,79,174,.30), rgba(72,16,62,.31)) !important;
    box-shadow: 0 0 13px rgba(255,79,174,.26) !important;
  }

  .command-mini-stats {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    gap: 6px !important;
    align-self: end !important;
    margin-bottom: 7px !important;
  }

  .command-mini-stats > span {
    min-width: 0 !important;
    padding: 5px 7px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 5px !important;
    background: rgba(2,5,13,.68) !important;
  }

  .command-mini-stats small {
    color: #ffbd55 !important;
    font-size: .48rem !important;
  }

  .command-mini-stats strong {
    color: #fff !important;
    font-size: .59rem !important;
  }

  .spotlight-box-art {
    position: absolute !important;
    z-index: 2 !important;
    right: 4% !important;
    top: 18% !important;
    width: 48% !important;
    height: 52% !important;
    object-fit: contain !important;
    filter: saturate(1.25) drop-shadow(0 0 16px rgba(255,64,163,.32)) drop-shadow(0 13px 18px rgba(0,0,0,.55)) !important;
  }

  /* ---------- RIGHT PLAYER RAIL ---------- */
  .command-right-rail {
    position: sticky !important;
    top: 76px !important;
    width: 300px !important;
    min-width: 300px !important;
    display: grid !important;
    gap: 9px !important;
  }

  .command-rail-card {
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(255,79,174,.32) !important;
    border-radius: 9px !important;
    background:
      radial-gradient(circle at 75% 4%, rgba(255,57,161,.09), transparent 33%),
      linear-gradient(180deg, rgba(8,9,23,.98), rgba(4,7,16,.98)) !important;
    box-shadow: 0 0 17px rgba(255,79,174,.065), inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  .command-rail-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .35;
    background:
      radial-gradient(circle at 88% 12%, rgba(255,103,183,.30) 0 1px, transparent 2px),
      radial-gradient(circle at 75% 82%, rgba(255,103,183,.20) 0 1px, transparent 2px),
      radial-gradient(circle at 18% 92%, rgba(255,103,183,.13) 0 1px, transparent 2px);
  }

  .command-rail-label {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 0 7px !important;
    color: #ffabd4 !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
    letter-spacing: .10em !important;
  }

  .command-profile-card {
    min-height: 300px !important;
    text-align: center !important;
  }

  .command-profile-avi {
    position: relative !important;
    z-index: 2 !important;
    width: 112px !important;
    height: 112px !important;
    margin: 1px auto 7px !important;
    border: 2px solid rgba(255,102,184,.92) !important;
    border-radius: 50% !important;
    background: #080916 !important;
    box-shadow:
      0 0 0 5px rgba(255,79,174,.045),
      0 0 12px rgba(255,79,174,.72),
      0 0 34px rgba(255,79,174,.20) !important;
  }

  .command-profile-avi::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
    pointer-events: none;
  }

  .command-profile-avi img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
  }

  .command-profile-name {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    margin-top: 2px !important;
    color: #fff !important;
    font-size: 1.24rem !important;
    line-height: 1.1 !important;
  }

  .command-profile-type {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    margin: 3px 0 10px !important;
    color: #a88df5 !important;
    font-size: .72rem !important;
  }

  .command-profile-meta {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    margin: 0 0 8px !important;
    padding: 8px 0 !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
  }

  .command-profile-meta span {
    min-width: 0 !important;
    padding: 0 5px !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
  }

  .command-profile-meta span:last-child { border-right: 0 !important; }
  .command-profile-meta small { color: rgba(202,198,215,.48) !important; font-size: .52rem !important; }
  .command-profile-meta strong { color: #fff !important; font-size: .67rem !important; }

  .command-equipped-line {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 7px 8px !important;
    border-radius: 6px !important;
    color: rgba(224,215,227,.55) !important;
    background: rgba(255,255,255,.025) !important;
    font-size: .57rem !important;
  }

  .command-equipped-line strong {
    color: #e6d9e9 !important;
    font-size: .62rem !important;
  }

  .command-rail-button {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    min-height: 32px !important;
    border: 1px solid rgba(255,94,180,.55) !important;
    border-radius: 6px !important;
    color: #fbeef7 !important;
    background: linear-gradient(180deg, rgba(255,79,174,.12), rgba(44,10,39,.24)) !important;
    box-shadow: 0 0 8px rgba(255,79,174,.12) !important;
    font-size: .68rem !important;
  }

  .command-wallet-card {
    min-height: 122px !important;
  }

  .command-wallet-state {
    position: absolute !important;
    z-index: 2 !important;
    right: 11px !important;
    top: 11px !important;
    color: rgba(197,190,207,.45) !important;
    font-size: .52rem !important;
  }

  .command-wallet-values {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin: 7px 0 9px !important;
  }

  .command-wallet-values span {
    position: relative !important;
    min-width: 0 !important;
    padding: 8px 7px 8px 32px !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.025) !important;
    text-align: left !important;
  }

  .command-wallet-values span::before {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: .64rem;
    box-shadow: 0 0 7px currentColor;
  }

  .command-wallet-values span:first-child { color: #ffbd55 !important; }
  .command-wallet-values span:first-child::before { content: ""; border:0; border-radius:0; background:url("../images/economy/koban-black-gold-mythic-v10553.png") center/contain no-repeat; box-shadow:none; filter:drop-shadow(0 0 5px rgba(255,189,85,.66)); }
  .command-wallet-values span:last-child { color: #c878ff !important; }
  .command-wallet-values span:last-child::before { content: ""; border:0; border-radius:0; background:url("../images/economy/bloom-crystal-v10554.png") center/contain no-repeat; box-shadow:none; filter:drop-shadow(0 0 6px rgba(200,120,255,.72)); }
  .command-wallet-values small { color: rgba(203,196,211,.54) !important; font-size: .51rem !important; }
  .command-wallet-values strong { color: #fff !important; font-size: .86rem !important; }

  .command-hunt-card {
    min-height: 206px !important;
  }

  .command-hunt-art {
    position: relative !important;
    z-index: 2 !important;
    width: calc(100% + 24px) !important;
    height: 104px !important;
    max-width: none !important;
    margin: -4px -12px 9px !important;
    object-fit: cover !important;
    object-position: center 40% !important;
    border-top: 1px solid rgba(255,79,174,.10) !important;
    border-bottom: 1px solid rgba(255,79,174,.18) !important;
    filter: saturate(1.34) contrast(1.08) brightness(.78) !important;
  }

  .command-hunt-copy {
    position: relative !important;
    z-index: 2 !important;
  }

  .command-hunt-copy strong {
    display: block !important;
    color: #fff !important;
    font-size: .86rem !important;
  }

  .command-hunt-copy span {
    display: block !important;
    margin: 2px 0 6px !important;
    color: rgba(219,210,222,.58) !important;
    font-size: .61rem !important;
  }

  .command-hunt-copy .progress-track {
    height: 5px !important;
    margin-bottom: 8px !important;
  }

  .command-discord-card {
    min-height: 184px !important;
    border-color: rgba(138,104,255,.30) !important;
    background:
      radial-gradient(circle at 88% 78%, rgba(108,83,255,.13), transparent 34%),
      linear-gradient(180deg, rgba(9,10,27,.98), rgba(4,7,17,.98)) !important;
  }

  .command-discord-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
  }

  .command-discord-head span {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    color: #b5a6ff !important;
    background: rgba(107,85,255,.12) !important;
    box-shadow: 0 0 10px rgba(107,85,255,.14) !important;
  }

  .command-discord-head strong { color: #fff !important; font-size: .76rem !important; }
  .command-discord-head small { color: rgba(208,203,220,.54) !important; font-size: .57rem !important; }

  .command-discord-list {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .command-discord-list li {
    margin: 4px 0 !important;
    color: rgba(229,222,234,.67) !important;
    font-size: .61rem !important;
  }

  .command-discord-list li::before {
    content: "✦";
    margin-right: 6px;
    color: #ff6cb8;
  }

  /* ---------- NON-DASHBOARD DESKTOP SHELL ---------- */
  body:not([data-page="dashboard"]) .main-content {
    padding: 18px 24px 28px !important;
  }

  body:not([data-page="dashboard"]) .content-card,
  body:not([data-page="dashboard"]) .dashboard-panel,
  body:not([data-page="dashboard"]) .tool-hero,
  body:not([data-page="dashboard"]) .account-hub-hero {
    border-color: rgba(255,79,174,.22) !important;
    background-color: rgba(7,9,20,.95) !important;
    box-shadow: 0 0 17px rgba(255,79,174,.04), inset 0 1px 0 rgba(255,255,255,.02) !important;
  }

  body:not([data-page="dashboard"]) input,
  body:not([data-page="dashboard"]) select,
  body:not([data-page="dashboard"]) textarea {
    border-color: rgba(255,120,191,.19) !important;
    background: rgba(3,6,14,.88) !important;
  }

  body:not([data-page="dashboard"]) input:focus,
  body:not([data-page="dashboard"]) select:focus,
  body:not([data-page="dashboard"]) textarea:focus {
    border-color: rgba(255,79,174,.65) !important;
    box-shadow: 0 0 0 3px rgba(255,79,174,.08), 0 0 14px rgba(255,79,174,.08) !important;
  }

  /* Live right-rail class names + top action buttons */
  .command-top-action {
    color: #d9d5e6 !important;
    font-size: 1rem !important;
  }
  .command-top-action:first-child {
    color: #8bcaff !important;
    text-shadow: 0 0 10px rgba(92,184,255,.55);
  }
  .command-top-action:nth-child(2) {
    color: #d47aff !important;
    text-shadow: 0 0 10px rgba(185,92,255,.48);
  }

  .command-stat-grid .metric-card { position: relative !important; }

  .command-profile-subtitle {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    margin: 3px 0 10px !important;
    color: #aa91f0 !important;
    font-size: .70rem !important;
  }

  .command-profile-equipped {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 7px 8px !important;
    border: 1px solid rgba(255,255,255,.045) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.025) !important;
  }
  .command-profile-equipped small {
    color: rgba(211,202,218,.48) !important;
    font-size: .51rem !important;
    letter-spacing: .05em !important;
  }
  .command-profile-equipped strong {
    color: #eee0eb !important;
    font-size: .62rem !important;
  }

  .command-rail-heading {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }
  .command-rail-heading .command-rail-label { margin-bottom: 0 !important; }
  .command-rail-heading > small {
    color: rgba(207,198,215,.46) !important;
    font-size: .51rem !important;
  }

  .command-wallet-grid {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin: 8px 0 9px !important;
  }
  .command-wallet-grid > span {
    position: relative !important;
    min-width: 0 !important;
    padding: 8px 7px 8px 34px !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.025) !important;
    text-align: left !important;
  }
  .command-wallet-grid > span::before {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 19px;
    height: 19px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: .63rem;
    box-shadow: 0 0 7px currentColor;
  }
  .command-wallet-grid > span:first-child { color: #ffbd55 !important; }
  .command-wallet-grid > span:first-child::before { content: ""; border:0; border-radius:0; background:url("../images/economy/koban-black-gold-mythic-v10553.png") center/contain no-repeat; box-shadow:none; filter:drop-shadow(0 0 5px rgba(255,189,85,.66)); }
  .command-wallet-grid > span:last-child { color: #ca79ff !important; }
  .command-wallet-grid > span:last-child::before { content: ""; border:0; border-radius:0; background:url("../images/economy/bloom-crystal-v10554.png") center/contain no-repeat; box-shadow:none; filter:drop-shadow(0 0 6px rgba(202,121,255,.72)); }
  .command-wallet-grid small {
    display: block !important;
    color: rgba(203,196,211,.53) !important;
    font-size: .50rem !important;
  }
  .command-wallet-grid strong {
    display: block !important;
    margin-top: 1px !important;
    color: #fff !important;
    font-size: .86rem !important;
  }

  .command-hunt-card .command-hunt-art {
    position: relative !important;
    z-index: 2 !important;
    width: calc(100% + 24px) !important;
    height: 102px !important;
    margin: -4px -12px 9px !important;
    border-top: 1px solid rgba(255,79,174,.09) !important;
    border-bottom: 1px solid rgba(255,79,174,.17) !important;
    background:
      linear-gradient(180deg, rgba(4,6,14,.04), rgba(4,6,14,.35)),
      url('../images/membership/membership-group-rooftop-v53.webp') center 42% / cover no-repeat !important;
    filter: saturate(1.30) contrast(1.08) brightness(.82) !important;
  }
  .command-hunt-card > strong,
  .command-hunt-card > small,
  .command-hunt-card > .progress-track,
  .command-hunt-card > .command-rail-button {
    position: relative !important;
    z-index: 2 !important;
  }
  .command-hunt-card > strong {
    display: block !important;
    margin: 0 0 2px !important;
    color: #fff !important;
    font-size: .84rem !important;
  }
  .command-hunt-card > small {
    display: block !important;
    margin-bottom: 7px !important;
    color: rgba(218,210,222,.57) !important;
    font-size: .59rem !important;
  }
  .command-hunt-card > .progress-track {
    height: 5px !important;
    margin: 0 0 8px !important;
    background: rgba(255,255,255,.09) !important;
  }
  .command-hunt-card > .progress-track .progress-bar {
    background: linear-gradient(90deg, #ff4fad, #ff82c7) !important;
    box-shadow: 0 0 9px rgba(255,79,174,.50);
  }

  .command-discord-card > strong,
  .command-discord-card > small,
  .command-discord-card > .command-rail-button {
    position: relative !important;
    z-index: 2 !important;
  }
  .command-discord-card > strong {
    display: block !important;
    margin: 4px 0 3px !important;
    color: #fff !important;
    font-size: .84rem !important;
  }
  .command-discord-card > small {
    display: block !important;
    min-height: 46px !important;
    margin-bottom: 8px !important;
    color: rgba(222,215,230,.61) !important;
    font-size: .60rem !important;
    line-height: 1.45 !important;
  }
  .command-discord-card::before {
    content: "◖◗";
    position: absolute;
    right: 17px;
    bottom: 41px;
    z-index: 1;
    color: rgba(128,107,255,.11);
    font-size: 4.2rem;
    line-height: 1;
    text-shadow: 0 0 20px rgba(110,89,255,.16);
  }

  .site-footer {
    margin: 0 !important;
    padding: 9px 16px 11px !important;
    border-top: 1px solid rgba(255,79,174,.10) !important;
    color: rgba(191,187,201,.48) !important;
    background: rgba(2,4,10,.62) !important;
    font-size: .58rem !important;
  }
}

/* Ultimate PIMD v8.51 — approved Neon Sakura Command Center desktop match */
@media (min-width: 901px) {
  :root {
    --sidebar-width: clamp(252px, 15.5vw, 318px);
    --command-rail-width: clamp(318px, 19vw, 374px);
  }

  body[data-page="dashboard"] {
    background:
      radial-gradient(ellipse at 64% -8%, rgba(95, 36, 160, .20), transparent 34%),
      radial-gradient(ellipse at 90% 28%, rgba(255, 45, 145, .09), transparent 23%),
      #02040c !important;
  }

  body[data-page="dashboard"]::before {
    opacity: .55 !important;
    background:
      radial-gradient(ellipse at 88% 5%, rgba(255, 83, 168, .20), transparent 22%),
      radial-gradient(circle at 30% 18%, rgba(255, 85, 167, .22) 0 2px, transparent 3px),
      radial-gradient(circle at 73% 43%, rgba(255, 105, 181, .16) 0 1.5px, transparent 2.5px),
      linear-gradient(120deg, transparent 0 68%, rgba(255, 74, 160, .035) 68% 69%, transparent 69%);
  }

  .ui-icon { display: block; width: 100%; height: 100%; overflow: visible; }

  .sidebar {
    width: var(--sidebar-width) !important;
    padding: 14px 14px 12px !important;
    background:
      linear-gradient(180deg, rgba(2, 4, 12, .90), rgba(2, 4, 12, .97)),
      url("../images/hero-characters.webp") 14% bottom / auto 68% no-repeat !important;
    border-right-color: rgba(255, 82, 172, .38) !important;
    box-shadow: 18px 0 55px rgba(0, 0, 0, .58), 1px 0 0 rgba(255, 102, 186, .09) !important;
  }

  .sidebar::before {
    opacity: .56 !important;
    background:
      radial-gradient(ellipse at 14% 56%, rgba(255, 61, 156, .16), transparent 28%),
      radial-gradient(circle at 88% 17%, rgba(255, 109, 186, .75) 0 2px, transparent 3px),
      radial-gradient(circle at 76% 26%, rgba(255, 109, 186, .35) 0 1.5px, transparent 2.5px),
      radial-gradient(circle at 20% 74%, rgba(255, 109, 186, .34) 0 1.5px, transparent 2.5px),
      linear-gradient(168deg, transparent 0 62%, rgba(255, 54, 153, .075) 62% 100%) !important;
  }

  .command-brand {
    height: 145px !important;
    min-height: 145px !important;
    flex-basis: 145px !important;
    margin-bottom: 8px !important;
    padding-top: 8px !important;
  }

  .command-brand-overline { font-size: .68rem !important; letter-spacing: .48em !important; }

  .command-brand-wordmark {
    margin: -5px 0 4px !important;
    font-size: clamp(4.4rem, 4.25vw, 5.3rem) !important;
    line-height: .82 !important;
    color: #ff6abb !important;
    text-shadow: 0 0 3px #ffd0e9, 0 0 12px rgba(255, 74, 165, .95), 0 0 34px rgba(255, 37, 145, .52) !important;
  }

  .command-brand-tagline { font-size: .51rem !important; letter-spacing: .20em !important; color: rgba(255, 238, 247, .72) !important; }
  .sidebar-nav { gap: 3px !important; }

  .sidebar .tab {
    position: relative !important;
    min-height: 44px !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: clamp(.84rem, .82vw, .96rem) !important;
    overflow: hidden;
  }

  .sidebar .tab .nav-icon {
    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px !important;
    font-size: 0 !important;
    filter: drop-shadow(0 0 6px rgba(255, 100, 184, .16)) !important;
  }

  .sidebar .tab.active {
    padding-right: 42px !important;
    border-color: rgba(255, 108, 190, .92) !important;
    background:
      radial-gradient(circle at 92% 50%, rgba(255, 117, 195, .24), transparent 23%),
      linear-gradient(90deg, rgba(255, 60, 159, .45), rgba(109, 37, 114, .22) 74%, rgba(255, 79, 174, .11)) !important;
    box-shadow: 0 0 11px rgba(255, 79, 174, .72), 0 0 31px rgba(255, 79, 174, .20), inset 0 0 24px rgba(255, 91, 178, .13) !important;
  }

  .sidebar .tab.active::after {
    content: "✿";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffd3e8;
    font-size: 1.25rem;
    text-shadow: 0 0 5px #fff, 0 0 13px #ff4fad;
  }

  .secondary-nav .tab { min-height: 40px !important; }

  .premium-sidebar-card {
    min-height: 112px !important;
    margin: auto 0 7px !important;
    padding: 15px 14px !important;
    border-color: rgba(255, 82, 172, .78) !important;
    border-radius: 9px !important;
    background:
      radial-gradient(circle at 8% 8%, rgba(255, 184, 70, .15), transparent 35%),
      linear-gradient(145deg, rgba(61, 11, 50, .93), rgba(6, 6, 19, .96)) !important;
    box-shadow: 0 0 18px rgba(255, 79, 174, .26), inset 0 0 27px rgba(255, 79, 174, .065) !important;
  }

  .premium-sidebar-card .discord-logo { width: 29px !important; height: 29px !important; flex: 0 0 29px !important; }
  .premium-sidebar-card strong { font-size: .82rem !important; }
  .premium-sidebar-card small { margin-top: 4px !important; font-size: .70rem !important; }

  .workspace { margin-left: var(--sidebar-width) !important; }

  .topbar {
    height: 72px !important;
    grid-template-columns: minmax(360px, 520px) 1fr auto !important;
    padding: 9px calc(var(--command-rail-width) + 30px) 9px 18px !important;
    background:
      linear-gradient(90deg, rgba(3, 5, 14, .96), rgba(4, 5, 15, .89)),
      radial-gradient(circle at 70% 0, rgba(255, 68, 160, .08), transparent 28%) !important;
    border-bottom-color: rgba(255, 82, 172, .16) !important;
  }

  .search-box {
    grid-column: 1 !important;
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    height: 44px !important;
    justify-self: start !important;
    border-color: rgba(229, 150, 214, .29) !important;
    border-radius: 10px !important;
    background: rgba(5, 7, 17, .90) !important;
    box-shadow: inset 0 0 20px rgba(255, 79, 174, .035), 0 0 12px rgba(0, 0, 0, .28) !important;
  }

  .search-box .search-icon { width: 19px; height: 19px; flex: 0 0 19px; }
  .search-box input { font-size: .88rem !important; }
  .topbar-actions { grid-column: 3 !important; gap: 9px !important; }

  .topbar .icon-button,
  .topbar .account-settings-button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 11px !important;
    border-color: rgba(255, 255, 255, .11) !important;
    border-radius: 50% !important;
    background: rgba(7, 9, 20, .90) !important;
  }

  body[data-page="dashboard"] .profile-menu-wrap,
  body[data-page="dashboard"] .profile-chip { display: none !important; }

  .main-content { padding: 12px 18px 16px !important; }
  .command-center-grid { grid-template-columns: minmax(0, 1fr) var(--command-rail-width) !important; gap: 14px !important; }
  .command-main-column { gap: 12px !important; }

  .command-center-hero {
    height: clamp(370px, 23.5vw, 480px) !important;
    min-height: clamp(370px, 23.5vw, 480px) !important;
    border-color: rgba(255, 80, 173, .55) !important;
    border-radius: 10px !important;
    background: #03050d !important;
    box-shadow: 0 0 0 1px rgba(255, 129, 199, .045), 0 0 28px rgba(255, 46, 151, .18), 0 24px 58px rgba(0, 0, 0, .46) !important;
  }

  .command-hero-scene {
    object-position: center 34% !important;
    transform: scale(1.015) !important;
    filter: saturate(1.28) contrast(1.11) brightness(.78) !important;
  }

  .command-hero-feature { display: none !important; }

  .command-center-hero::before {
    background:
      linear-gradient(90deg, rgba(2, 4, 12, .97) 0%, rgba(2, 4, 12, .86) 27%, rgba(2, 4, 12, .42) 49%, rgba(2, 4, 12, .05) 70%, rgba(2, 4, 12, .11) 100%),
      linear-gradient(180deg, rgba(3, 4, 13, .05), rgba(1, 2, 8, .18) 75%, rgba(1, 2, 8, .60)) !important;
  }

  .command-hero-art-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: .72;
    background:
      radial-gradient(ellipse at 7% 9%, rgba(255, 102, 181, .85) 0 2px, transparent 3px),
      radial-gradient(ellipse at 14% 18%, rgba(255, 102, 181, .55) 0 1.5px, transparent 2.5px),
      radial-gradient(ellipse at 91% 12%, rgba(255, 102, 181, .78) 0 2px, transparent 3px),
      radial-gradient(ellipse at 84% 23%, rgba(255, 102, 181, .45) 0 1.5px, transparent 2.5px),
      radial-gradient(ellipse at 73% 8%, rgba(255, 102, 181, .42) 0 1.4px, transparent 2.4px);
  }

  .command-hero-copy {
    width: 58% !important;
    padding: clamp(48px, 3.2vw, 66px) 0 34px clamp(42px, 3.4vw, 70px) !important;
  }

  .command-kicker { margin-bottom: 9px !important; font-size: clamp(.72rem, .72vw, .86rem) !important; letter-spacing: .34em !important; }

  .command-hero-copy h1 {
    max-width: 610px !important;
    line-height: .92 !important;
    transform: rotate(-1.2deg) !important;
  }

  .command-hero-copy h1 span,
  .command-hero-copy h1 strong {
    width: auto !important;
    white-space: nowrap !important;
    font-family: "Segoe Print", "Bradley Hand", "Brush Script MT", cursive !important;
    font-weight: 900 !important;
    letter-spacing: -.06em !important;
  }

  .command-hero-copy h1 span { font-size: clamp(2.7rem, 2.75vw, 3.7rem) !important; }
  .command-hero-copy h1 strong { margin-top: 2px !important; font-size: clamp(3rem, 3vw, 4rem) !important; }

  .command-hero-copy > p {
    width: min(370px, 80%) !important;
    margin: 18px 0 19px !important;
    font-size: clamp(.93rem, .86vw, 1.08rem) !important;
  }

  .command-explore-button {
    min-width: 220px !important;
    min-height: 48px !important;
    margin-left: 64px !important;
    border-color: rgba(255, 133, 202, .96) !important;
    border-radius: 7px !important;
    box-shadow: 0 0 10px rgba(255, 79, 174, .88), 0 0 29px rgba(255, 79, 174, .31), inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -11px 22px rgba(67, 5, 53, .28) !important;
  }

  .command-stats-panel,
  .command-action-panel,
  .command-spotlight-section {
    padding: 13px 14px 14px !important;
    border-color: rgba(255, 81, 174, .34) !important;
    border-radius: 9px !important;
    background:
      radial-gradient(circle at 54% -25%, rgba(117, 66, 210, .12), transparent 51%),
      linear-gradient(180deg, rgba(7, 9, 23, .985), rgba(3, 6, 15, .985)) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .015), 0 0 21px rgba(255, 49, 153, .09), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  .command-panel-heading { min-height: 27px !important; margin-bottom: 9px !important; }
  .command-panel-heading h2 { font-size: clamp(.71rem, .67vw, .82rem) !important; letter-spacing: .11em !important; }
  .command-panel-heading .subtle-button, .command-panel-note { font-size: .68rem !important; }

  .command-stat-grid { border-color: rgba(185, 170, 218, .18) !important; border-radius: 8px !important; background: rgba(1, 4, 12, .74) !important; }

  .command-stat-grid .metric-card {
    min-height: 116px !important;
    grid-template-columns: clamp(36px, 3vw, 50px) minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 14px 12px !important;
  }

  .command-stat-grid .metric-icon { width: clamp(34px, 3vw, 48px) !important; height: 58px !important; font-size: clamp(1.8rem, 2vw, 2.4rem) !important; }
  .command-stat-grid .metric-card small { font-size: clamp(.69rem, .63vw, .78rem) !important; }
  .command-stat-grid .metric-card strong { font-size: clamp(1.12rem, 1.12vw, 1.4rem) !important; }
  .command-stat-grid .metric-card em { font-size: clamp(.61rem, .55vw, .70rem) !important; line-height: 1.34 !important; }

  .command-action-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) 82px !important; gap: 11px !important; }
  .command-action-card, .command-more-card { min-height: 132px !important; border-radius: 9px !important; }
  .command-action-card { grid-template-rows: 55px auto auto !important; gap: 4px !important; padding: 12px 10px !important; }
  .command-action-icon { width: 48px !important; height: 48px !important; font-size: 0 !important; }
  .command-action-card strong { font-size: clamp(.82rem, .75vw, .94rem) !important; }
  .command-action-card small { font-size: clamp(.59rem, .53vw, .68rem) !important; }
  .command-more-card > span { width: 38px !important; height: 38px !important; font-size: 0 !important; }
  .command-more-card small { font-size: .68rem !important; }

  .command-spotlight-grid { gap: 12px !important; }

  .command-spotlight-card {
    min-height: 236px !important;
    padding: 17px !important;
    border-color: rgba(255, 82, 174, .37) !important;
    border-radius: 9px !important;
  }

  .spotlight-copy > span { font-size: clamp(.71rem, .66vw, .81rem) !important; }
  .spotlight-copy h3 { font-size: clamp(.94rem, .83vw, 1.06rem) !important; }
  .spotlight-copy p { font-size: clamp(.66rem, .58vw, .74rem) !important; }

  .command-card-button {
    min-height: 38px !important;
    border-color: rgba(255, 104, 187, .76) !important;
    border-radius: 6px !important;
    font-size: .74rem !important;
    box-shadow: 0 0 12px rgba(255, 79, 174, .22), inset 0 1px 0 rgba(255, 255, 255, .09) !important;
  }

  .spotlight-box-art { width: 52% !important; height: 60% !important; top: 14% !important; }

  .command-right-rail {
    width: var(--command-rail-width) !important;
    min-width: var(--command-rail-width) !important;
    margin-top: -76px !important;
    top: 10px !important;
    z-index: 24 !important;
    gap: 11px !important;
  }

  .command-rail-card {
    padding: 15px !important;
    border-color: rgba(255, 82, 173, .42) !important;
    border-radius: 9px !important;
    background:
      radial-gradient(circle at 74% 3%, rgba(255, 55, 158, .13), transparent 35%),
      linear-gradient(180deg, rgba(7, 8, 22, .99), rgba(3, 6, 15, .99)) !important;
    box-shadow: 0 0 20px rgba(255, 79, 174, .10), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  .command-rail-label { margin-bottom: 10px !important; font-size: clamp(.70rem, .63vw, .79rem) !important; }

  .command-profile-card { min-height: 376px !important; padding-top: 16px !important; }

  .command-profile-avi {
    width: clamp(124px, 7.2vw, 148px) !important;
    height: clamp(124px, 7.2vw, 148px) !important;
    margin: 3px auto 11px !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 6px rgba(255, 79, 174, .055), 0 0 15px rgba(255, 79, 174, .82), 0 0 42px rgba(255, 79, 174, .26) !important;
  }

  .command-profile-name { font-size: clamp(1.26rem, 1.2vw, 1.52rem) !important; }
  .command-profile-subtitle { margin: 5px 0 13px !important; font-size: .76rem !important; }
  .command-profile-meta { margin-bottom: 10px !important; padding: 11px 0 !important; }
  .command-profile-meta small { font-size: .56rem !important; }
  .command-profile-meta strong { font-size: .73rem !important; }
  .command-profile-equipped { min-height: 36px !important; margin-bottom: 10px !important; padding: 8px 10px !important; }

  .command-rail-button {
    min-height: 38px !important;
    border-color: rgba(255, 102, 185, .72) !important;
    font-size: .73rem !important;
    box-shadow: 0 0 11px rgba(255, 79, 174, .18) !important;
  }

  .command-wallet-card { min-height: 150px !important; }
  .command-wallet-grid { gap: 9px !important; margin: 11px 0 12px !important; }
  .command-wallet-grid > span { min-height: 56px !important; padding: 10px 9px 10px 40px !important; }
  .command-wallet-grid > span::before { left: 10px !important; width: 22px !important; height: 22px !important; }
  .command-wallet-grid small { font-size: .55rem !important; }
  .command-wallet-grid strong { font-size: .96rem !important; }

  .command-hunt-card { min-height: 244px !important; }
  .command-hunt-card .command-hunt-art { width: calc(100% + 30px) !important; height: 124px !important; margin: -3px -15px 11px !important; }
  .command-hunt-card > strong { font-size: .92rem !important; }
  .command-hunt-card > small { font-size: .65rem !important; }

  .command-discord-card {
    min-height: 226px !important;
    background:
      linear-gradient(180deg, rgba(7, 8, 24, .91), rgba(4, 6, 18, .96)),
      url("../images/hero-characters.webp") 86% 38% / auto 140% no-repeat !important;
  }

  .command-discord-card > strong { font-size: .92rem !important; }
  .command-discord-card > small { min-height: 66px !important; font-size: .66rem !important; }
  .site-footer { padding: 11px 20px 13px !important; font-size: .62rem !important; }
}

@media (min-width: 901px) and (max-width: 1460px) {
  :root { --sidebar-width: 236px; --command-rail-width: 292px; }
  .topbar { padding-right: calc(var(--command-rail-width) + 26px) !important; }
  .command-center-hero { height: 380px !important; min-height: 380px !important; }
  .command-hero-copy { width: 62% !important; padding-left: 42px !important; }
  .command-hero-copy h1 span { font-size: 2.55rem !important; }
  .command-hero-copy h1 strong { font-size: 2.82rem !important; }
  .command-action-card, .command-more-card { min-height: 112px !important; }
  .command-spotlight-card { min-height: 206px !important; }
}

@media (min-width: 901px) {
  body[data-page="dashboard"] .command-right-rail {
    position: relative !important;
    top: auto !important;
    align-self: start !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* Ultimate PIMD v8.54 — exact approved 1448×1086 Neon Sakura desktop canvas */
.mockup-nav-hotspots{display:none}
@media (min-width:901px){
body[data-page="dashboard"]{--sidebar-width:18.094vw;--command-rail-width:auto;min-width:901px;background:#02040c!important}
body[data-page="dashboard"]::before{display:none!important}
body[data-page="dashboard"] .app-frame{min-height:75vw;background:#02040c!important}
body[data-page="dashboard"] .sidebar{position:fixed!important;inset:0 auto auto 0!important;width:18.094vw!important;height:max(100vh,75vw)!important;min-height:75vw!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#03050d url("../images/branding/mockup-v854/command-center-sidebar-v854.png") top left/100% auto no-repeat!important;box-shadow:none!important}
body[data-page="dashboard"] .sidebar::before,body[data-page="dashboard"] .sidebar::after{display:none!important}
body[data-page="dashboard"] .command-brand{position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:11.464vw!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important}
body[data-page="dashboard"] .command-nav{position:absolute!important;top:11.464vw!important;left:.829vw!important;right:.829vw!important;display:flex!important;gap:0!important;margin:0!important;padding:0!important}
body[data-page="dashboard"] .command-nav .tab,body[data-page="dashboard"] .mockup-nav-hotspots .tab{width:100%!important;height:3.045vw!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;opacity:0!important;box-shadow:none!important}
body[data-page="dashboard"] .command-nav .tab.active::after{display:none!important}
body[data-page="dashboard"] .sidebar-divider,body[data-page="dashboard"] .command-secondary-nav,body[data-page="dashboard"] .sidebar-footer{display:none!important}
body[data-page="dashboard"] .mockup-nav-hotspots{position:absolute!important;top:39.227vw!important;left:.829vw!important;right:.829vw!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important}
body[data-page="dashboard"] .premium-sidebar-card{position:absolute!important;top:60.083vw!important;left:.829vw!important;width:16.437vw!important;height:10.912vw!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important}
body[data-page="dashboard"] .workspace{width:81.906vw!important;min-width:0!important;margin-left:18.094vw!important;background:#02040c!important}
body[data-page="dashboard"] .topbar{position:relative!important;display:block!important;width:100%!important;height:4.558vw!important;min-height:0!important;padding:0!important;border:0!important;background:radial-gradient(circle at 54% -18%,rgba(87,49,181,.13),transparent 31%),linear-gradient(90deg,#050712,#03050d)!important;box-shadow:inset 0 -1px rgba(255,79,174,.10)!important}
body[data-page="dashboard"] .menu-toggle,body[data-page="dashboard"] .mobile-top-title{display:none!important}
body[data-page="dashboard"] .search-box{position:absolute!important;top:1.036vw!important;left:1.312vw!important;width:28.246vw!important;max-width:none!important;height:2.624vw!important;min-height:0!important;padding:0 .95vw!important;border:1px solid rgba(225,180,218,.27)!important;border-radius:.622vw!important;background:rgba(7,9,20,.93)!important;box-shadow:inset 0 0 1.1vw rgba(255,79,174,.025)!important}
body[data-page="dashboard"] .search-box input{font-size:.898vw!important;color:rgba(250,244,249,.92)!important}
body[data-page="dashboard"] .search-box kbd{display:none!important}
body[data-page="dashboard"] .search-box .search-icon{order:2;width:1.38vw;height:1.38vw;margin-left:auto;color:#fff}
body[data-page="dashboard"] .topbar-actions{position:absolute!important;top:1.036vw!important;right:24.17vw!important;display:flex!important;gap:.760vw!important}
body[data-page="dashboard"] .topbar .icon-button,body[data-page="dashboard"] .topbar .account-settings-button{width:2.762vw!important;min-width:0!important;height:2.762vw!important;min-height:0!important;padding:.760vw!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:50%!important;background:rgba(6,8,18,.94)!important;box-shadow:0 0 0 .1vw rgba(255,255,255,.015)!important}
body[data-page="dashboard"] .profile-menu-wrap,body[data-page="dashboard"] .account-switcher,body[data-page="dashboard"] .install-button{display:none!important}
body[data-page="dashboard"] .main-content{width:100%!important;margin:0!important;padding:0 1.105vw 0 .138vw!important}
body[data-page="dashboard"] .dashboard-command-center{margin:0!important;padding:0!important}
body[data-page="dashboard"] .command-center-grid{display:grid!important;grid-template-columns:minmax(0,842fr) minmax(250px,321fr)!important;gap:.345vw!important;align-items:start!important;width:100%!important;margin:0!important}
body[data-page="dashboard"] .command-main-column{display:flex!important;flex-direction:column!important;gap:.552vw!important;min-width:0!important}
body[data-page="dashboard"] .command-center-hero{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:842/350!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:url("../images/branding/mockup-v854/command-center-hero-v854.png") center/100% 100% no-repeat!important;box-shadow:none!important}
body[data-page="dashboard"] .command-center-hero::before,body[data-page="dashboard"] .command-center-hero::after,body[data-page="dashboard"] .hero-glow,body[data-page="dashboard"] .command-hero-art-wrap{display:none!important}
body[data-page="dashboard"] .command-hero-copy{position:absolute!important;inset:0!important;z-index:4!important;width:100%!important;margin:0!important;padding:0!important;opacity:1!important}
body[data-page="dashboard"] .command-hero-copy>:not(.command-explore-button){opacity:0!important;pointer-events:none!important}
body[data-page="dashboard"] .command-explore-button{position:absolute!important;top:78.55%!important;left:12.95%!important;display:block!important;width:23.16%!important;min-width:0!important;height:12%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;cursor:pointer!important}
body[data-page="dashboard"] .command-stats-panel{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:842/181!important;margin:0!important;padding:1.58% 1.90% 1.75%!important;overflow:hidden!important;border:1px solid rgba(255,79,174,.30)!important;border-radius:.622vw!important;background:linear-gradient(180deg,rgba(8,10,25,.99),rgba(3,6,15,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
body[data-page="dashboard"] .command-stats-panel .command-panel-heading{height:12%!important;min-height:0!important;margin:0 0 1.25%!important}
body[data-page="dashboard"] .command-stats-panel .command-panel-heading h2{font-size:.898vw!important;letter-spacing:.05em!important;color:#f5ecf4!important}
body[data-page="dashboard"] .command-stats-panel .subtle-button{display:none!important}
body[data-page="dashboard"] .command-stat-grid{height:73%!important;min-height:0!important;border:1px solid rgba(173,171,205,.20)!important;border-radius:.55vw!important;background:rgba(2,5,14,.72)!important}
body[data-page="dashboard"] .command-stat-grid .metric-card{min-width:0!important;min-height:0!important;grid-template-columns:2.45vw minmax(0,1fr)!important;gap:.55vw!important;padding:.83vw .69vw!important;border-right:1px solid rgba(180,180,205,.20)!important}
body[data-page="dashboard"] .command-stat-grid .metric-card:last-child{border-right:0!important}
body[data-page="dashboard"] .command-stat-grid .metric-icon{width:2.35vw!important;height:3.2vw!important;font-size:1.80vw!important}
body[data-page="dashboard"] .command-stat-grid .metric-card small{font-size:.829vw!important}
body[data-page="dashboard"] .command-stat-grid .metric-card strong{margin-top:.22vw!important;font-size:1.17vw!important;line-height:1.05!important}
body[data-page="dashboard"] .command-stat-grid .metric-card em{margin-top:.55vw!important;font-size:.725vw!important;line-height:1.34!important}
body[data-page="dashboard"] .command-spotlight-section{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:842/276!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:url("../images/branding/mockup-v854/command-center-spotlight-v854.png") center/100% 100% no-repeat!important;box-shadow:none!important}
body[data-page="dashboard"] .command-spotlight-section>.command-panel-heading{position:absolute!important;inset:0!important;margin:0!important;opacity:0!important;pointer-events:none!important}
body[data-page="dashboard"] .command-spotlight-grid{position:absolute!important;inset:11.8% 1.9% 6.1% 1.9%!important;display:grid!important;grid-template-columns:1.03fr 1.08fr 1fr!important;gap:2.2%!important}
body[data-page="dashboard"] .command-spotlight-card{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:1!important;background:transparent!important;box-shadow:none!important}
body[data-page="dashboard"] .command-spotlight-card>:not(.command-card-button){opacity:0!important;pointer-events:none!important}
body[data-page="dashboard"] .command-spotlight-card .command-card-button{position:absolute!important;left:4%!important;right:4%!important;bottom:0!important;width:auto!important;height:17%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important}
body[data-page="dashboard"] .command-right-rail{position:relative!important;top:auto!important;display:flex!important;flex-direction:column!important;gap:.483vw!important;width:auto!important;min-width:0!important;height:auto!important;max-height:none!important;margin-top:-3.591vw!important;overflow:visible!important}
body[data-page="dashboard"] .command-rail-card{width:100%!important;min-height:0!important;margin:0!important;padding:1.105vw!important;overflow:hidden!important;border:1px solid rgba(255,79,174,.34)!important;border-radius:.622vw!important;background:radial-gradient(circle at 76% 4%,rgba(255,55,158,.13),transparent 35%),linear-gradient(180deg,rgba(7,8,22,.99),rgba(3,6,15,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
body[data-page="dashboard"] .command-profile-card{aspect-ratio:321/376!important}
body[data-page="dashboard"] .command-wallet-card{aspect-ratio:321/157!important}
body[data-page="dashboard"] .command-hunt-card{aspect-ratio:321/220!important}
body[data-page="dashboard"] .command-discord-card{aspect-ratio:321/258!important}
body[data-page="dashboard"] .command-rail-label{margin:0 0 .62vw!important;font-size:.760vw!important;letter-spacing:.05em!important;color:#f1c6e6!important}
body[data-page="dashboard"] .command-profile-avi{width:9.67vw!important;height:9.67vw!important;margin:-.20vw auto .62vw!important;border:.14vw solid #ff4fad!important;box-shadow:0 0 0 .35vw rgba(255,79,174,.055),0 0 1.1vw rgba(255,79,174,.78)!important}
body[data-page="dashboard"] .command-profile-name{font-size:1.45vw!important;line-height:1!important}
body[data-page="dashboard"] .command-profile-subtitle{margin:.35vw 0 .69vw!important;font-size:.83vw!important}
body[data-page="dashboard"] .command-profile-meta{margin:0 0 .69vw!important;padding:.69vw 0!important}
body[data-page="dashboard"] .command-profile-meta small{font-size:.55vw!important}
body[data-page="dashboard"] .command-profile-meta strong{font-size:.83vw!important}
body[data-page="dashboard"] .command-profile-equipped{min-height:2.1vw!important;margin:0 0 .62vw!important;padding:.55vw .69vw!important}
body[data-page="dashboard"] .command-profile-equipped small{font-size:.52vw!important}
body[data-page="dashboard"] .command-profile-equipped strong{font-size:.69vw!important}
body[data-page="dashboard"] .command-rail-button{height:2.62vw!important;min-height:0!important;padding:0!important;border:1px solid rgba(255,104,187,.72)!important;border-radius:.42vw!important;font-size:.76vw!important;box-shadow:0 0 .8vw rgba(255,79,174,.18)!important}
body[data-page="dashboard"] .command-wallet-grid{gap:.62vw!important;margin:.69vw 0 .76vw!important}
body[data-page="dashboard"] .command-wallet-grid>span{min-height:3.73vw!important;padding:.62vw .55vw .62vw 2.76vw!important}
body[data-page="dashboard"] .command-wallet-grid>span::before{left:.62vw!important;width:1.52vw!important;height:1.52vw!important}
body[data-page="dashboard"] .command-wallet-grid small{font-size:.55vw!important}
body[data-page="dashboard"] .command-wallet-grid strong{font-size:1.04vw!important}
body[data-page="dashboard"] .command-hunt-card .command-hunt-art{width:calc(100% + 2.21vw)!important;height:8.56vw!important;margin:-.20vw -1.105vw .62vw!important}
body[data-page="dashboard"] .command-hunt-card>strong{font-size:.90vw!important}
body[data-page="dashboard"] .command-hunt-card>small{margin-bottom:.48vw!important;font-size:.62vw!important}
body[data-page="dashboard"] .command-hunt-card>.progress-track{height:.35vw!important;margin-bottom:.55vw!important}
body[data-page="dashboard"] .command-discord-card>strong{font-size:.90vw!important}
body[data-page="dashboard"] .command-discord-card>small{min-height:4.55vw!important;margin-bottom:.62vw!important;font-size:.66vw!important;line-height:1.45!important}
body[data-page="dashboard"] .command-discord-card::before{right:1.2vw!important;bottom:2.8vw!important;font-size:4.2vw!important}
body[data-page="dashboard"] .dashboard-data-hooks{display:none!important}
body[data-page="dashboard"] .site-footer{min-height:2.762vw!important;margin:0!important;padding:.90vw 1.38vw!important;border-top:1px solid rgba(255,79,174,.12)!important;background:#03050d!important;font-size:.62vw!important}
}

/* v8.55 — remove legacy spotlight layers and fit the live event rail */
@media (min-width:901px){
body[data-page="dashboard"] .command-spotlight-section::before,
body[data-page="dashboard"] .command-spotlight-section::after,
body[data-page="dashboard"] .command-spotlight-card::before,
body[data-page="dashboard"] .command-spotlight-card::after{display:none!important;content:none!important;background:none!important}
body[data-page="dashboard"] .command-spotlight-card .spotlight-copy,
body[data-page="dashboard"] .command-spotlight-card .command-progress,
body[data-page="dashboard"] .command-spotlight-card .command-mini-stats,
body[data-page="dashboard"] .command-spotlight-card .spotlight-box-art{display:none!important}
body[data-page="dashboard"] .command-hunt-card .command-hunt-art{height:6.65vw!important;margin-bottom:.42vw!important}
body[data-page="dashboard"] .command-hunt-card>small{margin-bottom:.30vw!important;line-height:1.2!important}
body[data-page="dashboard"] .command-hunt-card>.progress-track{margin-bottom:.35vw!important}
body[data-page="dashboard"] .command-hunt-card .command-rail-button{height:2.20vw!important}
}

/* v8.56 — persistent Neon Sakura desktop shell for every route */
@media (min-width:901px){
html,body{overflow-x:clip}
body[data-page="dashboard"] .app-frame,
body[data-page="dashboard"] .workspace,
body[data-page="dashboard"] .main-content,
body[data-page="dashboard"] .command-center-grid{max-width:100%;min-width:0}
body[data-page="dashboard"] .command-profile-card{position:relative!important}
body[data-page="dashboard"] .command-profile-card>.command-rail-button{position:absolute!important;left:1.105vw!important;right:1.105vw!important;bottom:.83vw!important;width:auto!important}
body[data-page]:not([data-page="dashboard"]){--sidebar-width:18.094vw;background:#02040c!important}
body[data-page]:not([data-page="dashboard"])::before{display:none!important}
body[data-page]:not([data-page="dashboard"]) .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:18.094vw!important;height:100vh!important;min-height:100vh!important;padding:0!important;overflow:hidden!important;border:0!important;border-right:1px solid rgba(255,79,174,.22)!important;border-radius:0!important;background:#03050d url("../images/branding/mockup-v854/command-center-sidebar-v854.png") top left/100% auto no-repeat!important;box-shadow:14px 0 42px rgba(0,0,0,.42)!important}
body[data-page]:not([data-page="dashboard"]) .sidebar::before{content:""!important;position:absolute!important;top:11.464vw!important;left:0!important;right:0!important;height:48.62vw!important;display:block!important;z-index:0!important;pointer-events:none!important;background:rgba(2,4,12,.82)!important;backdrop-filter:blur(6px) saturate(.65)!important}
body[data-page]:not([data-page="dashboard"]) .sidebar::after{display:none!important}
body[data-page]:not([data-page="dashboard"]) .sidebar>*{position:relative;z-index:1}
body[data-page]:not([data-page="dashboard"]) .command-brand{position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:11.464vw!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important}
body[data-page]:not([data-page="dashboard"]) .command-nav{position:absolute!important;top:11.464vw!important;left:.829vw!important;right:.829vw!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important}
body[data-page]:not([data-page="dashboard"]) .command-nav .tab,
body[data-page]:not([data-page="dashboard"]) .mockup-nav-hotspots .tab{position:relative!important;width:100%!important;height:3.045vw!important;min-height:0!important;gap:.83vw!important;margin:0!important;padding:.55vw .83vw!important;border:1px solid transparent!important;border-radius:.55vw!important;opacity:1!important;color:rgba(245,239,246,.88)!important;background:transparent!important;box-shadow:none!important;font-size:.97vw!important}
body[data-page]:not([data-page="dashboard"]) .command-nav .tab .nav-icon,
body[data-page]:not([data-page="dashboard"]) .mockup-nav-hotspots .tab .nav-icon{width:1.52vw!important;height:1.52vw!important;flex:0 0 1.52vw!important;color:#f2edf4!important}
body[data-page]:not([data-page="dashboard"]) .command-nav .tab:hover,
body[data-page]:not([data-page="dashboard"]) .mockup-nav-hotspots .tab:hover{color:#fff!important;background:rgba(255,79,174,.11)!important}
body[data-page]:not([data-page="dashboard"]) .command-nav .tab.active{padding-right:2.9vw!important;border-color:rgba(255,108,190,.88)!important;color:#fff!important;background:radial-gradient(circle at 92% 50%,rgba(255,117,195,.24),transparent 23%),linear-gradient(90deg,rgba(255,60,159,.45),rgba(109,37,114,.22) 74%,rgba(255,79,174,.11))!important;box-shadow:0 0 .76vw rgba(255,79,174,.70),0 0 2.1vw rgba(255,79,174,.18)!important}
body[data-page]:not([data-page="dashboard"]) .command-nav .tab.active::after{content:"✿"!important;position:absolute!important;right:.83vw!important;top:50%!important;display:block!important;transform:translateY(-50%)!important;color:#ffd3e8!important;font-size:1.24vw!important;text-shadow:0 0 .35vw #fff,0 0 .9vw #ff4fad!important}
body[data-page]:not([data-page="dashboard"]) .mockup-nav-hotspots{position:absolute!important;top:39.227vw!important;left:.829vw!important;right:.829vw!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important}
body[data-page]:not([data-page="dashboard"]) .sidebar-divider,
body[data-page]:not([data-page="dashboard"]) .command-secondary-nav,
body[data-page]:not([data-page="dashboard"]) .sidebar-footer{display:none!important}
body[data-page]:not([data-page="dashboard"]) .premium-sidebar-card{position:absolute!important;top:60.083vw!important;left:.829vw!important;width:16.437vw!important;height:10.912vw!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important}
body[data-page]:not([data-page="dashboard"]) .workspace{width:81.906vw!important;min-width:0!important;margin-left:18.094vw!important;background:#02040c!important}
body[data-page]:not([data-page="dashboard"]) .topbar{height:4.558vw!important;min-height:4.558vw!important;border-bottom:1px solid rgba(255,79,174,.12)!important;background:radial-gradient(circle at 54% -18%,rgba(87,49,181,.13),transparent 31%),linear-gradient(90deg,#050712,#03050d)!important}
body[data-page]:not([data-page="dashboard"]) .main-content{max-width:100%!important;padding:.83vw 1.105vw 1.38vw!important}
body[data-page]:not([data-page="dashboard"]) .tool-page>header,
body[data-page]:not([data-page="dashboard"]) .content-card,
body[data-page]:not([data-page="dashboard"]) .dashboard-panel{border-color:rgba(255,79,174,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 1.1vw rgba(255,49,153,.07)!important}
}

/* v8.57 — remove baked-nav ghosting and unify inner-page panels */
@media (min-width:901px){
body[data-page]:not([data-page="dashboard"]) .sidebar::before{background:linear-gradient(180deg,rgba(2,4,12,.96),rgba(2,4,12,.925) 72%,rgba(2,4,12,.95))!important;backdrop-filter:blur(12px) saturate(.45)!important}
body[data-page]:not([data-page="dashboard"]) .tool-page>header{overflow:hidden!important;border:1px solid rgba(255,79,174,.34)!important;border-radius:.69vw!important;background:radial-gradient(circle at 82% 8%,rgba(255,55,158,.13),transparent 32%),radial-gradient(circle at 54% -20%,rgba(111,72,211,.12),transparent 42%),linear-gradient(135deg,rgba(9,10,26,.985),rgba(3,6,15,.985))!important}
body[data-page]:not([data-page="dashboard"]) .tool-page>header h1{font-size:clamp(2.5rem,3.75vw,4.75rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
body[data-page]:not([data-page="dashboard"]) .content-card,
body[data-page]:not([data-page="dashboard"]) .dashboard-panel{border-radius:.69vw!important;background:radial-gradient(circle at 72% -18%,rgba(119,68,208,.085),transparent 46%),linear-gradient(180deg,rgba(7,9,23,.985),rgba(3,6,15,.985))!important}
body[data-page="dashboard"] .command-profile-equipped{position:absolute!important;left:1.105vw!important;right:1.105vw!important;bottom:4.02vw!important;width:auto!important;margin:0!important}
}

/* v8.58 — opaque route navigation canvas and correct alias selection */
@media (min-width:901px){
body[data-page]:not([data-page="dashboard"]) .sidebar::before{background:linear-gradient(180deg,rgba(2,4,12,.90),rgba(2,4,12,.965)),url("../images/hero-characters.webp") 15% 72%/auto 105% no-repeat,#03050d!important;backdrop-filter:none!important}
body[data-page="profiles"] .mockup-nav-hotspots .tab[data-go="profiles"],
body[data-page="guides"] .mockup-nav-hotspots .tab[data-go="guides"]{padding-right:2.9vw!important;border-color:rgba(255,108,190,.88)!important;color:#fff!important;background:radial-gradient(circle at 92% 50%,rgba(255,117,195,.24),transparent 23%),linear-gradient(90deg,rgba(255,60,159,.45),rgba(109,37,114,.22) 74%,rgba(255,79,174,.11))!important;box-shadow:0 0 .76vw rgba(255,79,174,.70),0 0 2.1vw rgba(255,79,174,.18)!important}
body[data-page="profiles"] .mockup-nav-hotspots .tab[data-go="profiles"]::after,
body[data-page="guides"] .mockup-nav-hotspots .tab[data-go="guides"]::after{content:"✿"!important;position:absolute!important;right:.83vw!important;top:50%!important;display:block!important;transform:translateY(-50%)!important;color:#ffd3e8!important;font-size:1.24vw!important;text-shadow:0 0 .35vw #fff,0 0 .9vw #ff4fad!important}
}

/* v8.59 — fully cover the inactive baked navigation on inner pages */
@media (min-width:901px){
body[data-page]:not([data-page="dashboard"]) .sidebar::before{opacity:1!important}
}

/* v8.60 — real dashboard navigation and Command Center tool-page system */
@media (min-width:901px){
body[data-page="dashboard"] .sidebar::before{content:""!important;position:absolute!important;top:11.464vw!important;left:0!important;right:0!important;height:48.62vw!important;display:block!important;z-index:0!important;opacity:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(2,4,12,.90),rgba(2,4,12,.965)),url("../images/hero-characters.webp") 15% 72%/auto 105% no-repeat,#03050d!important;backdrop-filter:none!important}
body[data-page="dashboard"] .sidebar>*{position:relative;z-index:1}
body[data-page="dashboard"] .command-nav .tab,
body[data-page="dashboard"] .mockup-nav-hotspots .tab{position:relative!important;width:100%!important;height:3.045vw!important;min-height:0!important;gap:.83vw!important;margin:0!important;padding:.55vw .83vw!important;border:1px solid transparent!important;border-radius:.55vw!important;opacity:1!important;color:rgba(245,239,246,.90)!important;background:transparent!important;box-shadow:none!important;font-size:.97vw!important;cursor:pointer!important;pointer-events:auto!important}
body[data-page="dashboard"] .command-nav .tab .nav-icon,
body[data-page="dashboard"] .mockup-nav-hotspots .tab .nav-icon{width:1.52vw!important;height:1.52vw!important;flex:0 0 1.52vw!important;color:#f2edf4!important}
body[data-page="dashboard"] .command-nav .tab:hover,
body[data-page="dashboard"] .mockup-nav-hotspots .tab:hover{color:#fff!important;background:rgba(255,79,174,.12)!important}
body[data-page="dashboard"] .command-nav .tab.active{padding-right:2.9vw!important;border-color:rgba(255,108,190,.90)!important;color:#fff!important;background:radial-gradient(circle at 92% 50%,rgba(255,117,195,.24),transparent 23%),linear-gradient(90deg,rgba(255,60,159,.45),rgba(109,37,114,.22) 74%,rgba(255,79,174,.11))!important;box-shadow:0 0 .76vw rgba(255,79,174,.72),0 0 2.1vw rgba(255,79,174,.20)!important}
body[data-page="dashboard"] .command-nav .tab.active::after{content:"✿"!important;position:absolute!important;right:.83vw!important;top:50%!important;display:block!important;transform:translateY(-50%)!important;color:#ffd3e8!important;font-size:1.24vw!important;text-shadow:0 0 .35vw #fff,0 0 .9vw #ff4fad!important}
body[data-page]:not([data-page="dashboard"]) .tool-page{--module-line:rgba(255,79,174,.34);--module-panel:linear-gradient(180deg,rgba(7,9,23,.99),rgba(3,6,15,.99));background:transparent!important}
body[data-page]:not([data-page="dashboard"]) .tool-page>header{position:relative!important;min-height:clamp(230px,18vw,330px)!important;padding:clamp(26px,2.7vw,52px)!important;border:1px solid var(--module-line)!important;border-radius:.69vw!important;background:radial-gradient(circle at 83% 0,rgba(255,55,158,.16),transparent 31%),radial-gradient(circle at 48% -18%,rgba(112,69,218,.13),transparent 45%),linear-gradient(135deg,rgba(8,10,25,.99),rgba(3,6,15,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 1.2vw rgba(255,49,153,.09)!important}
body[data-page]:not([data-page="dashboard"]) .tool-page>header::after{content:""!important;position:absolute!important;inset:0!important;display:block!important;pointer-events:none!important;opacity:.55!important;background:radial-gradient(circle at 88% 12%,rgba(255,112,184,.55) 0 2px,transparent 3px),radial-gradient(circle at 74% 26%,rgba(255,112,184,.30) 0 1.5px,transparent 2.5px),radial-gradient(circle at 92% 42%,rgba(255,112,184,.24) 0 1px,transparent 2px)!important}
body[data-page]:not([data-page="dashboard"]) .tool-page>header>*{position:relative;z-index:2}
body[data-page]:not([data-page="dashboard"]) .tool-page>header h1{max-width:760px!important;margin:.35vw 0 .83vw!important;font-size:clamp(2.35rem,3.25vw,4.3rem)!important;line-height:.98!important;letter-spacing:-.045em!important;color:#fff!important;text-shadow:0 0 1.2vw rgba(255,79,174,.10)!important}
body[data-page]:not([data-page="dashboard"]) .tool-page>header p{max-width:760px!important;color:rgba(231,224,234,.72)!important}
body[data-page]:not([data-page="dashboard"]) .tool-tags{gap:.55vw!important;margin-top:1.15vw!important}
body[data-page]:not([data-page="dashboard"]) .tool-tags span{padding:.45vw .76vw!important;border:1px solid rgba(255,79,174,.38)!important;border-radius:99px!important;color:#f6dcec!important;background:rgba(255,79,174,.075)!important}
body[data-page]:not([data-page="dashboard"]) .purpose-strip{gap:.69vw!important;margin:.69vw 0!important}
body[data-page]:not([data-page="dashboard"]) .purpose-strip article{min-height:5.8vw!important;padding:1.05vw!important;border:1px solid rgba(255,79,174,.27)!important;border-radius:.62vw!important;background:linear-gradient(145deg,rgba(13,10,29,.96),rgba(4,7,16,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
body[data-page]:not([data-page="dashboard"]) .purpose-strip .purpose-icon{border:1px solid rgba(255,79,174,.45)!important;background:rgba(255,79,174,.12)!important;box-shadow:0 0 .8vw rgba(255,79,174,.18)!important}
body[data-page]:not([data-page="dashboard"]) .content-card,
body[data-page]:not([data-page="dashboard"]) .dashboard-panel,
body[data-page]:not([data-page="dashboard"]) .build-profile-card,
body[data-page]:not([data-page="dashboard"]) .build-summary-metrics article{border:1px solid rgba(255,79,174,.27)!important;border-radius:.62vw!important;background:var(--module-panel)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 1vw rgba(255,49,153,.055)!important}
body[data-page]:not([data-page="dashboard"]) .button-primary{border:1px solid rgba(255,126,199,.78)!important;background:linear-gradient(90deg,#ef3e9d,#8245ed)!important;box-shadow:0 0 .9vw rgba(255,79,174,.24)!important}
body[data-page="account"] .build-tool{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(290px,34%)!important;align-items:stretch!important;overflow:hidden!important}
body[data-page="account"] .build-tool .tool-hero-copy{align-self:center!important}
body[data-page="account"] .build-tool .tool-hero-art{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:38%!important;height:100%!important;margin:0!important;overflow:hidden!important}
body[data-page="account"] .build-tool .tool-hero-art::before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,#060817 0,rgba(6,8,23,.70) 18%,transparent 57%),linear-gradient(180deg,rgba(2,4,12,.05),rgba(2,4,12,.28))!important}
body[data-page="account"] .build-tool .tool-hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 24%!important;filter:saturate(1.2) contrast(1.06) brightness(.82)!important}
body[data-page="account"] .build-purpose-strip article{min-height:6.3vw!important}
body[data-page="account"] .build-overview{gap:.69vw!important;margin:.69vw 0!important}
body[data-page="account"] .build-profile-card{padding:1.25vw!important}
body[data-page="account"] .build-summary-metrics{gap:.55vw!important}
body[data-page="account"] .build-summary-metrics article{min-height:6.4vw!important;padding:1vw!important}
body[data-page="account"] .build-workspace{gap:.83vw!important;margin-top:.69vw!important}
body[data-page="account"] .build-form,
body[data-page="account"] .build-coach>.content-card,
body[data-page="account"] .build-history{border-color:rgba(255,79,174,.27)!important;border-radius:.62vw!important;background:var(--module-panel)!important}
body[data-page="account"] .build-intro{padding:.9vw 1vw!important;border:1px solid rgba(255,79,174,.18)!important;border-radius:.55vw!important;background:linear-gradient(90deg,rgba(255,79,174,.09),rgba(98,55,179,.065),transparent)!important}
body[data-page="account"] input,
body[data-page="account"] select,
body[data-page="account"] textarea{border-color:rgba(224,171,215,.24)!important;background:rgba(2,5,14,.82)!important}
}

/* v8.61 — keep the real dashboard navigation in its vertical rail */
@media (min-width:901px){
body[data-page="dashboard"] .command-nav{flex-direction:column!important;align-items:stretch!important}
}

/* v8.62 — dashboard-density Command Center modules on every desktop route */
@media (min-width:901px){
  body[data-page]:not([data-page="dashboard"]) .main-content{
    padding:.72vw .9vw 1.1vw!important;
  }

  body[data-page="profiles"] #page-profiles,
  body[data-page="account"] #page-account,
  body[data-page="battle"] #page-battle,
  body[data-page="hunt"] #page-hunt,
  body[data-page="drops"] #page-drops,
  body[data-page="opponents"] #page-opponents,
  body[data-page="cards"] #page-cards,
  body[data-page="membership"] #page-membership,
  body[data-page="more"] #page-more,
  body[data-page="guides"] #page-guides,
  body[data-page="faq"] #page-faq,
  body[data-page="screenshots"] #page-screenshots,
  body[data-page="data"] #page-data,
  body[data-page="admin"] #page-admin{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    gap:.72vw!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-page > *,
  body[data-page="membership"] #page-membership > *,
  body[data-page="admin"] #page-admin > *{
    min-width:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-page>header{
    min-height:clamp(202px,14.4vw,278px)!important;
    padding:clamp(24px,2vw,39px)!important;
    display:flex!important;
    align-items:center!important;
    isolation:isolate!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-page>header h1{
    max-width:650px!important;
    margin:.28vw 0 .58vw!important;
    font-size:clamp(2.05rem,2.65vw,3.55rem)!important;
    line-height:.94!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-page>header p{
    max-width:620px!important;
    font-size:clamp(.82rem,.83vw,1rem)!important;
    line-height:1.5!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-hero-copy,
  body[data-page="membership"] .membership-hero-copy{
    position:relative!important;
    z-index:3!important;
    width:62%!important;
    max-width:720px!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-hero-art,
  body[data-page="membership"] .membership-hero-art{
    position:absolute!important;
    inset:0 0 0 auto!important;
    z-index:1!important;
    width:43%!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-hero-art::before,
  body[data-page="membership"] .membership-hero-art::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:block!important;
    background:linear-gradient(90deg,#070918 0,rgba(7,9,24,.78) 16%,rgba(7,9,24,.14) 63%,rgba(3,5,13,.18)),linear-gradient(180deg,rgba(3,5,13,.04),rgba(3,5,13,.34))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-hero-art img,
  body[data-page="membership"] .membership-hero-art img,
  body[data-page="membership"] .membership-hero-scene{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 30%!important;
    filter:saturate(1.22) contrast(1.07) brightness(.76)!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-tags{
    gap:.42vw!important;
    margin-top:.78vw!important;
  }

  body[data-page]:not([data-page="dashboard"]) .tool-tags span{
    padding:.34vw .62vw!important;
    font-size:.63vw!important;
    letter-spacing:.06em!important;
  }

  body[data-page]:not([data-page="dashboard"]) .purpose-strip{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.62vw!important;
    margin:0!important;
  }

  body[data-page]:not([data-page="dashboard"]) .purpose-strip article{
    position:relative!important;
    min-height:5.15vw!important;
    padding:.82vw .88vw .82vw 3.45vw!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-color:rgba(255,79,174,.34)!important;
    background:
      radial-gradient(circle at 8% 50%,rgba(255,79,174,.16),transparent 24%),
      linear-gradient(145deg,rgba(15,10,31,.98),rgba(4,7,16,.99))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .purpose-strip article:nth-child(2){
    border-color:rgba(71,220,244,.34)!important;
    background:radial-gradient(circle at 8% 50%,rgba(54,220,243,.14),transparent 24%),linear-gradient(145deg,rgba(4,24,31,.98),rgba(4,7,16,.99))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .purpose-strip article:nth-child(3){
    border-color:rgba(173,92,255,.38)!important;
    background:radial-gradient(circle at 8% 50%,rgba(170,82,255,.16),transparent 24%),linear-gradient(145deg,rgba(22,11,40,.98),rgba(4,7,16,.99))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .purpose-strip .purpose-icon{
    position:absolute!important;
    left:.86vw!important;
    top:50%!important;
    width:1.85vw!important;
    height:1.85vw!important;
    transform:translateY(-50%)!important;
  }

  body[data-page]:not([data-page="dashboard"]) .purpose-strip strong{
    font-size:.84vw!important;
    color:#fff!important;
  }

  body[data-page]:not([data-page="dashboard"]) .purpose-strip p{
    margin:.2vw 0 0!important;
    font-size:.65vw!important;
    line-height:1.35!important;
    color:rgba(224,216,229,.62)!important;
  }

  body[data-page]:not([data-page="dashboard"]) :is(.content-card,.dashboard-panel,.info-card,.payment-readiness-banner,.economy-account-hub,.economy-item-showcase,.card-vault-account-strip,.card-vault-section,.entitlement-preview){
    padding:clamp(14px,1vw,20px)!important;
    border:1px solid rgba(255,79,174,.28)!important;
    border-radius:.62vw!important;
    background:radial-gradient(circle at 74% -18%,rgba(119,68,208,.08),transparent 45%),linear-gradient(180deg,rgba(7,9,23,.99),rgba(3,6,15,.99))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.028),0 0 1vw rgba(255,49,153,.06)!important;
  }

  body[data-page]:not([data-page="dashboard"]) :is(.content-card,.dashboard-panel,.choice-card,.pricing-card,.admin-manage-card){
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }

  body[data-page]:not([data-page="dashboard"]) :is(.content-card,.choice-card,.pricing-card,.admin-manage-card):hover{
    border-color:rgba(255,104,188,.5)!important;
    box-shadow:0 0 1.25vw rgba(255,49,153,.11),inset 0 1px rgba(255,255,255,.035)!important;
  }

  body[data-page]:not([data-page="dashboard"]) .panel-heading{
    min-height:2vw!important;
    margin-bottom:.62vw!important;
    padding-bottom:.48vw!important;
    border-bottom:1px solid rgba(255,79,174,.13)!important;
  }

  body[data-page]:not([data-page="dashboard"]) .panel-heading h2,
  body[data-page]:not([data-page="dashboard"]) .panel-heading h3{
    color:#ffd3e8!important;
    font-size:.82vw!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  body[data-page]:not([data-page="dashboard"]) :is(.content-grid,.choice-grid,.pricing-grid,.account-hub-grid,.account-decision-grid,.membership-two-column,.admin-console-grid,.admin-management-grid){
    gap:.72vw!important;
    margin:0!important;
  }

  body[data-page]:not([data-page="dashboard"]) .choice-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .choice-card{
    position:relative!important;
    min-height:8.9vw!important;
    padding:1.05vw 3.2vw 1.05vw 1.15vw!important;
    border:1px solid rgba(255,79,174,.3)!important;
    border-radius:.62vw!important;
    background:radial-gradient(circle at 13% 15%,rgba(255,79,174,.11),transparent 32%),linear-gradient(145deg,rgba(13,10,29,.98),rgba(4,7,16,.99))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .choice-card:nth-child(3n+2){
    border-color:rgba(75,218,239,.31)!important;
    background:radial-gradient(circle at 13% 15%,rgba(54,220,243,.10),transparent 32%),linear-gradient(145deg,rgba(5,22,30,.98),rgba(4,7,16,.99))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .choice-card:nth-child(3n){
    border-color:rgba(170,91,255,.34)!important;
    background:radial-gradient(circle at 13% 15%,rgba(171,82,255,.12),transparent 32%),linear-gradient(145deg,rgba(21,11,38,.98),rgba(4,7,16,.99))!important;
  }

  body[data-page]:not([data-page="dashboard"]) .choice-card h2,
  body[data-page]:not([data-page="dashboard"]) .choice-card h3{
    font-size:1.02vw!important;
    color:#fff!important;
  }

  body[data-page]:not([data-page="dashboard"]) .choice-card p{
    font-size:.72vw!important;
    line-height:1.45!important;
    color:rgba(224,216,229,.66)!important;
  }

  body[data-page]:not([data-page="dashboard"]) .choice-card .choice-arrow{
    position:absolute!important;
    right:1vw!important;
    bottom:1vw!important;
  }

  body[data-page="profiles"] #page-profiles{
    grid-template-columns:minmax(0,1.24fr) minmax(300px,.76fr)!important;
  }
  body[data-page="profiles"] #page-profiles>header,
  body[data-page="profiles"] #page-profiles>.account-hub-grid,
  body[data-page="profiles"] #page-profiles>.create-main-card,
  body[data-page="profiles"] #page-profiles>.account-decision-grid,
  body[data-page="profiles"] #page-profiles>.account-data-boundary{
    grid-column:1/-1!important;
  }
  body[data-page="profiles"] .account-hub-hero{
    min-height:clamp(210px,14.4vw,278px)!important;
  }
  body[data-page="profiles"] .account-hero-avis{
    right:2.2vw!important;
    transform:scale(.82)!important;
    transform-origin:right center!important;
  }
  body[data-page="profiles"] .account-hub-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  }
  body[data-page="profiles"] .account-decision-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="profiles"] .boundary-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.55vw!important;
  }

  body[data-page="account"] .build-overview{
    display:grid!important;
    grid-template-columns:minmax(250px,.78fr) minmax(0,2.22fr)!important;
    gap:.72vw!important;
    margin:0!important;
  }
  body[data-page="account"] .build-summary-metrics{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:.55vw!important;
  }
  body[data-page="account"] .build-workspace{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr)!important;
    gap:.72vw!important;
    margin:0!important;
  }
  body[data-page="account"] .build-coach{
    display:grid!important;
    align-content:start!important;
    gap:.72vw!important;
  }

  body[data-page="battle"] .hit-build-strip{
    min-height:4.25vw!important;
    margin:0!important;
    padding:.72vw 1vw!important;
    border:1px solid rgba(74,211,240,.25)!important;
    border-radius:.62vw!important;
    background:linear-gradient(90deg,rgba(42,183,218,.09),rgba(8,9,24,.98) 34%,rgba(255,79,174,.06))!important;
  }
  body[data-page="battle"] .hit-workspace,
  body[data-page="hunt"] .hunt-planner-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.38fr) minmax(300px,.72fr)!important;
    gap:.72vw!important;
    margin:0!important;
    align-items:start!important;
  }
  body[data-page="battle"] .history-details,
  body[data-page="hunt"] .history-details,
  body[data-page="account"] .history-details{
    min-height:3.5vw!important;
    margin:0!important;
  }

  body[data-page="drops"] .choice-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body[data-page="drops"] .economy-account-hub,
  body[data-page="drops"] .economy-item-showcase{
    margin:0!important;
  }
  body[data-page="drops"] .economy-live-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.55vw!important;
  }
  body[data-page="drops"] .economy-live-layout{
    display:grid!important;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    gap:.72vw!important;
  }
  body[data-page="drops"] .economy-live-box-grid,
  body[data-page="drops"] .economy-item-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.62vw!important;
  }
  body[data-page="drops"] .economy-item-card{
    min-height:10vw!important;
  }

  body[data-page="opponents"] .farm-watch-overview{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.62vw!important;
    margin:0!important;
  }
  body[data-page="opponents"] .farm-watch-controls{
    margin:0!important;
  }
  body[data-page="opponents"] .farm-opponent-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.62vw!important;
    margin:0!important;
  }

  body[data-page="cards"] .card-vault-account-strip,
  body[data-page="cards"] .card-gallery-note,
  body[data-page="cards"] .card-filter,
  body[data-page="cards"] .card-gallery{
    margin:0!important;
  }
  body[data-page="cards"] .card-filter{
    padding:.58vw .72vw!important;
    border:1px solid rgba(255,79,174,.2)!important;
    border-radius:.62vw!important;
    background:rgba(5,7,18,.94)!important;
  }
  body[data-page="cards"] .card-gallery{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.72vw!important;
  }
  body[data-page="cards"] .collectible{
    min-width:0!important;
    margin:0!important;
  }

  body[data-page="membership"] .pricing-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body[data-page="membership"] .pricing-card{
    min-height:19vw!important;
    padding:1.15vw!important;
    border-radius:.62vw!important;
  }
  body[data-page="membership"] .card-vault-section{
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)!important;
    gap:1vw!important;
  }
  body[data-page="membership"] .membership-two-column{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="membership"] .entitlement-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.62vw!important;
  }

  body[data-page="more"] .choice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body[data-page="guides"] .choice-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  body[data-page="faq"] .faq-stack{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:.72vw!important;
    margin:0!important;
  }
  body[data-page="faq"] .faq-stack>.dashboard-panel{
    min-height:4.15vw!important;
    margin:0!important;
  }

  body[data-page="screenshots"] .content-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr)!important;
    gap:.72vw!important;
    margin:0!important;
    align-items:start!important;
  }
  body[data-page="screenshots"] .screenshot-preview{
    min-height:13vw!important;
  }

  body[data-page="data"] #page-data{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="data"] #page-data>header,
  body[data-page="data"] #page-data>.purpose-strip,
  body[data-page="data"] #page-data>.share-studio-grid{
    grid-column:1/-1!important;
  }
  body[data-page="data"] .share-studio-grid{
    display:grid!important;
    grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr)!important;
    gap:.72vw!important;
    margin:0!important;
    align-items:start!important;
  }
  body[data-page="data"] .share-template-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:.5vw!important;
  }
  body[data-page="data"] .share-data-details,
  body[data-page="data"] .danger-details{
    min-height:3.8vw!important;
    margin:0!important;
  }

  body[data-page="admin"] .admin-metric-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:.62vw!important;
    margin:0!important;
  }
  body[data-page="admin"] .admin-console-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="admin"] .admin-management-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body[data-page="admin"] .admin-manage-card{
    min-height:10vw!important;
    padding:1vw!important;
    border:1px solid rgba(255,79,174,.27)!important;
    border-radius:.62vw!important;
    background:linear-gradient(145deg,rgba(13,10,29,.98),rgba(4,7,16,.99))!important;
  }

  body[data-page]:not([data-page="dashboard"]) :is(.button,.subtle-button){
    border-radius:.46vw!important;
  }
  body[data-page]:not([data-page="dashboard"]) .site-footer{
    margin-top:.3vw!important;
  }
}

/* v8.63 — fluid account access and a fully populated FAQ module */
@media (min-width:901px){
  body[data-page="profiles"] #page-profiles{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-page="profiles"] #page-profiles>.site-account-create-card,
  body[data-page="profiles"] #page-profiles>.site-account-status-card{
    grid-column:1/-1!important;
    width:100%!important;
  }
  body[data-page="faq"] .faq-stack{
    min-height:22vw!important;
    grid-auto-rows:minmax(3.8vw,auto)!important;
  }
}


/* v10.395 — keep help and account links compact after removing duplicate navigation. */
@media(min-width:901px){
body[data-page] #sidebar{height:100dvh!important;min-height:0!important;padding:0 .829vw 12px!important;display:flex!important;flex-direction:column!important;gap:0!important;box-sizing:border-box!important;}
body[data-page] #sidebar::before{top:11.464vw!important;bottom:0!important;height:auto!important;background:linear-gradient(180deg,rgba(2,4,12,.94),rgba(2,4,12,.97)),url("../images/hero-characters.webp") 15% 72%/auto 105% no-repeat,#03050d!important;}
body[data-page] #sidebar .command-nav{position:relative!important;inset:auto!important;order:1!important;flex:0 0 auto!important;width:100%!important;margin:11.464vw 0 0!important;}
body[data-page] #sidebar .mockup-nav-hotspots{position:relative!important;inset:auto!important;order:4!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;width:100%!important;gap:2px!important;margin:0!important;padding:10px 0 0!important;border-top:1px solid rgba(255,136,194,.18)!important;}
body[data-page] #sidebar .premium-sidebar-card{position:relative!important;inset:auto!important;order:3!important;flex:0 0 auto!important;display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important;height:auto!important;min-height:0!important;margin:auto 0 16px!important;padding:13px 12px!important;border:1px solid rgba(255,82,172,.5)!important;border-radius:12px!important;opacity:1!important;text-align:left!important;}
body[data-page] #sidebar .premium-sidebar-card .discord-logo{width:26px!important;height:26px!important;flex:0 0 26px!important;}
body[data-page] #sidebar .premium-sidebar-card strong{display:block!important;font-size:clamp(12px,.85vw,16px)!important;}
body[data-page] #sidebar .premium-sidebar-card small{display:block!important;margin-top:5px!important;font-size:clamp(11px,.75vw,14px)!important;line-height:1.4!important;}
body[data-page] #sidebar .mockup-nav-hotspots .tab{min-height:36px!important;height:clamp(36px,2.7vw,48px)!important;}
}
@media(min-width:600px) and (max-width:900px){
body[data-page="data"] #sidebar{height:100dvh!important;min-height:0!important;padding:0 .829vw 12px!important;display:flex!important;flex-direction:column!important;gap:0!important;box-sizing:border-box!important;}
body[data-page="data"] #sidebar::before{top:11.464vw!important;bottom:0!important;height:auto!important;background:linear-gradient(180deg,rgba(2,4,12,.94),rgba(2,4,12,.97)),url("../images/hero-characters.webp") 15% 72%/auto 105% no-repeat,#03050d!important;}
body[data-page="data"] #sidebar .command-nav{position:relative!important;inset:auto!important;order:1!important;flex:0 0 auto!important;width:100%!important;margin:11.464vw 0 0!important;}
body[data-page="data"] #sidebar .mockup-nav-hotspots{position:relative!important;inset:auto!important;order:4!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;width:100%!important;gap:2px!important;margin:0!important;padding:10px 0 0!important;border-top:1px solid rgba(255,136,194,.18)!important;}
body[data-page="data"] #sidebar .premium-sidebar-card{position:relative!important;inset:auto!important;order:3!important;flex:0 0 auto!important;display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important;height:auto!important;min-height:0!important;margin:auto 0 16px!important;padding:13px 12px!important;border:1px solid rgba(255,82,172,.5)!important;border-radius:12px!important;opacity:1!important;text-align:left!important;}
body[data-page="data"] #sidebar .premium-sidebar-card .discord-logo{width:26px!important;height:26px!important;flex:0 0 26px!important;}
body[data-page="data"] #sidebar .premium-sidebar-card strong{display:block!important;font-size:clamp(12px,.85vw,16px)!important;}
body[data-page="data"] #sidebar .premium-sidebar-card small{display:block!important;margin-top:5px!important;font-size:clamp(11px,.75vw,14px)!important;line-height:1.4!important;}
body[data-page="data"] #sidebar .mockup-nav-hotspots .tab{min-height:36px!important;height:clamp(36px,2.7vw,48px)!important;}
}

/* Separate player-entered PIMD stats from Ultimate PIMD progression. */
body[data-page="dashboard"] .command-stats-panel{aspect-ratio:auto!important;height:auto!important;overflow:visible!important}
body[data-page="dashboard"] .command-stats-panel .command-panel-heading{height:auto!important;margin-bottom:10px!important}
body[data-page="dashboard"] .command-stat-grid{height:auto!important;min-height:94px!important}
.upimd-stat-badge{display:inline-block;vertical-align:middle;font-size:9px;letter-spacing:.08em;font-weight:600;color:#d5b5ff;border:1px solid #704599;border-radius:12px;padding:3px 7px;margin-left:6px}
.upimd-power-bar{position:relative;overflow:hidden;display:grid;grid-template-columns:112px minmax(170px,.9fr) minmax(135px,.62fr) minmax(270px,1.15fr) auto;align-items:center;gap:8px 14px;min-height:108px;padding:11px 14px 11px 0;margin-top:10px;border:1px solid #9253c7;border-radius:11px;background:radial-gradient(circle at 86% 0,#8b4cbd33,transparent 34%),linear-gradient(105deg,#281138,#100b21 70%);box-shadow:inset 0 0 22px #8739ca24,0 0 20px #7f32bf12}
.upimd-power-bar::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ff6db8,#9b72ff,#63d7ea);box-shadow:0 0 16px #c75cff}
.upimd-power-art{position:relative;grid-row:1/3;align-self:stretch;width:112px;height:auto;min-height:108px;margin:-11px 0;overflow:hidden;border:0;border-right:1px solid #c67eb488;border-radius:10px 0 0 10px;background:#100a18;box-shadow:8px 0 24px #d85caf18}
.upimd-power-art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;transform:scale(2);transform-origin:center top}
.upimd-power-main{display:flex;align-items:center;gap:10px;min-width:0}
.upimd-power-icon{color:#d6a1ff;font-size:34px;text-shadow:0 0 14px #ab49ff}
.upimd-power-bar h3{margin:0 0 4px;font-size:10px;letter-spacing:.08em;color:#edcaff}
.upimd-power-bar strong{display:block;font-size:14px;color:#f4eaff;overflow-wrap:anywhere}
.upimd-power-avi small{display:block;font-size:9px;color:#b6a2c8;margin-bottom:4px}
.upimd-power-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.upimd-power-stats>span{min-width:0;padding:8px 9px;border:1px solid #9e70bd44;border-radius:8px;background:#0b0915aa}
.upimd-power-stats small{display:block;color:#a99bb5;font-size:8px;letter-spacing:.08em}
.upimd-power-stats strong{margin-top:3px;font-size:13px}
.upimd-power-bar button{font-size:11px!important;padding:8px 12px!important;white-space:nowrap}
.upimd-power-bar p{grid-column:2/-1;margin:0;font-size:9px;line-height:1.4;color:#bfb0cd}
@media(max-width:850px){.upimd-power-bar{grid-template-columns:94px minmax(0,1fr)}.upimd-power-art{grid-row:1/3;width:94px;min-height:126px}.upimd-power-main,.upimd-power-avi{grid-column:2}.upimd-power-stats,.upimd-power-bar button,.upimd-power-bar p{grid-column:1/-1}.upimd-power-bar button{width:100%}.upimd-power-bar h3{font-size:11px}.upimd-power-bar p{font-size:11px}}

/* Keep the dashboard identity centered and align Noir Muse's face within its circle. */
body[data-page="dashboard"] .command-profile-card>.command-rail-label,
body[data-page="dashboard"] .command-profile-card>.command-profile-name,
body[data-page="dashboard"] .command-profile-card>.command-profile-subtitle{text-align:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
body[data-page="dashboard"] .command-profile-card>.command-profile-avi{margin-left:auto!important;margin-right:auto!important}
/* Portrait framing is shared across profile circles through AVI_FACE_CROPS. */

/* v10.496 — keep the signed-in account controls anchored to the far-right edge on every desktop inner page. */
@media (min-width:901px){
  body[data-page]:not([data-page="dashboard"]) .topbar{
    padding-right:12px!important;
  }
  body[data-page]:not([data-page="dashboard"]) .topbar-actions{
    justify-self:end!important;
    margin-left:auto!important;
  }
  body[data-page]:not([data-page="dashboard"]) .profile-menu-wrap{
    margin-left:auto!important;
  }
}

/* v10.497 — permission-aware MOD/Admin shortcuts beneath View Full Profile. */
.command-profile-console-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.command-profile-console-actions:not(:has(button:not([hidden]))){display:none!important}
.command-profile-console-actions .command-rail-button{min-width:0}
.command-profile-console-button.mod{
  border-color:rgba(173,107,255,.72)!important;
  background:linear-gradient(180deg,rgba(141,76,236,.18),rgba(31,14,56,.34))!important;
}
.command-profile-console-button.admin{
  border-color:rgba(255,107,185,.82)!important;
  background:linear-gradient(180deg,rgba(255,79,174,.21),rgba(58,12,48,.38))!important;
}
@media (min-width:901px){
  body[data-page="dashboard"] .command-profile-console-actions{
    position:absolute!important;
    left:1.105vw!important;
    right:1.105vw!important;
    bottom:.83vw!important;
    z-index:3!important;
    gap:.48vw!important;
    margin:0!important;
  }
  body[data-page="dashboard"] .command-profile-console-actions .command-rail-button{
    height:2.62vw!important;
    min-height:0!important;
    font-size:.72vw!important;
  }
  body[data-page="dashboard"] .command-profile-card:has(.command-profile-console-actions button:not([hidden])){
    aspect-ratio:321/424!important;
  }
  body[data-page="dashboard"] .command-profile-card:has(.command-profile-console-actions button:not([hidden]))>.command-rail-button{
    bottom:3.92vw!important;
  }
  body[data-page="dashboard"] .command-profile-card:has(.command-profile-console-actions button:not([hidden]))>.command-profile-equipped{
    bottom:7.12vw!important;
  }
}

/* v10.556 — clear full Koban framing with large Bloom Crystal. */
body[data-page="dashboard"] .command-wallet-grid>span{
  padding-left:clamp(52px,3.25vw,64px)!important;
}
body[data-page="dashboard"] .command-wallet-grid>span::before{
  left:clamp(7px,.55vw,11px)!important;
  width:clamp(38px,2.35vw,48px)!important;
  height:clamp(38px,2.35vw,48px)!important;
  background-size:contain!important;
  filter:brightness(1.28) contrast(1.08) saturate(1.18) drop-shadow(0 0 8px currentColor)!important;
}
body[data-page="dashboard"] .command-wallet-grid>span:first-child::before{background-size:112%!important}
body[data-page="dashboard"] .command-wallet-grid>span:last-child::before{background-size:138%!important}
body[data-page="dashboard"] .command-wallet-grid small{
  color:rgba(240,229,245,.82)!important;
  font-size:clamp(.61rem,.61vw,.76rem)!important;
}
body[data-page="dashboard"] .command-wallet-grid strong{
  font-size:clamp(1.06rem,1.14vw,1.38rem)!important;
}