/*
 * Proyecto Isaías 9.0.0 — GAME EXPERIENCE REBUILD
 * Visual-first screen system.
 *
 * This layer intentionally changes the INFORMATION HIERARCHY and the
 * navigation presentation. Existing mechanics, forms, URLs and data remain.
 */

:root{
  --g9-day-bg:#f3f1f8;
  --g9-day-surface:#ffffff;
  --g9-day-surface-2:#faf9fd;
  --g9-day-ink:#171827;
  --g9-day-ink-2:#303247;
  --g9-day-muted:#70748a;
  --g9-day-line:#e5e1ee;
  --g9-purple:#6d4fe4;
  --g9-purple-dark:#4b34b1;
  --g9-violet:#8d72f4;
  --g9-cyan:#1bb9d8;
  --g9-lime:#5dbb63;
  --g9-gold:#d7952c;
  --g9-red:#d74f68;
  --g9-shadow:0 18px 42px rgba(52,43,91,.08);
  --g9-shadow-lg:0 28px 65px rgba(52,43,91,.13);

  --g9-night-bg:#090b13;
  --g9-night-surface:#141827;
  --g9-night-surface-2:#1a1f30;
  --g9-night-ink:#f8f7ff;
  --g9-night-ink-2:#dddceb;
  --g9-night-muted:#a6a9bc;
  --g9-night-line:#2b3045;
  --g9-night-purple:#9d86ff;
  --g9-night-violet:#b39fff;
  --g9-night-cyan:#48d7ec;
  --g9-night-lime:#85df8a;
  --g9-night-gold:#ffd064;
  --g9-night-red:#ff7188;
}

body{
  background:var(--g9-day-bg) !important;
  color:var(--g9-day-ink) !important;
  min-height:100vh;
}

.fj-game-shell-v900{
  position:relative !important;
  min-height:100vh !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 7% 3%,rgba(109,79,228,.08),transparent 26rem),
    radial-gradient(circle at 94% 18%,rgba(27,185,216,.07),transparent 28rem),
    var(--g9-day-bg) !important;
}

.fj-game-shell-v900 .fj-app-shell{
  width:min(1460px,100%) !important;
  margin:0 auto !important;
  padding:12px 22px 44px !important;
}

.fj-game-shell-v900 .fj-app-main{
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
}

.fj-game-shell-v900 .fj-v8-page-canvas{
  width:100% !important;
  position:relative !important;
}

.fj-game-shell-v900 .fj-v8-page-canvas:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:360px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 5% 0%,rgba(109,79,228,.13),transparent 20rem),
    radial-gradient(circle at 94% 3%,rgba(27,185,216,.12),transparent 22rem);
}

/* ----------------------------------------------------------
   TOP WORLD BAR — deliberately simpler than the old dashboard.
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v8-gamebar{
  border-radius:22px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(109,79,228,.13) !important;
  box-shadow:var(--g9-shadow-lg) !important;
  backdrop-filter:blur(20px) !important;
}

.fj-game-shell-v900 .fj-v8-gamebar-sub{
  display:none !important;
}

.fj-game-shell-v900 .fj-v8-gamebar-main{
  min-height:68px !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:16px !important;
}

.fj-game-shell-v900 .fj-v8-world{
  border-radius:12px !important;
  color:#777b8e !important;
  padding:9px 12px !important;
}

.fj-game-shell-v900 .fj-v8-world.is-active{
  background:linear-gradient(135deg,#7256e8,#4f37b5) !important;
  box-shadow:0 8px 20px rgba(109,79,228,.22) !important;
  color:#fff !important;
}

.fj-game-shell-v900 .fj-v8-hud-stat{
  border-radius:12px !important;
  background:#f7f5fb !important;
  border-color:#e8e3f1 !important;
}

.fj-game-shell-v900 .fj-v8-theme-toggle{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-width:78px !important;
  min-height:34px !important;
  padding:5px 10px !important;
  border:1px solid #ddd7ec !important;
  border-radius:999px !important;
  background:#f8f6fc !important;
  color:#5b4aa4 !important;
  font:inherit !important;
  font-size:9px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:.18s ease !important;
}

.fj-game-shell-v900 .fj-v8-theme-toggle:hover{
  transform:translateY(-1px) !important;
  border-color:#c9bdf1 !important;
  background:#f0ecff !important;
}

.fj-game-shell-v900 .fj-v8-theme-toggle:focus-visible{
  outline:3px solid rgba(27,185,216,.25) !important;
  outline-offset:2px !important;
}


.fj-game-shell-v900 .fj-v8-theme-toggle .dashicons{
  color:currentColor !important;
  width:14px !important;
  height:14px !important;
  font-size:14px !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v8-theme-toggle{
  background:#2a3044 !important;
  border-color:#4b526b !important;
  color:#ffe08a !important;
}

/* ----------------------------------------------------------
   NEW SCREEN HEADER
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-intro{
  position:relative !important;
  overflow:hidden !important;
  margin:18px 0 14px !important;
  border-radius:28px !important;
  border:1px solid rgba(109,79,228,.16) !important;
  background:
    radial-gradient(circle at 91% 7%,rgba(27,185,216,.16),transparent 18rem),
    radial-gradient(circle at 3% 100%,rgba(109,79,228,.16),transparent 22rem),
    linear-gradient(135deg,#ffffff 0%,#fbf9ff 58%,#f1fbff 100%) !important;
  box-shadow:var(--g9-shadow-lg) !important;
}

.fj-game-shell-v900 .fj-v9-screen-intro:after{
  content:"";
  position:absolute;
  right:-110px;
  top:-110px;
  width:280px;
  height:280px;
  border-radius:50%;
  border:1px solid rgba(109,79,228,.10);
  box-shadow:0 0 0 28px rgba(109,79,228,.025),0 0 0 58px rgba(27,185,216,.018);
  pointer-events:none;
}

.fj-game-shell-v900 .fj-v9-screen-intro__main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(220px,300px);
  align-items:center;
  gap:20px;
  padding:24px 26px 22px;
}

.fj-game-shell-v900 .fj-v9-screen-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:linear-gradient(145deg,#7e63ef,#5138b8);
  color:#fff;
  box-shadow:0 14px 30px rgba(109,79,228,.25);
}

.fj-game-shell-v900 .fj-v9-screen-icon .dashicons{
  width:30px;
  height:30px;
  font-size:30px;
}

.fj-game-shell-v900 .fj-v9-screen-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
  color:#7054cf;
  font-size:9px;
  line-height:1;
  letter-spacing:.14em;
  font-weight:950;
}

.fj-game-shell-v900 .fj-v9-screen-kicker i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#24b9d8;
}

.fj-game-shell-v900 .fj-v9-screen-copy h1{
  margin:0 !important;
  color:#181827 !important;
  font-size:30px !important;
  line-height:1.03 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
}

.fj-game-shell-v900 .fj-v9-screen-copy p{
  max-width:680px;
  margin:9px 0 0 !important;
  color:#6e7286 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.fj-game-shell-v900 .fj-v9-screen-action{
  justify-self:end;
  width:100%;
  max-width:290px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(109,79,228,.12);
}

.fj-game-shell-v900 .fj-v9-screen-action > span{
  display:block;
  margin:0 5px 7px;
  color:#8b8ca0;
  font-size:8px;
  line-height:1;
  letter-spacing:.12em;
  font-weight:950;
}

.fj-game-shell-v900 .fj-v9-cta{
  min-height:47px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 15px;
  border-radius:13px;
  background:linear-gradient(135deg,#6d4fe4,#4f37b7);
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(109,79,228,.22);
  transition:.16s ease;
}

.fj-game-shell-v900 .fj-v9-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(109,79,228,.28);
}

.fj-game-shell-v900 .fj-v9-cta strong{
  color:#fff !important;
  font-size:12px;
  font-weight:950;
}

.fj-game-shell-v900 .fj-v9-cta span{
  color:#fff !important;
  font-size:18px;
  font-weight:900;
}

.fj-game-shell-v900 .fj-v9-screen-nav{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:5px;
  overflow:auto;
  padding:9px 12px;
  border-top:1px solid rgba(109,79,228,.10);
  background:rgba(255,255,255,.45);
  scrollbar-width:none;
}

.fj-game-shell-v900 .fj-v9-screen-nav::-webkit-scrollbar{
  display:none;
}

.fj-game-shell-v900 .fj-v9-screen-nav a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border-radius:10px;
  color:#77798c !important;
  text-decoration:none !important;
  font-size:9px;
  font-weight:900;
  transition:.16s ease;
}

.fj-game-shell-v900 .fj-v9-screen-nav a:hover{
  background:#f0ecff;
  color:#543db2 !important;
}

.fj-game-shell-v900 .fj-v9-screen-nav a.is-active{
  background:#ebe7ff;
  color:#533db1 !important;
  box-shadow:inset 0 0 0 1px #dcd3fb;
}

.fj-game-shell-v900 .fj-v9-screen-nav .dashicons{
  width:14px;
  height:14px;
  font-size:14px;
}

/* ----------------------------------------------------------
   SCREEN BODY
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-body{
  position:relative;
  width:100%;
}

.fj-game-shell-v900 .fj-v9-screen-body > *{
  box-sizing:border-box;
}

/* Old page wrappers stop adding nested "admin canvas" backgrounds. */
.fj-game-shell-v900 .fj-v9-screen-body :where(.fj-wrap,.fj-wrap-fullwidth,.fj-adv-page,.fj-dashboard,.fj-ranking-page,.fj-community-directory,.fj-community-equipos,.fj-wall641-page,.fj-bank-page,.fj-treasury-page,.fj-store636-page,.fj-badge636-page,.fj-desafio-page,.fj-staff646-page,.fj-sp649-page,.fj-sp650-wrap,.fj-sp651-page,.fj-tm658-page,.fj-eq654-page,.fj-eq655-page,.fj-sys659-page){
  max-width:1220px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ----------------------------------------------------------
   GAME SURFACES — remove "form/dashboard" feeling.
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-card,.fj-panel,.fj-master-panel,.fj-dashboard-panel,.fj-team-hub-panel,
  .fj-market-panel,.fj-front-admin-card,.fj-staff-card,.fj-mini-card,
  .fj-profile-panel,.fj-bank-wallet-card,.fj-ranking-podium-card,
  .fj-ranking-explain-card,.fj-adv-task,.fj-adv-mission,.fj-exp-milestones,
  .fj-profile-transfer-card,.fj-community-person-card,.fj-community-team-card,
  .fj-wall641-post,.fj-wall641-spotlight,.fj-bank-action-card,.fj-treasury-flow-card,
  .fj-store636-panel,.fj-badge636-card,.fj-desafio-panel,.fj-desafio-card,
  .fj-att-panel,.fj-app652-card,.fj-sp651-agenda-card,.fj-sp651-work-panel,
  .fj-tm658-card,.fj-sys659-card,.fj-application-card
){
  background:var(--g9-day-surface) !important;
  color:var(--g9-day-ink-2) !important;
  border:1px solid var(--g9-day-line) !important;
  border-radius:20px !important;
  box-shadow:var(--g9-shadow) !important;
}

/* Technical prose becomes supporting copy, not the main visual. */
.fj-game-shell-v900 .fj-v9-screen-body :where(.fj-muted,.fj-dashboard-panel-head p,.fj-section-head p,.fj-page-hero p,.fj-community-hero p){
  color:var(--g9-day-muted) !important;
  line-height:1.5 !important;
}

/* ----------------------------------------------------------
   CHARACTER SCREENS
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-ficha .fj-v9-screen-intro,
.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-v9-screen-intro,
.fj-game-shell-v900 .fj-v9-screen-ficha_equipo .fj-v9-screen-intro{
  margin-bottom:10px !important;
}

.fj-game-shell-v900 .fj-v9-screen-ficha .fj-dinasta-hero,
.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-dinasta-hero,
.fj-game-shell-v900 .fj-v9-screen-ficha_equipo .fj-team-hub-hero{
  border-radius:28px !important;
  box-shadow:var(--g9-shadow-lg) !important;
}

/* The Dinasta HUD should read like a character screen, not a report. */
.fj-game-shell-v900 .fj-dinasta-hero{
  border:1px solid rgba(109,79,228,.16) !important;
  background:
    radial-gradient(circle at 88% 9%,rgba(27,185,216,.15),transparent 17rem),
    radial-gradient(circle at 6% 95%,rgba(109,79,228,.14),transparent 20rem),
    linear-gradient(135deg,#ffffff,#fbf9ff 58%,#f2fbff) !important;
}

.fj-game-shell-v900 .fj-dinasta-hero__metrics{
  border-top:1px solid rgba(109,79,228,.10) !important;
  background:rgba(255,255,255,.38) !important;
}

.fj-game-shell-v900 .fj-dinasta-metric{
  min-height:76px !important;
  border-right:1px solid rgba(109,79,228,.08) !important;
}

.fj-game-shell-v900 .fj-dinasta-metric:last-child{
  border-right:0 !important;
}

/* ----------------------------------------------------------
   ADVANCEMENT = QUEST MAP
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-step-label{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  margin:17px 0 8px !important;
  padding:0 4px !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-step-label > span{
  width:29px !important;
  height:29px !important;
  flex:0 0 29px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#6d4fe4,#4f37b6) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:950 !important;
  box-shadow:0 6px 14px rgba(109,79,228,.22) !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-step-label strong{
  color:#25253a !important;
  font-size:14px !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-step-label small{
  display:block !important;
  color:#85879a !important;
  font-size:10px !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-tabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-tab{
  min-height:78px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:13px 14px !important;
  border-radius:18px !important;
  border:1px solid var(--g9-day-line) !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(52,43,91,.05) !important;
  text-decoration:none !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-tab.is-active{
  border-color:#bfb1f5 !important;
  background:linear-gradient(145deg,#f5f1ff,#fff) !important;
  box-shadow:0 12px 26px rgba(109,79,228,.12) !important;
  transform:translateY(-1px);
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-tab-top strong{
  color:#26263b !important;
  font-size:13px !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-tab small{
  color:#85879a !important;
  font-size:9px !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-mission{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  min-height:125px !important;
  padding:20px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#6d4fe4,#4f37b6) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 20px 38px rgba(109,79,228,.22) !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-mission :where(.fj-eyebrow,.fj-adv-mission-copy p,.fj-adv-mission-copy h3,.fj-adv-mission-status span,.fj-adv-mission-status strong){
  color:#fff !important;
}

.fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-mission-icon{
  width:54px !important;
  height:54px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  font-size:23px !important;
}

/* ----------------------------------------------------------
   DASHBOARD = ONE QUEST, NOT A REPORT
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-tablero .fj-dashboard-mission{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  padding:24px !important;
  border-radius:25px !important;
  background:
    radial-gradient(circle at 92% 0%,rgba(27,185,216,.20),transparent 15rem),
    linear-gradient(135deg,#6d4fe4,#4f37b7) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 22px 44px rgba(109,79,228,.24) !important;
}

.fj-game-shell-v900 .fj-v9-screen-tablero .fj-dashboard-mission :where(span,h3,p,strong){
  color:#fff !important;
}

.fj-game-shell-v900 .fj-v9-screen-tablero .fj-dashboard-mission-icon{
  width:60px !important;
  height:60px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:19px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  font-size:22px !important;
}

/* ----------------------------------------------------------
   ARENA / COMMUNITY
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-ranking .fj-ranking-hero,
.fj-game-shell-v900 .fj-v9-screen-directorio .fj-community-hero,
.fj-game-shell-v900 .fj-v9-screen-directorio_equipos .fj-community-hero{
  border-radius:28px !important;
  background:
    radial-gradient(circle at 90% 5%,rgba(255,205,83,.18),transparent 17rem),
    radial-gradient(circle at 5% 95%,rgba(109,79,228,.16),transparent 20rem),
    linear-gradient(135deg,#fff,#fbf9ff 62%,#fffaf0) !important;
  box-shadow:var(--g9-shadow-lg) !important;
}

.fj-game-shell-v900 .fj-v9-screen-ranking :where(.fj-ranking-podium-card,.fj-ranking-explain-card){
  border-radius:22px !important;
}

.fj-game-shell-v900 .fj-v9-screen-ranking .fj-ranking-podium-card{
  border-color:#ead9ad !important;
  box-shadow:0 18px 38px rgba(171,127,43,.10) !important;
}

/* ----------------------------------------------------------
   REINO = INVENTORY / REWARDS
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-banco .fj-bank-hero,
.fj-game-shell-v900 .fj-v9-screen-mercado .fj-market-hero,
.fj-game-shell-v900 .fj-v9-screen-tienda .fj-store636-hero,
.fj-game-shell-v900 .fj-v9-screen-insignias .fj-badge636-hero{
  border-radius:28px !important;
  box-shadow:var(--g9-shadow-lg) !important;
}

.fj-game-shell-v900 .fj-v9-screen-tienda .fj-store636-tabs{
  border-radius:17px !important;
  background:#f7f4fd !important;
  border:1px solid #e5e0ee !important;
  padding:5px !important;
}

.fj-game-shell-v900 .fj-v9-screen-tienda .fj-store636-tab{
  border-radius:12px !important;
  font-weight:900 !important;
}

.fj-game-shell-v900 .fj-v9-screen-insignias .fj-badge636-card{
  border-radius:22px !important;
  transition:.18s ease !important;
}

.fj-game-shell-v900 .fj-v9-screen-insignias .fj-badge636-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 20px 36px rgba(52,43,91,.12) !important;
}

/* ----------------------------------------------------------
   STAFF = COMMAND CENTER, not a spreadsheet.
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-app-shell-administrador .fj-v9-screen-intro{
  background:
    radial-gradient(circle at 92% 6%,rgba(27,185,216,.12),transparent 17rem),
    radial-gradient(circle at 5% 95%,rgba(88,101,221,.15),transparent 21rem),
    linear-gradient(135deg,#ffffff,#f7f8ff 62%,#f2fbff) !important;
}

.fj-game-shell-v900 .fj-app-shell-administrador .fj-v9-screen-icon{
  background:linear-gradient(145deg,#5865dc,#413a9f) !important;
}

.fj-game-shell-v900 .fj-app-shell-administrador .fj-v9-cta{
  background:linear-gradient(135deg,#5865dc,#413a9f) !important;
}

.fj-game-shell-v900 .fj-app-shell-administrador .fj-v9-screen-nav a.is-active{
  background:#eceeff !important;
  color:#47489f !important;
}

.fj-game-shell-v900 .fj-app-shell-administrador .fj-v9-screen-body :where(
  .fj-sp649-pulse article,.fj-sp651-pulse article,.fj-staff646-stats article,
  .fj-rw657-stats article,.fj-att-stats article
){
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid var(--g9-day-line) !important;
  box-shadow:0 9px 22px rgba(52,43,91,.05) !important;
}

/* ----------------------------------------------------------
   BUTTONS / FORMS — strong contrast and game action hierarchy
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-body :where(.fj-btn,.button,.button-primary,.button-secondary){
  min-height:42px !important;
  border-radius:12px !important;
  font-weight:950 !important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(.fj-btn:not(.fj-btn-secondary),.button-primary){
  background:linear-gradient(135deg,#6d4fe4,#4f37b7) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 9px 19px rgba(109,79,228,.20) !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(.fj-btn-secondary,.button-secondary){
  background:#f0edf8 !important;
  color:#4d3b91 !important;
  border:1px solid #ddd6ef !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(.fj-btn,.button):hover{
  transform:translateY(-2px) !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea){
  background:#fff !important;
  color:#222338 !important;
  border:1px solid #dcd7e7 !important;
  border-radius:12px !important;
  min-height:44px !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(input,select,textarea):focus{
  border-color:#7b63e9 !important;
  box-shadow:0 0 0 4px rgba(109,79,228,.12) !important;
  outline:0 !important;
}

/* Tables are inventory/leaderboards. */
.fj-game-shell-v900 .fj-v9-screen-body :where(table,.fj-table){
  border-collapse:separate !important;
  border-spacing:0 7px !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(table,.fj-table) thead th{
  color:#8a8c9f !important;
  border:0 !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
  font-size:8px !important;
  font-weight:950 !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(table,.fj-table) tbody td{
  background:#fff !important;
  color:#303247 !important;
  border-top:1px solid #e7e3ee !important;
  border-bottom:1px solid #e7e3ee !important;
  padding:12px 10px !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(table,.fj-table) tbody td:first-child{
  border-left:1px solid #e7e3ee !important;
  border-radius:14px 0 0 14px !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(table,.fj-table) tbody td:last-child{
  border-right:1px solid #e7e3ee !important;
  border-radius:0 14px 14px 0 !important;
}

/* ----------------------------------------------------------
   DAY/NIGHT — actual contrast switch
   ---------------------------------------------------------- */
html[data-fj-theme="night"],
html[data-fj-theme="night"] body{
  background:var(--g9-night-bg) !important;
  color:var(--g9-night-ink) !important;
  color-scheme:dark !important;
}

html[data-fj-theme="night"] .fj-v8-gamebar{
  background:rgba(20,24,39,.95) !important;
  border-color:#30364e !important;
  box-shadow:0 28px 65px rgba(0,0,0,.35) !important;
}

html[data-fj-theme="night"] .fj-v8-theme-toggle{
  background:#292e40 !important;
  color:#ffe08a !important;
  border-color:#424960 !important;
}

html[data-fj-theme="night"] .fj-v8-theme-toggle:before{
  content:"☾" !important;
}

html[data-fj-theme="night"] .fj-v8-theme-toggle b{
  color:#ffe08a !important;
}

html[data-fj-theme="night"] .fj-v9-screen-intro{
  background:
    radial-gradient(circle at 91% 7%,rgba(72,215,236,.10),transparent 18rem),
    radial-gradient(circle at 3% 100%,rgba(157,134,255,.13),transparent 22rem),
    linear-gradient(135deg,#151927,#181c2d 58%,#102029) !important;
  border-color:#363d57 !important;
  box-shadow:0 28px 65px rgba(0,0,0,.34) !important;
}

html[data-fj-theme="night"] .fj-v9-screen-copy h1{
  color:var(--g9-night-ink) !important;
}

html[data-fj-theme="night"] .fj-v9-screen-copy p{
  color:var(--g9-night-muted) !important;
}

html[data-fj-theme="night"] .fj-v9-screen-kicker{
  color:#b4a0ff !important;
}

html[data-fj-theme="night"] .fj-v9-screen-action{
  background:rgba(15,18,30,.68) !important;
  border-color:#333950 !important;
}

html[data-fj-theme="night"] .fj-v9-screen-action > span{
  color:#9296aa !important;
}

html[data-fj-theme="night"] .fj-v9-screen-nav{
  background:rgba(12,15,25,.45) !important;
  border-color:#2c3247 !important;
}

html[data-fj-theme="night"] .fj-v9-screen-nav a{
  color:#a7aabd !important;
}

html[data-fj-theme="night"] .fj-v9-screen-nav a:hover{
  background:#23283a !important;
  color:#dcd4ff !important;
}

html[data-fj-theme="night"] .fj-v9-screen-nav a.is-active{
  background:#302a4d !important;
  color:#dcd3ff !important;
  box-shadow:inset 0 0 0 1px #55497d !important;
}

html[data-fj-theme="night"] .fj-v9-screen-body :where(
  .fj-card,.fj-panel,.fj-master-panel,.fj-dashboard-panel,.fj-team-hub-panel,
  .fj-market-panel,.fj-front-admin-card,.fj-staff-card,.fj-mini-card,
  .fj-profile-panel,.fj-bank-wallet-card,.fj-ranking-podium-card,
  .fj-ranking-explain-card,.fj-adv-task,.fj-adv-mission,.fj-exp-milestones,
  .fj-profile-transfer-card,.fj-community-person-card,.fj-community-team-card,
  .fj-wall641-post,.fj-wall641-spotlight,.fj-bank-action-card,.fj-treasury-flow-card,
  .fj-store636-panel,.fj-badge636-card,.fj-desafio-panel,.fj-desafio-card,
  .fj-att-panel,.fj-app652-card,.fj-sp651-agenda-card,.fj-sp651-work-panel,
  .fj-tm658-card,.fj-sys659-card,.fj-application-card
){
  background:var(--g9-night-surface) !important;
  color:var(--g9-night-ink-2) !important;
  border-color:var(--g9-night-line) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.28) !important;
}

html[data-fj-theme="night"] .fj-v9-screen-body :where(h1,h2,h3,h4,h5,strong){
  color:var(--g9-night-ink) !important;
}

html[data-fj-theme="night"] .fj-v9-screen-body :where(p,li,label,.fj-muted,.description){
  color:var(--g9-night-muted) !important;
}

html[data-fj-theme="night"] .fj-v9-screen-body :where(
  input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea
){
  background:#10131e !important;
  color:#f8f7ff !important;
  border-color:#394058 !important;
}

html[data-fj-theme="night"] .fj-v9-screen-body :where(.fj-btn-secondary,.button-secondary){
  background:#292e40 !important;
  color:#e5ddff !important;
  border-color:#424960 !important;
}

html[data-fj-theme="night"] .fj-v9-screen-body :where(table,.fj-table) tbody td{
  background:#151927 !important;
  color:#e1dfed !important;
  border-color:#30364b !important;
}

html[data-fj-theme="night"] .fj-v9-screen-body :where(table,.fj-table) thead th{
  color:#9196aa !important;
}


/* ----------------------------------------------------------
   v9.1 CONTRAST GUARDRAILS
   These rules intentionally win over legacy page CSS.
   ---------------------------------------------------------- */
.fj-game-shell-v900 .fj-v9-screen-body{
  color:#303247 !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(
  h1,h2,h3,h4,h5,h6,
  .fj-title,.fj-heading,.fj-section-title,.fj-card-title,
  .fj-ranking-title,.fj-ranking-name,.fj-name
){
  color:#171827 !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(
  p,li,dt,dd,label,small,.fj-muted,.description,
  .fj-help,.fj-copy,.fj-subtitle
){
  color:#62677b !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(
  a:not(.fj-btn):not(.button):not(.fj-v9-cta)
){
  color:#5a43bf !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-btn,.button,.button-primary,.fj-primary,.fj-cta
){
  color:#fff !important;
  text-shadow:none !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-btn-secondary,.button-secondary,.fj-secondary
){
  color:#46348e !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-pill,.fj-chip,.fj-badge,.fj-status,.fj-tag
){
  color:#3d3f52 !important;
}

.fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-progress-label,.fj-stat-label,.fj-kpi-label,.fj-eyebrow,
  .fj-section-kicker,.fj-page-hero__eyebrow
){
  color:#7564b5 !important;
}

/* Night: every semantic text role gets a light counterpart. */
html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body{
  color:#dddceb !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body :where(
  h1,h2,h3,h4,h5,h6,
  .fj-title,.fj-heading,.fj-section-title,.fj-card-title,
  .fj-ranking-title,.fj-ranking-name,.fj-name
){
  color:#f8f7ff !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body :where(
  p,li,dt,dd,label,small,.fj-muted,.description,
  .fj-help,.fj-copy,.fj-subtitle
){
  color:#aeb2c6 !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body :where(
  a:not(.fj-btn):not(.button):not(.fj-v9-cta)
){
  color:#b8a7ff !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-btn-secondary,.button-secondary,.fj-secondary
){
  color:#e9e4ff !important;
  background:#292e40 !important;
  border-color:#464d67 !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-pill,.fj-chip,.fj-badge,.fj-status,.fj-tag
){
  color:#e7e5f1 !important;
  background:#252a3b !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-progress-label,.fj-stat-label,.fj-kpi-label,.fj-eyebrow,
  .fj-section-kicker,.fj-page-hero__eyebrow
){
  color:#b9a9ff !important;
}

/* Game-like affordance: interactive cards visibly respond. */
.fj-game-shell-v900 .fj-v9-screen-body :where(
  .fj-card,.fj-panel,.fj-front-admin-card,.fj-staff-card,
  .fj-community-person-card,.fj-community-team-card,
  .fj-badge636-card,.fj-adv-task,.fj-ranking-mode-card
){
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease !important;
}

@media (hover:hover){
  .fj-game-shell-v900 .fj-v9-screen-body :where(
    .fj-card,.fj-front-admin-card,.fj-staff-card,
    .fj-community-person-card,.fj-community-team-card,
    .fj-badge636-card,.fj-adv-task,.fj-ranking-mode-card
  ):hover{
    transform:translateY(-3px) !important;
    box-shadow:0 22px 42px rgba(52,43,91,.12) !important;
    border-color:#d4caf3 !important;
  }

  html[data-fj-theme="night"] .fj-game-shell-v900 .fj-v9-screen-body :where(
    .fj-card,.fj-front-admin-card,.fj-staff-card,
    .fj-community-person-card,.fj-community-team-card,
    .fj-badge636-card,.fj-adv-task,.fj-ranking-mode-card
  ):hover{
    box-shadow:0 24px 48px rgba(0,0,0,.34) !important;
    border-color:#4a4269 !important;
  }
}


/* ----------------------------------------------------------
   v9.1 SIDEBAR — compact game navigation
   ---------------------------------------------------------- */
.fj-game-shell-v900 > .fj-app-sidebar{
  width:248px !important;
  min-width:248px !important;
  max-width:248px !important;
  padding:10px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(131,102,255,.22),transparent 13rem),
    linear-gradient(165deg,#10152b 0%,#151b39 58%,#0d1328 100%) !important;
  border:1px solid rgba(174,159,255,.18) !important;
  box-shadow:0 24px 60px rgba(15,13,37,.24) !important;
}

.fj-game-shell-v900 .fj-sidebar-brand{
  padding:7px 7px 12px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.fj-game-shell-v900 .fj-sidebar-brand strong{
  font-size:13px !important;
  letter-spacing:.02em !important;
}

.fj-game-shell-v900 .fj-sidebar-brand small{
  color:#a9a8c5 !important;
  font-size:8px !important;
  letter-spacing:.08em !important;
}

.fj-game-shell-v900 .fj-sidebar-user{
  margin:10px 3px 6px !important;
  padding:10px !important;
  border-radius:17px !important;
  background:linear-gradient(135deg,rgba(133,104,255,.20),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(174,159,255,.13) !important;
}

.fj-game-shell-v900 .fj-sidebar-user-copy>small{
  color:#aaa9c5 !important;
  font-size:8px !important;
}

.fj-game-shell-v900 .fj-sidebar-user-copy>strong{
  font-size:11px !important;
  color:#fff !important;
}

.fj-game-shell-v900 .fj-sidebar-group{
  margin-top:10px !important;
}

.fj-game-shell-v900 .fj-sidebar-group p{
  margin:0 4px 4px !important;
  padding:5px 6px 4px !important;
  background:transparent !important;
  color:#8f91b0 !important;
  font-size:7px !important;
  letter-spacing:.14em !important;
  font-weight:950 !important;
}

.fj-game-shell-v900 .fj-sidebar-nav a{
  min-height:38px !important;
  padding:8px 9px !important;
  border-radius:12px !important;
  color:#b9bad2 !important;
  gap:9px !important;
}

.fj-game-shell-v900 .fj-sidebar-nav a strong{
  color:inherit !important;
  font-size:10px !important;
  font-weight:900 !important;
}

.fj-game-shell-v900 .fj-sidebar-nav a .dashicons{
  color:#a89cf0 !important;
  width:17px !important;
  height:17px !important;
  font-size:17px !important;
}

.fj-game-shell-v900 .fj-sidebar-nav a:hover{
  background:rgba(143,116,255,.13) !important;
  color:#fff !important;
}

.fj-game-shell-v900 .fj-sidebar-nav a.is-active{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(123,92,235,.72),rgba(78,55,181,.72)) !important;
  box-shadow:0 9px 20px rgba(75,52,177,.22),inset 0 0 0 1px rgba(255,255,255,.10) !important;
}

.fj-game-shell-v900 .fj-sidebar-nav a.is-active .dashicons{
  color:#fff !important;
}

.fj-game-shell-v900 .fj-sidebar-footer{
  padding:9px 7px 5px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  color:#7f829e !important;
  font-size:8px !important;
}

.fj-game-shell-v900 .fj-sidebar-footer small{
  color:#b8a8ff !important;
  font-size:8px !important;
}

html[data-fj-theme="night"] .fj-game-shell-v900 .fj-sidebar-nav a{
  color:#b9bad2 !important;
}

/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */
@media (max-width:980px){
  .fj-game-shell-v900 .fj-app-shell{
    padding:9px 12px 86px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-intro__main{
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:15px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-action{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    max-width:none !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-icon{
    width:58px !important;
    height:58px !important;
    border-radius:17px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-copy h1{
    font-size:25px !important;
  }

  .fj-game-shell-v900 .fj-v8-gamebar-main{
    grid-template-columns:auto minmax(0,1fr) auto !important;
  }

  .fj-game-shell-v900 .fj-v8-player-hud{
    min-width:0 !important;
  }

  .fj-game-shell-v900 .fj-v8-hud-stat,
  .fj-game-shell-v900 .fj-v8-season,
  .fj-game-shell-v900 .fj-v8-player-name{
    display:none !important;
  }
}

@media (max-width:720px){
  .fj-game-shell-v900 .fj-v9-screen-intro{
    border-radius:21px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-intro__main{
    padding:19px 17px 17px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-copy h1{
    font-size:22px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-copy p{
    font-size:12px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-nav{
    padding:8px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-nav a{
    min-height:36px !important;
    padding:8px 10px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-nav a b{
    font-size:9px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-tabs{
    grid-template-columns:1fr !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-mission,
  .fj-game-shell-v900 .fj-v9-screen-tablero .fj-dashboard-mission{
    grid-template-columns:auto minmax(0,1fr) !important;
    padding:18px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-adelanto .fj-adv-mission > :last-child,
  .fj-game-shell-v900 .fj-v9-screen-tablero .fj-dashboard-mission > :last-child{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-body :where(.fj-card,.fj-panel,.fj-dashboard-panel,.fj-staff-card,.fj-mini-card){
    border-radius:17px !important;
  }

  .fj-game-shell-v900 .fj-v8-theme-toggle{
    min-width:38px !important;
    width:38px !important;
    padding:0 !important;
  }

  .fj-game-shell-v900 .fj-v8-theme-toggle b{
    display:none !important;
  }
}

@media (max-width:520px){
  .fj-game-shell-v900 .fj-v8-brand-copy{
    display:none !important;
  }

  .fj-game-shell-v900 .fj-v8-world b{
    display:none !important;
  }

  .fj-game-shell-v900 .fj-v8-world{
    width:35px !important;
    justify-content:center !important;
    padding:8px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-icon{
    width:50px !important;
    height:50px !important;
    border-radius:15px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-icon .dashicons{
    font-size:24px !important;
    width:24px !important;
    height:24px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-copy h1{
    font-size:20px !important;
  }

  .fj-game-shell-v900 .fj-v9-screen-action{
    padding:9px !important;
  }
}