#fuelQuestUI [hidden]{display:none!important}#fuelTask{position:absolute;right:20px;top:140px;z-index:14;width:min(278px,29vw);padding:13px 15px;background:linear-gradient(135deg,#101a22ed,#17212bee);border:1px solid #a8b5aa38;border-left:3px solid #e0c28b;border-radius:6px;color:#e7ece9;pointer-events:none}#fuelTask>span{font:12px monospace;letter-spacing:.11em;color:#e3cfa3}#fuelTask p{font:15px/1.4 Arial,sans-serif;margin:7px 0}#fuelTask small{font:12px/1.3 monospace;color:#a5b4bc}#fuelInteract{position:absolute;left:50%;bottom:205px;transform:translateX(-50%);z-index:28;max-width:calc(100% - 28px);padding:15px 22px;background:#172628ed;border-color:#b8c8ac;text-align:center;white-space:normal;font-size:15px}body.fuel-driving #controls,body.fuel-driving #hud,body.fuel-driving #vignette{visibility:hidden}body.fuel-driving #geoCredit{display:none}body.fuel-station .hud .location{font-size:0}body.fuel-station .hud .location:after{content:'ORLEN · ÚVALY';font-size:13px}body.fuel-station .altitude,body.fuel-station .vertical,body.fuel-station .hatch-status{display:none}#driveHud{position:absolute;inset:0;z-index:24;color:#edf2eb;pointer-events:none}.drive-speed{position:absolute;left:24px;top:max(24px,env(safe-area-inset-top));display:flex;flex-direction:column;padding:16px 22px;min-width:130px;background:#111b23e6;border:1px solid #81919755;border-radius:8px;box-shadow:0 7px 30px #0003}.drive-speed>span{font:12px monospace;letter-spacing:.12em;color:#acbcc2}.drive-speed strong{font:76px/1.05 Johnstemp,Impact,sans-serif}.drive-speed small{font:15px monospace;color:#bed0ca}.drive-navigation{position:absolute;right:24px;top:max(24px,env(safe-area-inset-top));width:240px;background:#111b23ee;border:1px solid #81919755;border-radius:8px;overflow:hidden}.drive-navigation>span{display:block;padding:13px 14px 4px;font:13px monospace;letter-spacing:.045em}.drive-navigation>strong{display:block;padding:0 14px 8px;font:28px monospace;color:#dfceb0}.drive-navigation canvas{display:block;width:100%;height:140px}.drive-navigation p{padding:9px 12px;margin:0;font:13px/1.4 Arial,sans-serif;color:#c1cdd1}.drive-options{position:absolute;left:24px;top:195px;display:grid;gap:7px;pointer-events:auto}.drive-options button{font-size:14px;padding:10px 13px}#driveTouch{position:absolute;inset:auto 18px calc(72px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;z-index:29;pointer-events:none}#driveTouch>div{display:flex;gap:9px;pointer-events:auto}#driveTouch button{touch-action:none;user-select:none;-webkit-user-select:none;min-width:76px;min-height:74px;padding:14px;border:1px solid #a9b9be70;border-radius:12px;background:#121d25df;color:#eee;font:16px Johnstemp,Impact,sans-serif}#driveTouch button[data-drive=gas]{background:#9e1829dd;min-width:90px}#driveTouch button small{display:block;max-width:75px;font:11px/1.3 Arial,sans-serif;margin-top:7px}#driveTouch button.held{background:#8c9b97;color:#091118}.fuel-dialog{width:min(580px,calc(100vw - 28px));padding:30px!important;box-sizing:border-box;max-height:calc(100dvh - 90px);overflow:auto;background:#111b23f7!important;color:#e7eeee}.fuel-dialog h2{font-size:clamp(30px,7vw,49px);margin:16px 0 12px}.fuel-dialog #fuelLine{font:17px/1.6 Arial,sans-serif;color:#e2e7e6}.fuel-dialog .dialog-kicker{font-size:12px}.fuel-dialog #fuelChoices{display:grid;gap:10px;margin-top:20px}.fuel-dialog #fuelChoices button{white-space:normal;font:16px/1.4 Arial,sans-serif;padding:13px 16px;text-align:left}.fuel-dialog #fuelChoices button:first-child{border-color:#caa976;background:#3a3429}.fuel-dialog .close-dialog{position:relative;float:right;margin:-10px -9px 13px 16px;font-size:15px}.fuel-portrait{float:left;width:95px;height:122px;overflow:hidden;margin:9px 20px 15px 0;border-radius:5px;background:linear-gradient(140deg,#bd282d,#462428)}.fuel-portrait img{display:block;width:195px;max-width:none;height:auto;transform:translate(-48px,-2px)}#fuelFilling{margin:20px 0 5px;display:grid;gap:13px}#fuelAmount{font:34px monospace;color:#dfd7b2}#fuelProgress{width:100%;height:14px;accent-color:#d5b785}#fuelHold{touch-action:none;user-select:none;-webkit-user-select:none;font-size:18px;padding:20px 15px}#fuelFilling small{font:14px/1.4 Arial,sans-serif;color:#bdc8ca}body.fuel-driving #feedback{bottom:185px}
@media(pointer:fine){#driveTouch{display:none!important}}@media(max-width:700px){#fuelTask{right:12px;top:116px;width:190px;padding:9px 11px}#fuelTask p{font-size:13px;margin:5px 0}#fuelTask>span,#fuelTask small{font-size:11px}#fuelInteract{bottom:calc(240px + env(safe-area-inset-bottom));font-size:14px;padding:13px 16px;width:max-content;max-width:calc(100% - 24px)}body.fuel-driving #fuelInteract{bottom:calc(178px + env(safe-area-inset-bottom))}.drive-speed{left:12px;top:max(14px,env(safe-area-inset-top));padding:12px;min-width:82px}.drive-speed strong{font-size:57px}.drive-speed>span{font-size:10px}.drive-navigation{right:12px;top:max(14px,env(safe-area-inset-top));width:174px}.drive-navigation canvas{height:102px}.drive-navigation>span{font-size:11px;padding:11px 10px 4px}.drive-navigation>strong{font-size:24px}.drive-navigation p{font-size:12px}.drive-options{left:12px;top:166px;width:126px}.drive-options button{font-size:12px;padding:10px 8px}#driveTouch{inset:auto 10px calc(76px + env(safe-area-inset-bottom))}#driveTouch>div{gap:6px}#driveTouch button{min-width:64px;min-height:70px;padding:10px;font-size:14px}#driveTouch button[data-drive=gas]{min-width:71px}.fuel-dialog{padding:22px!important}.fuel-dialog #fuelLine{font-size:16px}.fuel-dialog #fuelChoices button{font-size:15px}.fuel-portrait{width:78px;height:107px;margin-right:14px}.fuel-portrait img{width:165px;transform:translate(-41px,-2px)}}@media(max-height:520px){#fuelTask{top:100px;width:230px}#driveHud .drive-navigation canvas{height:68px}.drive-navigation p{display:none}.drive-options{left:140px;top:14px;display:flex;width:auto}.drive-options button{font-size:12px}.drive-speed strong{font-size:46px}.drive-speed{padding:9px 15px}#driveTouch{bottom:48px}#fuelInteract,body.fuel-driving #fuelInteract{bottom:130px}.fuel-dialog{max-height:calc(100dvh - 30px)}}
/* A short, pausable journey; no real-time drive is required for the quest. */
#fuelTravel{position:absolute;inset:0;z-index:32;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#08121ee8,#08101bd9);backdrop-filter:blur(10px);color:#f4efe4}.travel-card{width:min(470px,100%);text-align:left}.travel-card>span{font:14px/1.5 monospace;letter-spacing:.10em;color:#c2b18e}.travel-card h2{font:clamp(32px,8vw,54px)/1.08 Johnstemp,sans-serif;margin:20px 0}.travel-card p{font:18px/1.5 Arial,sans-serif;min-height:3em}.travel-card progress{display:block;width:100%;height:8px;accent-color:#d3b07b;margin:27px 0 14px}.travel-card small{font:15px monospace;color:#b9c7ca}.travel-card button{display:block;margin-top:35px;font-size:16px;padding:13px 18px}
.camp-inventory{border-top:1px solid #89958a44;margin-top:24px;padding-top:12px}.camp-inventory h3{font-size:24px}.camp-inventory p{font:16px/1.5 Arial,sans-serif}.camp-inventory button{margin:5px 6px 5px 0;padding:13px;font-size:15px}#campPanel{position:absolute;z-index:28;left:24px;bottom:calc(25px + env(safe-area-inset-bottom));width:min(440px,calc(100% - 48px));padding:20px 22px;box-sizing:border-box;background:#111c23e8;border:1px solid #d2c29350;color:#ececdf}#campPanel>span{font:13px monospace;color:#cdbb92}#campPanel h2{font:32px/1.15 Johnstemp,sans-serif;margin:10px 0}#campPanel p{font:16px/1.4 Arial,sans-serif;margin:12px 0}#campPanel>div{display:flex;flex-wrap:wrap;gap:10px}#campPanel button{padding:13px;font-size:14px}body.camping-view #yardControls,body.camping-view #lookNav,body.camping-view #summitDown{display:none!important}#campSleep{position:absolute;inset:0;z-index:33;display:grid;place-items:center;background:#05070b;color:#e8dcc4;text-align:center;pointer-events:none}#campSleep p{font:26px/1.5 Johnstemp,sans-serif}#campSleep small{display:block;font:16px/1.5 Arial,sans-serif;margin-top:12px}@media(max-height:540px){#campPanel{bottom:16px;padding:12px 16px}#campPanel h2{font-size:25px}#campPanel p{display:none}.travel-card p{min-height:0;margin:10px 0}.travel-card h2{margin:12px 0}.travel-card button{margin-top:16px}}

#fuelVoiceControls{clear:both;margin:15px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}#fuelVoiceReplay{min-height:44px;padding:10px 14px;font:15px/1.4 Arial,sans-serif;white-space:normal}#fuelVoiceStatus{font:14px/1.4 Arial,sans-serif;color:#bdc8ca}
