@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800&family=DM+Mono:wght@400;500&family=Inter:wght@400;600&display=swap";:root{color:#eaf9ff;--cyan:#84e9ff;--gold:#ffc773;background:#040815;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#world{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#vignette{pointer-events:none;background:linear-gradient(90deg,#020711b8,#0000 28% 72%,#020711a8),linear-gradient(#02071177,#0000 23% 71%,#020711cb);position:absolute;inset:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06112188;border-bottom:1px solid #a6e9ff24;justify-content:space-between;align-items:center;height:60px;padding:0 clamp(16px,3vw,50px);display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.12em;color:#add7e7;font:500 11px DM Mono,monospace}.top-title{letter-spacing:.16em;font:700 19px Barlow Condensed,sans-serif}.top-title b{color:var(--cyan)}.topbar button{color:#d6f6ff;background:#10253899;border:1px solid #aecfe866;border-radius:50%;width:35px;height:35px}.eyebrow,.speaker{letter-spacing:.16em;color:var(--gold);font:500 11px DM Mono,monospace}.objective{z-index:3;border-left:2px solid var(--cyan);text-shadow:0 2px 10px #000;max-width:min(380px,40vw);padding:3px 0 4px 19px;position:absolute;top:90px;left:clamp(16px,3vw,54px)}.objective h1{text-transform:uppercase;margin:12px 0 8px;font:700 clamp(27px,3vw,42px)/.95 Barlow Condensed,sans-serif}.objective p{color:#d0e5ed;max-width:330px;margin:0;font-size:13px;line-height:1.45}.distance{color:var(--cyan);margin-top:14px;font:500 11px DM Mono,monospace}.hud{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071523ba;border:1px solid #9acbdb48;width:265px;padding:15px 18px;position:absolute;bottom:32px;left:clamp(16px,3vw,54px)}.meter{align-items:center;gap:10px;margin:4px 0 10px;font:500 10px DM Mono,monospace;display:flex}.meter span{color:#a9bdca;width:47px}.meter>div{background:#385063;flex:1;height:5px;overflow:hidden}.meter i{background:var(--cyan);width:100%;height:100%;display:block}.meter:first-child i{background:#f58b91}.meter:nth-child(3) i{background:var(--gold)}.meter b{text-align:right;width:28px;font-weight:500}#speed{border-top:1px solid #9acbdb45;margin-top:14px;padding-top:10px;font:700 31px Barlow Condensed,sans-serif}#speed small{color:#8fb7c5;font:10px DM Mono,monospace}.reticle{pointer-events:none;opacity:.8;width:38px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle i{border-color:#dffaff;width:9px;height:9px;position:absolute}.reticle i:first-child{border-top:1px solid;border-left:1px solid;top:0;left:0}.reticle i:nth-child(2){border-top:1px solid;border-right:1px solid;top:0;right:0}.reticle i:nth-child(3){border-bottom:1px solid;border-left:1px solid;bottom:0;left:0}.reticle i:nth-child(4){border-bottom:1px solid;border-right:1px solid;bottom:0;right:0}.target{z-index:3;text-align:right;color:#b9e9f7;text-shadow:0 2px 9px #000;font:11px/1.6 DM Mono,monospace;position:absolute;top:90px;right:clamp(16px,3vw,54px)}.prompt{z-index:4;color:#f7f7e9;text-align:center;text-shadow:0 2px 8px #000;background:#081724bb;border:1px solid #8dd7ed63;min-width:230px;padding:12px 16px;font:500 13px DM Mono,monospace;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.prompt:empty,.toast:empty,.timers:empty{display:none}.toast{z-index:8;border:1px solid var(--cyan);text-align:center;background:#112f44eb;max-width:600px;padding:10px 16px;font-size:13px;position:absolute;top:78px;left:50%;transform:translate(-50%)}.timers{z-index:4;color:#ffd296;text-align:right;font:500 13px DM Mono,monospace;position:absolute;bottom:38px;right:clamp(16px,3vw,54px)}.crew{z-index:3;gap:6px;display:flex;position:absolute;bottom:76px;right:clamp(16px,3vw,54px)}.crew button{color:#acd2de;background:#0b1a2dcc;border:1px solid #89b8ce7c;padding:8px 9px;font:10px DM Mono,monospace}.crew button.active{color:#0a2430;background:#9ee5eb;border-color:#e6ffff}.menu{z-index:20;background:radial-gradient(circle at 70% 35%,#13416955,#0000 35%),linear-gradient(90deg,#020711f5,#061325bb 55%,#02071189);justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.menu.hidden,.hidden{display:none!important}.menu-inner{max-width:630px;margin-left:clamp(24px,8vw,130px);padding:30px 18px}.menu h2{letter-spacing:-.055em;margin:28px 0 37px;font:800 clamp(80px,13vw,180px)/.72 Barlow Condensed,sans-serif}.menu h2 em{color:var(--cyan);font-style:normal}.menu p{color:#c5dce9;line-height:1.5}.menu-actions{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.menu-actions button,.menu-actions a,.dialogue button{color:#09202c;background:#a7e9f4;border:1px solid #a7e9f4;padding:13px 18px;font:500 12px DM Mono,monospace}.menu-actions a{color:#d8f7ff;background:#0d2536cc}.settings{color:#b1ced9;flex-wrap:wrap;gap:8px 18px;margin:22px 0;font:11px DM Mono,monospace;display:flex}.settings label{align-items:center;gap:5px;display:flex}.settings input{accent-color:#88dfec}.help{max-width:600px;color:#8daebd!important;font:10px/1.6 DM Mono,monospace!important}.dialogue{z-index:15;background:#071625f0;border:1px solid #9ee1eea3;width:min(660px,100vw - 34px);padding:21px 24px;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0008}.dialogue p{margin:11px 0 15px;font-size:16px;line-height:1.55}.dialogue button{margin-top:7px;margin-right:8px}.dialogue #choices button{color:#d9faff;background:#173647}.touch{display:none}.high-contrast #vignette{background:linear-gradient(#020711cc,#0000 62%,#020711ee)}.high-contrast .objective,.high-contrast .hud,.high-contrast .prompt{background:#020a14f2}.reduce-motion *{transition:none!important;animation:none!important}@media (max-width:740px){.topbar{height:49px}.brand{font-size:10px}.top-title{font-size:14px}.objective{max-width:62vw;padding-left:10px;top:59px}.objective h1{margin:6px 0;font-size:25px}.objective p{font-size:11px}.distance{margin-top:6px}.hud{width:160px;padding:7px 9px;bottom:10px;left:9px}.meter{margin:2px 0 4px;font-size:8px}.meter span{width:37px}.meter b{width:20px}#speed{margin-top:5px;padding-top:4px;font-size:21px}.crew{grid-template-columns:repeat(3,1fr);display:grid;bottom:10px;right:8px}.crew button{padding:6px 4px;font-size:8px}.target{font-size:9px;top:63px;right:9px}.prompt{min-width:0;max-width:55vw;padding:5px 8px;font-size:10px;bottom:86px}.timers{font-size:10px;bottom:68px;right:9px}.menu-inner{max-width:100vw;margin-left:12px;padding:20px 13px}.menu h2{margin:20px 0;font-size:clamp(65px,18vw,110px)}.help{font-size:8px!important}.touch{z-index:6;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:72px;left:8px;right:8px}.touch button{pointer-events:auto;color:#e5fbff;touch-action:none;background:#0d2d43aa;border:1px solid #95e2ef88;border-radius:4px;min-width:36px;min-height:35px;margin:2px;font:12px DM Mono,monospace}.touch-pad>button{margin-left:41px}.touch-actions{grid-template-columns:repeat(2,1fr);display:grid}.touch-actions button{min-width:58px}.dialogue{padding:13px;bottom:7px}.dialogue p{font-size:13px}.dialogue button{padding:8px;font-size:10px}}