html,body{overscroll-behavior:none}#game,#game canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html .modal-backdrop,html .side-panel{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain}html body{-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw;overflow-x:hidden}@media (max-width: 600px),(max-height: 500px){html:root{--u: 1px;--ui-gutter: max(10px, env(safe-area-inset-left, 0px))}html .hud .hud-objective{cursor:pointer;padding:8px 12px;top:calc(var(--ui-gutter) + env(safe-area-inset-top,0px));left:calc(var(--ui-gutter) + env(safe-area-inset-left,0px));width:auto;max-width:calc(100vw - 180px - var(--ui-gutter) * 3)}html .hud .hud-objective:not(.obj-open){min-height:44px;display:flex;flex-direction:column;justify-content:center;border-radius:22px!important}html .hud .hud-objective:not(.obj-open) :is(.obj-quest,.obj-points,.obj-learn,.obj-timer:not([hidden])){display:none!important}html .hud .hud-objective:not(.obj-open) .obj-label{font-size:11px}html .hud .hud-objective:not(.obj-open) .obj-label:after{content:"▾";flex:none;width:auto;height:auto;background:none;font-size:12px}html .hud .hud-objective:not(.obj-open) .obj-text{font-size:14px;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html .hud .hud-objective.obj-open{width:calc(100vw - 180px - var(--ui-gutter) * 3);max-height:calc(100vh - 160px);overflow:auto;z-index:26}html .hud .hud-objective .obj-action,html .hud .hud-objective .obj-learn{min-height:44px!important;font-size:14px}html .hud .hud-objective .obj-quest,html .hud .hud-objective .obj-points{font-size:13px}html .hud .btn-help{min-width:44px;min-height:44px}html .hud-minimap{top:calc(var(--ui-gutter) + env(safe-area-inset-top,0px));right:calc(var(--ui-gutter) + env(safe-area-inset-right,0px))}html .hud-minimap canvas{width:140px!important;height:140px!important}html .hud-minimap .mm-zone,html .hud-minimap .mm-clock{max-width:140px;font-size:12px}html .hud-minimap .dn-switch{width:140px}html .dn-switch .dn-opt{min-height:44px!important;font-size:14px;padding:0 6px}html .hud-minimap .mm-full,html .tb{min-height:44px;font-size:14px}html .tj-pad{width:120px;height:120px}html #toasts{width:auto;left:var(--ui-gutter);right:var(--ui-gutter);max-width:none}html .toast{font-size:14px}html .captions{left:var(--ui-gutter);right:var(--ui-gutter);max-width:none}html .caption-chip{font-size:14px}html .hud-prompt{font-size:14px;max-width:calc(100vw - 24px)}html #ui .side-card{left:var(--ui-gutter);right:var(--ui-gutter);width:auto;max-width:420px;margin-inline:auto;font-size:14px}html #ui .side-card :is(p,.small,.muted){font-size:14px}html #ui .side-card button{min-height:44px}html .modal-backdrop{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);align-items:stretch}html .modal-backdrop>.modal{width:100%!important;max-width:100%!important;height:100%;max-height:100%!important;margin:0!important;border-radius:0!important;border-width:0!important;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}html .modal-backdrop>.modal .shell-head{position:sticky;top:0;z-index:5}html .shell-close,html .modal [class*=close]:is(button){min-width:44px;min-height:44px}html .modal :is(p,li,dd,dt,label,td,th){font-size:max(14px,1em)}html .modal :is(.small,.muted){font-size:max(13px,.88em)}html .modal button,html .modal [role=button],html .modal a.btn{min-height:44px}html .modal input:not([type=checkbox]):not([type=radio]),html .modal select,html .modal textarea,html .side-panel input,html .side-panel textarea{font-size:16px;min-height:44px}html .modal img,html .modal svg,html .modal canvas,html .modal video{max-width:100%}html .modal :is(pre,table){max-width:100%;overflow-x:auto;display:block}html #ui :is(.shell-close,.jr-ribbon,.set-tab,.chat-mic,.chat-send,.map-learn,.tut-skip,.mg-mini,.th-icon-btn,.th-link){min-height:44px!important;min-width:44px}html #ui label.cs-opt{min-height:44px;display:inline-flex;align-items:center}html .side-panel{top:var(--vvtop, 0px)!important;left:0!important;right:0!important;bottom:auto!important;width:100vw!important;min-width:0!important;max-width:none!important;height:var(--vvh, 100dvh);border-radius:0!important;border-width:0!important;z-index:40;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}body:has(#ui .side-panel) #consent-card,body:has(#ui .side-panel) #ui .side-card,body:has(#ui .side-panel) .touch-controls{display:none!important}html .side-panel button{min-height:44px;min-width:44px}html .side-panel :is(p,li,.msg,.who){font-size:max(14px,1em)}}@media (max-height: 500px) and (orientation: landscape){html .hud .hud-objective{max-width:min(360px,calc(100vw - 420px))}html .hud .hud-objective.obj-open{width:min(380px,calc(100vw - 420px));max-height:calc(100vh - 20px)}html .hud-minimap canvas{width:96px!important;height:96px!important}html .hud-minimap .mm-zone,html .hud-minimap .mm-clock{display:none}html .hud-minimap .dn-switch{width:96px;margin-top:4px}html .hud-minimap .dn-switch .dn-opt span:not(.dn-ico){display:none}html .hud-minimap .mm-full{width:96px}html .hud-minimap .mm-full .hb-label,html .hud-minimap .mm-full kbd{display:none}html .tj-pad{width:108px;height:108px}html .tb-main{width:68px;height:68px}body.touch .hud-prompt{bottom:calc(var(--ui-gutter) + 8px)}body.touch .captions,body.touch .tut-card{bottom:calc(var(--ui-gutter) + 8px);left:140px;right:180px;width:auto}html #ui .side-card{bottom:calc(var(--ui-gutter) + 4px);left:140px;right:200px;max-width:none}html .hud .zone-banner{bottom:auto;top:8px}}@media (min-width: 601px) and (max-width: 1024px) and (min-height: 501px){html .modal-backdrop>.modal{max-width:calc(100vw - 32px)}html .tb{min-height:44px}}
