:root{
 --sl-gold:#e6b84c;--sl-gold2:#ffcf67;--sl-green:#2dcc85;--sl-blue:#5aa0ff;
 --sl-panel:#0b121b;--sl-panel2:#101925;--sl-border:rgba(230,184,76,.22);
}
.progression-page{padding-top:24px;padding-bottom:70px}
.experience-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.experience-toolbar h1{font:600 clamp(28px,4vw,46px) Cinzel,serif;margin:5px 0 0;text-transform:uppercase}
.experience-switch{display:flex;padding:4px;border:1px solid var(--tt-border);border-radius:13px;background:var(--tt-surface)}
.experience-switch button{border:0;background:transparent;color:var(--tt-muted);padding:10px 16px;border-radius:9px;font-weight:800;cursor:pointer}
.experience-switch button.active{background:linear-gradient(135deg,#9c6717,#f1c969);color:#080a0d;box-shadow:0 0 20px rgba(230,184,76,.15)}
.experience-panel[hidden]{display:none!important}
.academy-hero{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--tt-border);padding:24px;border-radius:16px;background:var(--tt-surface);margin-bottom:18px}
.academy-hero h2{font:600 31px Cinzel,serif;margin:5px 0}.academy-hero p{color:var(--tt-muted);max-width:680px}
.academy-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.academy-card{border:1px solid var(--tt-border);border-radius:15px;overflow:hidden;background:var(--tt-surface);transition:.25s}
.academy-card:hover{transform:translateY(-3px);border-color:rgba(230,184,76,.45);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.academy-card-art{height:205px;position:relative;background:#05080d;overflow:hidden}.academy-card-art img{width:100%;height:100%;object-fit:cover;opacity:.9}.academy-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,7,13,.96))}
.academy-card-art span{position:absolute;z-index:2;left:14px;top:14px;border:1px solid rgba(230,184,76,.3);background:rgba(5,8,13,.78);padding:6px 9px;border-radius:999px;color:var(--sl-gold);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.academy-card-body{padding:18px}.academy-card-body h3{font:600 18px Cinzel,serif;margin:0 0 7px}.academy-card-body p{color:var(--tt-muted);min-height:44px}.academy-meta{display:flex;gap:14px;font-size:10px;color:var(--tt-muted);margin:15px 0}
.progression-bar{height:5px;border-radius:99px;background:rgba(120,130,145,.15);overflow:hidden}.progression-bar span{display:block;height:100%;background:linear-gradient(90deg,#b27a20,#ffd675);border-radius:inherit;box-shadow:0 0 10px rgba(230,184,76,.25)}
.progression-bar.big{height:7px;margin:12px 0 7px}
.solo-hero{min-height:385px;display:grid;grid-template-columns:1.05fr .9fr .72fr;gap:20px;align-items:center;border:1px solid var(--sl-border);border-radius:18px;overflow:hidden;background:
 radial-gradient(circle at 62% 48%,rgba(201,135,25,.20),transparent 30%),
 linear-gradient(120deg,#05080d 0%,#080d13 56%,#0b1016 100%);position:relative;padding:30px}
.solo-hero:before{content:"";position:absolute;inset:0;background-image:url('/assets/img/alchemy-grid.svg');background-position:right center;background-size:58% auto;background-repeat:no-repeat;opacity:.16;pointer-events:none}
.solo-copy{z-index:2}.solo-copy h2{font:600 clamp(38px,5vw,68px)/1.02 Cinzel,serif;margin:10px 0 18px;color:#f4f4f1}.solo-copy h2 em{font-style:normal;color:var(--sl-gold)}
.solo-copy p{color:#a9b5c4;max-width:540px;line-height:1.75}.solo-actions{display:flex;gap:10px;margin-top:22px}
.solo-character{height:360px;position:relative;z-index:1}.solo-character img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;mask-image:linear-gradient(180deg,#000 70%,transparent 100%);filter:saturate(.92) contrast(1.05)}
.character-aura{position:absolute;width:260px;height:260px;border:1px solid rgba(230,184,76,.36);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(230,184,76,.18),inset 0 0 40px rgba(230,184,76,.08);animation:tysonAura 4s ease-in-out infinite}
.character-aura:before,.character-aura:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(230,184,76,.26);border-radius:50%;animation:spinAura 16s linear infinite}.character-aura:after{inset:48px;animation-direction:reverse;animation-duration:11s}
@keyframes tysonAura{50%{box-shadow:0 0 95px rgba(230,184,76,.28),inset 0 0 60px rgba(230,184,76,.12)}}@keyframes spinAura{to{transform:rotate(360deg)}}
.level-card{position:relative;z-index:3;border:1px solid rgba(230,184,76,.32);border-radius:15px;padding:20px;background:rgba(8,13,19,.86);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.level-card>span,.level-card em{display:block;color:var(--sl-gold);text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-style:normal}
.level-main{display:flex;align-items:center;gap:13px;margin:13px 0}.level-main img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(230,184,76,.35))}.level-main strong{font:600 29px Cinzel,serif;color:#fff;display:block}.level-main em{color:#d5dae1;margin-top:3px}
.level-card small{color:#8f9db0}.level-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.07);margin-top:16px;padding-top:14px}.level-stats div+div{border-left:1px solid rgba(255,255,255,.08);padding-left:14px}.level-stats b{display:block;color:#fff;font-size:19px}.level-stats span{color:#8290a2;font-size:9px;text-transform:uppercase}
.solo-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--sl-border);border-radius:12px;background:var(--sl-panel);margin:14px 0;overflow:hidden}.solo-stat-strip div{padding:15px 18px}.solo-stat-strip div+div{border-left:1px solid rgba(230,184,76,.1)}.solo-stat-strip span{display:block;color:#7f91a7;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.solo-stat-strip strong{font:600 18px Cinzel,serif;color:#f5f5f2;margin-top:5px;display:block}
.solo-tabs{display:flex;gap:28px;border:1px solid var(--tt-border);border-radius:11px;background:var(--sl-panel);padding:0 18px;margin-bottom:14px}.solo-tabs a{padding:13px 4px;text-decoration:none;color:#9eabbc;text-transform:uppercase;font-size:10px;letter-spacing:.1em;border-bottom:2px solid transparent}.solo-tabs a.active{color:var(--sl-gold);border-color:var(--sl-gold)}
.solo-grid{display:grid;grid-template-columns:1.4fr 1fr .72fr;gap:14px}.solo-panel{border:1px solid var(--tt-border);border-radius:14px;background:var(--sl-panel);padding:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h3{font:600 18px Cinzel,serif;color:#f4f4f1;margin:3px 0}.panel-head>span{color:var(--sl-gold);font-size:11px}
.rank-track{display:flex;align-items:center;overflow-x:auto;padding:26px 2px 18px}.rank-node{min-width:76px;text-align:center;opacity:.34}.rank-node.unlocked{opacity:.72}.rank-node.current{opacity:1}.rank-emblem{width:48px;height:54px;margin:auto;display:grid;place-items:center;border:1px solid #4f5966;clip-path:polygon(50% 0,93% 22%,86% 76%,50% 100%,14% 76%,7% 22%);background:#0c131d}.rank-node.current .rank-emblem{border-color:var(--sl-gold);background:rgba(230,184,76,.12);filter:drop-shadow(0 0 12px rgba(230,184,76,.35))}.rank-emblem img{width:28px;height:28px;object-fit:contain}.rank-node small{display:block;color:#6f7c8d;margin-top:7px;font-size:8px}.rank-node strong{font-size:9px;color:#aeb7c3;text-transform:uppercase}.rank-node.current strong{color:var(--sl-gold)}.rank-line{height:1px;background:linear-gradient(90deg,#45505e,#9d752c);min-width:20px;flex:1}.panel-footnote{color:#758397;font-size:10px;margin:5px 0 0}
.quest-list{display:grid;gap:8px;margin-top:12px}.quest-card{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0d151f}.quest-card:hover{border-color:rgba(230,184,76,.3)}.quest-check{color:#8794a4}.quest-card.complete .quest-check{color:var(--sl-green)}.quest-card strong{display:block;color:#e8ebef;font-size:11px}.quest-card small{display:block;color:#78869a;font-size:9px;margin-top:2px}.quest-progress{height:3px;background:#1a2532;margin-top:7px;border-radius:9px;overflow:hidden}.quest-progress span{display:block;height:100%;background:var(--sl-gold)}.quest-reward{text-align:right}.quest-reward b{display:block;color:#e8ecf0;font-size:10px}.quest-reward span{display:block;color:var(--sl-gold);font-size:9px;margin-top:3px}
.xp-orbit{width:142px;height:142px;border-radius:50%;margin:18px auto;display:grid;place-items:center;background:conic-gradient(var(--sl-gold) 0 68%,#263140 68% 100%);position:relative}.xp-orbit:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--sl-panel)}.xp-orbit div{z-index:2;text-align:center}.xp-orbit strong{font:600 23px Cinzel,serif;color:#fff;display:block}.xp-orbit span{color:#7d8999;font-size:8px;text-transform:uppercase}.xp-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;color:#8d9aac;font-size:9px}.xp-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sl-gold);margin-right:5px}
.course-path-panel{margin-top:14px}.course-path-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.path-card{padding:15px 11px;border:1px solid rgba(255,255,255,.07);background:#0c141e;border-radius:10px;text-decoration:none;color:inherit;text-align:center;position:relative;overflow:hidden}.path-card.active{border-color:rgba(230,184,76,.45);background:linear-gradient(180deg,rgba(230,184,76,.09),#0c141e)}.path-card.complete{border-color:rgba(45,204,133,.35)}.path-card.locked{opacity:.48}.path-seal{width:46px;height:50px;margin:0 auto 8px;display:grid;place-items:center;clip-path:polygon(50% 0,93% 22%,86% 76%,50% 100%,14% 76%,7% 22%);background:#121c28;border:1px solid rgba(230,184,76,.2)}.path-seal img{width:28px}.path-card small{color:var(--sl-gold);font-size:8px}.path-card h4{font:600 12px Cinzel,serif;color:#fff;margin:5px 0}.path-card p{color:#7e8b9d;font-size:9px;min-height:38px}.path-state{display:block;color:#8794a5;font-size:8px;margin-top:6px}
.solo-bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.achievement-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:14px}.achievement{text-align:center;opacity:.4}.achievement.unlocked{opacity:1}.achievement>div{height:54px;display:grid;place-items:center;border:1px solid #4d5864;border-radius:12px;color:#8d9aab;font-size:21px;background:#101923}.achievement.unlocked>div{border-color:rgba(230,184,76,.45);color:var(--sl-gold);box-shadow:0 0 18px rgba(230,184,76,.08)}.achievement strong{display:block;color:#dfe3e8;font-size:8px;margin-top:6px}.achievement small{font-size:7px;color:#6f7c8d}.xp-feed{margin-top:10px}.xp-feed div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.xp-feed span{color:#9ba7b5}.xp-feed b{color:var(--sl-gold)}
.solo-guest{min-height:470px;border:1px solid var(--sl-border);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;align-items:center;background:#070b10}.solo-guest>div{padding:50px}.solo-guest h2{font:600 54px Cinzel,serif;color:#fff;margin:8px 0}.solo-guest p{color:#9eabb9;max-width:520px}.solo-guest>div>div{display:flex;gap:10px;margin-top:20px}.solo-guest img{width:100%;height:470px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.experience-intro{border:1px solid rgba(230,184,76,.35);border-radius:18px;background:#091019;color:#fff;max-width:590px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.55)}.experience-intro::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.experience-intro-inner{text-align:center;padding:34px}.experience-intro img{width:72px;filter:drop-shadow(0 0 18px rgba(230,184,76,.35))}.experience-intro h2{font:600 28px Cinzel,serif;margin:10px 0}.experience-intro p{color:#a3afbd;line-height:1.7}.experience-intro-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}

html[data-theme="white"] .solo-hero{background:radial-gradient(circle at 65% 42%,rgba(190,130,30,.12),transparent 32%),linear-gradient(120deg,#fffdf8,#f4efe5);border-color:#d8c49b}
html[data-theme="white"] .solo-copy h2,html[data-theme="white"] .level-main strong,html[data-theme="white"] .solo-stat-strip strong,html[data-theme="white"] .panel-head h3,html[data-theme="white"] .path-card h4{color:#10223b}
html[data-theme="white"] .solo-copy p,html[data-theme="white"] .panel-footnote{color:#4e6078}
html[data-theme="white"] .level-card,html[data-theme="white"] .solo-panel,html[data-theme="white"] .solo-stat-strip,html[data-theme="white"] .solo-tabs{background:#fffdf9;border-color:#dfd2b7}
html[data-theme="white"] .quest-card,html[data-theme="white"] .path-card{background:#f7f4ed;border-color:#e6dfd1}
html[data-theme="white"] .quest-card strong,html[data-theme="white"] .achievement strong{color:#182a43}
html[data-theme="white"] .xp-orbit:after{background:#fffdf9}
html[data-theme="white"] .xp-orbit strong{color:#10223b}
html[data-theme="white"] .rank-emblem,html[data-theme="white"] .path-seal{background:#f0ece3}
html[data-theme="white"] .experience-intro{background:#fffdf9;color:#10223b}

@media(max-width:1150px){.solo-hero{grid-template-columns:1fr 1fr}.level-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.solo-grid{grid-template-columns:1fr 1fr}.xp-panel{grid-column:1/-1}.course-path-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.experience-toolbar{align-items:flex-start;flex-direction:column}.academy-course-grid{grid-template-columns:1fr}.solo-hero{grid-template-columns:1fr;padding:20px}.solo-character{height:300px}.level-card{display:block}.solo-stat-strip{grid-template-columns:1fr 1fr}.solo-grid,.solo-bottom-grid{grid-template-columns:1fr}.course-path-grid{grid-template-columns:1fr 1fr}.achievement-grid{grid-template-columns:repeat(3,1fr)}.solo-tabs{overflow-x:auto}.solo-guest{grid-template-columns:1fr}.solo-guest>div{padding:28px}.solo-guest img{height:300px;mask-image:linear-gradient(180deg,transparent,#000 20%)}} 


/* =========================================================
   BUILD 09.1 — CODEX VISUAL REFINEMENT
   Goal: keep working progression engine, improve hierarchy,
   spacing, level path, course cards and achievements.
   ========================================================= */

#codexDashboard{max-width:none}
.solo-hero{
  min-height:430px;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) minmax(310px,.68fr);
  padding:34px 38px;
}
.solo-copy h2{max-width:680px}
.solo-character{
  min-height:395px;
  transform:translateY(12px);
}
.solo-character img{
  object-position:center 20%;
  border-radius:18px;
}
.level-card{
  padding:24px;
  box-shadow:0 24px 70px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.018);
}
.solo-stat-strip{
  margin-top:16px;
  background:linear-gradient(180deg,#0b121b,#0a1018);
}
.solo-tabs{
  position:sticky;
  top:82px;
  z-index:8;
  backdrop-filter:blur(14px);
  background:rgba(11,18,27,.92);
}

/* Level progression: no horizontal scrollbar; compact responsive grid */
.rank-panel{overflow:hidden}
.rank-track{
  display:grid;
  grid-template-columns:repeat(9,minmax(70px,1fr));
  gap:0;
  overflow:visible;
  padding:30px 4px 22px;
  position:relative;
}
.rank-track:before{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  top:56px;
  height:1px;
  background:linear-gradient(90deg,rgba(230,184,76,.15),rgba(230,184,76,.75),rgba(230,184,76,.15));
}
.rank-line{display:none}
.rank-node{
  min-width:0;
  position:relative;
  z-index:2;
}
.rank-emblem{
  width:54px;
  height:60px;
  box-shadow:0 0 0 5px var(--sl-panel);
}
.rank-node.current .rank-emblem{
  transform:scale(1.12);
}
.rank-node small{margin-top:10px}
.rank-node strong{
  display:block;
  white-space:nowrap;
  font-size:8px;
}

/* Better quest cards */
.quest-card{
  min-height:78px;
  padding:13px 14px;
  background:linear-gradient(180deg,#0d151f,#0b131c);
}
.quest-check{
  width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(148,164,183,.35)
}
.quest-card.complete .quest-check{
  border-color:rgba(45,204,133,.6);
  background:rgba(45,204,133,.08)
}

/* Course path gets the visual weight it deserves */
.course-path-panel{padding:22px}
.course-path-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.path-card{
  min-height:220px;
  padding:24px 18px 18px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:
    radial-gradient(circle at 75% 10%,rgba(230,184,76,.12),transparent 32%),
    linear-gradient(180deg,#0d151f,#0a1119);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.path-card:hover{
  transform:translateY(-4px);
  border-color:rgba(230,184,76,.42);
  box-shadow:0 20px 55px rgba(0,0,0,.22);
}
.path-card.active{
  background:
    radial-gradient(circle at 78% 10%,rgba(230,184,76,.18),transparent 35%),
    linear-gradient(180deg,rgba(230,184,76,.065),#0b131c 58%);
}
.path-seal{margin:0 0 18px}
.path-card small{letter-spacing:.13em}
.path-card h4{
  font-size:19px;
  margin:8px 0 7px;
}
.path-card p{
  font-size:11px;
  line-height:1.55;
  min-height:50px;
  max-width:290px;
}
.path-card .progression-bar{margin-top:auto}
.path-state{
  margin-top:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* Achievements: stronger premium feel */
.achievement-grid{
  grid-template-columns:repeat(6,minmax(86px,1fr));
  gap:12px;
}
.achievement>div{
  height:74px;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 35%,rgba(230,184,76,.09),transparent 55%),
    #0d151f;
}
.achievement.unlocked>div{
  border-color:rgba(230,184,76,.55);
  box-shadow:0 0 26px rgba(230,184,76,.09),inset 0 0 22px rgba(230,184,76,.04);
}
.achievement strong{font-size:9px}
.achievement small{font-size:8px;margin-top:2px;display:block}

/* XP card */
.xp-panel{position:relative;overflow:hidden}
.xp-panel:after{
  content:"";
  position:absolute;
  width:160px;height:160px;
  right:-60px;bottom:-80px;
  border:1px solid rgba(230,184,76,.1);
  border-radius:50%;
}
.xp-orbit{
  box-shadow:0 0 40px rgba(230,184,76,.08);
}

/* White mode — stronger navy hierarchy, less washed out */
html[data-theme="white"] .solo-tabs{
  background:rgba(255,253,249,.94);
}
html[data-theme="white"] .solo-stat-strip{
  background:linear-gradient(180deg,#fff,#f8f3e9);
}
html[data-theme="white"] .path-card{
  background:
    radial-gradient(circle at 78% 10%,rgba(184,116,22,.08),transparent 36%),
    linear-gradient(180deg,#fff,#f8f3ea);
}
html[data-theme="white"] .quest-card{
  background:linear-gradient(180deg,#fff,#f6f2e9);
}
html[data-theme="white"] .rank-emblem{
  box-shadow:0 0 0 5px #fffdf9;
}

/* Responsive */
@media(max-width:1350px){
  .rank-track{grid-template-columns:repeat(5,1fr);row-gap:24px}
  .rank-track:before{display:none}
}
@media(max-width:1050px){
  .solo-hero{grid-template-columns:1fr 1fr}
  .level-card{grid-column:1/-1}
  .course-path-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .solo-hero{grid-template-columns:1fr;padding:22px}
  .rank-track{grid-template-columns:repeat(3,1fr)}
  .course-path-grid{grid-template-columns:1fr}
  .achievement-grid{grid-template-columns:repeat(3,1fr)}
  .solo-tabs{top:68px}
}


/* =========================================================
   BUILD 09.2 — FUNCTIONAL GROWTH + EXPERIENCE CHOOSER
   ========================================================= */
.experience-actions{display:flex;align-items:center;gap:10px}
.choose-path-btn{
  height:46px;padding:0 16px;border-radius:12px;
  border:1px solid rgba(230,184,76,.28);
  background:rgba(230,184,76,.055);color:var(--sl-gold);
  text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:10px;cursor:pointer;
}
.choose-path-btn:hover{background:rgba(230,184,76,.12);box-shadow:0 0 24px rgba(230,184,76,.09)}
.mode-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.mode-benefits span{padding:10px;border:1px solid rgba(230,184,76,.15);border-radius:9px;background:rgba(230,184,76,.04);font-size:10px;color:#b8c1cc}

/* Growth intelligence */
.growth-system{
  border:1px solid var(--sl-border);border-radius:14px;background:
  radial-gradient(circle at 85% 0,rgba(230,184,76,.08),transparent 28%),
  var(--sl-panel);
  padding:18px;margin-bottom:14px;
}
.growth-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.growth-head h3{font:600 20px Cinzel,serif;color:#f4f4f1;margin:4px 0}
.growth-head p{margin:0;color:#8291a4;font-size:11px;max-width:680px}
.growth-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}
.growth-recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.growth-rec{display:grid;grid-template-columns:36px 1fr;gap:10px;position:relative;padding:14px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:#0d151f;text-decoration:none;color:inherit;min-height:118px}
.growth-rec:hover{border-color:rgba(230,184,76,.35);transform:translateY(-2px)}
.growth-rec-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(230,184,76,.23);color:var(--sl-gold);background:rgba(230,184,76,.06)}
.growth-priority{display:block;color:#68778a;font-size:7px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}
.growth-rec.high .growth-priority{color:#ffbf53}.growth-rec.medium .growth-priority{color:#78a9ff}.growth-rec.low .growth-priority{color:#57cf92}
.growth-rec strong{display:block;color:#e8ebef;font-size:11px;line-height:1.35}.growth-rec small{display:block;color:#78879a;font-size:9px;line-height:1.45;margin-top:5px}
.growth-rec>b{grid-column:1/-1;color:var(--sl-gold);font-size:9px;margin-top:auto}
.weekly-targets{display:grid;gap:9px}
.target-card{border:1px solid rgba(255,255,255,.065);background:#0d151f;border-radius:10px;padding:12px}
.target-card>span{display:block;color:#78879a;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.target-card>strong{display:block;color:#e9edf1;font-size:15px;margin:5px 0 8px}.target-card>small{color:#7b899b;font-size:9px;text-transform:capitalize}

/* Growth settings dialog */
.growth-dialog{border:1px solid rgba(230,184,76,.34);border-radius:17px;background:#091019;color:#fff;width:min(620px,calc(100vw - 28px));padding:0;box-shadow:0 32px 100px rgba(0,0,0,.6)}
.growth-dialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(5px)}
.growth-dialog-inner{padding:28px;position:relative}.growth-dialog h2{font:600 28px Cinzel,serif;margin:8px 0;color:#fff}.growth-dialog p{color:#91a0b3;line-height:1.6}
.growth-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#8593a5;font-size:25px;cursor:pointer}
.growth-dialog label{display:block;color:#aab5c2;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-top:14px}
.growth-dialog input,.growth-dialog select{width:100%;margin-top:6px;padding:12px;border-radius:9px;border:1px solid #263342;background:#0d1621;color:#f2f4f6;box-sizing:border-box}
.growth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.growth-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}

html[data-theme="white"] .growth-system{background:radial-gradient(circle at 85% 0,rgba(184,116,22,.06),transparent 28%),#fffdf9}
html[data-theme="white"] .growth-head h3,html[data-theme="white"] .growth-rec strong,html[data-theme="white"] .target-card>strong{color:#10223b}
html[data-theme="white"] .growth-head p{color:#50637b}
html[data-theme="white"] .growth-rec,html[data-theme="white"] .target-card{background:#f8f4eb;border-color:#e2d8c5}
html[data-theme="white"] .growth-dialog{background:#fffdf9;color:#10223b}
html[data-theme="white"] .growth-dialog h2{color:#10223b}
html[data-theme="white"] .growth-dialog input,html[data-theme="white"] .growth-dialog select{background:#fff;color:#10223b;border-color:#d9d3c7}

@media(max-width:1050px){.growth-layout{grid-template-columns:1fr}.growth-recs{grid-template-columns:1fr 1fr}.experience-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.growth-head{align-items:flex-start;flex-direction:column}.growth-recs{grid-template-columns:1fr}.growth-form-grid{grid-template-columns:1fr}.experience-actions{width:100%;justify-content:space-between}.choose-path-btn{flex:1}.experience-switch{flex:1}.experience-switch button{flex:1}}


/* =========================================================
   BUILD 09.3 FINAL — EXPERIENCE + ASCENSION + BRAND POLISH
   ========================================================= */

/* Stronger chooser popup */
.experience-intro{
  width:min(900px,calc(100vw - 28px));
  max-width:900px;
}
.experience-intro-inner{padding:28px 30px 24px;position:relative}
.experience-x{
  position:absolute;right:15px;top:12px;width:34px;height:34px;border-radius:9px;
  border:1px solid rgba(230,184,76,.15);background:#0d151f;color:#8794a5;font-size:21px;cursor:pointer
}
.experience-x:hover{color:var(--sl-gold);border-color:rgba(230,184,76,.35)}
.experience-mark{width:64px!important;height:64px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(230,184,76,.32))}
.experience-lead{max-width:680px;margin:8px auto 20px!important}
.experience-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.experience-choice{
  padding:0;border-radius:14px;overflow:hidden;text-align:left;cursor:pointer;
  border:1px solid rgba(255,255,255,.08);background:#0c141e;color:inherit;
  transition:.25s ease
}
.experience-choice:hover{transform:translateY(-4px);border-color:rgba(230,184,76,.42);box-shadow:0 22px 50px rgba(0,0,0,.3)}
.choice-visual{height:145px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:14px;box-sizing:border-box}
.choice-visual>span{position:relative;z-index:3;font:700 11px Inter,sans-serif;letter-spacing:.18em;color:var(--sl-gold)}
.academy-visual{
  background:
   radial-gradient(circle at 28% 45%,rgba(230,184,76,.22),transparent 27%),
   linear-gradient(125deg,#f7f0df 0 48%,#172234 48% 100%);
}
.academy-visual:after{content:"TYSON";position:absolute;right:20px;top:32px;color:rgba(255,255,255,.13);font:600 38px Cinzel,serif;letter-spacing:.12em}
.codex-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:brightness(.78) saturate(.9)}
.codex-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,7,11,.92))}
.choice-copy{padding:16px 17px 18px}.choice-copy strong{display:block;font:600 19px Cinzel,serif;color:#fff}.choice-copy small{display:block;color:var(--sl-gold);font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin:5px 0 9px}.choice-copy p{font-size:10px!important;color:#8d9aab!important;line-height:1.55!important;margin:0 0 12px!important}.choice-copy b{font-size:10px;color:#e9edf1}
.experience-note{font-size:9px!important;color:#6f7c8d!important;margin:14px 0 0!important}

/* Ascension course cards */
.path-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.path-lock{
  border:1px solid rgba(230,184,76,.18);border-radius:999px;padding:5px 8px;color:#7d8998;
  font-size:7px;letter-spacing:.11em;font-weight:800
}
.path-card.active .path-lock,.path-card.complete .path-lock{color:var(--sl-gold);border-color:rgba(230,184,76,.34)}
.unlock-requirements{
  margin:10px 0 15px;padding:10px;border-radius:9px;border:1px solid rgba(255,255,255,.055);background:rgba(2,6,10,.24)
}
.unlock-requirements>span{display:block;color:#6f7c8d;font-size:7px;letter-spacing:.13em;margin-bottom:8px}
.unlock-requirements>div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:4px 0;font-size:8px}
.unlock-requirements i{font-style:normal;color:#7b8795}.unlock-requirements b{font-weight:600;color:#a3afbd}.unlock-requirements em{font-style:normal;color:#6f7c8d}
.path-card.locked{opacity:.62}
.path-card.locked:hover{opacity:.8;transform:none;cursor:not-allowed}
.path-card.locked-pulse{animation:lockedPulse .5s ease}
@keyframes lockedPulse{50%{border-color:rgba(230,184,76,.62);box-shadow:0 0 30px rgba(230,184,76,.13)}}

/* Achievement crests */
.achievement>div.achievement-crest{
  height:76px;position:relative;display:grid;place-items:center;
  clip-path:polygon(50% 0,91% 20%,86% 76%,50% 100%,14% 76%,9% 20%);
  border-radius:0;background:linear-gradient(180deg,#111b27,#0b121b)
}
.achievement-crest img{width:31px;height:31px;object-fit:contain;opacity:.2;filter:grayscale(1)}
.achievement-crest span{position:absolute;right:15px;bottom:12px;color:#667486;font-size:13px}
.achievement.unlocked .achievement-crest{
  background:radial-gradient(circle at 50% 35%,rgba(230,184,76,.22),transparent 48%),linear-gradient(180deg,#211a0e,#0e141c);
  box-shadow:0 0 25px rgba(230,184,76,.16)
}
.achievement.unlocked .achievement-crest img{opacity:1;filter:drop-shadow(0 0 9px rgba(230,184,76,.45))}
.achievement.unlocked .achievement-crest span{color:var(--sl-gold)}

/* More alive current rank */
.rank-node.current .rank-emblem{
  animation:rankGlow 2.8s ease-in-out infinite;
}
@keyframes rankGlow{
  0%,100%{filter:drop-shadow(0 0 8px rgba(230,184,76,.25))}
  50%{filter:drop-shadow(0 0 20px rgba(230,184,76,.62))}
}
.rank-node.current:after{
  content:"CURRENT";display:block;margin:5px auto 0;color:var(--sl-gold);
  font-size:6px;letter-spacing:.15em
}

/* Public guest page should sell both paths */
.solo-guest{background:
 radial-gradient(circle at 72% 42%,rgba(230,184,76,.15),transparent 28%),
 linear-gradient(120deg,#05080d,#091019)}
.solo-guest h2{max-width:560px}

/* White theme chooser */
html[data-theme="white"] .experience-intro{background:#fffdf9}
html[data-theme="white"] .experience-choice{background:#fff;border-color:#ded5c4}
html[data-theme="white"] .choice-copy strong{color:#10223b}
html[data-theme="white"] .choice-copy b{color:#1b2e49}
html[data-theme="white"] .experience-x{background:#fff;color:#53667f;border-color:#ddd3c0}
html[data-theme="white"] .unlock-requirements{background:#f5f0e6;border-color:#e2d8c5}
html[data-theme="white"] .unlock-requirements b{color:#50617a}

@media(max-width:760px){
  .experience-choice-grid{grid-template-columns:1fr}
  .choice-visual{height:120px}
}