/* Every local coordinate and frame size comes from the Ui3 PAK INI and SPR. */
.game-shell .native-toolbar{position:absolute;right:0;bottom:2px;width:762px;max-width:100%;height:55px;padding:0;border:0;background:none;box-shadow:none;z-index:5}
.game-shell .native-toolbar-viewport{width:100%;height:55px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;outline-offset:-2px}
.game-shell .native-toolbar-viewport::-webkit-scrollbar{display:none}
.game-shell .native-toolbar-scene{position:relative;width:762px;height:55px;min-width:762px;background:none;isolation:isolate}
.game-shell .native-toolbar-art{position:absolute;left:0;top:0;max-width:none;pointer-events:none}
.game-shell .native-toolbar-buttons{position:absolute;inset:0}
.game-shell .native-toolbar-button{position:absolute;display:block;margin:0;padding:0;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:none;touch-action:pan-x}
.game-shell .native-toolbar-button-art{position:absolute;left:0;top:0;max-width:none;pointer-events:none}
@media(hover:hover){.game-shell .native-toolbar-button:hover .native-toolbar-button-art{left:calc(-1 * var(--native-frame-width) * var(--native-hover-frame))}}
.game-shell .native-toolbar-button:active .native-toolbar-button-art{left:calc(-1 * var(--native-frame-width) * var(--native-down-frame))}
.game-shell .native-toolbar-button:focus-visible{outline:1px solid #e7ce85;outline-offset:-5px}
.game-shell .native-toolbar-scene{overflow:hidden}
.game-shell .native-skill-cell{position:absolute;top:15px;display:block;width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;touch-action:pan-x}
.game-shell .native-skill-socket{position:absolute;inset:0;width:32px;height:32px;pointer-events:none}
.game-shell .native-skill-label{position:absolute;left:0;top:22px;width:auto;height:10px;max-width:none;pointer-events:none}
/* User correction: remove unused positions; pack original visible pixels only. */
.game-shell .native-toolbar{width:max-content;max-width:100%;height:60px}
.game-shell .native-toolbar-viewport{height:60px}
.game-shell .native-toolbar-scene{width:max-content;min-width:0;height:60px;overflow:hidden;padding:0 4px}
.game-shell .native-toolbar-buttons{position:relative;inset:auto;display:flex;align-items:center;gap:3px;height:52px;width:max-content}
.game-shell .native-toolbar-art{width:100%;height:55px;top:5px;object-fit:fill}
.game-shell .native-toolbar-button{position:relative;left:auto;top:auto;flex:none}
.game-shell .native-skill-cell{position:relative;left:auto;top:auto;width:55px;height:52px;flex:none;overflow:hidden}
.game-shell .native-skill-socket{width:55px;height:52px}
.game-shell .native-skill-label{left:5px;top:auto;bottom:4px;height:10px;width:auto}
@media(hover:hover){.game-shell .native-toolbar-button:hover .native-toolbar-button-art{left:calc(-1 * var(--native-crop-x) - var(--native-frame-width) * var(--native-hover-frame))!important}}
.game-shell .native-toolbar-button:active .native-toolbar-button-art{left:calc(-1 * var(--native-crop-x) - var(--native-frame-width) * var(--native-down-frame))!important}
/* Remove crossed-out ornament and close the remaining bottom HUD gaps. */
.game-shell .native-toolbar,.game-shell .native-toolbar-viewport,.game-shell .native-toolbar-scene{height:56px}
.game-shell .native-toolbar-scene{padding:0 3px;background:none}
.game-shell .native-toolbar-art{display:none}
/* Center the packed strip; fit it uniformly on portrait phones. */
.game-shell .native-toolbar{left:50%;right:auto;transform:translateX(-50%);width:483px;max-width:100%}
@media(orientation:portrait) and (max-width:482px){
 .game-shell .native-toolbar{width:calc(100% - 8px);height:calc((100vw - 8px) * 56 / 483)}
 .game-shell .native-toolbar-viewport{height:100%;overflow:hidden}
 .game-shell .native-toolbar-scene{transform:scale(calc((100vw - 8px) / 483px));transform-origin:top left}
}