@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111426;--ink:#f5f6fc;--muted:#b6bbd0;--lime:#cdf95b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 'DM Sans',sans-serif;min-height:100vh}button,a,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{touch-action:manipulation}header{max-width:1320px;margin:auto;padding:28px 38px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:none;font-size:12px;line-height:1.4;letter-spacing:1.6px}.brand b{font-size:14px}.brandmark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--lime);color:#141828;font-size:32px;font-weight:700;transform:rotate(-7deg)}.header-right{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--muted)}.quiet{border:1px solid #40455c;border-radius:30px;padding:9px 16px;background:#1b1f34}.orb{position:fixed;z-index:-1;border-radius:100%;filter:blur(90px);opacity:.1;pointer-events:none}.a{width:500px;height:500px;background:#8465ff;top:0;right:0}.b{width:400px;height:400px;background:#20cdcb;bottom:0;left:-200px}main{max-width:1244px;margin:18px auto 0;padding:0 28px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.1;letter-spacing:-1px}h1{font-size:clamp(38px,5vw,65px);margin:8px 0 14px}h2{font-size:clamp(30px,4vw,48px);margin:12px 0 18px}h3{font-size:25px;margin:0 0 10px}.intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.intro p{margin:0;color:var(--muted);font-size:18px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase}.passport{border:1px solid #424860;transform:rotate(4deg);padding:16px 20px;border-radius:15px;flex-shrink:0;font-size:14px;text-align:center}.passport strong{display:block;font-size:23px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.world{border:1px solid #454b61;border-radius:23px;padding:0;text-align:left;background:#20243c;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s;animation:enter .6s both}.world:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 15px 35px #0005}.art{height:190px;background-color:var(--color);position:relative}.world:nth-child(2){animation-delay:.05s}.world:nth-child(3){animation-delay:.1s}.world:nth-child(4){animation-delay:.15s}.world:nth-child(5){animation-delay:.2s}.world:nth-child(6){animation-delay:.25s}.cardcopy{padding:18px 21px 20px;display:flex;justify-content:space-between;align-items:center}.cardcopy h3{font-size:23px;margin:4px 0}.cardcopy p{font-size:14px;color:var(--muted);margin:0}.num{font-size:12px;letter-spacing:1.4px;color:var(--muted)}.enter{border-radius:50%;border:1px solid #68708b;display:grid;place-items:center;width:33px;height:33px;font-size:22px}.done{position:absolute;right:12px;top:12px;background:var(--lime);color:#171c2f;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:700}.invest-banner{display:flex;align-items:center;gap:24px;border:1px solid #66793e;border-radius:23px;background:linear-gradient(110deg,#293820,#1e292e);padding:25px 30px;margin:22px 0;width:100%;text-align:left;transition:transform .2s}.invest-banner:hover{transform:translateY(-3px)}.invest-banner h3{margin:3px 0 7px}.invest-banner p{margin:0;color:#c7d6bd}.invest-banner .pill{margin-left:auto;white-space:nowrap}.money-mark{font:700 45px 'Space Grotesk';color:var(--lime);padding:0 10px}.pill,.primary{border:0;background:var(--lime);color:#1a2220;padding:13px 23px;border-radius:40px;font-weight:700}.topline{display:flex;justify-content:space-between;align-items:center;margin:15px 0 25px}.steps{color:var(--muted);font-size:14px}.stage{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #40465d;border-radius:28px;overflow:hidden;background:#1c2035;min-height:510px;animation:enter .4s}.scene{min-height:420px;position:relative;background:var(--color)}.scene .art{position:absolute;inset:0;height:100%;}.scene-caption{position:absolute;bottom:22px;left:22px;right:22px;padding:15px 20px;border:1px solid #ffffff40;border-radius:17px;background:#121627c9;backdrop-filter:blur(10px);font-size:15px}.stage-content{padding:36px}.stage-content>p{color:#c7cbe0}.choices{display:grid;gap:12px;margin:24px 0}.choice{padding:17px 20px;background:#2b304a;border:1px solid #505776;border-radius:15px;text-align:left;transition:background .2s,transform .2s}.choice:hover{background:#3a415b;transform:translateX(4px)}.choice strong{display:block;font-size:18px}.choice small{font-size:14px;color:#b8bfd5;display:block;margin-top:4px}.choice.selected{border-color:var(--lime);background:#36402b}.feedback{padding:19px;border-left:3px solid var(--lime);background:#28332d;border-radius:0 15px 15px 0;margin:20px 0;animation:enter .3s}.feedback p{margin:6px 0 0}.trail{display:grid;gap:14px;margin:22px 0}.trail-item{border:1px solid #444b67;padding:18px;border-radius:17px;display:grid;grid-template-columns:34px 1fr;gap:12px}.trail-item span{color:var(--lime);font-weight:700}.trail-item p{font-size:16px;color:#c0c6db;margin:5px 0 0}.completion{text-align:center;padding:38px 18px}.badge{width:115px;height:115px;background:var(--lime);color:#1a2131;border-radius:32px;display:grid;place-items:center;margin:0 auto 28px;transform:rotate(-8deg);font:700 45px 'Space Grotesk';box-shadow:0 0 60px #cdf95b25}.completion p{max-width:600px;margin:15px auto 25px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.invest-layout{max-width:940px;margin:auto}.invest-box{border:1px solid #46553e;background:#1d2830;padding:30px;border-radius:24px}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.balance{background:#111b23;border:1px solid #4f6456;border-radius:20px;padding:25px}.balance b{display:block;font:700 45px 'Space Grotesk';color:var(--lime);margin:8px 0}.balance p{font-size:14px;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--lime)}.bars{height:160px;display:flex;gap:8px;align-items:end;margin:22px 0 8px}.bar{flex:1;background:var(--lime);border-radius:7px 7px 0 0;min-height:10px;animation:grow .7s both;transform-origin:bottom}.bar.down{background:#ff9a82}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.note{font-size:14px;color:#bec8bd}.source{color:#bfdb9c;font-size:14px}footer{text-align:center;color:#838ca9;font-size:13px;padding:36px 20px}.confetti{position:fixed;width:9px;height:17px;top:-20px;pointer-events:none;animation:fall 2s ease-in forwards;z-index:9}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fall{to{transform:translateY(100vh) rotate(540deg);opacity:0}}@media(max-width:800px){header{padding:22px}.intro{align-items:start}.passport{display:none}.grid{grid-template-columns:repeat(2,1fr)}.stage{grid-template-columns:1fr}.scene{min-height:320px}.scene .art{}.stage-content{padding:25px}.header-right{gap:10px}.invest-banner{padding:23px;gap:10px}.invest-banner .pill{display:none}.sim-grid{grid-template-columns:1fr}}@media(max-width:480px){main{padding:0 18px}.brand{font-size:10px;letter-spacing:1px}.brand b{font-size:11px}.brandmark{width:36px;height:36px}.header-right{flex-direction:column;font-size:12px}.quiet{font-size:13px;padding:7px 11px}.grid{gap:12px}.art{height:158px}.cardcopy{padding:14px 12px}.cardcopy h3{font-size:18px}.cardcopy p{font-size:13px}.enter{display:none}.intro p{font-size:16px}.money-mark{display:none}.scene{min-height:285px}.invest-box{padding:21px}h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep each illustrated panel square so the explorer stays in proportion. */
.world .art{height:auto;aspect-ratio:1}.scene{min-height:0;aspect-ratio:1;align-self:center}.scene .art{height:100%}.primary:disabled{opacity:.55;cursor:default}

.art{}.family-section{margin-top:48px;scroll-margin-top:24px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(28px,3.5vw,42px);margin-bottom:12px}.section-heading p{color:var(--muted)}.map-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.map-links a{color:var(--ink);font-size:14px;border:1px solid #505776;border-radius:24px;padding:8px 14px;text-decoration:none}.map-links a:hover{border-color:var(--lime);color:var(--lime)}.family-context{border-left:3px solid #b69aff;padding-left:14px;font-size:15px}.cardcopy h3{overflow-wrap:normal}.cardcopy>div{min-width:0}.enter{flex-shrink:0;margin-left:8px}.topline{gap:16px}.steps{text-align:right}.family-section .num{color:#cfbbff}.invest-banner{scroll-margin-top:24px}@media(max-width:480px){.cardcopy h3{font-size:20px;letter-spacing:-.5px}.cardcopy p{font-size:14px}.family-section{margin-top:32px}.quiet{font-size:14px}.grid{grid-template-columns:1fr}.cardcopy{padding:18px}.cardcopy h3{font-size:24px}.scene-caption{font-size:14px}.map-links{gap:8px}}

.world .art,.scene .art{}
.hobby-section{margin:48px 0 30px;scroll-margin-top:24px}.hobby-map{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hobby-card{position:relative;text-align:left;background:linear-gradient(140deg,#252b46,#192036);border:1px solid #4f587a;border-radius:23px;padding:25px;transition:transform .2s,border-color .2s}.hobby-card:hover{transform:translateY(-5px);border-color:var(--hobby-color)}.hobby-number{display:block;color:var(--hobby-color);font:700 38px 'Space Grotesk',sans-serif;margin-bottom:28px}.hobby-card p{color:var(--muted);margin:0 0 20px}.hobby-status{font-size:14px;color:var(--hobby-color)}.hobby-adventure{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;border:1px solid #4b5470;border-radius:28px;background:#1c2035;overflow:hidden;animation:enter .4s}.hobby-side{padding:30px;background:linear-gradient(160deg,#283150,#192331)}.hobby-side h1{font-size:clamp(34px,4vw,52px)}.hobby-side p{color:#c7cbe0}.hobby-content{padding:32px 32px 32px 0}.hobby-content h2{font-size:clamp(28px,3.1vw,42px)}.hobby-content>p{color:var(--muted)}.kaiser-scene{width:100%;max-width:280px;display:block;margin:24px auto 0;border-radius:24px;aspect-ratio:1;object-fit:cover}.kaiser-caption{text-align:center;font-size:14px}.skill-stack{display:grid;gap:16px;margin:24px 0}.skill-item{display:flex;gap:16px;border-bottom:1px solid #414b68;padding:12px 0 20px;animation:enter .5s both;animation-delay:var(--delay)}.skill-item>span{color:var(--hobby-color);font-size:22px;font-weight:700}.skill-item h3{font-size:23px;letter-spacing:-.4px}.skill-item p{margin:0;color:#c7cbe0}.career-connections{display:grid;gap:12px;margin-top:20px}.connection{display:grid;gap:8px;text-align:left;background:#29314b;border:1px solid #576180;padding:18px;border-radius:16px}.connection:hover{border-color:var(--hobby-color)}.connection strong{font-size:20px}.connection span{color:#d0d5e6;font-size:16px}.connection small{color:var(--hobby-color);font-size:14px}.kaiser-buddy{max-width:1188px;margin:30px auto 0;border-top:1px solid #414860;padding:20px 0;display:flex;align-items:center;gap:24px}.kaiser-button{display:flex;align-items:center;gap:15px;background:none;border:0;text-align:left;padding:0;flex-shrink:0}.kaiser-button img{width:78px;height:78px;border-radius:22px;transition:transform .2s}.kaiser-button:hover img{transform:rotate(-5deg)}.kaiser-button strong,.kaiser-button small{display:block}.kaiser-button small{font-size:14px;color:var(--muted)}.kaiser-buddy>p{font-size:16px;color:#cbd4bd;margin:0}footer{padding-top:18px}@media(max-width:800px){.hobby-adventure{grid-template-columns:1fr;gap:0}.hobby-side{display:grid;grid-template-columns:1fr 125px;column-gap:20px}.hobby-side .eyebrow,.hobby-side h1,.hobby-side>p{grid-column:1}.hobby-side .kaiser-scene{grid-column:2;grid-row:1/5;margin:0;align-self:center}.hobby-side .kaiser-caption{display:none}.hobby-content{padding:25px}.kaiser-buddy{margin:25px 28px 0;flex-wrap:wrap;gap:14px}.hobby-map{gap:12px}.hobby-card{padding:20px}.hobby-card h3{font-size:23px}}@media(max-width:560px){.hobby-map{grid-template-columns:1fr}.hobby-card{display:grid;grid-template-columns:48px 1fr;column-gap:15px}.hobby-number{grid-row:1/4;margin:0;font-size:28px}.hobby-card h3,.hobby-card p,.hobby-status{grid-column:2}.hobby-card p{margin-bottom:8px}.hobby-side{grid-template-columns:1fr 85px;padding:23px}.kaiser-buddy{margin-left:18px;margin-right:18px}.hobby-content{padding:22px}.hobby-content .completion{padding:20px 0}.hobby-side p{grid-column:1/-1}.hobby-side .kaiser-scene{grid-row:1/3}.kaiser-button img{width:65px;height:65px}.hobby-section{margin-top:32px}}

/* Standalone high-resolution illustrations retain their square framing. */
img.art{display:block;width:100%;object-fit:cover;object-position:center}.world img.art{height:auto;aspect-ratio:1}.scene img.art{width:100%;height:100%}