:root{color:#f0f8f8;font-synthesis:none;--cyan:#72eef0;--amber:#ffc185;--ink:#101e2b;background:#829bb2;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;background:#172936d9;border:1px solid #ffffff30;border-radius:5px}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}button:hover{background:#26404d}button:disabled{opacity:.5;cursor:wait}a{color:inherit}#world{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.top{left:24px;right:24px;top:max(20px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.brand{text-shadow:0 2px 9px #132334;letter-spacing:.09em;align-items:center;gap:12px;font-size:16px;font-weight:900;display:flex}.brand a{pointer-events:auto;letter-spacing:-.1em;border:1px solid #ffffff80;border-radius:4px;padding:8px;font-size:19px;text-decoration:none}.brand span{letter-spacing:.15em;color:#ddedee;margin-top:5px;font-size:9px;display:block}.toolbar{pointer-events:auto;gap:7px;display:flex}.toolbar button{min-width:37px;height:37px;padding:0 11px;font-size:10px;font-weight:700}.toolbar #pause{font-size:20px}.mission{border-left:2px solid var(--cyan);background:linear-gradient(110deg,#102434ed,#102434ab);border-radius:0 5px 5px 0;width:258px;padding:16px 18px;position:absolute;top:89px;left:24px}.eyebrow{letter-spacing:.17em;color:var(--cyan);font-size:10px;font-weight:800}.mission h2{margin:9px 0 13px;font-size:18px;font-weight:700}.progress{color:#c1d7dc;gap:14px;font-size:11px;display:flex}.progress time{margin-left:auto}.mission p{color:var(--cyan);margin:14px 0 0;font-size:12px;line-height:1.5}.map-panel{background:#112633d4;border:1px solid #92a8b244;border-radius:5px;width:170px;padding:8px;position:absolute;top:86px;right:24px}.map-panel canvas{width:100%;height:auto;display:block}.map-panel div{letter-spacing:.05em;color:var(--cyan);justify-content:space-between;margin-top:5px;font-size:7px;display:flex}.map-panel span{color:var(--amber)}.crew-hud{background:#112633ed;border-radius:5px;width:258px;position:absolute;bottom:66px;left:24px;box-shadow:0 8px 30px #0003}.crew-hud #swap{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.portrait,.face{background-repeat:no-repeat;flex:none;display:block}.portrait{background-color:#263e4a;background-image:var(--runner-head);background-position:-96px -26px;background-size:245px;border-radius:4px;width:47px;height:59px}.portrait.greg{background-image:var(--greg-head);background-position:top;background-size:49px}.crew-details{flex-direction:column;flex:1;gap:5px;display:flex}.crew-details strong{font-size:15px}.crew-details>span{color:#afcbd3;font-size:10px}.health-track{background:#ffffff16;width:100%;height:4px;overflow:hidden}.health-track i{background:var(--cyan);width:100%;height:100%;display:block}.key{color:#c3dbe1;font-size:11px}.crew-meta{color:var(--cyan);border-top:1px solid #ffffff15;justify-content:space-between;align-items:center;padding:9px 10px;font-size:9px;display:flex}.crew-meta button{color:#b4cbd1;background:0 0;border:0;padding:3px 0;font-size:8px}.reticle{color:#f6ffffb0;text-shadow:0 1px 4px #0008;pointer-events:none;font:22px monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.desktop-controls{bottom:max(18px,env(safe-area-inset-bottom));color:#ebf4f6;text-shadow:0 2px 3px #0008;pointer-events:none;justify-content:center;gap:23px;font-size:10px;display:flex;position:absolute;left:24px;right:24px}.desktop-controls b{margin-right:5px;font-size:10px}.overlay{background:linear-gradient(90deg,#081828ee,#0b213574 57%,#1a36414d);justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0;overflow:auto}.menu-card{width:100%;max-width:550px;margin-right:33%;padding:18px}.menu-card h1{letter-spacing:-.065em;margin:23px 0 20px;font-size:clamp(58px,8.7vw,102px);font-weight:900;line-height:.86;position:relative}.menu-card h1 span{color:var(--cyan)}.menu-card em{color:var(--amber);letter-spacing:.06em;border:1px solid #ffc18588;margin-left:12px;padding:6px;font-size:14px;font-style:normal;position:absolute;top:8px}.menu-card p{color:#b9ced8;max-width:430px;font-size:13px;line-height:1.7}.menu-card p.intro{color:#fff;margin-bottom:8px;font-size:17px;font-weight:600}.character-pair{gap:28px;margin:25px 0;display:flex}.character-pair>div{align-items:center;gap:10px;display:flex}.face{border-bottom:2px solid var(--cyan);background-color:#263e4a;border-radius:4px;width:45px;height:61px}.face.runner{background-image:var(--runner-head);background-position:-91px -25px;background-size:232px}.face.greg{background-image:var(--greg-head);border-color:var(--amber);background-position:top;background-size:45px}.character-pair strong{letter-spacing:.08em;font-size:11px}.character-pair small{letter-spacing:0;color:#b7c7ce;margin-top:6px;font-size:10px;font-weight:400;display:block}.menu-actions{gap:10px;margin-top:11px;display:flex}.menu-actions button,.small-card>button{letter-spacing:.09em;background:var(--cyan);color:#092534;border:0;padding:16px 23px;font-size:11px;font-weight:800}.menu-actions button:first-child{flex:1;justify-content:space-between;max-width:245px;display:flex}.menu-actions button:last-child,.small-card>button.secondary{color:#e2f2f5;background:#233c4d;border:1px solid #758e9b44}.menu-card p.menu-controls{color:#91aebf;font-size:10px;line-height:1.9}.studio-link{color:#a4bfcc;margin-top:10px;font-size:11px;text-decoration:none;display:inline-block}.small-card{background:#102634f5;border:1px solid #6f8c9d55;border-radius:6px;width:min(450px,100%);padding:35px;box-shadow:0 15px 90px #0004}.small-card h2{letter-spacing:-.04em;margin:14px 0;font-size:38px}.small-card p{color:#c1d5df;font-size:13px;line-height:1.9}.small-card p.muted{color:#90adb9;font-size:11px}.small-card>button{width:100%;margin-top:11px;display:block}#loading{color:var(--amber);min-height:14px;font-size:11px}#notice{text-align:center;pointer-events:none;background:#0c2232da;border-radius:4px;max-width:400px;padding:11px 17px;font-size:12px;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}#notice:empty{display:none}#context{color:var(--amber);text-shadow:0 2px 5px #000;text-align:center;pointer-events:none;width:240px;font-size:12px;line-height:1.6;position:absolute;top:59%;left:50%;transform:translate(-50%)}.touch-controls{display:none}#joystick{touch-action:none;background:#16374e6b;border:1px solid #c3edee66;border-radius:50%;width:114px;height:114px;position:absolute;bottom:30px;left:22px}#joystick i{pointer-events:none;background:#82e1e77a;border:1px solid #d3ffff80;border-radius:50%;width:46px;height:46px;position:absolute;top:33px;left:33px}#look-pad{touch-action:none;color:#e6f5f57e;border:1px dashed #a0d6df70;border-radius:10px;place-items:center;width:143px;height:90px;font-size:9px;display:grid;position:absolute;bottom:156px;right:23px}.touch-actions{grid-template-columns:repeat(2,67px);gap:7px;display:grid;position:absolute;bottom:26px;right:22px}.touch-actions button{background:#142f42a6;border-color:#a9d2df77;height:48px;font-size:10px;font-weight:800}.touch-actions button:first-child{color:var(--cyan)}@media (pointer:coarse){.touch-controls{display:block}.desktop-controls{display:none}.crew-hud{bottom:175px}.map-panel{width:134px}.mission{width:236px}.reticle{opacity:.5}#notice{bottom:162px}}body.touch .touch-controls{display:block}body.touch .desktop-controls{display:none}body.touch .crew-hud{bottom:175px}body.touch .crew-hud .portrait{background-position:-72px -19px;background-size:185px;width:32px;height:40px}body.touch .crew-hud .portrait.greg{background-position:top;background-size:34px}@media (width<=650px){#notice{top:201px;bottom:auto!important}.top{top:14px;left:14px;right:14px}.brand{gap:8px;font-size:12px}.brand span{font-size:7px}.brand a{padding:7px;font-size:17px}.toolbar button{padding:0 8px;font-size:8px}.mission{width:210px;padding:12px;top:70px;left:14px}.mission h2{margin:7px 0 10px;font-size:15px}.mission p{margin-top:8px;font-size:10px}.progress{gap:9px;font-size:9px}.map-panel{width:116px;padding:5px;top:70px;right:14px}.map-panel div{font-size:5px}.crew-hud{width:210px;bottom:65px;left:14px}.crew-meta{font-size:8px}.desktop-controls{flex-wrap:wrap;gap:10px;font-size:8px;bottom:14px;left:12px;right:12px}.desktop-controls span:nth-child(n+5){display:none}#notice{width:90%;max-width:310px;font-size:10px;bottom:195px}.menu-card{max-width:440px;margin:0;padding:8px}.menu-card h1{font-size:72px}.menu-card p{font-size:12px}.menu-card p.intro{font-size:15px}.character-pair{gap:21px;margin:20px 0}.character-pair small{font-size:9px}.menu-actions button{padding:15px}.menu-card p.menu-controls{font-size:9px}.small-card{padding:24px}.overlay{background:linear-gradient(120deg,#081828ed,#0b2135c0)}@media (pointer:coarse){.crew-hud{bottom:164px}.crew-hud .portrait{background-position:-72px -19px;background-size:185px;width:32px;height:40px}.crew-hud .portrait.greg{background-position:top;background-size:34px}.crew-hud #swap{padding:6px}.crew-details{gap:3px}.crew-details strong{font-size:12px}.crew-meta{padding:5px 6px}#look-pad{width:124px;height:74px;bottom:160px}}}@media (height<=530px){.mission{width:230px;padding:10px;top:70px}.mission h2{margin:5px 0;font-size:14px}.mission p{margin-top:6px}.map-panel{width:118px;top:67px}.crew-hud{width:208px;bottom:40px}.menu-card{max-width:680px;margin:0;padding:8px 20px;position:relative}.menu-card h1{margin:14px 0;font-size:60px}.menu-card p{max-width:350px;font-size:11px;line-height:1.5}.menu-card .character-pair{display:block;position:absolute;top:25px;right:0}.character-pair>div{margin-bottom:16px}.menu-actions{max-width:380px}.menu-card p.menu-controls{margin:8px 0;font-size:8px}.studio-link{margin-top:0}.small-card{max-width:520px;padding:20px}.small-card h2{margin:8px 0;font-size:28px}.small-card p{margin:8px 0;line-height:1.6}.small-card>button{padding:10px}#notice{bottom:40px}.touch-controls #joystick{width:92px;height:92px;bottom:18px}.touch-controls #joystick i{width:40px;height:40px;top:25px;left:25px}.touch-actions{bottom:16px}.touch-actions button{height:39px}#look-pad{width:125px;height:66px;bottom:118px}body.touch .crew-hud{bottom:120px}@media (pointer:coarse){.crew-hud{bottom:120px}}}.menu-card em{margin-left:0;right:4px}.menu-extra{gap:8px;margin-top:12px;display:flex}.menu-extra button{letter-spacing:.09em;background:#102d3bab;border-color:#91bbc044;padding:9px 12px;font-size:9px;font-weight:700}.audio-panel{z-index:30;background:#0e2432f5;border:1px solid #86bec055;border-radius:8px;width:min(440px,100% - 28px);max-height:calc(100dvh - 90px);padding:24px;position:absolute;top:72px;right:24px;overflow-y:auto;box-shadow:0 18px 70px #0007}.audio-panel header,.crew-preview-card header{justify-content:space-between;align-items:center;gap:18px;display:flex}.audio-panel header h2{letter-spacing:-.035em;margin:8px 0 20px;font-size:29px}.audio-panel header button,.crew-preview-card header button{align-self:flex-start;width:33px;height:33px;font-size:23px}.music-options{gap:8px;display:grid}.music-options button{text-align:left;letter-spacing:.07em;padding:14px;font-size:10px;font-weight:800}.music-options button[aria-pressed=true]{border-color:var(--cyan);background:#24505c}.music-options small{letter-spacing:0;color:#afc6cf;margin-top:7px;font-size:11px;font-weight:400;display:block}#apple-player iframe{background:0 0;border:0;border-radius:9px;width:100%;height:175px;margin-top:14px;display:block}.apple-note{color:#b9cbd5;margin:10px 0;font-size:10px;line-height:1.6}#music-status{color:var(--cyan);margin:15px 0;font-size:11px;line-height:1.5;display:block}.mix-row{align-items:center;gap:12px;margin:15px 0;font-size:10px;display:flex}.mix-row label{flex:none;width:83px}.mix-row input{min-width:40px;accent-color:var(--cyan);cursor:pointer;flex:1}.mix-row span{text-align:right;color:#afc6cf;width:30px}.audio-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:16px;display:flex}.audio-footer button{padding:9px 11px;font-size:9px}.audio-footer a{color:#adc7d1;width:100%;margin-top:6px;font-size:10px;text-decoration:none}.crew-view{z-index:40;background:#081b2aea;place-items:center;padding:22px;display:grid;position:absolute;inset:0;overflow:auto}.crew-preview-card{background:radial-gradient(at 50% 40%,#315967,#0c2433 75%);border:1px solid #71b6bd44;border-radius:10px;width:min(830px,100%);padding:24px 28px 18px;box-shadow:0 22px 100px #0007}.crew-preview-card h2{letter-spacing:-.03em;margin:9px 0 0;font-size:30px}.crew-preview-card canvas{touch-action:none;width:100%;height:min(47dvh,370px);display:block}.crew-labels{text-align:center;grid-template-columns:1fr 1fr;gap:20px;display:grid}.crew-labels strong{letter-spacing:.12em;color:var(--cyan);font-size:14px;display:block}.crew-labels>div:last-child strong{color:var(--amber)}.crew-labels span{color:#b1c8d3;margin-top:7px;font-size:11px;display:block}.crew-preview-card>p{text-align:center;color:#96b4c0;margin:20px 0 0;font-size:10px}@media (width<=650px){.audio-panel{max-height:calc(100dvh - 80px);padding:18px;top:65px;right:14px}.toolbar{gap:4px}.toolbar button{min-width:30px;padding:0 6px;font-size:8px}.brand{font-size:10px}.brand span{font-size:6px}.crew-preview-card{padding:20px 14px}.crew-preview-card h2{font-size:23px}.crew-preview-card canvas{height:280px}.crew-labels span{font-size:9px}}@media (height<=530px){.audio-panel{max-height:calc(100dvh - 24px);top:12px}.crew-view{padding:12px}.crew-preview-card{padding:15px 22px}.crew-preview-card h2{font-size:23px}.crew-preview-card canvas{height:185px}.crew-labels span{font-size:9px}.crew-preview-card>p{margin-top:12px}.menu-extra{flex-direction:column;position:absolute;bottom:55px;right:0}.menu-card em{right:105px}}