@keyframes so-hero-title-seq{0%{clip-path:inset(0 100% 0 0);opacity:.4;top:50%;transform:translateY(-50%)scale(1)}15%{clip-path:inset(0);opacity:1;top:50%;transform:translateY(-50%)scale(1)}55%{opacity:1;top:50%;transform:translateY(-50%)scale(1)}to{top:var(--spawn-title-rest-top,4.5rem);transform:translateY(0) scale(var(--spawn-title-rest-scale,.4));opacity:.7}}@keyframes so-dialogue-enter{0%{clip-path:inset(50% 0);opacity:0}to{clip-path:inset(0);opacity:1}}.so-spawn-layout{--spawn-title-rest-top:clamp(3rem, 8vh, 4.5rem);--spawn-title-rest-scale:.4;--spawn-dialogue-bottom:clamp(15rem, 35vh, 19.5rem);--spawn-dialogue-width:min(36rem, 88vw);--spawn-dialogue-padding:1.2rem 1.4rem 1.1rem;--spawn-dialogue-text-size:1.3rem;pointer-events:none;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vh,3rem);padding:clamp(5rem,12vh,7.5rem) 1rem clamp(8rem,32vh,18rem);display:flex;position:absolute;inset:0}.so-spawn-layout[data-active=true]{pointer-events:auto}@media (prefers-reduced-motion:reduce){.so-spawn-layout{transition:none}}@media (width<=639px){.so-spawn-layout{--spawn-title-rest-top:3.25rem;--spawn-dialogue-bottom:clamp(13.5rem, 38vh, 17rem);--spawn-dialogue-width:92vw;--spawn-dialogue-padding:.85rem 1rem .8rem;--spawn-dialogue-text-size:clamp(1rem, 4.1vw, 1.18rem)}}@media (width<=360px),(height<=520px){.so-spawn-layout{--spawn-title-rest-top:1.5rem;--spawn-title-rest-scale:.32;--spawn-dialogue-bottom:clamp(10rem, 48vh, 13rem);--spawn-dialogue-padding:.65rem .75rem;--spawn-dialogue-text-size:.95rem}}.so-hero-title{text-align:center;letter-spacing:.06em;color:#0ff;text-shadow:-1.5px -1.5px #0a0e27,1.5px -1.5px #0a0e27,-1.5px 1.5px #0a0e27,1.5px 1.5px #0a0e27,0 -1.5px #0a0e27,0 1.5px #0a0e27,-1.5px 0 #0a0e27,1.5px 0 #0a0e27,4px 4px #f37,7px 7px #070a1f99;opacity:0;margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(2.5rem,11vw,7.5rem);font-weight:400;line-height:1.05;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)scale(1)}.so-hero-title[data-active=true]{animation:3s linear 80ms forwards so-hero-title-seq}@media (width<=639px){.so-hero-title{letter-spacing:.04em;text-shadow:-1px -1px #0a0e27,1px -1px #0a0e27,-1px 1px #0a0e27,1px 1px #0a0e27,0 -1px #0a0e27,0 1px #0a0e27,-1px 0 #0a0e27,1px 0 #0a0e27,3px 3px #f37;font-size:clamp(2rem,12vw,4rem)}}@media (prefers-reduced-motion:reduce){.so-hero-title{top:var(--spawn-title-rest-top,4.5rem);transform:translateY(0) scale(var(--spawn-title-rest-scale,.4));opacity:.7;animation:none}}.so-dialogue-box{left:50%;bottom:var(--spawn-dialogue-bottom);width:var(--spawn-dialogue-width);padding:var(--spawn-dialogue-padding);font-family:VT323,monospace;font-size:var(--spawn-dialogue-text-size);color:#e0e0ff;opacity:0;z-index:4;background:#070a1fe6;border:2px solid #0ff;line-height:1.35;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #00ffff73,inset 0 -1px #00000040,0 0 0 1px #0a0e27,4px 4px #070a1f99}.so-dialogue-box[data-active=true]{animation:.32s steps(6,end) 1.7s forwards so-dialogue-enter}@media (prefers-reduced-motion:reduce){.so-dialogue-box{opacity:1;animation:none}}.so-full-spawn-copy{display:block}@media (width<=360px),(height<=520px){.so-full-spawn-copy{display:none}}.so-compact-spawn-copy{display:none}@media (width<=360px),(height<=520px){.so-compact-spawn-copy{display:block}}.so-name-tag{letter-spacing:.1em;color:#0a0e27;background:#0ff;margin-bottom:.55rem;padding:.35rem .6rem;font-family:"Press Start 2P",monospace;font-size:.6rem;display:inline-block;box-shadow:2px 2px #070a1f99}.so-enter-button{margin-top:.8rem;display:block}.spawn-scroll-pin{height:100dvh;position:sticky;top:0;overflow:visible}.spawn-character{--char-height:clamp(8rem, 24vh, 16rem);--char-bottom-pad:.2552;left:50%;bottom:calc(16px - var(--char-height) * var(--char-bottom-pad));height:var(--char-height);opacity:1;width:auto;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;transition:opacity .12s linear;position:absolute;transform:translate(-50%)}.spawn-character[data-phase=done]{opacity:0}.world-crt-overlay{z-index:2;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#05071621 0 1px,#0000 1px 4px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.spawn-character{transition:none!important}}@keyframes tb-cloud-drift{0%{transform:translate3d(var(--cloud-x), var(--cloud-y), 0)}to{transform:translate3d(calc(var(--cloud-x) + var(--cloud-drift)), var(--cloud-y), 0)}}.tb-wrap{--tb-ambient:#00ffff14;--tb-ambient-x:72%;--tb-ambient-y:35%;z-index:-1;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;background:radial-gradient(circle at 18% 12%,#e0e0ffd9 0 1px,#0000 1px) 0 0/23rem 17rem,radial-gradient(circle at 72% 26%,#e0e0ff8c 0 1px,#0000 1px) 0 0/31rem 23rem,radial-gradient(circle at 38% 48%,#00ffff38 0 1px,#0000 1px) 0 0/19rem 29rem,radial-gradient(48rem at 50% 108%,#1c25558c,#0000 62%) 0 0/100% 100%,linear-gradient(#050716 0%,#0a0e27 58%,#121846 100%) 0 0/100% 100%;transition:background .18s steps(5,end);position:absolute;inset:0;overflow:hidden}.tb-wrap:before{content:"";z-index:0;background:radial-gradient(circle at var(--tb-ambient-x) var(--tb-ambient-y), var(--tb-ambient), transparent 42%);mix-blend-mode:screen;pointer-events:none;transition:background .18s steps(5,end);position:absolute;inset:0}main:has([role=tab][aria-selected=true][aria-controls$=-experience-panel]) .tb-wrap{--tb-ambient:#ffd64024;--tb-ambient-x:24%;--tb-ambient-y:42%}main:has([role=tab][aria-selected=true][aria-controls$=-education-panel]) .tb-wrap{--tb-ambient:#ff6b9d24;--tb-ambient-x:52%;--tb-ambient-y:24%}main:has([role=tab][aria-selected=true][aria-controls$=-skills-panel]) .tb-wrap{--tb-ambient:#00ffff24;--tb-ambient-x:74%;--tb-ambient-y:58%}main:has([role=tab][aria-selected=true][aria-controls$=-inventory-panel]) .tb-wrap{--tb-ambient:#7788ff29;--tb-ambient-x:28%;--tb-ambient-y:66%}.tb-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#05071647);position:absolute;inset:0}.tb-cloud{width:var(--cloud-width);max-width:none;opacity:var(--cloud-opacity);transform:translate3d(var(--cloud-x), var(--cloud-y), 0);animation:tb-cloud-drift var(--cloud-duration) linear infinite alternate;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}.tb-far-left{--cloud-x:4.5vw;--cloud-y:4.5vh;--cloud-width:clamp(18rem, 28vw, 25rem);--cloud-opacity:.48;--cloud-drift:19.5vw;--cloud-duration:34s}.tb-far-right{--cloud-x:72vw;--cloud-y:9vh;--cloud-width:clamp(14rem, 21vw, 19rem);--cloud-opacity:.28;--cloud-drift:-19vw;--cloud-duration:48s}.tb-mid-center{--cloud-x:76vw;--cloud-y:18vh;--cloud-width:clamp(8rem, 14vw, 12rem);--cloud-opacity:.38;--cloud-drift:18.6vw;--cloud-duration:26s}.tb-lower-left{--cloud-x:6vw;--cloud-y:69vh;--cloud-width:clamp(8rem, 12vw, 11rem);--cloud-opacity:.3;--cloud-drift:19vw;--cloud-duration:52s}.tb-small-top{--cloud-x:80vw;--cloud-y:8vh;--cloud-width:clamp(5rem, 10vw, 8.75rem);--cloud-opacity:.52;--cloud-drift:-18.2vw;--cloud-duration:18s}.tb-small-mid{--cloud-x:26vw;--cloud-y:24vh;--cloud-width:clamp(4.5rem, 7.5vw, 6.75rem);--cloud-opacity:.3;--cloud-drift:18.4vw;--cloud-duration:14s}.tb-roof{--roof-height:max(90vh, 55vw);width:auto;height:var(--roof-height);max-width:none;max-height:none;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;z-index:1;position:absolute;top:calc(100% - 16px);left:77vw;transform:translate(-77%,-81.4%)}@media (width<=639px){.tb-far-left{--cloud-x:-18vw;--cloud-y:11vh;--cloud-width:52vw;--cloud-opacity:.46}.tb-far-right{display:none}.tb-mid-center{--cloud-x:60vw;--cloud-y:26vh;--cloud-width:29vw;--cloud-opacity:.4}.tb-lower-left{--cloud-x:4vw;--cloud-y:73vh;--cloud-width:23vw;--cloud-opacity:.25}.tb-small-top{--cloud-x:9vw;--cloud-y:10vh;--cloud-width:23vw;--cloud-opacity:.48}.tb-small-mid{--cloud-x:75vw;--cloud-y:35vh;--cloud-width:18vw;--cloud-opacity:.32}}@media (prefers-reduced-motion:reduce){.tb-cloud{animation:none}.tb-wrap,.tb-wrap:before{transition:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{color:#e0e0ff;background:#0a0e27;font-family:VT323,monospace;font-size:18px;line-height:1.5;overflow-x:hidden}canvas{image-rendering:pixelated;image-rendering:crisp-edges}#root{position:relative}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}