*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#173c3b;color:#f2ead7;font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #f4c75e;outline-offset:5px}[hidden]{display:none!important}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;background:#173c3b;display:grid;align-content:center;justify-items:center;gap:22px;z-index:20}#loading p{font-size:44px;font-weight:900;letter-spacing:.3em;margin:0}.load-track{width:min(340px,70vw);height:3px;background:#44615a}.load-track i{display:block;width:0;height:100%;background:#edba62;transition:width .2s}#load-label{font-size:13px;color:#c1c8b9}#title{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#102f31ee 0%,#102f3166 43%,transparent 80%)}.title-copy{margin-left:7vw}.edition{letter-spacing:.3em;color:#d6bd8a;font-size:14px}h1{font-size:clamp(52px,7.5vw,112px);margin:20px 0 12px;font-weight:900;letter-spacing:.09em;line-height:1.08}.subtitle{font-size:clamp(15px,1.4vw,20px);color:#d7ddcc;margin:0 0 38px}.warning{font-size:12px;letter-spacing:.05em;color:#e9c996;margin-bottom:26px}button{border:0;background:transparent;color:inherit}#start{padding:15px 0;font-weight:700;font-size:23px;border-bottom:2px solid #d5b87b;width:260px;text-align:left}#start span{float:right;color:#e4bb6c}.quiet{display:block;color:#c6cfbc;font-size:14px;padding:16px 0}.title-copy small{display:block;color:#96a798;font-size:11px;margin-top:25px}#hud{position:absolute;inset:0;pointer-events:none}#location{position:absolute;left:30px;top:26px;border-left:3px solid #e4bb6c;padding-left:14px;text-shadow:0 2px 5px #132b2e}#location span{display:block;font-size:23px;font-weight:700}#location small{color:#e0ddc7;display:block;margin-top:4px}#status{position:absolute;right:75px;top:29px;text-align:right;font-size:21px;font-weight:700;text-shadow:0 1px 5px #000}.health{width:110px;height:4px;background:#364b43;margin-top:10px}.health i{display:block;width:100%;height:100%;background:#cad7b1}#minimap{position:absolute;bottom:45px;left:24px;width:180px;height:180px;border-radius:50%;border:2px solid #e5d6b666;box-shadow:0 2px 12px #0a252b70}#hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:12px;color:#eee7cc;text-shadow:0 2px 3px #000;white-space:nowrap}#message{position:absolute;top:19%;left:50%;transform:translateX(-50%);text-shadow:0 2px 4px #000}#pause-button{position:absolute;right:22px;top:20px;width:36px;height:44px;background:#163435a8;pointer-events:auto;border-radius:3px}footer{position:absolute;bottom:8px;left:10px;font:10px sans-serif;color:#e2e5d7aa}footer a{color:inherit;text-decoration:none}#pause{position:absolute;inset:0;z-index:15;background:#102b2dec;display:flex;align-items:center;justify-content:center}.pause-wrap{width:min(480px,85vw);max-height:88vh;overflow:auto}.pause-wrap>small{letter-spacing:.2em;color:#a9bbac}.pause-wrap h2{font-size:36px;margin:14px 0 25px}.pause-wrap #resume{padding:13px 0;font-size:21px;color:#f2cc79}.pause-wrap label{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #a5b8a333;gap:30px;font-size:14px}.pause-wrap select{background:#274744;color:#f1e6ce;border:1px solid #638278;padding:7px 12px}.pause-wrap input{accent-color:#d0b66e}#landmark-jumps{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}#landmark-jumps button{font-size:13px;color:#d3c6a5;padding:5px 0;border-bottom:1px solid #526d5b}#touch{position:absolute;inset:0;pointer-events:none}#touch>*{pointer-events:auto;touch-action:none}#stick{position:absolute;bottom:55px;left:40px;width:110px;height:110px;border:1px solid #e2e9d870;border-radius:50%;background:#13343540}#stick i{position:absolute;left:36px;top:36px;width:38px;height:38px;border-radius:50%;background:#e4e5cb70;pointer-events:none}#look-zone{position:absolute;right:0;top:21%;width:46%;height:62%}#touch button{position:absolute;width:57px;height:57px;border-radius:50%;background:#17393899;border:1px solid #e5e9d16b;font-size:14px;z-index:1}.jump{right:8%;bottom:55px}.run{left:170px;bottom:68px}.interact{right:22%;bottom:55px}.fire{right:9%;top:45%}body.touch #hint{display:none}body.touch #minimap{width:110px;height:110px;top:83px;bottom:auto;left:18px}@media(max-width:600px){.title-copy{margin-left:8vw}.subtitle{max-width:260px}#location{left:18px;top:16px}#location span{font-size:18px}#status{top:18px}#minimap{width:130px;height:130px}.warning{max-width:260px;line-height:1.8}#hint{font-size:9px;bottom:24px}#stick{left:25px;width:106px;height:106px}.run{left:145px}.title-copy small{margin-top:10px}} 
/* Night title retains the live game scene, with restrained functional controls. */
html,body{background:#090d12}#loading{background:#090d12}#title{background:linear-gradient(90deg,#070b10eb 0%,#080c1170 30%,transparent 65%)}.title-copy{margin-left:6vw}h1{font-size:clamp(50px,6.5vw,94px);letter-spacing:.025em;text-shadow:0 3px 24px #0006}.edition{font-size:11px;letter-spacing:.18em;color:#c9c7bd}.subtitle{font-size:13px;color:#a9b1b6;letter-spacing:.1em;margin-bottom:32px}.warning{font-size:11px;color:#d5c197;letter-spacing:0}#start{border:0;width:auto;font-size:19px;padding:12px 0;transition:color .18s}#start:hover{color:#ffc95b}#settings-open{font-size:13px;padding-top:10px}.title-copy small{opacity:.6}#pause{background:#080c11e8}.pause-wrap select{background:#1b252b}#interaction{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);font-size:14px;text-shadow:0 2px 5px #000;background:#080d1166;padding:7px 12px}#interaction:empty{display:none}#message{max-width:520px;width:80vw;text-align:center;line-height:1.7;padding:10px;background:#090e1577}#message:empty{display:none}

#performance{position:absolute;right:16px;bottom:45px;white-space:pre;line-height:1.5;font:11px/1.5 monospace;background:#08111ac9;padding:9px 12px;color:#becbd3}

@media(max-width:600px){.interact{right:26%}}
@media(max-height:500px){body.touch #minimap{width:78px;height:78px;top:72px}body.touch #stick{width:94px;height:94px;bottom:24px;left:26px}body.touch #stick i{left:28px;top:28px}body.touch .run{left:136px;bottom:40px}body.touch .jump,body.touch .interact{bottom:28px}body.touch #performance{bottom:auto;top:110px;right:18px}}
#street-photo{display:block;color:#ead09b;font-size:13px;padding:8px 0 14px;text-underline-offset:4px}
#street-photo-preview{display:block;max-width:100%;max-height:190px;object-fit:contain;margin:4px 0 14px}
#wanted{margin-top:12px;color:#d0dceb;font-weight:400;line-height:1.6}#wanted-stars{font-size:19px;letter-spacing:2px}#wanted-state{display:block;font-size:11px;color:#bdc7d3}#wanted[data-phase="pursuit"]{color:#efa490}#wanted[data-phase="search"] #wanted-stars{animation:wanted-search 1.8s ease-in-out infinite}@keyframes wanted-search{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){#wanted[data-phase="search"] #wanted-stars{animation:none}}
#arrest{position:absolute;inset:0;z-index:18;display:grid;place-items:center;background:#090c14bd;backdrop-filter:grayscale(1) blur(2px);text-align:center}#arrest small{letter-spacing:.16em;font-size:12px;color:#bbc1c8}#arrest h2{font-size:clamp(36px,7vw,64px);font-weight:600;margin:18px 0}#arrest p{font-size:14px;color:#bbc1c8}#release{margin-top:22px;padding:12px 26px;border-bottom:1px solid #c1c1b588}

#speedometer{position:absolute;right:28px;bottom:65px;font:23px/1.2 system-ui;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px #000}body.touch #speedometer{bottom:130px}body.driving #touch .run{display:none}

/* Street conversation: the scene stays visible; no fullscreen quest card. */
#conversation{position:absolute;inset:0;z-index:16;background:linear-gradient(0deg,#070c12fa 0%,#080d14c9 25%,transparent 72%);display:flex;align-items:flex-end;padding:24px max(6vw,env(safe-area-inset-left)) max(30px,env(safe-area-inset-bottom));pointer-events:none}
.conversation-wrap{width:min(720px,100%);max-height:75vh;overflow:auto;pointer-events:auto;text-shadow:0 1px 4px #000}
.conversation-wrap small{color:#a9b6bc;font-size:11px;letter-spacing:.08em}.conversation-wrap h2{font-size:21px;font-weight:500;margin:9px 0}.conversation-wrap p{font-size:15px;line-height:1.9;max-width:620px;margin:10px 0 18px}
#conversation-choices{display:flex;flex-wrap:wrap;gap:12px 28px}#conversation-choices button{font-size:14px;min-height:44px;border-bottom:1px solid #b7ad8f77;padding:8px 2px}#conversation-choices button:hover{color:#ebcc8a}.conversation-exit{display:block;font-size:10px;color:#8b9ba6;margin-top:16px}
#job-objective{position:absolute;top:97px;left:30px;max-width:390px;font-size:12px;line-height:1.7;padding:6px 10px;background:linear-gradient(90deg,#0a101bd9,transparent);color:#eee2c7;text-shadow:0 1px 4px #000}
body.touch #job-objective{top:205px;left:18px;max-width:210px;font-size:11px}#cancel-job{color:#c0a596}
@media(max-height:500px){body.touch #job-objective{top:76px;left:118px;max-width:230px}#conversation{padding-bottom:16px}.conversation-wrap{max-height:85vh}.conversation-wrap p{font-size:13px;line-height:1.6;margin:8px 0}.conversation-exit{margin-top:7px}}
@media(max-width:600px){#job-objective{left:18px;top:90px;max-width:72vw}.conversation-wrap p{font-size:14px}}

/* Equipment selection is a paused, lightweight DOM overlay, with real slots. */
#equipment-open{position:absolute;right:22px;top:179px;z-index:3;min-width:56px;min-height:44px;padding:8px 12px;pointer-events:auto;background:#0e1721c9;border:1px solid #a9b4b14d;border-radius:4px;font-size:13px}
#equipment-state{position:absolute;right:22px;top:154px;font-size:12px;color:#d6d6c8;text-shadow:0 2px 4px #000;font-variant-numeric:tabular-nums}
#equipment-wheel{position:absolute;inset:0;z-index:17;display:grid;place-items:center;background:#060b13b3;touch-action:none}
.equipment-wrap{--wheel-size:min(390px,86vw,66dvh);display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom))}
.equipment-heading{font-size:12px;letter-spacing:.15em;color:#b1b9ba;margin-bottom:8px}
.equipment-disc{position:relative;width:var(--wheel-size);height:var(--wheel-size);border:1px solid #abb4b44d;border-radius:50%;background:radial-gradient(circle,transparent 32%,#111c29ba 33%,#111c29ba 69%,transparent 70%)}
.equipment-disc:after{content:'';position:absolute;inset:32%;border:1px solid #abb4b44d;border-radius:50%;pointer-events:none}
.equipment-slot{position:absolute;transform:translate(-50%,-50%);width:25%;height:23%;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:9px;line-height:1.3}
.equipment-slot[data-item=unarmed]{left:50%;top:16%}.equipment-slot[data-item=bat]{left:84%;top:50%}.equipment-slot[data-item=pistol]{left:50%;top:84%}.equipment-slot[data-item=bandage]{left:16%;top:50%}
.equipment-slot svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.equipment-slot span{font-size:13px}.equipment-slot small{font-size:10px;color:#aeb8bb;font-variant-numeric:tabular-nums}
.equipment-slot.selected{color:#f1d39d;background:#c8a96f1f;border-color:#d6b57988}.equipment-slot.selected small{color:#d6c7a7}
.equipment-centre{position:absolute;inset:36% 29%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.equipment-centre h2{font-size:17px;white-space:nowrap;font-weight:500;margin:0 0 6px}.equipment-centre output{font-size:12px;color:#b9c3c7;font-variant-numeric:tabular-nums;white-space:nowrap}
#equipment-description{font-size:12px;margin:12px 0 4px;max-width:88vw;color:#d8d6c9}.equipment-instructions{font-size:10px;color:#96a6b2;margin:4px 0 8px}.equipment-touch{display:none}body.touch .equipment-touch{display:inline}body.touch .equipment-desktop{display:none}
#equipment-cancel{font-size:12px;min-height:40px;padding:7px 24px;border-bottom:1px solid #8d9da455}
#crosshair{position:absolute;left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border:1px solid #f1ede6aa;border-radius:50%;box-shadow:0 0 3px #000}#crosshair:after{content:'';position:absolute;width:3px;height:3px;background:#efece1;border-radius:50%;inset:5px}#crosshair[data-hit=true]{border-color:#f2ae89;transform:translate(-50%,-50%) rotate(45deg);border-radius:0}
#touch .aim{right:21%;top:45%}#touch .reload{right:22%;bottom:130px}
@media(max-height:500px){.equipment-wrap{--wheel-size:min(310px,73dvh)}.equipment-heading{display:none}.equipment-slot svg{width:27px;height:27px}.equipment-slot span{font-size:11px}.equipment-slot small{font-size:9px}.equipment-centre h2{font-size:14px}.equipment-centre output{font-size:10px}#equipment-description{margin-top:6px;font-size:11px}.equipment-instructions{margin:3px 0}#equipment-cancel{min-height:30px;padding:4px 22px}#touch .reload{bottom:96px}}
@media(max-width:600px){#equipment-state{top:158px;right:18px;max-width:60vw;font-size:10px}#equipment-open{top:179px;right:18px}}

body[data-mode="equipment"] #equipment-review{display:none}#wanted[data-phase="warning"]{color:#edd39f}#wanted[data-phase="warning"] #wanted-stars{animation:wanted-search 1.8s ease-in-out infinite}

/* Large touch targets; the existing scene remains visible, with no extra GPU layer. */
.armor{width:110px;height:4px;background:#223343;margin-top:5px}.armor i{display:block;width:0;height:100%;background:#789dc8}
#supply-menu{position:absolute;inset:0;z-index:17;display:grid;place-items:center;background:#070c12b8}.supply-wrap{width:min(440px,90vw);max-height:88dvh;overflow:auto;padding:22px;background:#111a20e8;border:1px solid #a2afa244}.supply-wrap>small{font-size:11px;color:#93a3a8}.supply-wrap h2{font-size:22px;font-weight:500;margin:12px 0 20px}#supply-choices{display:grid;gap:12px}#supply-choices button{padding:12px;text-align:left;border:1px solid #acb2a74d;font-size:16px;min-height:62px}#supply-choices button small{display:block;margin-top:7px;color:#afb6b2;font-size:12px;line-height:1.5}#supply-choices button:disabled{opacity:.5;cursor:default}.supply-wrap>button{margin-top:16px;min-height:44px;padding:8px 4px;font-size:13px}body[data-mode="supplies"] #equipment-review{display:none}
@media(max-height:500px){.supply-wrap{padding:12px}.supply-wrap h2{margin:5px 0 10px}#supply-choices{gap:6px}#supply-choices button{font-size:14px;min-height:54px;padding:8px}.supply-wrap>button{margin-top:5px}}

#cover-state{position:absolute;left:50%;bottom:21%;transform:translateX(-50%);font-size:12px;max-width:70vw;text-align:center;color:#d5dacd;text-shadow:0 2px 4px #000;background:#0a1016aa;padding:5px 10px}body.touch #touch .fire{right:18px}body.touch #touch .aim{right:84px}#touch .cover{right:150px;top:45%;bottom:auto;min-width:52px;min-height:44px}body.driving #touch .cover{display:none}@media(max-height:500px){#cover-state{bottom:10px;max-width:45vw;font-size:10px}}

/* A compact phone beside the street; opening it does not stop the simulation. */
#phone-open{position:absolute;z-index:3;right:88px;top:179px;min-width:56px;min-height:44px;padding:8px 12px;background:#0e1721c9;border:1px solid #a9b4b14d;border-radius:4px;font-size:13px;pointer-events:auto}
#street-phone{position:absolute;z-index:20;right:max(16px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));width:280px;height:min(490px,82dvh);pointer-events:none}
.phone-shell{height:100%;padding:14px 10px 12px;border-radius:22px;background:linear-gradient(115deg,#515b5d,#192125 18%,#101719 85%,#475453);border:1px solid #677572;box-shadow:0 8px 25px #0009;display:flex;flex-direction:column;pointer-events:auto}
.phone-speaker{width:42px;height:3px;background:#060b0c;border-radius:5px;margin:0 auto 11px}.phone-screen{min-height:0;flex:1;background:#233735;color:#dedec5;border:1px solid #86907b3d;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}
.phone-screen header{display:flex;align-items:center;gap:12px;padding:0 9px;font-size:10px;border-bottom:1px solid #99ad9c40;min-height:44px}.phone-screen header button{margin-left:auto;min-width:44px;min-height:44px;font-size:22px}.phone-screen h2{font-size:17px;font-weight:500;margin:0;padding:12px;border-bottom:1px solid #99ad9c40}
#phone-content{overflow:auto;min-height:0;flex:1;padding:8px}#phone-content p{font-size:13px;line-height:1.85;margin:5px 5px 17px;white-space:pre-line}#phone-content button{display:block;min-height:48px;width:100%;padding:11px 8px;text-align:left;font-size:14px;border-bottom:1px solid #94a48f3d}#phone-content button small{display:block;color:#a7b6a5;font-size:10px;margin-top:6px}#phone-content button:focus-visible,#phone-content button:hover{background:#64765666;outline:1px solid #c5c79966}#phone-content button:disabled{opacity:.45}
.phone-screen footer{position:static;width:100%;min-height:46px;border-top:1px solid #99ad9c40;display:flex;align-items:center;gap:5px;padding:0 8px}.phone-screen footer button{min-width:52px;min-height:44px;font-size:12px}.phone-screen footer small{font-size:9px;color:#a8b7a7}
body.phone-open #equipment-open,body.phone-open #crosshair,body.phone-open #touch button{visibility:hidden}body.phone-open #touch .run{visibility:visible}body.phone-open #interaction{display:none}body.phone-open #equipment-review{display:none}
@media(max-width:600px){body.phone-open #touch .run{left:50px;bottom:180px}#phone-open{right:84px}#street-phone{width:calc(100vw - 150px);max-width:280px;bottom:38px;height:min(490px,70dvh)}#phone-content p{font-size:12px}#phone-content button{font-size:13px}.phone-screen h2{font-size:15px}}
@media(max-height:500px){body.phone-open #status{left:160px;right:auto;text-align:left}body.phone-open #pause-button{left:286px;right:auto;width:44px}#street-phone{height:calc(100dvh - 32px);bottom:16px}.phone-shell{padding:9px 7px}.phone-speaker{margin-bottom:5px}.phone-screen h2{padding:6px 10px;font-size:14px}#phone-content p{font-size:12px;margin-bottom:8px}.phone-screen footer small{display:none}}

#vehicle-condition{position:absolute;right:28px;bottom:96px;max-width:220px;color:#e3b77e;font-size:12px;text-shadow:0 2px 4px #000}body.touch #vehicle-condition{bottom:162px;max-width:170px;font-size:11px}
@media(max-height:500px){body.touch #vehicle-condition,body.touch #speedometer{right:190px}}

#repair-menu{position:fixed;inset:0;z-index:26;display:grid;place-items:center;background:#071013c9;padding:18px}#repair-menu[hidden]{display:none}#repair-detail{font-size:16px;line-height:1.7;max-width:35em}#service-state{position:fixed;left:50%;top:21%;transform:translateX(-50%);padding:9px 16px;background:#122125d9;color:#d7c3a0;font-size:15px;max-width:80vw;text-align:center;pointer-events:none}#service-state[hidden]{display:none}@media(max-height:500px){#repair-menu .supply-wrap{max-height:90vh;overflow:auto;padding:15px}#repair-menu h2{margin:0 0 6px}#repair-detail{margin:5px 0;font-size:14px}#service-state{top:16%;font-size:12px}}

#repair-menu .supply-wrap>button{display:block;width:100%;min-height:44px;margin-top:10px;padding:10px 14px;border:1px solid #acb2a766;background:#263733;text-align:left;font-size:16px}#repair-menu .supply-wrap>button:disabled{opacity:.5;cursor:default}body[data-mode="repairs"] #equipment-review{display:none}@media(max-height:500px){#repair-menu .supply-wrap>button{margin-top:6px;padding:8px 12px;font-size:14px}}
/* Landscape quick menus must not cover the right-hand combat touch buttons. */
@media(orientation:landscape) and (max-height:500px){
 body.touch #phone-open{left:118px;right:auto;top:92px}
 body.touch #equipment-open{left:184px;right:auto;top:92px}
 body.touch #equipment-state{left:118px;right:auto;top:72px;max-width:calc(100vw - 300px);font-size:10px}
}

#taxi-state{position:fixed;top:90px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:7px 12px;color:#e5d59b;background:#101d26d9;border-radius:5px;text-align:center;font:14px/1.4 system-ui;pointer-events:none}body.touch #taxi-state{top:67px;font-size:12px}
body.touch.taxi-passenger #speedometer{top:107px;bottom:auto;right:16px;font-size:14px;max-width:200px}
body.touch.taxi-passenger #interaction{bottom:128px;font-size:12px}
body.touch.taxi-passenger #stick{display:none}

/* Compact search feedback, shared by desktop and touch HUD. */
#wanted-detail{display:block;font-size:11px;color:#ded9c8;max-width:240px}#wanted-progress{display:block;width:150px;height:4px;margin:5px 0;border:0;accent-color:#c5d6b0}#wanted-progress[hidden]{display:none}#wanted-progress::-webkit-progress-bar{background:#4b514b}#wanted-progress::-webkit-progress-value{background:#c5d6b0}#wanted[data-cooling="true"] #wanted-state{color:#c5d6b0}

/* Route guidance shares the existing mission block and touch layout. */
#job-objective{white-space:pre-line}

/* Touch controls reserve distinct columns instead of mixing % and bottom offsets. */
body.touch #game,body.touch #touch,body.touch #touch *,body.touch #hud{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
body.touch #touch{--pad-size:54px;--pad-step:68px;--pad-right:max(16px,env(safe-area-inset-right));--pad-bottom:max(20px,env(safe-area-inset-bottom))}
body.touch #touch button{width:var(--pad-size);height:var(--pad-size)}
body.touch #touch #stick{left:max(25px,env(safe-area-inset-left));bottom:max(55px,env(safe-area-inset-bottom))}
body.touch #pause-button{right:max(22px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top))}
body.touch #touch .run.is-toggle-on{background:#d2b976dd;color:#101820;border-color:#f1daa0;font-size:12px;font-weight:700}
body.touch #touch .fire{right:calc(var(--pad-right) + clamp(128px,24vw,250px));top:50%;bottom:auto;width:64px;height:64px;transform:translateY(-50%);background:#573e3ac7;border-color:#e9c1a991}
body.touch #touch .aim{right:var(--pad-right);top:auto;bottom:calc(var(--pad-bottom) + 2*var(--pad-step));transform:none}
body.touch #touch .reload{right:var(--pad-right);top:auto;bottom:calc(var(--pad-bottom) + var(--pad-step));transform:none}
body.touch #touch .cover{right:calc(var(--pad-right) + var(--pad-step));top:auto;bottom:calc(var(--pad-bottom) + var(--pad-step));transform:none}
body.touch #touch .jump{right:var(--pad-right);top:auto;bottom:var(--pad-bottom);transform:none}
body.touch #touch .interact{right:calc(var(--pad-right) + var(--pad-step));top:auto;bottom:var(--pad-bottom);transform:none}
body.touch.driving #touch .fire{right:var(--pad-right);top:auto;bottom:calc(var(--pad-bottom) + 2*var(--pad-step));width:var(--pad-size);height:var(--pad-size);transform:none;background:#17393899}
@media(orientation:portrait){
 body.touch #touch .run{left:calc(max(25px,env(safe-area-inset-left)) + 26px);bottom:calc(var(--pad-bottom) + 160px)}
}
@media(orientation:landscape) and (max-height:500px){
 body.touch #touch #stick{bottom:max(24px,env(safe-area-inset-bottom))}
 body.touch #touch .run{left:calc(max(25px,env(safe-area-inset-left)) + 110px);bottom:max(40px,env(safe-area-inset-bottom))}
}
@media(max-height:540px){
 body.touch #phone-open{left:118px;right:auto;top:92px}
 body.touch #equipment-open{left:184px;right:auto;top:92px}
 body.touch #equipment-state{left:118px;right:auto;top:72px;max-width:calc(100vw - 300px);font-size:10px}
}
