/* Loaded after the game stylesheet. Scoped to the web-only touch adapter. */
.pantai-touch-controls[hidden]{display:none!important}
.pantai-touch-controls{position:fixed;inset:0;z-index:75;pointer-events:none;color:#355b4e;font:12px/1.25 system-ui,sans-serif;user-select:none;-webkit-user-select:none;--touch-size:50px;--touch-gap:4px}
.pantai-touch-controls button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;width:var(--touch-size);height:var(--touch-size);margin:0;padding:5px;border:1px solid #b7cdbba8;border-radius:15px;background:#edf3e8eb;color:#355b4e;box-shadow:0 3px 16px #183e3320;font:21px/1 system-ui,sans-serif;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;outline-offset:3px}
.pantai-touch-controls button:focus-visible{outline:3px solid #9d91bc}
.pantai-touch-controls button.is-held,.pantai-touch-controls button[aria-pressed=true]{background:#bdd9c5f5;border-color:#8db69b;box-shadow:inset 0 2px 6px #355b4e20}
.pantai-touch-controls button small{display:block;font:10px/1.15 system-ui,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pantai-touch-dpad{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template:repeat(3,var(--touch-size))/repeat(3,var(--touch-size));gap:var(--touch-gap)}
.pantai-touch-up{grid-area:1/2}.pantai-touch-left{grid-area:2/1}.pantai-touch-right{grid-area:2/3}.pantai-touch-down{grid-area:3/2}
.pantai-touch-centre{grid-area:2/2;display:grid;place-items:center;color:#466c5480;font-size:22px}
.pantai-touch-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:50px 108px;gap:8px;align-items:end}
.pantai-touch-camera{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}
.pantai-touch-controls .pantai-touch-camera button{width:50px;height:50px;border-radius:50%;font-size:25px;background:#e4dfefde}
.pantai-touch-controls .pantai-touch-interact{width:108px;height:62px;background:#f3e6d3f0;border-color:#d8c4a4;font-size:22px;border-radius:18px}
.pantai-touch-controls .pantai-touch-interact small{max-width:95px;white-space:nowrap;font-size:11px}
.pantai-touch-controls .pantai-touch-run{height:62px}
.pantai-touch-rotate{display:none;position:absolute;top:158px;left:50%;transform:translateX(-50%);margin:0;padding:7px 12px;max-width:calc(100vw - 36px);width:max-content;box-sizing:border-box;border:1px solid #cad8c3;background:#eff4eae8;border-radius:20px;font:10px/1.3 system-ui,sans-serif;text-align:center;pointer-events:none}
body.pantai-touch-enabled{overscroll-behavior:none}
body.pantai-touch-playing canvas{touch-action:none}
body.pantai-touch-playing .pantai-interact-key{display:none!important}
body.pantai-touch-enabled .pantai-hud .pantai-actions{top:max(10px,env(safe-area-inset-top))!important;bottom:auto!important;left:50%!important;gap:4px;padding:5px 7px;height:auto}
body.pantai-touch-enabled .pantai-hud .pantai-actions button{width:28px;height:28px;min-width:28px}
body.pantai-touch-enabled .pantai-hud .pantai-actions button canvas{width:20px;height:20px}
body.pantai-touch-enabled .pantai-hud .pantai-actions button::after{display:none}
body.pantai-touch-enabled .pantai-hud .pantai-bag{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);top:50%;padding:12px!important}
body.pantai-touch-enabled .pantai-hud .pantai-bag .pantai-close{min-width:44px;min-height:44px}
body.pantai-touch-enabled .pantai-hud .pantai-tabs{overflow:auto;flex-wrap:nowrap;flex-shrink:0;scrollbar-width:thin;min-height:43px}
body.pantai-touch-enabled .pantai-hud .pantai-tabs button{white-space:nowrap;min-height:36px;padding:8px}
body.pantai-touch-enabled .pantai-hud .pantai-choice-list,body.pantai-touch-enabled .pantai-hud .pantai-quest-detail,body.pantai-touch-enabled .pantai-hud .pantai-career-detail{max-height:min(340px,calc(100dvh - 204px))}
body.pantai-touch-enabled .pantai-hud .pantai-slots{max-height:calc(100dvh - 240px)}
body.pantai-touch-enabled .pantai-hud .pantai-panel-content,body.pantai-touch-enabled .pantai-hud .pantai-bag-body{overscroll-behavior:contain}
@media(max-width:1000px){
 body.pantai-touch-enabled .pantai-hud .pantai-profile{left:max(10px,env(safe-area-inset-left))!important;top:max(10px,env(safe-area-inset-top))!important;width:180px!important;grid-template-columns:40px minmax(0,1fr)!important;padding:7px!important;gap:3px 6px}
 body.pantai-touch-enabled .pantai-hud .pantai-vitals{min-width:0}
 body.pantai-touch-enabled .pantai-hud .pantai-meter meter{width:0;min-width:20px}
 body.pantai-touch-enabled .pantai-hud .pantai-avatar{width:40px!important;height:52px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-avatar canvas{width:40px!important;height:50px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-name{gap:2px;margin-bottom:2px}
 body.pantai-touch-enabled .pantai-hud .pantai-name strong{font-size:14px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-name span{font-size:9px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-name #pantai-job-title{font-size:9px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-meter{height:12px;gap:3px}
 body.pantai-touch-enabled .pantai-hud .pantai-meter.xp{height:3px;margin-top:3px}
 body.pantai-touch-enabled .pantai-hud .pantai-clock{right:max(10px,env(safe-area-inset-right))!important;top:max(10px,env(safe-area-inset-top))!important;width:84px;padding:6px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-clock strong{font-size:19px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-clock small{font-size:8px!important;line-height:1.25}
 body.pantai-touch-enabled .pantai-mode .lu-minimap{top:104px!important;right:max(10px,env(safe-area-inset-right))!important;width:84px!important;height:84px!important}
 body.pantai-touch-playing .pantai-hud .pantai-goal{left:50%!important;transform:translateX(-50%);bottom:16px!important;width:min(245px,calc(100vw - 398px));min-width:0;padding:7px 10px;font-size:13px}
 body.pantai-touch-playing .pantai-hud .pantai-goal .pantai-kicker{font-size:7px;letter-spacing:.7px;margin-bottom:3px}
 body.pantai-touch-playing .pantai-hud .pantai-goal small{font-size:9px!important;margin-top:4px}
 body.pantai-touch-playing .pantai-hud .pantai-waypoint{left:50%;bottom:100px;transform:translateX(-50%);max-width:calc(100vw - 398px);font-size:11px}
 body.pantai-touch-enabled .pantai-hud .pantai-working{bottom:20px;max-width:calc(100vw - 36px)}
}
@media(max-width:650px){
 body.pantai-touch-enabled .pantai-hud .pantai-actions{top:103px!important}
 body.pantai-touch-enabled .pantai-mode .lu-minimap{top:150px!important}
 body.pantai-touch-playing .pantai-hud .pantai-goal{display:none}
 body.pantai-touch-playing .pantai-hud .pantai-waypoint{bottom:188px;max-width:calc(100vw - 36px);width:max-content}
 body.pantai-touch-enabled .pantai-hud .pantai-bag-body{grid-template-columns:minmax(0,1fr) 145px;gap:9px}
 body.pantai-touch-enabled .pantai-hud .pantai-list-layout{grid-template-columns:minmax(112px,40%) minmax(0,1fr);gap:8px}
 body.pantai-touch-enabled .pantai-hud .pantai-bag .pantai-item-art canvas{width:56px;height:56px}
 body.pantai-touch-enabled .pantai-hud .pantai-quest-detail,body.pantai-touch-enabled .pantai-hud .pantai-career-detail{padding-left:8px}
 body.pantai-touch-enabled .pantai-hud .pantai-list-row{padding:7px!important;min-height:50px}
 body.pantai-touch-enabled .pantai-hud .pantai-bag .pantai-slot{min-height:46px}
}
@media(orientation:portrait){.pantai-touch-rotate{display:block}}
@media(max-height:480px) and (orientation:landscape){
 body.pantai-touch-enabled .pantai-mode .lu-minimap{display:none!important}
 body.pantai-touch-enabled .pantai-hud .pantai-bag{max-height:calc(100dvh - 16px);padding:8px 12px!important}
 body.pantai-touch-enabled .pantai-hud .pantai-bag header{padding-bottom:4px}
 body.pantai-touch-enabled .pantai-hud .pantai-bag header h2{font-size:23px}
 body.pantai-touch-enabled .pantai-hud .pantai-bag header .pantai-kicker{font-size:8px}
 body.pantai-touch-enabled .pantai-hud .pantai-tabs{min-height:38px;padding:5px 0}
 body.pantai-touch-enabled .pantai-hud .pantai-tabs button{min-height:30px;padding:6px}
 body.pantai-touch-enabled .pantai-hud .pantai-quest-art{height:80px}
 body.pantai-touch-enabled .pantai-hud .pantai-choice-list,body.pantai-touch-enabled .pantai-hud .pantai-quest-detail,body.pantai-touch-enabled .pantai-hud .pantai-career-detail{max-height:calc(100dvh - 163px)}
 body.pantai-touch-enabled .pantai-hud .pantai-bag-body{padding-top:8px;padding-bottom:8px}
 body.pantai-touch-enabled .pantai-hud .pantai-slots{max-height:calc(100dvh - 175px)}
 body.pantai-touch-enabled .pantai-hud .pantai-bag footer{padding-top:6px}
}
