/* Space is decorative; the same numeric scale and native chart controls remain. */
.skills-space{
  --sk-ink:#eef5ff;--sk-muted:#b3c5df;--sk-soft:#182a49;--sk-surface:#10213c;--sk-line:#304463;
  --sk-blue:#96d6ff;--sk-gold:#ffdb8d;--sk-gold-bg:#463722;--sk-green:#a8efd5;--sk-green-bg:#173f3b;
  position:relative;isolation:isolate;overflow:hidden;border-color:#334970;
  background:
    radial-gradient(ellipse at 85% 2%,#7048aa55,transparent 38%),
    radial-gradient(ellipse at 5% 30%,#12639750,transparent 45%),
    linear-gradient(155deg,#101b36,#0a1730 58%,#152a4d);
  box-shadow:0 22px 55px #10233d25,inset 0 1px 0 #ffffff15;
  scroll-margin-top:85px;
}
.skills-space>*:not(.skills-space-decor){position:relative;z-index:1}
.skills-space .skills-space-decor{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background-image:radial-gradient(circle,#dceaffad 1px,transparent 1.5px),radial-gradient(circle,#93b8e58c .7px,transparent 1.2px),radial-gradient(circle,#fbe4ab85 1.2px,transparent 1.8px);
  background-size:137px 131px,83px 97px,229px 211px;background-position:19px 41px,47px 12px,72px 38px;
}
.skills-space-planet{position:absolute;width:190px;height:190px;right:2%;top:45px;border-radius:50%;opacity:.6;
  background:radial-gradient(circle at 28% 25%,#c8c3fa,#7b78ba 25%,#353962 55%,#111c36 75%);
  box-shadow:inset -15px -14px 24px #06122a,0 0 45px #908bed22;
}
.skills-space-planet:after{content:"";position:absolute;inset:64px -50px;border:13px solid #8f9ac741;border-left-color:#b9c9ee65;border-bottom-color:#b9c9ee65;border-radius:50%;transform:rotate(-29deg)}
.skills-space-orbit{position:absolute;width:720px;height:720px;right:-240px;top:-350px;border:1px solid #8195c320;border-radius:50%;box-shadow:0 0 0 80px #8195c308,0 0 0 160px #8195c308}
.skills-space-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.skills-space-coordinate{color:#b8cdeb;font-size:10px;font-weight:800;letter-spacing:.16em}
.skills-space-controls{display:flex;gap:8px;flex-wrap:wrap}
.skills-page .skills-space-controls button{min-height:40px;padding:8px 12px;border:1px solid #7899c643;border-radius:10px;color:#d6e6fc;background:#142846c9;font-size:11px;font-weight:650}
.skills-page .skills-space-controls button:hover{background:#29436a}
.skills-guide{display:grid;grid-template-columns:145px minmax(0,1fr) 205px;align-items:center;gap:23px;min-height:190px;margin-bottom:27px;padding:9px 22px 12px 5px;border-bottom:1px solid #91b4ed2b}
.skills-guide-portrait{position:relative;height:183px;display:flex;justify-content:center;align-items:center;isolation:isolate;pointer-events:none}
.skills-guide-portrait img{display:block;position:relative;width:126px;height:164px;object-fit:contain;margin-top:-13px;filter:drop-shadow(0 8px 13px #65acff44);z-index:1}
.skills-guide-halo{position:absolute;bottom:10px;width:142px;height:35px;border-radius:50%;border:1px solid #76d1ffb3;background:radial-gradient(ellipse,#49acff55,transparent 65%);box-shadow:0 0 22px #459aff26,inset 0 0 12px #459aff35;transform:rotate(-7deg)}
.skills-guide-halo:before{content:"";position:absolute;inset:6px 15px;border:1px solid #76d1ff75;border-radius:50%}
.skills-guide-name{position:absolute;bottom:-6px;color:#afcff0;font-size:9px;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.skills-guide-message{min-width:0;max-width:620px}
.skills-space-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a8d8fc}
.skills-guide[data-kind="grow"] .skills-space-kicker{color:#ffdb8d}
.skills-guide[data-kind="strong"] .skills-space-kicker{color:#9ae5c8}
.skills-guide-message h3{margin:8px 0 10px;font-size:clamp(23px,2.6vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.035em;color:#f3f7ff;text-wrap:balance}
.skills-guide-message p{margin:0;color:#c5d5ec;font-size:14px;line-height:1.55;max-width:530px}
.skills-guide-action{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
.skills-guide-action>span{font-size:9px;letter-spacing:.1em;font-weight:800;color:#b7c9e2;text-align:center}
.skills-guide-action>small{font-size:11px;line-height:1.5;color:#c7d6eb;text-align:center}
.skills-space .skills-guide{border-bottom:0;margin-bottom:12px}
.skills-next-steps{padding:18px!important;margin:0 0 28px;border:1px solid #748daf40;border-radius:15px;background:#102740b3}
.skills-steps-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.skills-steps-heading h3{margin:0;font-size:19px;color:#f0f6ff;letter-spacing:-.02em}
.skills-steps-heading>span{font-size:11px;color:#b9cee6}
.skills-next-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.skills-next-steps li{display:flex;gap:10px;min-width:0}
.skills-step-number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;border:1px solid #9cb9da55;background:#234665;color:#d8f0ff;font-size:12px;font-weight:800}
.skills-next-steps li:first-child .skills-step-number{background:#ffcf71;color:#243852;border-color:#ffcf71}
.skills-next-steps h4{font-size:13px;line-height:1.4;margin:3px 0 6px;color:#e9f2fe}
.skills-next-steps p{font-size:12px;line-height:1.5;margin:0;color:#bcd0e6}
.skills-page .skills-next-steps button{min-height:44px;margin:9px 0 0;padding:8px 11px;background:#2b4c6e;border:1px solid #83b9df73;color:#e3f5ff;border-radius:9px;font-size:11px;font-weight:700;text-align:left}
.skills-page .skills-next-steps button:hover{background:#365c84}
.skills-next-steps .skills-mission-feedback{margin-top:17px;padding-top:13px;border-top:1px solid #6687ad50;color:#ccefe0}
.skills-page .skills-guide-action .skills-primary{background:#ffcf71;color:#243852;font-size:12px;box-shadow:0 6px 22px #ffc36717}
.skills-page .skills-guide-action button{min-height:40px;padding:4px;border:0;background:transparent;font-size:11px;font-weight:700;color:#c6e6ff}
.skills-space .skills-map-head h2{font-size:23px}
.skills-space .skills-map-head .skills-eyebrow{color:#96b3d6}
.skills-space .skills-source-badge{color:#c1d8ed}
.skills-space .skills-filter{background:#192d4ad9;border-color:#4560844f;color:#c9daee}
.skills-space .skills-filter:hover{background:#2d466b}
.skills-space .skills-filter[aria-pressed="true"]{background:#d4ebfc;border-color:#d4ebfc;color:#142e4b}
.skills-space .skills-chart-shell{background:radial-gradient(ellipse at 50% 100%,#1e487262,transparent 65%),#0919309c;border:1px solid #526f9347;box-shadow:inset 0 1px 0 #b4d8ff12}
.skills-space .skills-detail{background:#13253fe8;border-color:#48617f70}
.skills-space .skills-detail-score strong{color:#eef5ff}
.skills-space .skills-detail .skills-primary{background:#3384c5;color:#fff}
.skills-space .skills-badge.balanced{background:#234466;color:#c9e8ff}
.skills-space .skills-tower[aria-pressed="true"]{border-color:#bfddff80;background:linear-gradient(180deg,#c1dfff06,#8bc7ff19);box-shadow:inset 0 -2px 0 #9dcdfa80}
.skills-space .skills-tower.grow[aria-pressed="true"]{border-color:#efd39280;background:linear-gradient(180deg,#ffcd7304,#ffcd731c);box-shadow:inset 0 -2px 0 #ffda8e99}
.skills-space .skills-tower.strong[aria-pressed="true"]{border-color:#8beacb80;box-shadow:inset 0 -2px 0 #8beacb99}
.skills-space .skills-floor{background:linear-gradient(180deg,#73c3f64a,#295c7d4f);border-top-color:#8bbad473}
.skills-space .skills-tower svg{filter:drop-shadow(0 6px 7px #6aafff21)}
.skills-space .skills-tower.grow svg{filter:drop-shadow(0 6px 7px #ffcf6926)}
.skills-space .skills-tower.strong svg{filter:drop-shadow(0 6px 7px #67e6c021)}
.skills-space .skills-detail,.skills-space .skills-chart-shell{scroll-margin-top:85px}
.skills-space .skills-floor{display:none}
.skills-space .skills-crystal-platform{opacity:.72;transition:opacity .2s}
.skills-space .skills-tower[aria-pressed="true"] .skills-crystal-platform,
.skills-space .skills-tower:hover .skills-crystal-platform{opacity:1}
.skills-space .skills-crystal-ring{filter:drop-shadow(0 0 2px currentColor)}
.skills-space .skills-tower[aria-pressed="true"] .skills-crystal-ring{stroke-width:2}
.skills-space .skills-tower .skills-crystal-facet{transition:opacity .2s}
.skills-space .skills-tower:hover .skills-crystal-facet{opacity:.65}
.skills-space:not(.skills-space-still) .skills-tower[aria-pressed="true"] .skills-crystal-facet{animation:skills-crystal-glint 1.25s ease-out}
@keyframes skills-crystal-glint{0%{opacity:.35}45%{opacity:1}70%{opacity:.55}100%{opacity:1}}
.skills-space-still .skills-crystal-platform,.skills-space-still .skills-crystal-facet{transition:none}
.skills-space .skills-tower[aria-pressed="true"]{background:radial-gradient(ellipse at 50% 75%,#75c4ff1b,transparent 72%);border-color:#a3d9ff32;box-shadow:none}
.skills-space .skills-tower.grow[aria-pressed="true"]{background:radial-gradient(ellipse at 50% 75%,#ffd26e21,transparent 72%);border-color:#efd39240;box-shadow:none}
.skills-space .skills-tower.strong[aria-pressed="true"]{background:radial-gradient(ellipse at 50% 75%,#8beacb1f,transparent 72%);border-color:#8beacb40;box-shadow:none}
@media(max-width:1000px){
  .skills-guide-action>small{flex-basis:100%;text-align:left}
  .skills-guide{grid-template-columns:125px minmax(0,1fr);gap:14px 20px;padding-right:10px}
  .skills-guide-portrait{grid-row:1/3}
  .skills-guide-action{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 14px}
  .skills-guide-action>span{display:none}
  .skills-guide-message h3{font-size:27px}
}
@media(max-width:700px){
  .skills-next-steps{padding:15px!important;margin-bottom:22px}
  .skills-steps-heading{display:block}.skills-steps-heading>span{display:block;margin-top:5px}
  .skills-next-steps ol{grid-template-columns:1fr;gap:17px}
  .skills-next-steps h4{font-size:14px}.skills-next-steps p{font-size:12px}
  .skills-guide-action>small{font-size:11px;text-align:center}
  .skills-space-bar{align-items:start;margin:0 5px 16px;gap:8px;flex-wrap:wrap}
  .skills-space-coordinate{font-size:9px;width:100%}
  .skills-space-controls{width:100%;gap:7px}
  .skills-page .skills-space-controls button{min-height:44px;font-size:11px;flex:1}
  .skills-guide{grid-template-columns:88px minmax(0,1fr);gap:12px;margin-bottom:20px;padding:5px 5px 20px;min-height:0}
  .skills-guide-portrait{height:132px;grid-row:1;align-self:start}
  .skills-guide-portrait img{width:85px;height:111px;margin-top:0}
  .skills-guide-halo{width:85px;height:25px;bottom:8px}
  .skills-guide-name{bottom:-7px;font-size:7px;letter-spacing:0}
  .skills-guide-message h3{font-size:23px;margin:6px 0 8px;overflow-wrap:anywhere}
  .skills-space-kicker{font-size:8px;letter-spacing:.07em}
  .skills-guide-message p{font-size:12px;line-height:1.5}
  .skills-guide-action{grid-column:1/-1;justify-content:center;padding-top:5px}
  .skills-guide-action .skills-primary{flex:1}
  .skills-guide-action button{width:100%}
  .skills-space-planet{width:130px;height:130px;right:-45px;top:140px;opacity:.3}
  .skills-space .skills-map-head h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  .skills-space *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.skills-detail-more{margin:16px 0;color:#d3e3f4;font-size:13px;line-height:1.5}
.skills-detail-more summary,.skills-chart-hint summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}
.skills-detail-more summary::before,.skills-chart-hint summary::before{content:'+';font-size:20px}
.skills-detail-more[open] summary::before,.skills-chart-hint[open] summary::before{content:'−'}
#skillRecommendations[hidden]{display:none}