/* Supplied PNG pairs: white icons normally, blue icons when active.
   node.active in Twig means enabled, not selected; only disabled artwork is gray. */
/* Selection must not move a tile off the shared outline curve. */
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node,
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node:hover,
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.pane-node-highlight {
    translate: 0 0;
}
#s .game-wrapper.ui-flat-v2 .pane.left > .menu-help { bottom: 13.1px; }
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.hotel { --menu-icon: url('../images/new/menu/left-hotel.png'); --menu-icon-disabled: url('../images/new/menu/disabled/left-hotel.png?v=2'); --menu-icon-active: url('../images/new/menu/left-hotel-active.png'); }
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.bank { --menu-icon: url('../images/new/menu/left-bank.png'); --menu-icon-disabled: url('../images/new/menu/disabled/left-bank.png?v=2'); --menu-icon-active: url('../images/new/menu/left-bank-active.png'); }
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.cityhall { --menu-icon: url('../images/new/menu/left-cityhall.png'); --menu-icon-disabled: url('../images/new/menu/disabled/left-cityhall.png?v=2'); --menu-icon-active: url('../images/new/menu/left-cityhall-active.png'); }
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.agency { --menu-icon: url('../images/new/menu/left-agency.png'); --menu-icon-disabled: url('../images/new/menu/disabled/left-agency.png?v=2'); --menu-icon-active: url('../images/new/menu/left-agency-active.png'); }
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.employment { --menu-icon: url('../images/new/menu/left-employment.png'); --menu-icon-disabled: url('../images/new/menu/disabled/left-employment.png?v=2'); --menu-icon-active: url('../images/new/menu/left-employment-active.png'); }

#s .game-wrapper.ui-flat-v2 .pane.left .pane-node .flat-menu-symbol {
    background: var(--menu-icon) center / contain no-repeat;
}
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node .flat-menu-symbol img { display: none; }

#s .game-wrapper.ui-flat-v2 .pane.left .pane-node:not(.pane-disabled):is(:active, .active, .pane-node-highlight) {
    filter: none;
}
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node:not(.pane-disabled):is(:active, .active, .pane-node-highlight) .flat-menu-shape {
    content: url('../images/new/menu/menu-left-item-active.svg');
    filter: none;
}
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node:not(.pane-disabled):is(:active, .active, .pane-node-highlight) .flat-menu-symbol {
    background-image: var(--menu-icon-active);
}

/* The supplied disabled PNG contains both the gray frame and the white icon.
   Preserve the blue curve behind it and keep the same 71% tile bounds. */
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.pane-disabled .flat-menu-shape { display: none; }
#s .game-wrapper.ui-flat-v2 .pane.left .pane-node.pane-disabled .flat-menu-symbol {
    inset: 0; width: 49.7px; height: 55.3px;
    background-image: var(--menu-icon-disabled);
}