:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7e9d2;background:#263e3b}*{box-sizing:border-box}body{margin:0;overflow:hidden;touch-action:none}button,a,select,input{touch-action:manipulation}button,select{font:inherit}button{cursor:pointer;color:inherit;background:#172b29bc;border:1px solid #e9dcc530;border-radius:9px;padding:10px 14px}button:hover{background:#354c43}button:focus-visible,a:focus-visible{outline:2px solid #ffb65b;outline-offset:4px}#game{position:fixed;width:100%;height:100%;inset:0;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b211987,transparent 24%,transparent 75%,#102c2855)}header{position:fixed;top:0;left:0;width:100%;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;z-index:4;pointer-events:none}header>*{pointer-events:auto}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f7e9d2;font-size:19px;letter-spacing:5px;font-weight:700}.crest{border:1px solid #e3be7b99;color:#edc277;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:28px}.wordmark small{display:block;font-size:8px;letter-spacing:4px;line-height:1.8;font-weight:500}.header-right{display:flex;gap:10px;align-items:center}.chapter{font-size:9px;letter-spacing:3px;margin-right:18px;color:#e5d4af}.overlay{position:fixed;inset:0;z-index:3;background:linear-gradient(90deg,#102722dd 0,#152c2766 36%,transparent 70%)}.welcome-copy{position:absolute;top:23%;left:7%;max-width:480px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:3px;color:#e8bf7c;margin:0 0 14px}h1{font-family:Georgia,serif;font-size:clamp(58px,6.9vw,110px);font-weight:400;line-height:1.02;letter-spacing:-4px;margin:22px 0}.intro{font-size:15px;line-height:1.9;color:#e3dbc9}.primary{border:1px solid #f6c27c;background:#f3bb72;color:#253b30;font-weight:700;padding:16px 24px;min-width:210px;margin-top:20px}.primary:hover{background:#ffd49b}.primary span{margin-left:32px}.start-note{font-size:10px;letter-spacing:.6px;color:#d9cbb4;margin-top:17px}#loadstate{font-size:11px;color:#b8d2c4}.welcome-footer{position:absolute;bottom:36px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:3px;color:#cfdbcb}.mission{position:absolute;top:125px;left:36px;border-left:2px solid #e4b977;padding-left:17px;text-shadow:0 2px 8px #0b251b}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.1;margin:0 0 10px}.mission p:not(.eyebrow){font-size:11px;color:#e2dcc9;margin:8px 0 16px}#beacons{display:flex;align-items:center;gap:10px;color:#d8cbb077}#beacons span{font-size:28px}#beacons span.lit{color:#ffc175;text-shadow:0 0 20px #ff8700}#beacon-count{font-size:10px;font-weight:500;color:#e6d8bc;margin-left:5px}.bottom-hud{position:absolute;bottom:30px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;pointer-events:none}.flight-readout{min-width:170px}#mode{font-size:9px;letter-spacing:3px;color:#ebc589}.flight-readout div{display:flex;align-items:baseline;gap:5px;margin:7px 0 10px}.flight-readout strong{font-family:Georgia,serif;font-size:30px;font-weight:400}.flight-readout small{font-size:9px;color:#d8d8c5}.flight-readout i{height:20px;border-left:1px solid #ced3b947;margin:0 10px}.flight-readout label{font-size:8px;letter-spacing:2px;display:flex;gap:13px;align-items:center}.heat-track{width:115px;height:4px;background:#c9d9c434;display:inline-block}.heat-track>span{display:block;background:#f6b56b;height:4px;width:100%;transition:width .1s}.controls{display:flex;gap:11px;flex-wrap:wrap;max-width:560px;justify-content:center;padding-bottom:7px}.controls span{font-size:9px;color:#e1dfca;white-space:nowrap}kbd{display:inline-block;border:1px solid #dbe5d447;border-radius:3px;padding:4px 5px;font:8px system-ui;color:#fff8e4;margin-right:3px}#map{width:118px;height:118px;opacity:.9;border-radius:50%;border:1px solid #f4d49b50}#notification{position:absolute;left:50%;top:25%;transform:translateX(-50%);background:#102a24dc;border:1px solid #eec67c66;border-radius:8px;padding:16px 24px;max-width:90%;font-size:14px;text-align:center;opacity:0;transition:opacity .3s;pointer-events:none}#notification.show{opacity:1}dialog{max-width:460px;width:calc(100% - 35px);background:#18352fee;color:#f2e7cf;border:1px solid #e5c18b6a;border-radius:15px;padding:30px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#08191599;backdrop-filter:blur(6px)}dialog h2{font-size:34px;margin-bottom:22px}dialog label{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0}dialog p{font-size:13px;line-height:1.8;color:#c6d4c6}dialog button{width:100%;margin-top:12px}dialog select{padding:8px;background:#17332a;color:#fff;border:1px solid #e1cda44d;border-radius:6px}#touch{display:none}#error{position:fixed;z-index:10;inset:25%;background:#172f2bee;padding:35px;border-radius:12px}#error p{line-height:1.7}[hidden]{display:none!important}
@media(pointer:coarse){#touch{display:block}#joystick{position:absolute;width:115px;height:115px;bottom:130px;left:25px;border-radius:50%;border:1px solid #f1ddb555;background:#17392e44;touch-action:none}#joystick span{display:block;width:44px;height:44px;border-radius:50%;position:absolute;left:35px;top:35px;background:#e9d4ab70;border:1px solid #fff9}.touch-actions{position:absolute;right:20px;bottom:130px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.touch-actions button{width:67px;height:56px;font-size:12px;background:#173a2f99;touch-action:none}.touch-actions .fire-btn{background:#a74821bb;border-color:#f4a45a}.controls{display:none}}
@media(max-width:650px){header{padding:18px}.chapter{display:none}.wordmark{font-size:15px;letter-spacing:3px}.wordmark small{font-size:7px;letter-spacing:2px}.crest{width:34px;height:34px;font-size:22px}.header-right{gap:6px}.header-right button{padding:8px 9px;font-size:10px}.welcome-copy{top:auto;bottom:16%;left:7%}.welcome-copy h1{font-size:62px;margin:15px 0;letter-spacing:-3px}.welcome-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.intro{font-size:12px}.overlay{background:linear-gradient(0deg,#102722f2 0,#152c2799 43%,transparent 85%)}.welcome-footer{bottom:23px;left:22px;right:22px;font-size:7px;letter-spacing:1.5px}.welcome-footer span:last-child{display:none}.mission{left:20px;top:92px;padding-left:12px}.mission h2{font-size:21px}.mission p:not(.eyebrow){font-size:10px;max-width:205px}.mission .eyebrow{font-size:8px}.bottom-hud{left:22px;right:22px;bottom:max(22px,env(safe-area-inset-bottom));gap:10px}#map{width:83px;height:83px}.flight-readout strong{font-size:25px}#notification{top:35%;font-size:12px;width:80%}#error{inset:15px;top:25%;bottom:auto}}