/* The only new chrome is a resize/fold utility outside original art. */
.mobile-native-launchers,.mobile-native-shell{position:absolute;z-index:21;touch-action:manipulation;box-sizing:border-box}
.mobile-native-launchers{display:flex;gap:5px;align-items:stretch;pointer-events:auto}
.mobile-native-launchers button{min-height:36px;padding:4px 8px;font:12px/18px var(--native-font);color:#ead2a0;background:#151515e8;border:1px solid #796339;white-space:nowrap}
.mobile-native-shell{margin:0;padding:0;border:0;background:transparent;isolation:isolate;overscroll-behavior:contain}
.mobile-native-window-bar{height:32px;display:flex;align-items:center;gap:3px;padding:0 2px;color:#e6d1a5;font:11px/24px var(--native-font);background:#111e;user-select:none;-webkit-user-select:none}
.mobile-native-window-name{width:48px;flex:none;overflow:hidden;white-space:nowrap}
.mobile-native-window-bar button{height:30px;min-width:30px;padding:0 5px;font:14px/28px var(--native-font);color:#ddd;border:1px solid #756446;background:#1e1e1e}
.mobile-native-window-bar .mobile-native-fold{font-size:11px;min-width:34px}
.mobile-native-size-slider{width:30px;flex:1;min-width:20px;padding:0;border:0;background:transparent;accent-color:#c39c54;touch-action:pan-x}
.mobile-native-panel-viewport,.mobile-native-chat-viewport{position:relative;width:100%;overflow:hidden;image-rendering:pixelated}
.mobile-native-panel-viewport{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#96763f #101010}
.mobile-native-pan-hint{height:22px;font:11px/22px var(--native-font);color:#ead2a0;background:#111e;padding:0 6px;text-align:center;pointer-events:none}
.mobile-native-panel-source{position:absolute;left:0;top:0;width:416px;height:170px;background-position:-384px 0;background-repeat:no-repeat;background-color:#000;transform-origin:0 0;image-rendering:pixelated}
.mobile-native-panel-plane{position:absolute;left:-384px;top:-430px;width:800px;height:600px}
.mobile-native-panel-plane #nativeTabs{width:800px;height:600px}
.mobile-native-chat-viewport{background:#000}
.mobile-native-chat-viewport #nativeDock{position:absolute;inset:0;width:100%;height:100%;background-image:none;background-color:#000}
.mobile-native-chat-border{position:absolute;inset:0;z-index:0;border-style:solid;border-color:transparent;border-width:15px 32px 9px 23px;border-image-slice:15 32 9 23 fill;border-image-width:15px 32px 9px 23px;border-image-repeat:stretch;pointer-events:none;image-rendering:pixelated}
.mobile-native-chat-viewport #nativeTranscript{left:23px;right:32px;top:15px;width:auto;height:auto;bottom:38px;font:12px/16px DotumChe,'돋움체',Dotum,monospace;overflow:auto;touch-action:pan-y;user-select:text;-webkit-user-select:text}
.mobile-native-chat-viewport #nativeTranscript p{min-height:16px}
.mobile-native-chat-viewport #nativeChatForm{left:23px;right:32px;top:auto;bottom:9px;width:auto;height:24px;z-index:1}
.mobile-native-chat-viewport #nativeChatInput{width:100%;height:24px;font:16px/24px var(--native-font)}
.mobile-native-chat-viewport #nativeChatUp{left:auto;right:5px;top:5px}
.mobile-native-chat-viewport #nativeChatDown{left:auto;right:5px;top:auto;bottom:34px}
.mobile-native-resize{position:absolute;right:0;bottom:0;z-index:9;width:30px;height:30px;min-width:30px;padding:0;border:1px solid #796339;background:#151515eb;color:#f2ce83;font:20px/28px sans-serif;touch-action:none;cursor:nwse-resize;user-select:none;-webkit-user-select:none}
.mobile-native-chat .mobile-native-resize{top:0;bottom:auto;cursor:nesw-resize}
.mobile-native-chat .mobile-native-window-bar{padding-right:32px}
.wb-mobile-panels .native-dock-toggle{display:none!important}
.wb-mobile-panels .mobile-native-panel-plane .native-item-description{overflow:auto;scrollbar-width:thin;touch-action:pan-y}
.wb-mobile-panels .mobile-native-panel-plane .native-slot{touch-action:manipulation}
/* Keep the existing hunting launcher callable. Its small badge moves below
   the new native-window launchers; only the collapsed badge is temporarily
   hidden behind an open native panel, without changing guide preference. */
.wb-mobile-panels #huntingGuide{--hunting-guide-top:var(--mobile-native-guide-top,80px)}
.wb-mobile-panels #gameFit[data-mobile-native-panel="true"]>#huntingGuide[data-collapsed="true"]{visibility:hidden}
.wb-mobile-panels #huntingGuide[data-collapsed="false"]{z-index:24;max-height:max(60px,calc(100% - var(--mobile-native-guide-top,80px) - 12px));overflow:auto;overscroll-behavior:contain}
/* Original source popups retain priority; utility windows return unchanged
   after the popup closes instead of covering the original shop/auth flow. */
.wb-mobile-panels #gameFit:has(#gamePanel:not([hidden]))>.mobile-native-shell,
.wb-mobile-panels #gameFit:has(#gamePanel:not([hidden]))>.mobile-native-launchers,
.wb-mobile-panels #gameFit:has(#entryOverlay:not([hidden]))>.mobile-native-shell,
.wb-mobile-panels #gameFit:has(#entryOverlay:not([hidden]))>.mobile-native-launchers,
.wb-mobile-panels #gameFit:has(#gameLoading:not([hidden]))>.mobile-native-shell,
.wb-mobile-panels #gameFit:has(#gameLoading:not([hidden]))>.mobile-native-launchers{visibility:hidden}
@media(prefers-reduced-motion:reduce){.mobile-native-shell *{transition:none!important}}
