:root{color-scheme:dark;--ink:#f4e9d5;--muted:#b3bec8;--gold:#f5bb65;--navy:#101c2d;--teal:#73d4c1}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--navy);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}button,summary{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #ffffff2b;color:var(--ink);background:#1b2a3b;min-height:44px;border-radius:8px;font-size:13px;font-weight:700;padding:11px 16px;transition:background .15s,transform .15s}button:hover{background:#2f4355}button:active{transform:scale(.97)}button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}#world{display:block;width:100%;height:100%}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #07101d66}header{position:fixed;top:0;left:0;right:0;height:90px;padding:22px 28px;display:flex;align-items:center;gap:24px;background:linear-gradient(#0a1522e8,#0a152200);pointer-events:none;z-index:3}.brand{display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:2px;font-weight:900;line-height:1.2}.brand small{display:block;font-size:11px;letter-spacing:2px;color:var(--gold);white-space:nowrap}.brand-icon{position:relative;border:2px solid var(--gold);font-size:31px;line-height:35px;width:39px;height:39px;text-align:center;color:var(--gold);border-radius:6px;letter-spacing:-3px}.brand-icon span{font-size:16px;position:absolute;right:-6px;top:-6px;background:var(--navy);line-height:18px}.stats{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:1.3px}.stats b{font-size:24px;letter-spacing:-1px;color:var(--gold)}#rank{border:1px solid #ffffff35;border-radius:5px;padding:7px 9px}#menuButton{pointer-events:auto;width:43px;padding:8px;font-size:21px;background:#101c2ddd}.mission{position:fixed;top:109px;left:28px;width:290px;background:#101c2ded;border:1px solid #a3c6d22a;border-radius:12px;padding:19px;box-shadow:0 15px 40px #0002}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px var(--gold)}h2{font-size:22px;letter-spacing:-.6px;margin:12px 0 8px}p{line-height:1.6}.mission p{font-size:12px;color:#c2ced5;margin:0;line-height:1.6}.mission-bottom{display:flex;justify-content:space-between;margin-top:15px;color:var(--gold);font-size:10px;letter-spacing:.7px;gap:5px}#nextJob{width:100%;margin-top:12px;background:#eeb75e;color:#142031}.location{position:fixed;top:109px;right:28px;text-align:right;font-size:11px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 9px #000}.location small{display:block;margin-top:7px;color:var(--gold);font-size:9px}.map-wrap{position:fixed;left:28px;bottom:27px;width:174px;border:1px solid #8ca3ab55;border-radius:10px;overflow:hidden;box-shadow:0 8px 40px #0004;background:#101c2de8}.map-wrap canvas{width:172px;height:172px;display:block}.map-wrap>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:8px 10px;color:var(--gold)}.map-wrap i{font-style:normal;color:#d4d9d9;font-size:7px}#mapButton{border:0;border-top:1px solid #ffffff1a;border-radius:0;width:100%;min-height:30px;padding:6px;font-size:9px;letter-spacing:1px}.controls-hint{position:fixed;bottom:28px;left:225px;font-size:10px;letter-spacing:.5px;color:#d4dedf;text-shadow:0 1px 5px #000;display:flex;gap:9px;align-items:center}kbd{font:inherit;border:1px solid #fff4;padding:5px;border-radius:4px;background:#101c2d99}.controls-hint b{color:var(--gold)}.action-wrap{position:fixed;right:28px;bottom:28px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#actionHint{font-size:10px;background:#101c2dc9;padding:7px 10px;border-radius:5px;max-width:250px;text-align:right}#action{min-width:154px;display:flex;align-items:center;gap:14px;background:var(--gold);color:var(--navy);border:0;box-shadow:0 7px 30px #0003}#actionKey{border:1px solid #101c2d55;border-radius:4px;padding:5px 9px;font-size:15px}#actionText{font-size:13px}#boost{min-height:36px;width:154px;font-size:9px;letter-spacing:1.5px;background:#101c2dd9}#speed{position:fixed;right:31px;bottom:212px;text-align:right}#speed b{font-size:38px;letter-spacing:-2px;display:block;font-variant-numeric:tabular-nums}#speed small{font-size:8px;letter-spacing:2px;color:var(--gold)}#toast{position:fixed;top:94px;left:50%;transform:translateX(-50%) translateY(-15px);max-width:440px;width:max-content;padding:13px 19px;background:#f2dfba;color:#172335;border-radius:8px;font-size:12px;font-weight:bold;opacity:0;transition:.25s;pointer-events:none;text-align:center;z-index:5}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#joystick{display:none;position:fixed;bottom:44px;left:26px;width:112px;height:112px;border:1px solid #fff4;border-radius:50%;background:#101c2d80;touch-action:none}#stick{position:absolute;width:46px;height:46px;left:32px;top:32px;border-radius:50%;background:#f2dfbabd;border:2px solid #f8e9cf;box-shadow:0 3px 18px #0005;pointer-events:none}.modal-shade{position:fixed;inset:0;background:#071321ad;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:28px;z-index:10;overflow-y:auto;touch-action:pan-y}.intro-panel{width:560px;padding:35px 20px}.edition{font-size:9px;letter-spacing:2.5px;color:#d4e2de;display:flex;gap:20px}.edition span{color:var(--gold)}h1{font-size:56px;line-height:.99;letter-spacing:-3px;margin:26px 0 20px;font-weight:900}h1 em{color:var(--gold);font-style:normal}.lede{font-size:22px;letter-spacing:-.4px;line-height:1.5;color:#e2e6df}.intro-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.intro-tags span{font-size:8px;letter-spacing:1.2px;border:1px solid #ffffff35;padding:8px;border-radius:4px}.primary{display:flex;justify-content:space-between;width:100%;align-items:center;background:var(--gold);border:0;color:#132335;min-height:51px;font-size:14px;padding:15px 20px}.primary:hover{background:#ffce86}.primary span{font-size:22px}.fine{font-size:10px;color:#b6c1c7;line-height:1.7}.original{font-size:9px;color:#8b9fa7;margin-top:23px;max-width:320px;line-height:1.7}.intro-right{margin-left:80px;padding-left:40px;border-left:1px solid #ffffff30;display:flex;flex-direction:column;gap:30px}.intro-right>span{font-size:10px;letter-spacing:2px;color:var(--gold)}.intro-right strong{font-size:43px;line-height:1.08;letter-spacing:-1px;color:#c2d7d2}.intro-right small{font-size:8px;letter-spacing:1px;color:#98aeb9}.panel{width:460px;max-width:100%;background:#132235;border:1px solid #ffffff30;padding:27px;border-radius:16px;box-shadow:0 25px 100px #0007;max-height:calc(100dvh - 40px);overflow:auto;touch-action:pan-y}.panel p{font-size:12px;color:#c2cdd4}.panel h2{font-size:29px;margin-bottom:15px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}details{margin-top:18px;font-size:12px;color:#b6c6cb;line-height:1.6}summary{cursor:pointer;min-height:35px}details p{font-size:11px!important}.danger{color:#e3a89c;background:transparent;border:0;font-size:10px;text-decoration:underline;padding:0;min-height:35px}.map-panel{width:650px}#bigmap{display:block;width:100%;height:auto;background:#0b1826;border-radius:8px}.map-legend{display:flex;gap:14px;font-size:10px;margin:15px 0}.gold{color:var(--gold)}.purple{color:#c6a1fa}.teal{color:var(--teal)}
@media(max-width:800px),(pointer:coarse){header{height:73px;padding:15px 17px;gap:10px}.brand{font-size:10px;letter-spacing:1.5px;gap:7px}.brand small{font-size:8px;letter-spacing:1.5px}.brand-icon{width:31px;height:31px;line-height:27px;font-size:24px}.stats{gap:11px;letter-spacing:.4px}.stats b{font-size:20px}#rank{display:none}#rep{font-size:9px}#menuButton{width:37px;min-height:37px;font-size:18px}.mission{top:82px;left:15px;width:230px;padding:13px;border-radius:9px}.mission h2{font-size:18px;margin:8px 0 6px}.mission p{font-size:11px;line-height:1.45}.eyebrow{font-size:8px;letter-spacing:1.5px}.mission-bottom{font-size:9px;margin-top:10px}.location{top:auto;bottom:238px;right:17px;font-size:9px}.location small{font-size:8px}#joystick{display:block}.map-wrap{width:100px;left:auto;right:16px;top:82px;bottom:auto}.map-wrap canvas{width:98px;height:98px}.map-wrap>span{font-size:7px;padding:6px}.map-wrap i{display:none}#mapButton{min-height:28px;font-size:8px}.controls-hint{display:none}.action-wrap{right:17px;bottom:39px;gap:7px}#action{min-width:118px;min-height:61px;gap:7px;padding:10px}#actionText{font-size:11px}#actionKey{font-size:13px;padding:6px}#actionHint{font-size:9px;max-width:145px;padding:6px}#boost{width:118px;font-size:8px;min-height:36px}#speed{right:19px;bottom:184px}#speed b{font-size:29px}#speed small{font-size:7px}#toast{top:255px;max-width:calc(100vw - 30px);font-size:11px;width:auto;min-width:230px}.intro-right{display:none}.intro-panel{width:480px;max-width:100%;padding:25px 3px}h1{font-size:52px}.modal-shade{padding:23px}.lede{font-size:19px}.panel{padding:21px}.panel h2{font-size:26px}.intro-tags{gap:5px}.intro-tags span{font-size:7px;padding:7px}.edition{font-size:8px;letter-spacing:1.6px}.original{margin-top:14px}.map-legend{gap:9px;font-size:9px}}
@media(max-width:360px){.mission{width:196px;left:12px;padding:11px}.mission h2{font-size:16px}.mission p{font-size:10px}.mission-bottom{font-size:8px}.map-wrap{width:87px;right:12px}.map-wrap canvas{width:85px;height:85px}header{padding:14px 12px}.brand{font-size:7px}.brand small{font-size:9px}.stats{gap:7px}.stats b{font-size:18px}#rep{font-size:8px}h1{font-size:43px;letter-spacing:-2px}.intro-tags span{font-size:6px}.edition{font-size:7px}.lede{font-size:17px}.intro-panel{padding:12px 0}#joystick{left:17px;width:103px;height:103px}#stick{left:28px;top:28px}.action-wrap{right:12px}.location{right:12px}#jobLabel{letter-spacing:.8px}.button-grid button{font-size:11px;padding:9px}.panel{padding:18px}}
@media(max-height:530px) and (min-width:600px){.intro-panel{padding:10px}.intro-tags,.original{display:none}h1{font-size:40px;margin:12px 0}.lede{font-size:15px;margin:10px 0}.edition{font-size:8px}.intro-right strong{font-size:30px}.mission{top:78px;width:220px}.mission p{font-size:10px}.map-wrap{display:none}.location{top:85px;bottom:auto}.controls-hint{display:none}#speed{bottom:180px}.modal-shade{padding:12px}.intro-panel details{margin:7px 0}.fine{margin:7px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}