@font-face{font-family:Career;src:local('Arial');font-display:swap}
:root{--bg:#151819;--ink:#eeeae1;--muted:#8e9491;--orange:#ed895b;--line:#ffffff1b;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Career,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button:disabled{cursor:default}button, a{-webkit-tap-highlight-color:transparent}button{color:inherit}button[hidden],[hidden]{display:none!important}#app{position:relative;min-height:850px;height:100svh;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.texture{position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.19' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.header{position:relative;z-index:5;margin:0 4.2%;height:103px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{background:none;border:0;padding:0;display:flex;align-items:center;font-size:38px;letter-spacing:-4px;font-weight:800}.brand-dot{color:var(--orange);margin-right:24px}.brand-label{font-size:10px;letter-spacing:1.9px;font-weight:600}.edition{font-size:9px;letter-spacing:1.6px;color:#bbc0bb;display:flex;gap:22px}.edition span{color:#666e6a}.header-status{font-size:9px;letter-spacing:1.2px;color:#a5aaa4;display:flex;gap:9px;align-items:center}.header-status i,.landing{position:relative;height:calc(100% - 151px);min-height:699px}.hero-copy{position:absolute;top:9.5%;left:7.1%;z-index:2}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;line-height:1.5}.hero-copy>.eyebrow{color:var(--orange);margin:0 0 27px}.tiny-cross{font-size:18px;vertical-align:-1px;margin-right:12px;font-weight:400}h1{font-size:clamp(62px,6.4vw,104px);line-height:.96;letter-spacing:-.065em;margin:0 0 28px;font-weight:700}.title-dot{color:var(--orange)}.role{display:flex;align-items:center;gap:22px;font-size:25px;letter-spacing:-.5px}.role-line{width:64px;height:1px;background:#727b74}.specialties{font-size:12px;line-height:1.9;color:#b3b6af;letter-spacing:.1px;margin:12px 0 22px}.specialties b{font-weight:400;color:#666f68;margin:0 7px}.small-break{display:none}.intro{font-size:14px;line-height:1.85;color:#969e98}.cta-row{display:flex;align-items:center;gap:28px;margin-top:29px}.primary-button{height:55px;background:var(--orange);color:#181d1b;border:1px solid var(--orange);display:inline-flex;align-items:center;gap:16px;padding:0 20px;font-size:10px;letter-spacing:1.25px;font-weight:700;transition:background .25s,transform .25s,box-shadow .25s}.primary-button:hover{background:#f2a27d;transform:translateY(-2px);box-shadow:0 8px 30px #ed895b20}.button-cross{font-size:20px;font-weight:400}.button-arrow{font-size:18px;margin-left:20px;font-weight:400}.classic-slot{display:flex;flex-direction:column;gap:8px}.classic-button{background:none;border:0;padding:0;text-align:left;color:#b6bbb4;font-size:9px;letter-spacing:1px}.classic-button span{margin-left:15px}.soon-label{font-size:7px;letter-spacing:1px;color:#626e65}.experience-note{display:flex;align-items:center;gap:4px;color:#6f7b72;font-size:10px;margin-top:20px}.key-mini{display:inline-flex;width:17px;height:16px;align-items:center;justify-content:center;border:1px solid #69776b66;border-radius:3px}.key-mini:last-of-type{margin-right:7px}.scene-caption{position:absolute;left:59%;top:65%;display:flex;align-items:flex-start;gap:15px;z-index:2}.caption-rule{width:22px;height:1px;background:var(--orange);margin-top:6px}.scene-caption p{font-size:8px;line-height:1.9;letter-spacing:1.5px;margin:0;color:#7e8c7f}.scene-caption strong{font-weight:400;color:#adb8a9}.scene-coordinate{font-family:monospace;font-size:8px;letter-spacing:1px;position:absolute;top:55px;left:37px;color:#677769}.world-label{position:absolute;right:8%;top:8%;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.world-label>span:first-child{font-size:8px;letter-spacing:1.8px;color:#849782}.world-label>span:last-child{font-size:40px;letter-spacing:-5px;line-height:1;color:#a4bda4}.world-label i{font-size:8px;letter-spacing:0;vertical-align:top;font-style:normal}.career-strip{position:absolute;left:4.2%;right:4.2%;bottom:0;height:154px;border-top:1px solid var(--line);display:flex;align-items:center;background:#15181980}.strip-intro{width:26%;padding-left:3.2%}.strip-intro>.eyebrow{font-size:8px;color:#747d77;letter-spacing:1.8px}.strip-intro p{font-size:14px;line-height:1.5;letter-spacing:-.2px;margin:9px 0}.strip-intro strong{font-weight:400;color:#929b91}.timeline{display:flex;flex:1;height:101px;padding-top:4px;position:relative}.timeline:before{position:absolute;content:'';left:0;right:12%;top:35px;height:1px;background:linear-gradient(90deg,#b57552 0%,#626c5e 23%,#434b42 80%,transparent)}.timeline-item{display:flex;flex-direction:column;width:26%;position:relative}.timeline-date{font-size:9px;letter-spacing:1px;color:#88917f}.timeline-dot{width:5px;height:5px;background:#596453;border-radius:50%;margin:18px 0 13px;box-shadow:0 0 0 4px #151819}.timeline-item strong{font-size:19px;letter-spacing:-.6px;font-weight:600}.timeline-item>span:last-child{font-size:7px;letter-spacing:1.3px;color:#788473;margin-top:7px}.timeline-item.active .timeline-dot{background:var(--orange);box-shadow:0 0 0 4px #151819,0 0 12px #ed895b70}.timeline-item.active .timeline-date{color:var(--orange)}.timeline-item.active strong{font-size:23px;line-height:22px;letter-spacing:-2px}.reg{font-size:8px;vertical-align:top}.timeline-item.next strong{font-size:17px;font-weight:400}.strip-index{font-size:8px;color:#717d6d;align-self:flex-end;margin-bottom:25px;font-family:monospace}.footer{height:48px;position:absolute;bottom:0;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#697569;border-top:1px solid var(--line)}.footer-divider{margin:0 10px;color:#465141}.footer-right i{font-style:normal;color:#8a9382}.text-button{background:transparent;border:0;font-size:9px;letter-spacing:1.2px;color:#bec6b7;padding:10px 0;transition:color .2s}.text-button:hover{color:var(--orange)}.exit-button{display:flex;gap:12px}.game{position:absolute;inset:103px 0 48px}.chapter-heading{position:absolute;top:7%;left:7.1%}.chapter-heading .eyebrow{color:var(--orange);font-size:9px}.chapter-heading .eyebrow span{margin:0 10px;color:#6f7d6d}.chapter-heading h2{font-size:clamp(30px,3.6vw,57px);letter-spacing:-2px;line-height:1.06;margin:23px 0 17px;font-weight:500}.chapter-heading>p:last-child{color:#8e9b8a;font-size:12px;line-height:1.8}.game-progress{position:absolute;right:5%;top:6%;width:170px;font-size:8px;letter-spacing:1.6px;color:#98a98f}.game-progress>div{height:2px;background:#465442;margin:16px 0 11px}.game-progress i{display:block;background:var(--orange);height:100%;width:0;transition:width .15s}.game-progress b{font-weight:400;float:right}.checkpoint-label{position:absolute;left:65%;top:40%;text-align:center;pointer-events:none;white-space:nowrap;transform:translateX(-50%)}.checkpoint-label>span{font-size:8px;letter-spacing:2.2px;color:#9dad91}.checkpoint-label strong{display:block;font-size:55px;letter-spacing:-5px;margin:5px 0;color:#e1ead5;font-weight:500}.checkpoint-label small{font-size:12px;letter-spacing:2px;color:#a8b99b;margin-left:14px;vertical-align:middle}.checkpoint-label p{font-size:8px;letter-spacing:1.7px;color:#b3c2a5}.game-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.control-guide{display:flex;gap:22px;align-items:center}.control-pair{display:flex;align-items:center;gap:6px}.control-pair>span{font-size:8px;letter-spacing:1.2px;color:#a0ae96;margin-left:6px}kbd{font-family:inherit;border:1px solid #5e6b58;border-radius:4px;width:28px;height:27px;display:inline-flex;align-items:center;justify-content:center;color:#c1cfb5;background:#1d261e;font-size:12px;box-shadow:0 2px #101a11}.space-key{width:60px;font-size:8px;letter-spacing:1px}.control-separator{height:20px;width:1px;background:#3d4939}.gentle-note{font-size:10px;color:#87967d}.game-bottom>.text-button{font-size:8px}.game-bottom>.text-button span{margin-left:13px}.touch-controls{display:none}.transition{position:absolute;inset:0;background:#151819;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility .5s}.transition.active{visibility:visible;opacity:1;pointer-events:auto}.transition>.eyebrow{color:var(--orange)}.transition-year{font-size:150px;letter-spacing:-12px;line-height:1.5}.transition-year span{color:var(--orange)}.transition>p{font-size:12px;letter-spacing:1px;color:#9daa94}.transition-line{width:170px;height:1px;background:#5c6c53;position:relative;margin-top:35px}.transition-line:after{content:'';position:absolute;height:1px;inset:0;background:var(--orange);transform:scaleX(0);transform-origin:left}.transition.active .transition-line:after{animation:load 1.3s var(--ease) forwards}@keyframes load{to{transform:scaleX(1)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero-copy{top:12%}.scene-caption{top:65%}.career-strip{height:175px}.hero-copy>.eyebrow{margin-bottom:35px}.intro{margin-top:25px}.cta-row{margin-top:35px}}
@media(max-height:800px) and (min-width:901px){#app{min-height:720px}.header{height:82px}.landing{height:calc(100% - 130px);min-height:590px}.hero-copy{top:6%}h1{font-size:76px;margin-bottom:20px}.hero-copy>.eyebrow{margin-bottom:18px}.role{font-size:22px}.specialties{margin:10px 0 12px}.intro{font-size:12px}.cta-row{margin-top:22px}.career-strip{height:130px}.game{top:82px}.experience-note{margin-top:15px}.scene-caption{top:67%}}
@media(max-width:1100px){.edition{display:none}.hero-copy{left:6%}.cta-row{gap:18px}.primary-button{padding:0 14px;gap:10px}.button-arrow{margin-left:8px}.classic-slot{max-width:120px}.soon-label{font-size:6px}.scene-caption{left:64%;top:68%}.scene-caption p{font-size:6px}.scene-coordinate{font-size:6px}.footer-right{display:none}.strip-intro{width:25%}.timeline-item strong{font-size:17px}.gentle-note,.control-separator{display:none}}
@media(max-width:760px){#app{min-height:960px;height:100svh}.header{height:80px;margin:0 6%}.brand-label{font-size:8px;letter-spacing:1px}.brand{font-size:33px}.brand-dot{margin-right:16px}.header-status{font-size:6px;letter-spacing:.7px}.landing{height:calc(100% - 128px);min-height:832px}.hero-copy{top:38px;left:7%;right:7%}.hero-copy>.eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:clamp(48px,10.7vw,80px);letter-spacing:-.065em;margin-bottom:23px}.role{font-size:22px}.specialties{font-size:10px;line-height:1.9;margin:10px 0 15px}.specialties b{margin:0 4px}.intro{font-size:12px;line-height:1.8}.cta-row{margin-top:24px;gap:20px}.primary-button{font-size:8px;height:49px;padding:0 13px;letter-spacing:.8px;gap:9px}.button-arrow{font-size:15px;margin-left:6px}.button-cross{font-size:16px}.classic-button{font-size:7px;letter-spacing:.5px}.classic-button span{margin-left:3px}.soon-label{font-size:5px;letter-spacing:.5px}.experience-note{font-size:8px;margin-top:17px}.world-label{top:48%;right:8%}.world-label>span:first-child{font-size:6px}.world-label>span:last-child{font-size:27px}.scene-caption{left:7%;top:67%;gap:10px}.scene-caption p{font-size:7px}.scene-coordinate{display:none}.career-strip{height:161px;left:6%;right:6%}.strip-intro{display:none}.timeline{padding-top:0;height:98px}.timeline:before{top:31px}.timeline-item{width:25%}.timeline-item strong{font-size:15px}.timeline-item.next strong{font-size:14px}.timeline-item>span:last-child{font-size:5px;letter-spacing:.5px}.timeline-date{font-size:8px}.timeline-dot{margin:17px 0 15px}.strip-index{display:none}.footer{left:6%;right:6%;font-size:5px;letter-spacing:.8px}.game{top:80px}.chapter-heading{top:6%;left:7%}.chapter-heading h2{font-size:36px}.chapter-heading>p:last-child{font-size:10px}.chapter-heading .eyebrow{font-size:7px}.game-progress{width:90px;right:7%;font-size:6px;top:6%}.checkpoint-label strong{font-size:42px}.checkpoint-label>span,.checkpoint-label p{font-size:6px}.checkpoint-label small{font-size:9px}.game-bottom{bottom:22px;left:7%;right:7%}.control-guide{display:none}.game-bottom>.text-button{font-size:7px}.touch-controls{position:absolute;bottom:75px;left:7%;right:7%;display:flex;gap:10px}.touch-controls button{width:53px;height:48px;font-size:20px;background:#263624d9;border:1px solid #86977b66;color:#d5dfcb;border-radius:5px;touch-action:none}.touch-controls button:last-child{margin-left:auto;background:#ed895b;color:#263624}.transition-year{font-size:120px}.exit-button{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(min-width:761px){.scene-caption{top:53%;left:59%}.scene-coordinate{top:48px}}
@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:hero-in .8s var(--ease) both}.hero-copy>h1{animation-delay:.06s}.hero-copy>.role{animation-delay:.12s}.hero-copy>.specialties{animation-delay:.17s}.hero-copy>.intro{animation-delay:.22s}.hero-copy>.cta-row{animation-delay:.28s}.hero-copy>.experience-note{animation-delay:.34s}@keyframes hero-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}}
@media(max-height:800px) and (min-width:901px){.hero-copy{top:5%}.hero-copy>.eyebrow{margin-bottom:15px}h1{margin-bottom:17px}.cta-row{margin-top:18px}.experience-note{margin-top:12px}.scene-caption{top:55%}}
@media(max-width:760px){.scene-caption{top:60%}#app[data-mode="playing"],#app[data-mode="reveal"],#app[data-mode="complete"],#app[data-mode="transition"]{min-height:650px;height:100svh}}