@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--ice:#b8d7d7;--acid:#e8f18c;--muted:#809596}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#0c171b;color:#d5e5df;font:14px 'IBM Plex Mono',monospace}button{font:inherit;color:inherit;border:1px solid #799b9b55;background:#112025c9;cursor:pointer;padding:10px 14px}button:hover{border-color:var(--acid);color:var(--acid)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--acid)}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 150px 45px #07141899;background:linear-gradient(#05101677,transparent 28%,transparent 65%,#040f14cc)}#damage{position:fixed;inset:0;background:#bd261d;opacity:0;pointer-events:none}header{position:absolute;top:26px;left:32px;right:32px;display:flex;align-items:flex-start;justify-content:space-between}.brand{font:800 32px 'Barlow Condensed',sans-serif;letter-spacing:4px}.brand span{color:var(--acid)}.brand small{font:10px 'IBM Plex Mono';letter-spacing:2px;display:block;margin-top:5px;color:#a8bbbc}#compass{position:absolute;left:50%;transform:translateX(-50%);letter-spacing:6px;font-size:13px;white-space:nowrap;padding-top:10px;color:#b7cbca}#compass b{color:var(--acid)}#menuBtn{font-size:13px}#quest{position:absolute;top:132px;left:34px;width:315px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--acid)}h2{font:600 27px 'Barlow Condensed';margin:12px 0 6px}p{line-height:1.7}#quest p{font-size:12px;color:#c4d2cb;margin:0 0 18px}#questDistance{border-left:2px solid var(--acid);padding:7px 12px;font-size:12px;background:#0a1a2055}#telemetry{position:absolute;top:126px;right:34px;text-align:right;line-height:2.1;font-size:11px;letter-spacing:1px}#mode{color:var(--acid);font-size:13px}#reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#dcf0d5aa;font-size:22px;pointer-events:none}#interaction{position:absolute;left:50%;top:61%;transform:translateX(-50%);text-align:center;background:#07171ce0;padding:12px 18px;border:1px solid #d7eb9b88;display:none;max-width:90%;font-size:13px}#toast{position:absolute;top:90px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#101e22ee;border-left:3px solid var(--acid);display:none;max-width:75%;text-align:center;font-size:13px}#radio{position:absolute;left:34px;bottom:197px;width:315px;border-left:1px solid #d9eba066;padding-left:16px}#radio span{font-size:10px;letter-spacing:2px;color:var(--acid)}#radio p{font-size:12px;color:#cedbd0;margin:8px 0}#hud{position:absolute;bottom:64px;left:34px;right:34px;display:flex;align-items:center;gap:34px;border-top:1px solid #afc8b744;padding-top:18px}.speed{display:flex;align-items:baseline;gap:8px}.speed strong{font:600 72px 'Barlow Condensed';line-height:1}.speed span{font-size:11px;color:#b1c6bd}.meter{width:170px}.meter label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.meter b{color:var(--acid)}.meter>div{height:4px;margin:12px 0;background:#b7cab12b}.meter i{display:block;height:100%;background:var(--acid)}.meter small{font-size:10px;color:#a8bdb3}.status{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a3bbb0}#minimap{margin-left:auto;width:170px;height:130px;background:#06171bcc;border:1px solid #7f99964a;position:absolute;right:0;bottom:0}footer{position:absolute;bottom:0;height:43px;width:100%;display:flex;justify-content:center;align-items:center;gap:20px;background:#061317e8;border-top:1px solid #637f7844;font-size:10px;color:#a1b5b0}footer button{border:0;padding:0;background:none;font-size:10px}kbd{font:inherit;color:#dbe8d8}#markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-100%);text-align:center;color:#dce7b0;font-size:10px;text-shadow:0 1px 5px #000;white-space:nowrap}.marker strong{display:block;font-size:20px;font-weight:400}.marker small{display:block;font-size:10px;color:#c2d2c5}#overlay{position:fixed;inset:0;background:#0310149e;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);z-index:10;padding:24px}#panel{width:720px;max-height:90dvh;overflow:auto;background:linear-gradient(120deg,#14282bea,#0b181fee);border:1px solid #a5c0a144;padding:40px;box-shadow:0 30px 120px #0008}#panel h1{font:800 clamp(45px,7vw,78px) 'Barlow Condensed';letter-spacing:7px;margin:10px 0;line-height:1}#panel h1 span{color:var(--acid)}#panel .lead{font-size:15px;max-width:540px;color:#bbcec5}#panel .chips{display:flex;gap:22px;margin:25px 0;font-size:12px;color:var(--acid)}.primary{background:var(--acid);color:#15221e!important;border:0;font-weight:bold;letter-spacing:1px;padding:16px 24px}.controls{font-size:12px;color:#8fa9a6;margin-top:25px;line-height:1.9}.panelTop{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.item{padding:15px;background:#70978811;border:1px solid #70978833;font-size:12px}.item b{display:block;color:var(--acid);margin-bottom:7px}.recipe{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #73968b33}.recipe p{font-size:12px;margin:4px 0;color:#a6bcb2}.recipe strong{font-size:14px}.recipe button{font-size:12px}.mapCanvas{width:100%;max-height:55vh;object-fit:contain}.hint{font-size:12px;color:#a7bba9}#touch{display:none} @media(max-width:950px){footer{gap:9px}#hud{gap:22px}.meter{width:130px}.status{display:none}#quest{width:230px}#telemetry{font-size:10px}.brand{font-size:26px}}@media(pointer:coarse){#touch{display:flex;position:absolute;left:20px;right:20px;bottom:182px;justify-content:space-between;pointer-events:none}.pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,43px);gap:4px;pointer-events:auto}.pad button{padding:8px;touch-action:none}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.touchActions{display:grid;grid-template-columns:repeat(2,65px);gap:5px;pointer-events:auto}.touchActions button{font-size:10px;padding:7px;touch-action:none}#radio{display:none}footer>span{display:none}footer{gap:16px;font-size:12px}footer button{font-size:11px;padding:8px}#world{touch-action:none}}@media(max-width:650px){header{top:18px;left:18px;right:18px}.brand{font-size:23px}.brand small{font-size:8px}#compass{top:52px;font-size:10px}#menuBtn span{display:none}#quest{top:105px;left:18px;width:215px}#quest h2{font-size:22px}#quest p{font-size:11px}#telemetry{top:110px;right:16px}#telemetry div{display:none}#mode{font-size:10px}#hud{left:18px;right:18px;bottom:65px;gap:17px;flex-wrap:wrap}.speed strong{font-size:47px}.meter{width:105px}.meter small{font-size:8px}#minimap{width:80px;height:65px;bottom:98px}#panel{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}#panel .chips{gap:12px;font-size:10px}#toast{top:80px;max-width:92%;width:90%;font-size:12px}footer{gap:3px}footer button{font-size:9px}#interaction{top:53%;width:max-content;max-width:90%}}
/* iPhone: safe-area aware, two-thumb controls and compact landscape instruments. */
html,body{width:100%;height:100%;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{touch-action:manipulation}#altitude{display:none}
@media(pointer:coarse){
header{top:calc(12px + env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}#menuBtn{min-width:48px;min-height:44px}#menuBtn span{display:none}
#touch{inset:0;bottom:0;pointer-events:none;display:block}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:calc(95px + env(safe-area-inset-bottom));width:132px;height:132px;border:1px solid #c8e2b94d;border-radius:50%;background:#091d2360;pointer-events:auto;touch-action:none}#stick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#c4dca24d;border:1px solid #e8f18c99;pointer-events:none}#joystick span{position:absolute;left:0;right:0;bottom:-24px;text-align:center;font-size:10px;letter-spacing:1px;color:#bcd0bf}#lookHint{position:absolute;right:35px;top:48%;font-size:10px;letter-spacing:1px;color:#b5caba77}
.touchActions{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));display:grid;grid-template-columns:72px 72px;grid-template-rows:60px 48px;gap:10px;pointer-events:auto}.touchActions button{font-size:13px;min-height:48px;border-radius:8px;touch-action:manipulation}.touchActions .fire{border-color:#e8f18c88;background:#71815380}.touchActions .pulse{grid-column:2;font-size:10px}.touchActions small{display:block;font-size:9px;margin-top:3px}.touchActions .use{grid-row:1;grid-column:1}#altitude{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(216px + env(safe-area-inset-bottom));gap:10px;pointer-events:auto}#altitude button{width:72px;height:46px;font-size:10px;padding:4px;touch-action:none}body[data-mode="drone"] .touchActions .fire,body[data-mode="drone"] .touchActions .pulse{visibility:hidden}
footer{height:calc(64px + env(safe-area-inset-bottom));padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:6px}footer button{flex:1;min-width:44px;min-height:44px;font-size:11px;border:1px solid #8cae9144;background:#14282a;border-radius:6px}footer button[data-act="interact"]{display:none}footer>span{display:none}
#hud{top:calc(228px + env(safe-area-inset-top));bottom:auto;left:18px;right:18px;padding-top:10px;gap:16px;pointer-events:none}.speed strong{font-size:42px}.speed span{font-size:9px}.meter{flex:1;max-width:135px;min-width:80px}.meter label{font-size:11px}.meter>div{margin:8px 0}.meter small{font-size:9px}#minimap{display:none}#radio,.status{display:none}#quest{top:calc(100px + env(safe-area-inset-top));left:18px;width:235px}#quest h2{font-size:24px}#quest p{font-size:12px;margin-bottom:8px}#questDistance{font-size:11px;padding:5px 10px}#telemetry{top:calc(90px + env(safe-area-inset-top));right:18px}#telemetry div{display:none}#mode{font-size:10px}#compass{top:57px;font-size:10px;letter-spacing:3px}#reticle{top:51%}#interaction{top:auto;bottom:calc(255px + env(safe-area-inset-bottom));max-width:calc(100% - 40px);width:max-content;font-size:12px;pointer-events:none}#toast{top:calc(64px + env(safe-area-inset-top));width:90%;max-width:90%;font-size:12px}#overlay{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}#panel{max-height:100%;padding:25px;overscroll-behavior:contain}#panel button{min-height:44px}.controls{font-size:12px}#panel h1{font-size:48px;letter-spacing:4px}.recipe{gap:8px}.recipe button{min-width:75px}
}
@media(pointer:coarse) and (orientation:landscape){
header{top:10px}.brand{font-size:23px}.brand small{font-size:8px}#compass{top:4px;font-size:10px}#quest{top:64px;left:max(18px,env(safe-area-inset-left));width:240px}#quest .eyebrow{font-size:10px}#quest h2{font-size:21px;margin-top:5px}#quest p{display:none}#questDistance{font-size:10px;padding:4px 8px;margin-top:8px}#telemetry{top:59px;right:max(18px,env(safe-area-inset-right))}#hud{top:82px;left:auto;right:max(18px,env(safe-area-inset-right));width:255px;gap:14px;border-top:none;padding:0;flex-wrap:nowrap}.speed{display:none}.meter{max-width:115px}.meter small{font-size:8px}.meter label{font-size:10px}#joystick{width:108px;height:108px;bottom:calc(74px + env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left))}#stick{width:46px;height:46px}#joystick span{display:none}.touchActions{bottom:calc(66px + env(safe-area-inset-bottom));grid-template-columns:62px 62px;grid-template-rows:50px 44px;gap:7px}.touchActions button{min-height:44px}#altitude{bottom:calc(173px + env(safe-area-inset-bottom));gap:7px}#altitude button{width:62px;height:44px}footer{height:calc(56px + env(safe-area-inset-bottom));padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));padding-left:max(170px,env(safe-area-inset-left));padding-right:max(170px,env(safe-area-inset-right))}footer button{font-size:10px;min-height:44px}#interaction{bottom:calc(82px + env(safe-area-inset-bottom));max-width:45%;font-size:11px;padding:9px 12px}#toast{top:54px;max-width:47%;width:max-content;font-size:11px;padding:10px 14px}#lookHint{display:none}#panel{max-width:710px;padding:22px 28px}#panel h1{font-size:44px}.controls{margin-top:14px}.marker{font-size:9px}.marker small{font-size:9px}
}
/* Field helmet / reference art direction */
:root{--acid:#58d6d8;--ice:#d3e4e5;--muted:#9eacad}body{color:#e4e9e6}.brand{letter-spacing:3px}.brand span{color:#77c8d0}.brand small{letter-spacing:1.8px;color:#c0d0d1}#vignette{box-shadow:inset 0 0 95px 20px #03101788;background:linear-gradient(#07101755,transparent 24%,transparent 76%,#03090c88)}
#hud{top:100px;left:32px;right:auto;bottom:auto;width:180px;display:flex;flex-direction:column;align-items:stretch;gap:18px;border:0;background:linear-gradient(90deg,#081217a6,#08121700);padding:15px 14px}.meter{width:100%;max-width:none}.meter label{font-size:13px;letter-spacing:.4px}.meter small{font-size:10px}.meter b{font-size:16px;color:#d4f0e3}.meter i{background:#63d99d}.meter>div{height:5px}.speed{order:4}.speed strong{font-size:48px}.status{display:none}#reserveMeter{padding:0;text-align:left;background:transparent;border:0;cursor:pointer;pointer-events:auto}#reserveMeter:hover b{color:var(--acid)}#reserveMeter label{cursor:pointer}#minimap{display:none}
#navigation{position:absolute;top:95px;left:50%;transform:translateX(-50%);width:240px;padding:12px;background:#09151b70;border:1px solid #c6d4cf3d;border-radius:9px;pointer-events:none;box-shadow:0 0 25px #05131844}#navigation .eyebrow{font-size:10px;letter-spacing:1px;color:#dae5e1}#navmap{width:100%;height:156px;opacity:.78}#navigation>span{font-size:10px;color:#83d4d2;letter-spacing:1px}#quest{top:auto;bottom:165px;left:32px;width:295px;background:#0813198c;border:1px solid #c6d4cf55;border-radius:8px;padding:15px}#quest h2{margin:8px 0;font-size:24px}#quest p{font-size:12px}#questDistance{border-left:2px solid #51cdcf}#telemetry{top:77px;right:32px}#telemetry div{display:none}#charging,#dronePanel{position:absolute;right:32px;width:215px;padding:13px;background:#08121799;border:1px solid #c6d4cf66;border-radius:8px}#charging{top:118px}#charging>span,#dronePanel>span{display:block;font-size:11px;letter-spacing:.5px}#charging strong{display:block;margin:12px 0 6px;font-size:13px;color:#74dda7}#charging p{font-size:11px;line-height:1.5;margin:8px 0}#charging small,#dronePanel small{font-size:10px;color:#c6d3cd}.chargeTrack{height:4px;background:#d7e9d433;margin:12px 0}.chargeTrack i{display:block;height:100%;background:#54dba0;width:0}#charging button{width:100%;padding:10px 4px;font-size:10px;letter-spacing:.5px;border-color:#73d2cd77}#dronePanel{top:350px}.waveform{color:#56e3a1;letter-spacing:4px;overflow:hidden;white-space:nowrap;font-size:22px;margin:10px 0}#radio{bottom:73px;left:32px;width:295px;background:#061018a6;border:1px solid #afc3bf55;border-radius:8px;padding:12px 15px}#radio p{font-size:11px}#reticle{font-size:18px;color:#a9e8e6}#interaction{border-color:#75cdd0;color:#d3eded;background:#071318dd;border-radius:6px}#toast{border-color:#53d5cd}#panel{background:linear-gradient(135deg,#1d292fea,#10191fef);border-color:#a7c9c666;border-radius:12px}#overlay[data-screen="start"] #panel{border-top:3px solid #6bd6d5;background:linear-gradient(115deg,#10191ff2,#14232bd9);max-width:730px}.primary{color:#081c23!important;background:#72d9d4}.equipmentRow{display:flex;align-items:center;gap:18px;margin:20px 0}.equipmentRow b{font:600 22px 'Barlow Condensed';letter-spacing:1px}.assetThumb{background-image:url('assets/equipment-reference.jpg');background-repeat:no-repeat;flex-shrink:0;max-width:100%;border-radius:5px}.bikeThumb{width:150px;height:115px;background-size:512px 768px;background-position:-5px -310px}.salvageThumb{width:90px;height:65px;background-size:512px 768px;background-position:-394px -450px;margin:0 0 10px}.salvageThumb.cells{background-position:-145px -450px}.salvageThumb.wire{background-position:-305px -620px}.salvageThumb.electronics{background-position:-156px -620px}.salvageThumb.steel{background-position:-209px -451px}.droneChoices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.droneChoices button{text-align:left;padding:15px;border-radius:6px}.droneChoices button.selected{border-color:#56d5d2;background:#28555744}.droneChoices p{font-size:11px;color:#adbfbe}.scoutThumb,.engineerThumb{width:150px;height:68px;background-size:768px 1152px;margin-bottom:8px}.scoutThumb{background-position:-474px -472px}.engineerThumb{background-position:-474px -559px}.referenceButton{float:right;font-size:10px;margin-top:8px}.referenceImage{width:100%;height:auto;margin:15px 0}.item{background:#050d123d}.recipe{border-color:#82999944}#joystick{border-color:#b4cfca66;background:#10212a66}#stick{background:#7ebdb665;border-color:#9ae6dd}.touchActions .fire{border-color:#71ddd6;background:#22585799}
@media(pointer:coarse){
header{left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top))}.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:1.2px}#hud{top:calc(92px + env(safe-area-inset-top));left:12px;width:105px;gap:12px;padding:5px 7px;pointer-events:none}.meter{min-width:0;flex:none;width:100%;max-width:none}.meter label{font-size:10px}.meter b{font-size:12px}.meter>div{margin:7px 0}.meter small{font-size:8px}.speed{display:none}#reserveMeter{min-height:44px}#navigation{top:calc(96px + env(safe-area-inset-top));width:125px;padding:6px;left:50%}#navigation .eyebrow{font-size:7px;letter-spacing:0}#navmap{height:90px}#navigation>span{font-size:7px;letter-spacing:0}#telemetry{top:calc(77px + env(safe-area-inset-top));right:12px}#mode{font-size:8px}#charging{top:calc(96px + env(safe-area-inset-top));right:12px;width:113px;padding:8px}#charging>span{font-size:8px}#charging strong{font-size:9px;margin:8px 0}#charging p{font-size:9px}#charging small{font-size:8px}#charging button{min-height:44px;font-size:9px;line-height:1.4;padding:5px}#charging .chargeTrack{margin:7px 0}#dronePanel{display:none}#quest{top:calc(295px + env(safe-area-inset-top));bottom:auto;left:12px;width:calc(100% - 24px);padding:8px 11px;border:0;background:linear-gradient(90deg,#07131bb3,transparent);border-radius:0}#quest .eyebrow{font-size:9px}#quest h2{font-size:20px;margin:5px 0}#quest p{display:none}#questDistance{font-size:10px;display:inline-block;margin-top:3px;padding:3px 8px}#radio{display:none}#compass{top:55px}#interaction{bottom:calc(251px + env(safe-area-inset-bottom));top:auto}#lookHint{top:52%}#panel{padding:22px}#panel .lead{font-size:14px}#panel h1{font-size:43px;letter-spacing:4px}.referenceButton{float:none}.bikeThumb{width:125px}.equipmentRow b{font-size:19px}.droneChoices button{padding:9px;font-size:12px}.assetThumb{max-width:100%}#toast{top:calc(54px + env(safe-area-inset-top))}
}
@media(pointer:coarse) and (orientation:landscape){
header{top:8px}.brand{font-size:23px}#hud{top:64px;left:max(14px,env(safe-area-inset-left));right:auto;width:111px;gap:9px;padding:0;background:none}.meter label{font-size:9px}.meter b{font-size:12px}.meter small{font-size:8px}.meter>div{margin:5px 0;height:3px}#hud .meter{max-width:105px}.speed{display:none}#navigation{top:54px;width:154px;padding:6px}#navmap{height:94px}#navigation .eyebrow,#navigation>span{font-size:8px}#telemetry{top:53px;right:max(16px,env(safe-area-inset-right))}#charging{top:76px;right:max(16px,env(safe-area-inset-right));width:145px;padding:9px}#charging>span{font-size:9px}#charging strong{font-size:10px;margin:7px 0}#charging p{font-size:9px;margin:4px 0}#charging small{font-size:8px}#charging button{display:none}#charging .chargeTrack{margin:6px 0}#quest{top:53px;left:max(136px,calc(env(safe-area-inset-left) + 116px));width:170px;bottom:auto;padding:5px 8px;background:#06131866;border-left:1px solid #91b7b055}#quest .eyebrow{font-size:8px}#quest h2{font-size:17px}#questDistance{font-size:9px}#joystick{width:94px;height:94px;bottom:calc(71px + env(safe-area-inset-bottom))}#stick{width:42px;height:42px}#interaction{bottom:calc(76px + env(safe-area-inset-bottom));max-width:43%;font-size:10px}#altitude{right:max(170px,calc(env(safe-area-inset-right) + 151px));bottom:calc(94px + env(safe-area-inset-bottom));flex-direction:column;gap:5px}#altitude button{height:44px}#toast{top:35px;width:max-content;max-width:48%}#compass{top:3px}.touchActions{bottom:calc(64px + env(safe-area-inset-bottom))}
}
@media(pointer:coarse) and (max-width:370px) and (orientation:portrait){#navigation{width:96px}#hud{width:96px}#charging{width:101px}#quest{top:calc(301px + env(safe-area-inset-top))}}
/* Field-menu layout based on the supplied UI blueprint. */
#overlay{background:#03090fe8;backdrop-filter:blur(9px);padding:24px}#panel{width:min(1100px,96vw);padding:30px;border:1px solid #3a707b;border-radius:3px;background:linear-gradient(130deg,#10242a,#080f16);font-size:16px;max-height:94dvh}#panel h2{font-size:32px}#panel h3{font:600 23px 'Barlow Condensed',sans-serif;color:#dcebee;margin:16px 0 10px}#panel p{font-size:16px;color:#aebfc4}#panel .hint{font-size:14px}#panel button{font-size:14px;min-height:44px}#panel .eyebrow{font-size:13px;letter-spacing:2px}.panelTop{gap:18px;margin:12px 0 25px}.fieldNav{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #47737b;padding-bottom:14px;margin-bottom:20px}.fieldNav button{padding:10px;background:#0a141c;border-color:transparent}.fieldNav [aria-current]{color:#90fbff;border-color:#60dae0;background:#16303c}.menuHero{padding:28px 30px;min-height:245px;background:linear-gradient(90deg,#081218f5 5%,#081218a6 48%,#08121822),url('assets/field-perch.jpg') center 55%/cover;border-bottom:1px solid #6bbfc2;margin:-30px -30px 28px}.menuHero h1{font-size:clamp(40px,6vw,76px)!important;letter-spacing:3px!important;margin:14px 0 4px!important}.menuHero .subtitle{letter-spacing:7px;color:#91d3db!important;font-size:15px!important}.menuHero p{max-width:420px;color:#d9e3e5!important}.homeGrid{display:grid;grid-template-columns:280px 1fr;gap:42px}.mainMenu{display:flex;flex-direction:column;gap:8px}.mainMenu button{text-align:left;letter-spacing:1px;padding:13px 16px}.briefing h2{font-size:36px!important;margin-top:14px}.briefStats{display:flex;gap:30px;border-top:1px solid #35505c;border-bottom:1px solid #35505c;padding:20px 0;margin:20px 0}.briefStats span{font-size:12px;color:#91aeb8;display:flex;flex-direction:column;gap:8px}.briefStats b{font:600 32px 'Barlow Condensed',sans-serif;color:#77e4de}.quickGrid,.manualGrid,.controlCards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quickGrid button{text-align:left;font-size:20px!important;padding:24px!important}.quickGrid span{color:#61c1ca;margin-right:20px}.manualGrid article,.controlCards article,.journalEntry{background:#15273170;border:1px solid #35525a;padding:20px}.journalEntry{margin:12px 0}.journalEntry span{color:#65bdc5;font-size:13px}.flightCard{border-color:#65ccd5!important}.controlCards dl{display:grid;grid-template-columns:145px 1fr;gap:14px;font-size:15px}.controlCards dt{color:#79e8ed}.controlCards dd{margin:0;color:#c4d0d4}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.settingRow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #334651;min-height:55px}.settingRow input[type=checkbox]{width:23px;height:23px;accent-color:#60d9dd}.settingRow input[type=range]{accent-color:#60d9dd;width:40%}.settingRow select{background:#10242d;color:#e3e9ef;padding:10px;font:inherit;border:1px solid #4a6f7b}.settingRow output{min-width:50px}.sourceCards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sourceCards>button,.sourceCards>article{text-align:left;border:1px solid #3c5963;padding:20px;background:#12252e}.sourceCards .selected{border-color:#75eef0;box-shadow:inset 3px 0 #75eef0}.sourceCards span{color:#68c9ce;font-size:13px}.sourceCards b{font-size:19px}.opsImage{width:100%;height:220px;object-fit:cover;object-position:50% 45%;border:1px solid #42636a}.saveRow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border:1px solid #37525e;background:#12222d;margin:10px 0}.saveRow p{font-size:14px!important;margin:8px 0 0}.saveRow>div:last-child{display:flex;gap:7px}.backupActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.fileButton{display:inline-flex;align-items:center;position:relative;border:1px solid #799b9b55;padding:10px 14px;cursor:pointer;font-size:14px}.fileButton input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.fileButton:focus-within{outline:2px solid #75eef0}.menuNotice{padding:15px;border-left:3px solid #63dcd7;background:#143238;color:#d9ffff!important}.referenceGallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.referenceGallery figure{margin:0}.referenceGallery img{width:100%;height:auto}.referenceGallery figcaption{font-size:14px;color:#86c3ce;margin:10px 0}.hide-compass #compass,.hide-navigation #navigation,.hide-quest #quest,.hide-charging #charging,.hide-radio #radio,.hide-reticle #reticle,.hide-markers #markers,.hide-dronePanel #dronePanel{display:none!important}#flightHelp{position:absolute;right:28px;top:125px;background:#071920d9;border-left:2px solid #61dce4;padding:15px;max-width:360px;font-size:14px}#flightHelp[hidden]{display:none}#flightHelp b,#flightHelp span{display:block;margin-bottom:8px}#flightHelp b{color:#74e6e8}body[data-mode=drone] #dronePanel{top:320px}#pedalStatus{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:#071920bc;padding:9px 14px;font-size:14px;color:#9adfe3}#hud{background:linear-gradient(90deg,#081217bc,#08121700)}#toast{z-index:15}#altitude button{font-size:13px}footer{gap:14px}footer button,footer span{font-size:12px}#quickBtn{white-space:nowrap}#pedalBtn[aria-pressed=true]{background:#367979}
@media(max-width:760px){#panel{padding:20px}.menuHero{margin:-20px -20px 20px;padding:25px 20px}.homeGrid{grid-template-columns:1fr;gap:20px}.mainMenu{display:grid;grid-template-columns:1fr 1fr}.mainMenu .primary{grid-column:1/-1}.briefing{border-top:1px solid #42636a;padding-top:22px}.controlCards,.manualGrid,.sourceCards,.settingsGrid,.referenceGallery{grid-template-columns:1fr}.saveRow{align-items:flex-start;flex-direction:column}.fieldNav{gap:3px}.fieldNav button{flex:1;font-size:13px!important}.controlCards dl{grid-template-columns:115px 1fr}.briefStats{gap:22px}.settingRow{font-size:14px}#flightHelp{top:110px;right:14px;max-width:210px;font-size:12px;padding:10px}#pedalStatus{bottom:70px;font-size:12px;white-space:nowrap}footer{gap:6px}footer>span{display:none}}
@media(pointer:coarse){#flightHelp{display:none!important}#pedalStatus{bottom:calc(62px + env(safe-area-inset-bottom));font-size:12px}#altitude button{font-size:12px}.mainMenu button{font-size:14px!important}#quickBtn{display:block}#panel{max-height:96dvh}}
body:not(.hide-navigation) #navigation,body:not(.hide-radio) #radio,body:not(.hide-dronePanel) #dronePanel{display:block}@media(max-width:1100px){footer>span{display:none}}@media(pointer:coarse) and (orientation:landscape){#panel .menuHero h1{font-size:48px!important}.menuHero{min-height:190px}#radio{bottom:70px;max-width:240px}body:not(.hide-dronePanel) #dronePanel{top:150px;right:18px;width:180px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.leg2Start{border-color:#e5b474!important;color:#ffd49d!important;background:linear-gradient(100deg,#473927,#182b32)!important}.chapterBanner{display:flex;align-items:center;gap:30px;padding:28px;background:linear-gradient(115deg,#23454b,#13242d);border:1px solid #68b4b6;margin:20px 0}.chapterBanner>span{font:700 70px 'Barlow Condensed',sans-serif;color:#82e5d5;white-space:nowrap}.breakerRow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.breakerRow button{padding:25px!important;border:1px solid #75999e}.breakerRow b{display:block;font-size:44px;color:#94e9e3;margin-bottom:10px}@media(max-width:650px){.chapterBanner{gap:15px;padding:18px}.chapterBanner>span{font-size:45px}.breakerRow{gap:8px}.breakerRow button{padding:15px!important}}
/* v7: shared Blackline OS, distinct remote flight instrumentation. */
#droneHUD{position:fixed;top:94px;right:22px;width:310px;padding:14px;border:1px solid #78ddd36b;border-top:2px solid #87ede0;background:linear-gradient(125deg,#091e27e8,#122029cb);color:#d5f4ed;z-index:8;pointer-events:none;box-shadow:0 8px 35px #0004;font:12px monospace;backdrop-filter:blur(8px)}
#droneHUD[hidden],#droneCommands[hidden]{display:none}.droneHeader{letter-spacing:1.3px;font-size:10px;color:#87aeb2;display:flex;justify-content:space-between;margin-bottom:13px}.droneHeader b{color:#b9f5dc}.telemetryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px}.telemetryGrid span{display:flex;flex-direction:column;gap:5px}.telemetryGrid small{color:#81a5ad;font-size:9px}.telemetryGrid b{font-size:12px;font-weight:500}.droneFoot{border-top:1px solid #73ccc92b;margin-top:13px;padding-top:10px;color:#91b4b6;font-size:10px;line-height:1.6}#droneHUD[data-warning=true]{border-color:#efb76c}#droneHUD[data-warning=true] .droneHeader b{color:#efb76c}
#droneCommands{position:fixed;right:22px;bottom:178px;display:flex;gap:5px;z-index:12}#droneCommands button{font:10px monospace;padding:9px 11px;background:#0c2028d9;border-color:#90c4c559;color:#b9e9df}.commandGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.droneOps{padding:18px;border:1px solid #79d5cc55;background:#0b252933;margin:10px 0 20px}.droneOps h3{margin-top:10px}.discoveries{display:grid;grid-template-columns:1fr 1fr;gap:12px}.discoveries article{padding:12px;background:#7addcc0a;border-left:2px solid #79b8ab}.discoveries p{font-size:12px}
#linkTransition,#interference{position:fixed;inset:0;pointer-events:none;z-index:15}#linkTransition{opacity:0;background:#6ae7d0}.switching{animation:linkChange .36s ease-out}@keyframes linkChange{0%{opacity:.2;clip-path:inset(45% 0)}50%{opacity:.06;clip-path:inset(0)}100%{opacity:0}}#interference{opacity:0;background:repeating-linear-gradient(0deg,#07111b 0 2px,#9eedd777 3px,transparent 5px 8px);mix-blend-mode:screen;animation:signalDrift .24s steps(3) infinite}@keyframes signalDrift{to{transform:translateY(8px)}}#scanTags{position:fixed;inset:0;pointer-events:none;z-index:7}.scanTag{position:absolute;display:flex;flex-direction:column;gap:5px;transform:translate(-50%,-50%);font:9px monospace;color:#b2fbe0;text-shadow:0 1px 4px #000;background:#071b24aa;border-left:2px solid #8deec5;padding:6px 8px;max-width:190px}.scanTag.hostile{color:#ffc19b;border-color:#e79e80}.scanTag span{font-size:8px;color:#d3e2d9}body[data-mode=drone] #vignette{box-shadow:inset 0 0 90px #003a4580}body[data-mode=drone] #flightHelp{left:22px;right:auto;top:94px;max-width:290px}body:has(#overlay:not([style*="display: none"])) #droneCommands{pointer-events:none}
@media(max-width:760px){#droneHUD{top:80px;right:10px;width:220px;padding:9px}.telemetryGrid{gap:8px}.telemetryGrid b{font-size:10px}.droneHeader{font-size:8px}#droneCommands{bottom:162px;right:9px;gap:3px}#droneCommands button{padding:10px 7px;font-size:9px}.droneFoot{font-size:8px}body[data-mode=drone] #flightHelp{display:none}.discoveries{grid-template-columns:1fr}.commandGrid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){#linkTransition,#interference{animation:none}}

/* Keep the original panels usable beside the expanded FPV readout. */
body[data-mode=drone] #flightHelp{top:auto;bottom:160px;left:240px}#dronePanel{display:none!important}body[data-mode=drone] #charging{top:300px}
@media(max-width:760px){#droneCommands button{min-height:44px}#droneHUD{top:92px;width:196px}.telemetryGrid{grid-template-columns:repeat(4,1fr)}body[data-mode=drone] #charging{display:none}}

/* v7.3: weathered field terminal styling, shared with settlement signage. */
:root{--field-amber:#d3af77;--field-teal:#7cb6aa}
#panel{border:1px solid #9bb3a448;background:linear-gradient(135deg,#152629f5,#0c191ef8);box-shadow:0 24px 90px #0009,inset 0 1px #f4e8c013}
#panel h2{letter-spacing:.035em}#panel .eyebrow{color:var(--field-amber)}
#panel button{border-radius:3px;transition:background .18s,border-color .18s}#panel button:hover:not(:disabled){border-color:var(--field-amber);background:#284041}
#panel .primary{border-left:4px solid var(--field-amber)}.fieldNav{border-bottom:1px solid #d3af7733;padding-bottom:12px}
.residentCard{display:flex;align-items:center;gap:24px;padding:28px 0;border-block:1px solid #bca57e33;margin:20px 0}.residentMonogram{display:grid;place-items:center;flex:0 0 88px;height:112px;border:1px solid #bca57e77;background:repeating-linear-gradient(0deg,#45635922 0 2px,transparent 2px 5px),#203438;color:#d3af77;font:48px monospace}.dialogue{font-size:1.15rem;line-height:1.65;color:#ece1c2}.residentCard p{max-width:650px}.journalEntry{border-left:2px solid #ad916450}
@media(max-width:600px){.residentCard{gap:12px;padding:14px 0}.residentMonogram{flex-basis:48px;height:76px;font-size:30px}}
@media(prefers-reduced-motion:reduce){#panel button{transition:none}}
/* Experience profiles share controls while changing framing and presentation. */
#povBadge{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:35;background:#14292ee8;border:1px solid #93c6b67a;color:#daebdc;font:11px monospace;padding:8px 14px;max-width:90vw;white-space:nowrap}
#povBadge[hidden]{display:none}#visorFrame{position:fixed;inset:0;z-index:4;pointer-events:none;border:14px solid #07151b70;border-radius:14% / 9%;box-shadow:inset 0 0 65px #07151b88;transition:opacity .2s}
body[data-experience=drone] #povBadge{color:#7df4eb;border-color:#66dcd5}
body[data-experience=walking] #povBadge{color:#e7d6ad;border-color:#bea881}
body[data-experience=power] #panel{border-color:#e8bb5b99}body[data-experience=camp] #panel{background:linear-gradient(135deg,#2b3028f5,#132522fa)}
body[data-experience=inspection] #panel{border-color:#8fb4ce88}
body[data-pov=recon] #reticle{outline:1px solid #76ead980;outline-offset:32px;border-radius:50%}
#quest,#charging,#radio,#dronePanel{opacity:var(--hud-intensity,1)}
body.reduced-motion #visorFrame{transition:none}
@media(max-width:700px){#povBadge{top:58px;font-size:10px;padding:7px 9px}#visorFrame{border-width:6px}}
/* v7.5 / field terminal and quiet expedition HUD */
:root{--field-amber:#e0b477;--field-teal:#87c4b4;--acid:#8bd4c0}
#overlay{z-index:100;background:#030b10ba;backdrop-filter:blur(7px);padding:clamp(8px,3vw,36px)}
#panel,#overlay[data-screen=start] #panel{width:min(1100px,100%);max-width:1100px;max-height:94dvh;border:1px solid #667e724d;border-radius:8px;background:linear-gradient(140deg,#172627f5,#0a161bf8);padding:clamp(16px,3vw,34px);box-shadow:0 25px 100px #000b;overflow-x:hidden}
#panel h1,#panel h2,#panel h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif}#panel h2{font-size:clamp(26px,4vw,36px)}#panel p{font-size:14px;line-height:1.7}#panel .hint{font-size:12px;color:#93aaa6}
#panel button,#panel select,#panel input:not([type=checkbox]){min-height:44px}#panel button{border-radius:4px;font-size:12px}#panel button:hover:not(:disabled){background:#30403b;border-color:#ddba7a}#panel button:focus-visible,#panel input:focus-visible,#panel select:focus-visible{outline:2px solid #edc388;outline-offset:3px}
#panel .primary{background:#d5b579;border:1px solid #e9cd94;color:#122320!important}.fieldNav{position:sticky;top:-34px;z-index:4;background:#111f22f5;border-bottom-color:#b6a47733;padding:12px 0;gap:4px}.fieldNav button{flex:1;white-space:nowrap;color:#a7bdb5;background:transparent;border:1px solid transparent}.fieldNav button:nth-child(-n+3){color:#e6d2a4;border-bottom-color:#a0916466}.fieldNav [aria-current]{background:#294139;color:#d8f6df;border-color:#6f948466}
.menuHero{min-height:235px;margin:-34px -34px 26px;padding:35px;background:linear-gradient(90deg,#0a1519fa 10%,#0a1519af 53%,#0a151928),url('assets/ref-night.jpg') center 45%/cover;border-bottom:1px solid #ae95744d}.menuHero .subtitle{letter-spacing:3px;font-size:11px!important;color:#deb478!important}.menuHero h1{font-size:clamp(40px,7vw,80px)!important;letter-spacing:1px!important}.menuHero h1 span{color:#c7cfa3}.menuHero p{font-size:15px!important}.homeGrid{grid-template-columns:260px 1fr;gap:36px}.mainMenu button{padding:11px 14px}.briefing{align-self:center}.briefStats b{color:#d6c792}.briefStats{gap:26px;padding:16px 0}.briefStats span{font-size:10px}
#hud{top:auto;bottom:78px;left:24px;right:auto;width:365px;display:grid;grid-template-columns:56px 140px 140px;gap:12px;padding:12px;background:linear-gradient(100deg,#0b191ddd,#0b191d77);border:1px solid #c3d1af25;border-radius:5px}
#hud .speed{display:flex;grid-column:1;grid-row:1/3;order:0;flex-direction:column;gap:5px;justify-content:center}#hud .speed strong{font-size:45px;color:#e8e5c8}#hud .meter{width:auto;min-width:0;max-width:none;min-height:44px}#hud .meter label{font-size:10px;letter-spacing:1px}#hud .meter b{font-size:14px}#hud .meter small{font-size:8px;line-height:1.4;letter-spacing:0}#hud .meter>div{margin:7px 0;height:3px}#hud .meter:nth-of-type(3){grid-column:2/4}#hud .meter:nth-of-type(3) small{display:none}
#povBadge{top:63px;min-height:44px;border:0;border-bottom:1px solid #80ba9f55;background:#11222988;font-size:10px;letter-spacing:.5px}
#pedalStatus{bottom:50px;left:24px;transform:none;font-size:10px;background:none;padding:5px 0;color:#b5c7b0}
#radio{bottom:205px;left:24px;width:min(350px,80vw);background:#101e22de;border:0;border-left:2px solid #c7a976;border-radius:0;opacity:0;transition:opacity .4s;pointer-events:none}body.radio-active #radio{opacity:1}#radio span{font-size:9px;color:#d9b876}#radio p{font-size:12px}
#telemetry{top:27px;right:145px;font-size:9px}#mode{font-size:9px;color:#c5d7c0}#quest{bottom:245px}#charging{top:130px}#reticle{font-size:15px;opacity:.6}
#interaction{top:auto;bottom:165px;font-size:12px;background:#0a191ce8;border:1px solid #b4bb9477;max-width:min(480px,85vw);color:#eee2bd}
#toast{top:118px;max-width:min(580px,85vw);font-size:12px;background:#122424f5;border-left-color:#dab27b}
#flightHelp{display:none!important}#droneHUD{top:125px;right:24px;border-radius:5px;border-top-color:#8acbbb;width:302px;font-size:11px}#droneCommands{bottom:82px;right:24px;max-width:calc(100vw - 32px)}#droneCommands button{min-height:44px}
#vignette{box-shadow:inset 0 0 85px #06101466;background:linear-gradient(#08141966,transparent 18%,transparent 85%,#06101477)}#visorFrame{border-width:7px;border-radius:12% / 8%;box-shadow:inset 0 0 38px #07151b44}
footer{height:48px;gap:14px;background:#0b161de0}footer button{min-height:44px;padding:8px 5px}footer>span{display:none}
body[data-input=gamepad] footer::before{content:'XBOX · A USE · B BIKE · X SCAN · Y PACK · LB VIEW · RB DRONE · START MENU';font:10px monospace;color:#cee1c7}body[data-input=gamepad] footer>*{display:none}body[data-input=gamepad] #touch{display:none}
.grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.item{border-radius:4px;border-color:#70897540;padding:14px}.recipe{align-items:flex-start;border-color:#6a857344;padding:18px 0}.recipe button{flex-shrink:0}.equipmentRow{border-bottom:1px solid #a79a6940;padding-bottom:20px}
.evidenceCase{padding:22px;background:linear-gradient(125deg,#302e203b,#172b2733);border:1px solid #bba06b66;border-radius:6px;margin:20px 0}.evidenceFlags{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.evidenceFlags span{font-size:11px;color:#87918a;border:1px solid #859a7633;padding:7px 10px;border-radius:3px}.evidenceFlags .complete{color:#9edbb7;background:#25473655;border-color:#6a9a7166}.evidenceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.evidenceGrid article{background:#151d19aa;border:1px solid #bea87633;padding:20px}.evidenceGrid article>span{font-size:9px;letter-spacing:2px;color:#c4a56e}.evidenceGrid h3{font-size:22px!important}.evidenceGrid p{color:#c4c7ad!important}
.itemSelection{border-bottom:1px solid #748c7244;padding:12px 0 24px;margin-bottom:18px}.selectionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}.selectionGrid button{text-align:left;padding:12px;background:#142823}.selectionGrid b{display:block;line-height:1.5;font-size:12px;margin:6px 0}.selectionGrid small{color:#96b39e;font-size:10px}.selectionGrid [aria-pressed=true]{border-color:#ddb970!important;background:#334336}.partIcon{font-size:26px;color:#c9bc81}.padGuide{padding:20px;background:#192f2a;margin:20px 0;border-left:2px solid #acbe87}.padGuide b{color:#c5d7a9;font-size:12px}.settingRow{flex-wrap:wrap}.settingRow select{max-width:100%;font-size:12px}.settingRow input[type=checkbox]{width:44px;height:44px;padding:10px;accent-color:#8ccfae}.settingRow input[type=range]{height:44px;min-width:110px}.settingRow output{font-size:12px}
#overlay[data-screen=relayTerminal]{background:#0004;backdrop-filter:none}#overlay[data-screen=relayTerminal] #panel{max-width:760px;border:12px solid #343e34;border-radius:20px;box-shadow:0 0 0 2px #879076,0 25px 80px #000b,inset 0 0 50px #143d2455;background:repeating-linear-gradient(0deg,#13251a 0px,#13251a 2px,#102118 3px,#102118 4px);color:#b4db99}#overlay[data-screen=relayTerminal] h2{color:#b7d493}.terminalTop{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px}.liveDot{color:#99d987;margin-left:8px}.terminalLog{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 monospace;max-height:36vh;overflow:auto;color:#b7d493;user-select:text;padding:16px 0}.terminalInput{display:flex;gap:8px;margin-top:8px}.terminalInput input{flex:1;min-width:0;border:1px solid #759c6855;background:#08170d;color:#c1e7a5;padding:10px;font:14px monospace}.terminalShortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.terminalShortcuts button{font-size:11px!important}#relayCommandForm label{font-size:10px;color:#8daf7a}
@media(max-width:760px){#panel,#overlay[data-screen=start] #panel{padding:18px;border-radius:5px;max-height:96dvh}.menuHero{margin:-18px -18px 20px;padding:24px 18px;min-height:210px}.menuHero .subtitle{letter-spacing:1px}.homeGrid{grid-template-columns:1fr;gap:22px}.fieldNav{top:-18px}.fieldNav button{flex:1 1 30%;padding:8px 5px;white-space:normal;font-size:11px!important}.mainMenu{grid-template-columns:1fr 1fr}.mainMenu button{font-size:11px!important}.evidenceGrid{grid-template-columns:1fr}.evidenceCase{padding:16px}.recipe{gap:12px}.recipe p{font-size:12px!important}.selectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.settingRow{gap:8px}.settingRow select{max-width:60%}.controlCards dl{grid-template-columns:95px 1fr}.controlCards{min-width:0}.briefStats{gap:15px}.briefStats b{font-size:27px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item{overflow-wrap:anywhere}.terminalLog{font-size:12px}.terminalTop{flex-wrap:wrap}.terminalInput{flex-wrap:wrap}.terminalInput button{flex:1}.terminalInput input{width:100%;flex-basis:100%}#overlay[data-screen=relayTerminal] #panel{border-width:7px;padding:14px}}
@media(pointer:coarse){#povBadge{top:60px;font-size:9px;min-height:44px}#hud{left:12px;top:115px;bottom:auto;width:104px;display:flex;flex-direction:column;gap:9px;padding:9px;background:#0b191da3}#hud .speed{display:none}#hud .meter{min-height:44px;max-width:none;width:100%}#hud .meter label{font-size:9px}#hud .meter b{font-size:12px}#hud .meter small{display:none}#hud .meter>div{margin:5px 0}#telemetry{top:36px;right:72px}#pedalStatus{display:none}#droneHUD{top:115px;right:12px;width:calc(100vw - 140px);max-width:255px;padding:8px}.telemetryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 5px}.telemetryGrid b{font-size:9px;overflow-wrap:anywhere}.droneHeader{font-size:8px;letter-spacing:0;flex-wrap:wrap;gap:5px}#droneCommands{bottom:calc(265px + env(safe-area-inset-bottom));right:12px;gap:4px}#droneCommands button{min-width:44px;padding:6px;font-size:8px}#interaction{bottom:calc(320px + env(safe-area-inset-bottom));font-size:11px;max-width:calc(100vw - 24px);width:max-content}#toast{top:calc(106px + env(safe-area-inset-top));z-index:120;font-size:11px;max-width:calc(100vw - 24px)}#radio{left:12px;bottom:calc(380px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}footer{height:calc(64px + env(safe-area-inset-bottom));gap:3px;padding-inline:6px}footer button{min-width:44px;flex:1;padding:6px 2px;font-size:9px}body[data-input=gamepad] footer::before{font-size:9px;text-align:center;line-height:1.7}.brand small{font-size:7px}#compass{top:42px}#navigation{top:118px}#charging{top:118px}#quest{bottom:auto;top:320px}}
@media(pointer:coarse) and (orientation:landscape){#hud{top:64px;left:max(10px,env(safe-area-inset-left));width:95px;padding:4px;gap:5px;background:#0b191d88}#hud .meter{min-height:37px}#hud .meter label{font-size:8px}#reserveMeter{min-height:44px!important}#povBadge{top:25px;font-size:9px;min-height:44px;left:50%}#compass{top:-4px}#droneHUD{top:64px;right:12px;width:225px}.telemetryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}#droneCommands{bottom:64px;right:170px}#interaction{bottom:118px;max-width:46%;font-size:10px}#toast{top:76px;max-width:50%}#radio{left:120px;bottom:169px;max-width:42%}footer{padding-left:max(130px,env(safe-area-inset-left));padding-right:max(150px,env(safe-area-inset-right));gap:2px;height:56px}footer button{font-size:8px}#quest{top:72px;left:125px;width:200px}}
@media(max-width:350px){#panel,#overlay[data-screen=start] #panel{padding:14px}.menuHero{margin:-14px -14px 18px;padding:22px 14px}.menuHero h1{font-size:36px!important}.mainMenu{grid-template-columns:1fr}.fieldNav button{flex-basis:30%}.fieldNav{top:-14px}.settingRow select{max-width:100%;width:100%}.recipe{flex-wrap:wrap}.recipe button{width:100%}.briefStats{gap:12px}.briefStats span{font-size:8px}.grid{grid-template-columns:1fr}.controlCards article{padding:14px}}
@media(prefers-reduced-motion:reduce){#radio,#panel button{transition:none}}
/* v7.6 / flight instruments and readable field menus */
[hidden]{display:none!important}
#opticsBar{position:fixed;top:64px;right:24px;display:flex;gap:5px;z-index:24;max-width:calc(100vw - 28px)}#opticsBar button{min-height:44px;padding:8px 11px;font:10px monospace;letter-spacing:.4px;background:#0d1b20e6;border:1px solid #7ca5a34a;color:#d4dfd7;border-radius:3px}#opticsBar [aria-pressed=true]{border-color:#72c5c0;color:#a9eece;background:#183b38e8}
#flightStrip{position:fixed;top:117px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:8px 14px;background:#0b171cce;border-bottom:1px solid #6ca9a4;font:10px monospace;letter-spacing:.5px;color:#c2d8d0;z-index:8;white-space:nowrap}
#yardProgress{position:fixed;left:50%;bottom:150px;transform:translateX(-50%);padding:12px 18px;background:#102329e8;border-left:2px solid #c5ae70;color:#e2d6b5;font:11px monospace;text-align:center;max-width:70vw;z-index:15}
body.scan-hidden #droneHUD,body.scan-hidden #scanTags,body.scan-hidden #markers,body.scan-hidden #dronePanel{display:none!important}#droneHUD{top:165px;width:260px;background:#0b171cbd}.telemetryGrid{gap:10px}.droneFoot{font-size:9px;line-height:1.6}.scanTag{max-width:175px;opacity:.85;pointer-events:none}.scanTag span{font-size:9px}
#nightVisionFrame{display:none;position:fixed;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 110px #021009b3;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#29472a0a 4px)}#nightVisionFrame span{position:absolute;left:24px;top:118px;font:9px monospace;letter-spacing:1.7px;color:#b0d9a4}.night-vision #nightVisionFrame{display:block}.night-vision #world{filter:grayscale(1) sepia(1) hue-rotate(48deg) saturate(1.5)}
#overlay{background:#081216b8;backdrop-filter:blur(5px)}#panel{border-color:#6e939444;box-shadow:0 24px 100px #0009}#panel button:focus-visible,#opticsBar button:focus-visible{outline:2px solid #9adbcf;outline-offset:3px}#panel button:disabled{opacity:.42;cursor:not-allowed}#panel p{line-height:1.7}#panel h2{letter-spacing:-.6px}.sectionHeading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0 18px;padding-top:20px;border-top:1px solid #839a8b44}.sectionHeading span{font:10px monospace;letter-spacing:2px;color:#8cb8b5}.sectionHeading b{font-size:20px;font-weight:500}.flightLaunch{border-color:#7aadab!important;background:linear-gradient(110deg,#24443e,#15272b)!important;color:#c7e5d8!important}
.fleetCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0}.fleetCard{border:1px solid #81948c33;background:#101e22;border-radius:5px;overflow:hidden;min-width:0}.fleetCard.selected{border-color:#8bbeb3;box-shadow:inset 0 -2px #7fa59b}.fleetCard img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0b161a}.fleetInfo{padding:18px}.fleetInfo>span,.missionIndex{font:9px monospace;letter-spacing:1.8px;color:#aebd9a}.fleetInfo h3{font-size:24px!important;letter-spacing:1px!important;margin:10px 0!important}.fleetInfo p{font-size:12px!important;min-height:42px;color:#aebbb7!important}.fleetInfo button{width:100%;margin-top:12px;min-height:44px}
.missionGrid,.locationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.missionGrid article,.locationCard{padding:22px;border:1px solid #748c8044;background:linear-gradient(140deg,#223333,#111d22);border-radius:5px}.missionGrid h3,.locationCard h3{font-size:19px!important}.missionGrid p,.locationCard p{font-size:12px!important;color:#bdc8bd!important}.missionGrid small{display:block;color:#c5ae80;font-size:11px;margin:15px 0}.missionGrid button{width:100%;min-height:44px}.yardActions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.practiceBanner{border-left:2px solid #b8a375;background:#27393488;padding:16px;font-size:12px;line-height:1.8}.practiceBanner button{margin-left:15px}.in-flight-yard #quest,.in-flight-yard #charging,.in-flight-yard #radio,.in-flight-yard #pedalStatus{display:none!important}.in-flight-yard #hud{opacity:.65}.in-flight-yard #hud:hover{opacity:1}
.residentCard{align-items:center;padding:25px;background:linear-gradient(120deg,#1b3536,#1b2426);border:1px solid #9ba48a44;gap:24px}.residentPortrait{width:130px;flex-shrink:0;background:radial-gradient(ellipse at 50% 30%,#70847a,#263c3d 70%);border:1px solid #aab49655;border-radius:6px}.residentPortrait svg{display:block;width:100%;height:155px}.residentPortrait small{display:block;padding:8px;font:9px monospace;text-align:center;letter-spacing:2px;background:#182b2a;color:#c0c5a9}.conversationTabs{display:flex;gap:8px;margin:20px 0}.conversationTabs button{flex:1;min-height:44px}.conversationTabs [aria-pressed=true]{background:#304b42!important;border-color:#bcb789!important}.tradeInventory{display:grid;grid-template-columns:1fr 28px 1fr;gap:12px;align-items:center;margin:20px 0}.tradeInventory>div{padding:18px;border:1px solid #8e9c7a44;border-radius:5px;background:#152a28}.tradeInventory small{display:block;color:#8ba89b;font:9px monospace;letter-spacing:1px;margin-bottom:10px}.tradeInventory strong{display:block;color:#dbd9b5;font-size:13px;line-height:1.8}.locationCard .chips{margin:18px 0}.locationCard button{margin:4px 4px 0 0}
@media(max-width:760px){#opticsBar{top:62px;right:10px;gap:3px}#opticsBar button{font-size:8px;padding:5px 7px}.fleetCards{gap:10px}.fleetInfo{padding:12px}.fleetInfo h3{font-size:19px!important}.fleetInfo p{min-height:65px}.fleetInfo>span{font-size:8px;letter-spacing:.8px}.missionGrid,.locationGrid{grid-template-columns:1fr}.sectionHeading{display:block}.sectionHeading b{display:block;margin-top:8px}.residentCard{padding:15px;gap:15px;align-items:flex-start}.residentPortrait{width:85px}.residentPortrait svg{height:110px}.residentCard .dialogue{font-size:16px!important}.tradeInventory{gap:7px}.tradeInventory>div{padding:10px}.tradeInventory strong{font-size:11px}#flightStrip{top:114px;font-size:8px;padding:7px;white-space:normal;text-align:center}#droneHUD{top:153px}#yardProgress{bottom:145px;font-size:9px;max-width:62vw}}
@media(pointer:coarse){#opticsBar{top:65px;left:10px;right:10px;justify-content:center}#opticsBar button{flex:1;max-width:155px;min-height:44px}#povBadge{top:10px;left:50%;font-size:8px;transform:translateX(-50%)}#droneHUD{display:none!important}#flightStrip{top:112px;left:auto;right:10px;transform:none;max-width:calc(100vw - 135px)}#nightVisionFrame span{top:148px;left:130px;font-size:7px}#yardProgress{bottom:285px;max-width:80vw}#hud{opacity:.72}#hud:active{opacity:1}}
@media(pointer:coarse) and (orientation:landscape){#opticsBar{top:4px;left:180px;right:72px;justify-content:flex-end}#opticsBar button{max-width:115px;font-size:7px;min-height:44px;padding:5px}#povBadge{left:9px;top:5px;transform:none}#flightStrip{top:52px;right:14px;max-width:65vw}#yardProgress{bottom:115px;max-width:45vw}#nightVisionFrame span{top:78px;left:130px}#compass{display:none}#droneCommands{right:180px;bottom:62px}#hud{top:60px}}
@media(max-width:400px){.fleetCards{grid-template-columns:1fr}.fleetInfo p{min-height:0}.residentCard{flex-direction:column}.residentPortrait{width:90px}.yardActions button{width:100%}}