.touchExploreHelp,#touchExploreUI{display:none}
#touchExitExplore[hidden],#touchExploreUI[hidden],#exploreStick[hidden],#touchExploreHint[hidden]{display:none!important}
@media(max-width:800px),(max-width:960px) and (max-height:500px){
 body.touch-exploring{--stick-size:120px;--stick-knob:44px}
 body.touch-exploring #touchExploreUI{display:block;position:fixed;inset:0;z-index:6;pointer-events:none;user-select:none;-webkit-user-select:none}
 #exploreStick{position:absolute;left:var(--edge-left);bottom:calc(var(--dock-height) + 14px);width:var(--stick-size);height:var(--stick-size);display:grid;place-items:center;border-radius:50%;background:#f2f9ff38;border:1px solid #ffffffa0;box-shadow:0 2px 18px #10394d20,inset 0 0 20px #153f5b12;pointer-events:auto;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 #exploreStick:after{content:'';position:absolute;inset:14px;border:1px solid #ffffff70;border-radius:50%;pointer-events:none}
 .stickCross{position:absolute;inset:0;opacity:.65;pointer-events:none}.stickCross:before,.stickCross:after{content:'';position:absolute;background:#fff;width:10px;height:1px;left:calc(50% - 5px);top:8px}.stickCross:after{top:auto;bottom:8px}
 #exploreKnob{display:block;width:var(--stick-knob);height:var(--stick-knob);border-radius:50%;background:#f6fbffd9;border:2px solid #d5b56ad9;box-shadow:0 3px 12px #153f5b45;pointer-events:none;will-change:transform}
 #exploreStick.engaged{background:#eaf6ff55;border-color:#d5b56a}
 #touchExitExplore{position:absolute;right:var(--edge-right);top:calc(var(--header-height) + 54px);min-height:44px;padding:10px 15px;background:#f6fbffeb;border:1px solid #d5b56a;border-radius:4px;box-shadow:0 2px 12px #153f5b20;color:#153f5b;font:600 14px/1.4 Manrope,Arial,sans-serif;white-space:nowrap;pointer-events:auto;touch-action:manipulation}
 #touchExitExplore.in-dialog{position:static;flex:0 0 auto;margin-left:auto;box-shadow:none;min-width:100px}
 .touch-exploring .galleryHeader #galleryTitle{min-width:0;flex:1;font-size:11px;line-height:1.4}
 .touch-exploring .galleryHeader #closePhoto{flex:0 0 40px}
 #touchExploreHint{position:absolute;left:var(--edge-left);bottom:calc(var(--dock-height) + var(--stick-size) + 26px);margin:0;padding:6px 10px;background:#153f5bcc;border:1px solid #ffffff50;border-radius:4px;color:#fff;font:500 13px/1.5 Manrope,Arial,sans-serif;pointer-events:none}
 #touchExploreHint.obscured{visibility:hidden}
 body.touch-exploring #photoThumb:not([hidden]){left:auto;right:var(--edge-right);bottom:calc(var(--dock-height) + 14px);max-width:calc(100vw - var(--stick-size) - var(--edge-left) - var(--edge-right) - 24px)}
 body.touch-exploring #areaLoading:not([data-error]){bottom:calc(var(--dock-height) + 80px)}
 body.touch-exploring .desktopExploreHelp,body.touch-exploring #exploreHelp .travelButtons,body.touch-exploring #exitExplore{display:none}
 body.touch-exploring .touchExploreHelp{display:block}
}
@media(max-width:960px) and (max-height:500px) and (orientation:landscape){
 body.touch-exploring{--stick-size:104px;--stick-knob:40px}
 body.touch-exploring #photoThumb:not([hidden]){left:var(--edge-left);right:auto;bottom:calc(6px + var(--safe-bottom));max-width:180px}
 #touchExploreHint{bottom:calc(var(--dock-height) + var(--stick-size) + 22px)}
 #touchExitExplore{top:calc(var(--header-height) + 52px)}
}
@media(max-height:340px){body.touch-exploring{--stick-size:88px;--stick-knob:36px}#touchExploreHint{left:calc(var(--edge-left) + 100px);bottom:calc(var(--dock-height) + 18px);max-width:150px}}
