:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-day:#20b9df;--sky-high:#63d7ef;--night-a:#091235;--night-b:#19114a;--indigo:#30206c;--violet:#5c2b91;--teal:#1fb7b0;--grass:#7dcc4a;--grass-dark:#3e9b50;--soil:#7b5434;--soil-light:#b78556;--gold:#ffd15f;--ember:#f37b38;--ruby:#e64255;--cream:#fff4d6;--ink:#151729;--panel:#182048;--panel-line:#78e2da;--ground-height:clamp(172px, 22vh, 230px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{background:var(--night-a)}button,input,textarea{font:inherit}.app-shell{width:100vw;height:100dvh;min-height:560px;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 84% 12%,#ffe7996b,#0000 12%),linear-gradient(#75daf2 0%,#2ab9df 52%,#1595c6 100%);position:relative;overflow:hidden}.asset-warmup{z-index:-1;opacity:.001;pointer-events:none;width:1px;height:1px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.asset-warmup img,.asset-warmup span{width:96px;height:96px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none}.asset-warmup img{object-fit:contain}.loading-overlay{z-index:120;color:var(--cream);image-rendering:pixelated;background:radial-gradient(circle at 18% 18%,#ffd15f47 0 2px,#0000 3px),radial-gradient(circle at 72% 24%,#7ef3e84d 0 2px,#0000 3px),radial-gradient(circle at 38% 72%,#fff4d64d 0 1px,#0000 2px),radial-gradient(circle at 84% 66%,#ffd15f33 0 1px,#0000 2px),linear-gradient(#050814 0%,#11184a 54%,#24306f 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.loading-stars{opacity:.78;background-image:radial-gradient(circle,#ffffffd1 0 1px,#0000 2px),radial-gradient(circle,#7ef3e86b 0 1px,#0000 2px);background-position:0 0,36px 42px;background-size:112px 96px,152px 128px;animation:2.6s steps(8,end) infinite star-drift;position:absolute;inset:0}.loading-panel{z-index:1;text-align:center;border:4px solid var(--panel-line);background:#0a0e2adb;width:min(420px,100vw - 48px);padding:26px 28px 28px;position:relative;box-shadow:0 0 0 6px #ffd15f3d,0 18px #0407186b}.loading-title{white-space:nowrap;color:var(--gold);letter-spacing:0;text-shadow:4px 4px #d96b25,8px 8px #5c2b91;justify-content:center;align-items:baseline;font-family:Arial Black,Impact,sans-serif;font-size:clamp(2rem,8vw,3.7rem);line-height:.9;animation:.72s steps(2,end) infinite loading-pulse;display:inline-flex}.loading-dots{text-align:left;width:1.15em;display:inline-block}.loading-dots:after{content:"";animation:.9s steps(4,end) infinite loading-dots}.loading-bar{background:#050814;border:3px solid #fff4d6;width:100%;height:24px;margin-top:22px;padding:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #151729}.loading-fill{transform-origin:0;will-change:transform;background:repeating-linear-gradient(90deg,#7ef3e8 0 14px,#20b9df 14px 28px);animation:1s steps(10,end) forwards loading-fill-grow;display:block;position:absolute;inset:4px;box-shadow:0 0 14px #7ef3e880}.loading-percent{z-index:1;color:#fff4d6;text-shadow:2px 2px #050814;place-items:center;font-family:Arial Black,Impact,sans-serif;font-size:.78rem;line-height:1;display:grid;position:absolute;inset:0}.viewport,.scene{position:absolute;inset:0}.viewport{overflow:hidden}.sky-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.scene{transform-origin:50%;z-index:1;height:100vh;min-height:720px;transition:background .18s;overflow:hidden}.scene-world{width:var(--scene-width);transform:translateX(calc(var(--camera-x) * -1));will-change:transform;position:absolute;top:0;bottom:0;left:0}.scene-start,.scene-campus{background:0 0}.scene-cbd{background:linear-gradient(#2ec2e200,#1487be2e)}.scene-transit{background:linear-gradient(#2ec2e200,#506da829)}.scene-city{background:linear-gradient(#2ec2e200,#3a9da524)}.scene-prop-layer{pointer-events:none;position:absolute;inset:0}.scene-layer-far{z-index:1;opacity:.86}.scene-layer-mid{z-index:2;opacity:.94}.scene-layer-near{z-index:3;opacity:.98}.scene-layer-foreground{z-index:9;opacity:.98}.scene-prop{height:auto;image-rendering:pixelated;filter:drop-shadow(0 10px #2a414a24);display:block;position:absolute;transform:translateZ(0)}.cloud{filter:drop-shadow(0 8px #579ab929);width:210px;height:auto;position:absolute;transform:translate(-50%)}.cloud-small{scale:.72}.cloud-large{scale:1.16}.cloud img{width:100%;height:auto;image-rendering:pixelated;display:block}.hero-title{z-index:5;text-align:center;width:min(780px,100vw - 40px);animation:.65s steps(5,end) both title-pop;position:absolute;top:clamp(58px,10vh,86px);left:50%;transform:translate(-50%)}.ribbon{color:#fff;background:var(--ruby);padding:10px 34px;font-family:Georgia,serif;font-size:clamp(1rem,2.1vw,1.55rem);font-style:italic;font-weight:800;display:inline-block;box-shadow:-28px 18px #b91432,28px 18px #b91432,0 12px #a0102d}.hero-title h1{color:var(--gold);text-shadow:10px 10px #d96b25,20px 20px #a72c5b,30px 30px #30206ca6;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Arial Black,Impact,sans-serif;font-size:clamp(3rem,7vw,6.8rem);line-height:.78}.hero-title h1 span{display:block}.start-arrow{left:63%;bottom:calc(var(--ground-height) + 62px);z-index:12;filter:drop-shadow(0 10px #5d1d1657);width:270px;animation:.76s steps(2,end) infinite arrow-blink;position:absolute}.start-arrow img{width:100%;height:auto;image-rendering:pixelated;display:block}.control-prompt{left:50%;bottom:calc(var(--ground-height) - 64px);z-index:25;color:var(--cream);letter-spacing:0;text-transform:uppercase;pointer-events:none;background:#0a0e2abd;border:3px solid #7ef3e8db;padding:8px 14px;font-family:Arial Black,Impact,sans-serif;font-size:clamp(.86rem,1.4vw,1.1rem);animation:.92s steps(2,end) infinite prompt-flash;position:absolute;transform:translate(-50%);box-shadow:0 0 0 3px #ffd15f2e,0 8px #04071857}.control-prompt-mobile{display:none}.about-sky-text{z-index:12;width:min(1080px,100vw - 48px);color:var(--cream);text-align:center;pointer-events:none;position:absolute;top:clamp(34px,7vh,76px);left:50%;transform:translate(-50%)}.about-sky-text h2{color:var(--gold);letter-spacing:0;text-transform:lowercase;text-shadow:5px 5px #d96b25,10px 10px #30206c9e;margin:0 0 18px;font-family:Arial Black,Impact,sans-serif;font-size:clamp(2rem,4.8vw,4.4rem);line-height:.9}.about-text-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.8vw,18px);display:grid}.about-text-card{opacity:0;background:#121b46b8;border:3px solid #7ef3e8c2;min-height:112px;padding:14px 16px;transition:opacity .36s steps(4,end),transform .36s steps(4,end);transform:translateY(18px)scale(.96);box-shadow:0 0 0 4px #0a0e2a73,0 10px #090c2247}.about-text-card.is-visible{opacity:1;transform:translateY(0)scale(1)}.about-text-card h3{color:#7ef3e8;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-family:Arial Black,Impact,sans-serif;font-size:clamp(.72rem,1.2vw,.94rem)}.about-text-card p{margin:0;font-size:clamp(.78rem,1.3vw,.95rem);font-weight:800;line-height:1.28}.about-text-card a{color:var(--gold);text-transform:uppercase;pointer-events:auto;margin-top:10px;font-family:Arial Black,Impact,sans-serif;font-size:.82rem;text-decoration:none;display:inline-block}.about-text-card a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ground{z-index:20;width:100%;height:var(--ground-height);background-color:var(--soil);background-image:var(--ground-texture-url);background-position:top;background-repeat:repeat-x;background-size:auto 100%;position:absolute;bottom:0;left:0}.ground-stone{background-color:#4b5157;background-position:0 0}.ground-grass{background-color:var(--soil)}.stage-fade{z-index:95;pointer-events:none;will-change:opacity;background:#050814;position:absolute;inset:0}.character{left:50vw;bottom:calc(var(--ground-height) - 12px);z-index:40;transform-origin:bottom;will-change:transform;width:120px;height:224px;position:absolute}.character-sprite{background-image:var(--character-sprite-url);image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:1440px 224px;position:absolute;inset:0;transform:translateZ(0)}.character.is-idle .character-sprite{animation:.88s step-end infinite sprite-idle}.character.is-walking .character-sprite{animation:.56s step-end infinite sprite-walk}.character.is-dropping .character-sprite{animation:.72s step-end infinite sprite-jump}@keyframes title-pop{0%{opacity:0;transform:translate(-50%,22px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes sprite-idle{0%,24%{background-position:0 0}25%,49%{background-position:-120px 0}50%,74%{background-position:-240px 0}75%,to{background-position:-360px 0}}@keyframes sprite-walk{0%,24%{background-position:-480px 0}25%,49%{background-position:-600px 0}50%,74%{background-position:-720px 0}75%,to{background-position:-840px 0}}@keyframes sprite-jump{0%,24%{background-position:-960px 0}25%,49%{background-position:-1080px 0}50%,74%{background-position:-1200px 0}75%,to{background-position:-1320px 0}}@keyframes arrow-blink{50%{opacity:.35;transform:translate(10px)}}@keyframes prompt-flash{50%{color:var(--gold);border-color:var(--gold);filter:brightness(1.25)}}@keyframes star-drift{to{background-position:112px 96px,188px 170px}}@keyframes loading-pulse{50%{filter:brightness(1.24)}}@keyframes loading-fill-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@media (width<=860px){.app-shell{min-height:100dvh}.scene{height:100dvh;min-height:100dvh}.hero-title{top:max(42px, env(safe-area-inset-top));width:min(560px,100vw - 28px)}.hero-title h1{text-shadow:6px 6px #d96b25,12px 12px #a72c5b,18px 18px #30206ca6;font-size:clamp(2.9rem,12vw,4.2rem)}.about-sky-text{top:max(16px, env(safe-area-inset-top));width:calc(100vw - 20px)}.about-sky-text h2{text-shadow:3px 3px #d96b25,6px 6px #30206c9e;margin-bottom:10px;font-size:clamp(1.75rem,8vw,2.6rem)}.about-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.about-text-card{border-width:2px;min-height:76px;padding:9px 10px;box-shadow:0 0 0 3px #0a0e2a73,0 7px #090c2247}.about-text-card h3{margin-bottom:5px;font-size:.68rem}.about-text-card p{font-size:clamp(.66rem,2.6vw,.78rem);line-height:1.18}.start-arrow{left:63%;bottom:calc(var(--ground-height) + 62px);width:270px}.control-prompt{left:50%;bottom:calc(var(--ground-height) - 58px);white-space:nowrap;width:max-content;max-width:calc(100vw - 24px);padding:7px 11px;font-size:clamp(.76rem,3vw,.95rem)}.control-prompt-desktop{display:none}.control-prompt-mobile{display:inline}.character{bottom:calc(var(--ground-height) - 12px)}.cloud{width:150px}}@media (width<=560px){.hero-title{width:calc(100vw - 20px)}.hero-title h1{font-size:clamp(2.25rem,13vw,3.35rem)}.about-sky-text h2{font-size:clamp(1.5rem,7.5vw,2rem)}.about-text-grid{gap:7px}.about-text-card{min-height:72px;padding:8px}.about-text-card h3{font-size:.62rem}.about-text-card p{font-size:clamp(.58rem,2.8vw,.69rem)}.ribbon{padding-inline:20px}.start-arrow{width:270px;left:63%}.loading-panel{width:calc(100vw - 32px);padding:22px 20px 24px}.loading-title{font-size:clamp(2rem,12vw,3rem)}}@media (height<=680px) and (width<=860px){.about-sky-text{top:10px}.about-sky-text h2{margin-bottom:7px;font-size:1.55rem}.about-text-card{min-height:60px;padding:6px 7px}.about-text-card h3{margin-bottom:3px;font-size:.58rem}.about-text-card p{font-size:.56rem;line-height:1.12}.character{bottom:calc(var(--ground-height) - 12px)}}