/* Keep World Tour's art and palette; make its menus usable in WKWebView. */
html,body,button,canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}
body{height:100dvh}button,a,select{-webkit-tap-highlight-color:transparent}
#bar a{color:inherit;text-decoration:none;display:flex;align-items:center}
.language-picker select{min-height:36px;background:#102434;color:white;border:1px solid #ffffff38;border-radius:10px;padding:5px;font:inherit}
.native #full,.native #bar>a,.native .language-picker{display:none!important}
.overlay{overflow-y:auto;align-items:flex-start}.panel{margin:auto;flex-shrink:0}
#bar{padding-right:env(safe-area-inset-right)}
#stick{left:max(18px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom))}
#spray{right:max(18px,env(safe-area-inset-right))}
#bomb{right:max(115px,calc(env(safe-area-inset-right) + 100px))}
body:not([data-mode="playing"]) #touch{display:none}
#atlas .atlas-foot{position:sticky;bottom:-25px;background:#102a3cf5;padding:12px;border-radius:14px;z-index:2}
#menu .primary{margin:4px 0 12px}
@media(pointer:coarse){#bar .icon{min-height:44px;min-width:44px}#bar{top:10px;max-width:95%;font-size:11px;gap:4px}body[data-mode="playing"] #bar{top:auto;bottom:8px;right:210px;left:150px;max-width:none;justify-content:center}body[data-mode="playing"] #bar .language-picker,body[data-mode="playing"] #bar>a{display:none}#hint{display:none}}
@media(max-width:650px) and (orientation:portrait){#bar{top:6px}#stage{inset:85px 0 140px}#touch #stick{width:132px;height:132px}#nub{left:41px;top:41px}body[data-mode="playing"] #bar{left:8px;right:8px;bottom:auto;top:8px}.panel{padding:22px}#atlas .atlas-foot{bottom:-15px}#atlas .mapbox svg{height:auto}.destination p{display:none}.mapnote{font-size:8px;left:8px}.atlas-foot p{max-width:50%}}
@media(max-height:500px){#menu .chips,#menu .foot{display:none}.panel{max-height:none}#bar{font-size:10px}body[data-mode="playing"] #bar{bottom:4px}#shape,#special{max-width:120px;padding:6px}.atlas-foot p{margin:4px 0}#atlas .atlas-foot{bottom:-12px}}
/* iOS V59: portrait camera and landscape full field. */
#paintViewport,#paintReadout,#paintZoom{display:none}
.native.paint-portrait #stage{inset:112px 0 205px}
.native.paint-portrait #paintViewport{display:block;width:100%;height:100%;object-fit:contain}
.native.paint-portrait #game{display:none}
.native.paint-portrait #paintReadout{position:absolute;display:flex;flex-wrap:wrap;gap:5px 16px;justify-content:center;left:8px;right:8px;top:50px;padding:9px;background:#102a3ce8;border-radius:12px;font-size:13px;font-weight:700;pointer-events:none}
.native.paint-portrait #paintReadout progress{width:100%;height:7px;accent-color:#ffce53}
.native.paint-portrait #paintZoom{display:block;position:absolute;top:3px;right:8px;min-height:44px;z-index:3}
.native.paint-portrait #bar{top:auto;bottom:150px;left:8px;right:8px;max-width:none;justify-content:center}
.native.paint-portrait #stick{bottom:12px}
.native.paint-portrait #spray{bottom:38px}
.native.paint-portrait #bomb{bottom:14px}
.native.paint-portrait:not(:has(body[data-mode="playing"])) #paintReadout,
.native.paint-portrait:not(:has(body[data-mode="playing"])) #paintZoom{display:none}