/* LIVE presentation of the approved dashboard and readable ranks; authenticated application logic unchanged. */
/* SENSEI-WAY 0.18.70 — completed graphite dashboard.
   The wallpaper is the exact original user upload. No generated text decoration.
   Scoped to the DEMO dashboard; existing content and behaviour are retained. */
.forge-live-theme:has(.dashboard49-app){background:#0a1523;color-scheme:dark}
.forge-live-theme:has(.dashboard49-app) .demo-toolbar{background:#0d1929;border-bottom:1px solid #293b50;color:#e8eff8;box-shadow:none}
.forge-live-theme:has(.dashboard49-app) .demo-toolbar-summary span{color:#aebed1}
.forge-live-theme:has(.dashboard49-app) .demo-role-tabs a{color:#bed0e4}
.forge-live-theme:has(.dashboard49-app) .demo-role-tabs a[aria-current=page]{background:#283a50;color:#fff;box-shadow:inset 0 0 0 1px #4b607b}
.forge-live-theme:has(.dashboard49-app) .demo-role-tabs a:hover{background:#203249}
.forge-live-theme:has(.dashboard49-app) .demo-toolbar-actions button{background:#182a40;border-color:#40556e;color:#e6edf6}
.forge-live-theme:has(.dashboard49-app) .demo-toolbar-actions a{color:#c4d5e8}
.forge-live-theme .dashboard49-app .sidebar{background:linear-gradient(165deg,#111f32,#0a1524 80%);border-right:1px solid #28394e}
.forge-live-theme .dashboard49-app .sidebar-label{color:#97adc7}
.forge-live-theme .dashboard49-app .navlink{color:#b9cbe0;border:1px solid transparent!important}
.forge-live-theme .dashboard49-app .navlink.active{background:linear-gradient(100deg,rgba(177,39,60,.22),rgba(88,48,69,.12));color:#fff;border-color:rgba(221,73,96,.25)!important;box-shadow:none}
.forge-live-theme .dashboard49-app .navlink.active svg{color:#f37688}
.forge-live-theme .dashboard49-app .navlink:hover{background:#203147;color:#fff}
.forge-live-theme .dashboard49-app .main{position:relative;isolation:isolate;background:linear-gradient(145deg,#101e30 0%,#0a1727 54%,#091522 100%)!important}
.forge-live-theme .dashboard49-app .main::before{content:"";position:absolute;z-index:0;pointer-events:none;top:76px;right:0;width:min(88%,850px);height:min(1100px,calc(100% - 76px));background:url("/assets/judo-wallpaper-original70.png") right top/100% auto no-repeat;opacity:.43;mask-image:linear-gradient(90deg,transparent 0%,#000 47%,#000 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 74%,transparent 100%);mask-composite:intersect}
.forge-live-theme .dashboard49-app .topbar{position:sticky;z-index:3;background:rgba(13,26,43,.98)!important;border-bottom:1px solid #293b50!important;box-shadow:none;color:#dce8f7}
.forge-live-theme .dashboard49-app .crumb,.forge-live-theme .dashboard49-app .tf-crumb-name{color:#a7bdd6}
.forge-live-theme .dashboard49-app .crumb strong{color:#f1f6fc}
.forge-live-theme .dashboard49-app .tag{background:#192b40!important;border:1px solid #405770!important;color:#d5e3f4!important}
.forge-live-theme .dashboard49-app .wrap{position:relative;z-index:1;max-width:1400px!important;padding-top:30px!important}
.forge-live-theme .dashboard49{--dash-ink:#edf4fc;--dash-muted:#aec0d7;--dash-line:#34475e;color:var(--dash-ink)}
.forge-live-theme .dashboard49 h1,.forge-live-theme .dashboard49 h2,.forge-live-theme .dashboard49 h3{color:#f3f7fc!important}
.forge-live-theme .dashboard49 .eyebrow{color:#f37889;letter-spacing:.12em!important}
.forge-live-theme .dashboard49 .dash-pagehead{margin-bottom:24px}
.forge-live-theme .dashboard49 .dash-pagehead p{color:#b4c5da}
.forge-live-theme .dashboard49 :is(.dash-profile,.dash-xp,.dash-rank,.exam59-profile,.dash-top3,.dash-activity,.dash-shortcuts,.empty-state){background:rgba(19,34,53,.88)!important;border:1px solid rgba(98,123,153,.36)!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(0,7,17,.13)!important}
.forge-live-theme .dashboard49 .dash-profile{padding:20px 24px;margin-bottom:18px}
.forge-live-theme .dashboard49 .dash-label{color:#bbcadc;letter-spacing:.13em!important}
.forge-live-theme .dashboard49 :is(.dash-profile-identity>p,.dash-profile-context,.dash-profile-picker label){color:#adbed4}
.forge-live-theme .dashboard49 .dash-sync{color:#8bd4b6}
.forge-live-theme .dashboard49 .dash-sync-wait{color:#f5c587}
.forge-live-theme .dashboard49 .dash-profile-picker select{background-color:#102238!important;color:#f1f6fd!important;border-color:#536984!important;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 3v12M3 9h12' fill='none' stroke='%23a6bdd6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")!important}
.forge-live-theme .dashboard49 .dash-summary{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;padding:0;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:18px}
.forge-live-theme .dashboard49 .dash-xp,.forge-live-theme .dashboard49 .dash-rank{padding:23px 24px;min-width:0}
.forge-live-theme .dashboard49 .dash-rank{margin-top:0}
.forge-live-theme .dashboard49 .dash-module-head{margin-bottom:17px}
.forge-live-theme .dashboard49 .dash-module-head h2{color:#dce8f6!important}
.forge-live-theme .dashboard49 .dash-level{color:#c0d5ee;background:#263d58;padding:4px 8px;border-radius:6px;letter-spacing:.06em!important}
.forge-live-theme .dashboard49 .dash-xp-total strong{font-size:clamp(43px,4vw,55px);color:#f5f8ff;line-height:1.05}
.forge-live-theme .dashboard49 .dash-xp-total>span,.forge-live-theme .dashboard49 .dash-next{color:#b3c6dc}
.forge-live-theme .dashboard49 .dash-next strong{color:#edf4ff}
.forge-live-theme .dashboard49 .dash-progress{height:12px;background:#2b405a!important}
.forge-live-theme .dashboard49 .dash-progress>span{background:linear-gradient(90deg,#be344b,#ed6878)!important}
.forge-live-theme .dashboard49 .dash-progress-scale{color:#b4c8df}
.forge-live-theme .dashboard49 .dash-progress-scale strong{color:#e1edfc}
.forge-live-theme .dashboard49 .dash-footnote{color:#b4c3d7!important}
.forge-live-theme .dashboard49 .dash-rank-order{color:#b5c7de}
.forge-live-theme .dashboard49 .dash-rank-name>.rank-emblem{color:#c1afec;filter:none}
.forge-live-theme .dashboard49 .dash-rank-name h3{color:#f6f2ff!important}
.forge-live-theme .dashboard49 .dash-rank-story{color:#becee0}
.forge-live-theme .dashboard49 .exam59-profile{margin:18px 0;padding:22px 24px}
.forge-live-theme .dashboard49 .exam59-profile-head{gap:18px}
.forge-live-theme .dashboard49 .exam59-profile-head small{color:#afcee1}
.forge-live-theme .dashboard49 .exam59-profile-head h2{color:#f0f5fc!important}
.forge-live-theme .dashboard49 .exam59-profile-head h2 span{color:#b6c9df}
.forge-live-theme .dashboard49 .exam59-profile-head>strong{color:#9ce0d7;font-variant-numeric:tabular-nums}
.forge-live-theme .dashboard49 .exam59-profile-foot{color:#b8cadd}
.forge-live-theme .dashboard49 .exam59-progress{background:#2b4057;height:9px}
.forge-live-theme .dashboard49 .exam59-progress>span{background:linear-gradient(90deg,#44aab7,#7cd5c9)}
.forge-live-theme .dashboard49 .exam59-link{color:#c5dfef!important;min-height:36px;text-underline-offset:4px}
.forge-live-theme .dashboard49 .dash-top3{padding:22px 24px;margin:18px 0}
.forge-live-theme .dashboard49 .dash-top3 .dash-section-heading{gap:16px;margin-bottom:16px}
.forge-live-theme .dashboard49 .dash-top3 .board-entry{background:rgba(34,53,75,.78)!important;border-color:#3c5068!important;color:#eaf1fc!important;padding:13px 16px;border-radius:9px}
.forge-live-theme .dashboard49 .dash-top3 .board-entry:first-child{background:linear-gradient(105deg,rgba(109,81,48,.24),rgba(30,48,68,.8))!important;border-color:#6b5b49!important}
.forge-live-theme .dashboard49 .dash-top3 .board-player strong{color:#f1f5fc}
.forge-live-theme .dashboard49 .dash-top3 .board-player small{color:#b9cbe0}
.forge-live-theme .dashboard49 .dash-top3 .board-place{color:#e8c991}
.forge-live-theme .dashboard49 .dash-top3 .board-points{color:#d9e8f7}
.forge-live-theme .dashboard49 .dash-top3 .board-points span{color:#bbcee1;opacity:1}
.forge-live-theme .dashboard49 .board-entry .btn{background:#243c56!important;border:1px solid #56718c!important;color:#f2f7ff!important;box-shadow:none}
.forge-live-theme .dashboard49 .board-entry .btn:hover{background:#36516e!important}
.forge-live-theme .dashboard49>.dash-top3+.dash-bottom{margin-top:18px!important}
.forge-live-theme .dashboard49 .dash-bottom{gap:18px;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}
.forge-live-theme .dashboard49 .dash-bottom .dash-activity,.forge-live-theme .dashboard49 .dash-shortcuts{padding:22px 24px!important;min-width:0}
.forge-live-theme .dashboard49 .dash-section-heading p{color:#adbed3}
.forge-live-theme .dashboard49 .dash-text-button{color:#c9d9ed;white-space:normal;min-height:40px}
.forge-live-theme .dashboard49 .dash-text-button:hover{color:#ff9cac}
.forge-live-theme .dashboard49 .history-row{border-color:#34475e;padding:16px 0}
.forge-live-theme .dashboard49 .history-row h3{color:#f0f5fb!important}
.forge-live-theme .dashboard49 .history-row p{color:#bfcee0}
.forge-live-theme .dashboard49 .history-row small{color:#a9bdd4}
.forge-live-theme .dashboard49 .history-kind{background:#263d54;color:#c4e0f4}
.forge-live-theme .dashboard49 .history-kind:has(svg){background:#34334e;color:#d2c0ef}
.forge-live-theme .dashboard49 .history-state{color:#b4c8df}
.forge-live-theme .dashboard49 .dash-shortcut{color:#cbdcec;border-color:#34475e}
.forge-live-theme .dashboard49 .dash-shortcut strong{color:#eff5fc}
.forge-live-theme .dashboard49 .dash-shortcut small{color:#b2c6dc}
.forge-live-theme .dashboard49 .dash-shortcut:hover{background:rgba(49,70,95,.4);color:#fff}
.forge-live-theme .dashboard49 .dash-explanation{background:rgba(10,23,38,.68)!important;border:1px solid #31475e;color:#bbcbdc;box-shadow:none}
.forge-live-theme .dashboard49 .dash-explanation h3{color:#d9e9f4!important}
.forge-live-theme .dashboard49 .dash-explanation b,.forge-live-theme .dashboard49 .dash-explanation strong{color:#e8f2fc}
.forge-live-theme .dashboard49-app .pagefoot{border-color:#35475b!important;color:#a9bdd4}
.forge-live-theme .dashboard49-app .pagefoot .publisher{color:#ccd9e8}
.forge-live-theme .dashboard49-app .pagefoot :is(.env,.badge,.pill){background:#192c42;color:#c1d1e5;border-color:#3b536f}
.forge-live-theme .dashboard49 :is(button,select,a):focus-visible{outline:3px solid #92cafa;outline-offset:3px}
@media(min-width:1280px){.forge-live-theme .dashboard49{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.forge-live-theme .dashboard49>:is(.dash-pagehead,.dash-profile,.dash-summary,.dash-bottom,.empty-state){grid-column:1/-1}.forge-live-theme .dashboard49>.dash-pagehead{margin-bottom:6px}.forge-live-theme .dashboard49>:is(.dash-profile,.dash-summary,.exam59-profile,.dash-top3){margin:0}.forge-live-theme .dashboard49>.dash-top3+.dash-bottom{margin-top:0!important}.forge-live-theme .dashboard49 .exam59-profile{display:flex;flex-direction:column;justify-content:center}.forge-live-theme .dashboard49 .dash-top3 .dash-section-heading{flex-wrap:wrap;gap:4px}.forge-live-theme .dashboard49 .dash-top3 .board-entry{column-gap:10px;padding:11px 12px}}
@media(max-width:1100px){.forge-live-theme .dashboard49 .dash-bottom{grid-template-columns:minmax(0,1fr) 255px}.forge-live-theme .dashboard49 :is(.dash-xp,.dash-rank,.dash-top3,.exam59-profile){padding:20px}.forge-live-theme .dashboard49 .dash-bottom .dash-activity,.forge-live-theme .dashboard49 .dash-shortcuts{padding:20px!important}}
@media(max-width:850px){.forge-live-theme .dashboard49 .dash-bottom{grid-template-columns:1fr}.forge-live-theme .dashboard49 .dash-shortcut-list{gap:16px}.forge-live-theme .dashboard49-app .main::before{width:95%;opacity:.32}}
@media(max-width:740px){.forge-live-theme .dashboard49-app .wrap{padding-top:23px!important}.forge-live-theme .dashboard49-app .main::before{top:64px;right:0;width:100%;height:780px;background-size:auto 780px;background-position:right top;opacity:.27;mask-image:linear-gradient(90deg,transparent,#000 40%),linear-gradient(180deg,transparent,#000 12%,#000 68%,transparent);mask-composite:intersect}.forge-live-theme .dashboard49 .dash-summary{grid-template-columns:1fr;gap:14px}.forge-live-theme .dashboard49 .dash-profile{padding:18px}.forge-live-theme .dashboard49 :is(.dash-xp,.dash-rank,.dash-top3,.exam59-profile){padding:20px 18px}.forge-live-theme .dashboard49 .dash-bottom .dash-activity,.forge-live-theme .dashboard49 .dash-shortcuts{padding:20px 18px!important}.forge-live-theme .dashboard49 .dash-rank{margin-top:0;padding-top:20px}.forge-live-theme .dashboard49 .dash-profile-picker select{font-size:16px;min-height:44px}.forge-live-theme .dashboard49 .dash-xp-total strong{font-size:48px}.forge-live-theme .dashboard49 .dash-pagehead{margin-bottom:20px}.forge-live-theme .dashboard49 .dash-section-heading{align-items:flex-start}.forge-live-theme .dashboard49 .dash-text-button{flex-shrink:0;max-width:110px}.forge-live-theme .dashboard49 .board-entry .btn{min-height:42px}.forge-live-theme .dashboard49 .exam59-profile-head>strong{font-size:27px}.forge-live-theme .dashboard49 .dash-bottom{gap:14px}.forge-live-theme .dashboard49 .dash-shortcut{min-height:66px}.forge-live-theme .dashboard49 .dash-shortcut-list{display:block}}
@media(max-width:360px){.forge-live-theme .dashboard49 .dash-xp-total strong{font-size:42px}.forge-live-theme .dashboard49 :is(.dash-profile,.dash-xp,.dash-rank,.dash-top3,.exam59-profile){padding:17px 14px}.forge-live-theme .dashboard49 .dash-bottom .dash-activity,.forge-live-theme .dashboard49 .dash-shortcuts{padding:18px 14px!important}.forge-live-theme .dashboard49 .dash-section-heading{flex-wrap:wrap;gap:5px}.forge-live-theme .dashboard49 .dash-text-button{max-width:none}}
@media(prefers-reduced-motion:reduce){.forge-live-theme .dashboard49 *, .forge-live-theme .dashboard49-app .navlink{animation:none!important;transition:none!important}}

/* SENSEI-WAY rank readability: v0.18.66 + v0.18.67 zoom repair. Demo only. */
.forge-live-theme .skillzone-app .wrap:has(.rank-directory){isolation:isolate}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory)::before{opacity:.16!important;background-position:right top!important;mask-image:linear-gradient(#000 0%,transparent 80%)!important}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory)>.pagehead,
.forge-live-theme .skillzone-app .wrap:has(.rank-directory)>.rank-explainer,
.forge-live-theme .skillzone-app .wrap:has(.rank-directory)>.rank-directory{position:relative;z-index:2}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .pagehead{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,230px);gap:24px;align-items:end;padding:16px 0 26px;margin:0 0 20px;border-bottom:1px solid rgba(191,216,234,.25)}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .pagehead h1{color:#fff;font-size:clamp(28px,3.2vw,43px);line-height:1.16;letter-spacing:-.025em;max-width:100%;text-wrap:balance}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .pagehead .lead{color:#d8e8f5!important;line-height:1.65;font-size:14px!important;max-width:68ch}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .pagehead .eyebrow{color:#81f0e8!important}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .switchchild{width:100%;min-width:0}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .switchchild label{color:#d7e8f5!important}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-explainer{background:rgba(9,28,46,.87);border:1px solid rgba(165,198,220,.26);padding:15px 18px;border-radius:10px;color:#e2f1fa!important;line-height:1.65;margin:0 0 22px}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-directory{display:flex;flex-direction:column;gap:8px}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row{min-width:0;box-sizing:border-box;display:grid;grid-template-columns:34px 66px minmax(0,1fr) auto;align-items:center;column-gap:18px;row-gap:8px;background:rgba(9,28,47,.90)!important;border:1px solid rgba(150,191,216,.22);border-radius:13px;padding:20px 22px;margin:0;position:relative}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row.is-current{background:rgba(17,47,67,.96)!important;border-color:#63e4da}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row .space{min-width:0}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row h2{color:#fff!important;margin:0 0 6px;line-height:1.24;font-size:21px;overflow-wrap:anywhere}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row p{color:#dfebf6!important;margin:0 0 7px;line-height:1.55;font-size:14px}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row small{color:#add5e8!important;line-height:1.45;font-size:12px}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-number{color:#8ec4e0!important}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-current-label{color:#78f2dc!important;font-size:11px;white-space:nowrap;font-weight:750}
@media(max-width:760px){.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .pagehead{grid-template-columns:1fr;gap:16px}.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row{grid-template-columns:27px 46px minmax(0,1fr);gap:12px;padding:17px 14px}.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row .rank-current-label{grid-column:3;justify-self:start}.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row h2{font-size:18px}.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-row p{font-size:13px}}


/* v0.18.67: fluid card layout for browser zoom (50–200%) and responsive widths.
   No fixed card heights. Solid surfaces avoid image bleeding through copy. */
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-directory{
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  width:100%;
  min-width:0;
  gap:12px;
}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-directory>.rank-row{
  display:grid !important;
  width:100%;
  max-width:100%;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  box-sizing:border-box;
  grid-template-columns:34px 60px minmax(0,1fr) auto;
  grid-auto-rows:auto;
  align-items:center;
  column-gap:18px;
  row-gap:10px;
  padding:19px 21px !important;
  margin:0 !important;
  border:1px solid #3b566b;
  border-radius:12px;
  background:#112a3d !important;
  overflow:visible !important;
  isolation:isolate;
}
.forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-directory>.rank-row.is-current{
  border-color:#64dbd0;
  background:#18384b !important;
}
.forge-live-theme .skillzone-app .rank-row>.rank-emblem{width:60px;height:60px;max-width:100%;flex:none;align-self:center}
.forge-live-theme .skillzone-app .rank-row>.rank-number{width:auto;min-width:0;max-width:100%;flex:none;text-align:center;align-self:center}
.forge-live-theme .skillzone-app .rank-row>.space{
  width:auto;min-width:0;max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
.forge-live-theme .skillzone-app .rank-row>.space h2,
.forge-live-theme .skillzone-app .rank-row>.space p,
.forge-live-theme .skillzone-app .rank-row>.space small{
  position:static;
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:auto;
  max-height:none;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
  margin:0 !important;
  text-overflow:clip;
}
.forge-live-theme .skillzone-app .rank-row>.space h2{font-size:clamp(17px,1.45rem,23px);line-height:1.3}
.forge-live-theme .skillzone-app .rank-row>.space p{font-size:14px;line-height:1.55}
.forge-live-theme .skillzone-app .rank-row>.space small{font-size:12px;line-height:1.45}
.forge-live-theme .skillzone-app .rank-row>.rank-current-label{
  min-width:0;
  max-width:100%;
  justify-self:end;
  align-self:center;
}
@media(max-width:760px){
  .forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-directory>.rank-row{
    grid-template-columns:28px 48px minmax(0,1fr);
    column-gap:12px;
    row-gap:8px;
    padding:16px 14px !important;
  }
  .forge-live-theme .skillzone-app .rank-row>.rank-emblem{width:48px;height:48px}
  .forge-live-theme .skillzone-app .rank-row>.rank-current-label{
    grid-column:3;grid-row:auto;
    justify-self:start;
    white-space:normal;
  }
}
@media(max-width:380px){
  .forge-live-theme .skillzone-app .wrap:has(.rank-directory) .rank-directory>.rank-row{
    grid-template-columns:24px 38px minmax(0,1fr);
    column-gap:9px;
    padding:13px 11px !important;
  }
  .forge-live-theme .skillzone-app .rank-row>.rank-emblem{width:38px;height:38px}
  .forge-live-theme .skillzone-app .rank-row>.space h2{font-size:17px}
  .forge-live-theme .skillzone-app .rank-row>.space p{font-size:13px}
}