/* ESC modal wrapper positioned at modal location but stripped of any background/box
   so only the interactive bars inside (#escBars) are visible. */
#escModal {
  position: fixed;
  left: 50%;
  top: calc(50% + 40px); /* keep the modal visually lowered as JS expects */
  transform: translate(-50%, -50%);
  display: none;
  z-index: 99999;
  pointer-events: auto;
  background: transparent; /* remove dark translucent box */
  width: auto;
  height: auto;
}

/* Container that previously provided the box framing is now transparent and minimal.
   It only exists to center the bars; no background, border or shadow are shown. */
#escModalBox {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: inherit;
  pointer-events: none; /* let the bars themselves accept pointer events */
  width: auto;
  height: auto;
  padding: 0;
}

/* content block is unused visually but kept for structure; no visible styling */
#escModalContent {
  text-align: center;
  padding: 0;
  width: auto;
  box-sizing: border-box;
}

/* Four stacked bars container (unchanged sizing). Bars are the only visible elements. */
#escBars {
  width: 404px;
  /* 4 * 46 = 184; spacing between bars remains 3 * 20 = 60 -> overall visual space larger */
  height: 244px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  pointer-events: auto;
  position: relative;
  z-index: 100001; /* ensure bars render above the viewport-scoped gradient backdrop */
}

/* Each bar exact size; visible and interactive. Use image assets for visual states. */
.esc-bar {
  width: 404px;
  height: 46px; /* +2px for each button */
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  /* Use exact pixel-sized background and disable smoothing for crisp pixel art */
  background-size: 404px 46px;
  image-rendering: pixelated;
  -webkit-optimize-contrast: pixelated;
  border: 1px solid rgba(255,255,255,0.04);
  box-shadow: 0 4px 12px rgba(0,0,0,0.4) inset;
  pointer-events: auto;
  transform: translateX(-0px);
  cursor: pointer;
  position: relative;
  z-index: 100002; /* sit above the container/backdrop to avoid tinting */
}

/* Maintain exact 20px gap between bars */
.esc-bar + .esc-bar { margin-top: 20px; }

/* default image backgrounds for each button (normal state) */
#Button1 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAACfklEQVR4Xu3c0W3bQAwGYKVTZRSP4VEyRkbJVukTi+YHiJMiNrXg73uzjuKdTwZ4tAG/bNv2uQHASb/yAgB8x0t1KPf7PccAYOnt7W3bdCgATFFQABihoAAwQkEBYISCAsAIBQWAEQoKACMUFABGKCgAjFBQABihoAAwwn95XczqOdV/6jyr2p9n34d0lX25yjr5yn95ATBKh3IReXL7+PiIiK9eX1/z0lOofbrdbtv2xPuQrrIvV1knX+lQABilQ7mI7uSWzy2/e87xsjeuZHzp7sv47LDyvowvGVcyfjpupctTunzdfRmf+5VW46n7/OR4yvyrebvxo/m7dfKY6jnqUAAYoUO5iNXJLcff39+37a+TQ/7mkuN5f+rij+YveV/Gp1X+0r2PjN+br9PNUzLfd/dr7/PO8dTF/+t15f1n8/OY6vnpUAAYoUO5iNXJLcfr5LeS8T+Vv+Q8dYLNE3Qn15vrzOsreV+nm6cbP7tfZ0/yXfzRfcl15bw5z9n3nfl5TDoUAEbpUC4iT355csvxPOmtZPxP50813+q798yX6+yur+xdX87Tjed6VzJ+9TrnT7mes/uSzydf529je/Nn/Op98Rh0KACM0qFcTPec8mSYJ8lOnjC7k2E3PpW/s8rf5csTc17vZHxn9X668aPzr+Iz/8r0vmS+/PxlXCfzZ14emw4FgFE6lIvK3xRKngxLF1/qvu6EWbrxqfydvflTN99386Uuf+nGj85/NH5lal2ly5eO5t+bl/9LhwLAKB0KAKfoUAAYpaAAMEJBAWCEggLACAUFgBEKCgAjFBQARigoAIxQUAAYoaAAMEJBAWDEn//yAoAzdCgAjPgN+/TvUJIHxzcAAAAASUVORK5CYII='); }
#Button2 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAAB+ElEQVR4Xu3c3a3bMAwGUN1OlVEyRkbJGBklW7VPKtAPl5B/mCK5OOfNkUxJgAGSMeCvMcbvAQAn/cofAOCIr9mh3G63HAOApfv9PoYOBYAuEgoALSQUAFpIKAC0kFAAaCGhANBCQgGghYQCQAsJBYAWEgoALSQUAFr4lhetVs/R/ObPp5nnevf9f8o++Vl8ywuAVjoUWmRl/Hw+Y8a/LpdL/vTW5vmu1+sYb7z/T9knP4sOBYBWOhRaVc9R9Z/+1vnZAaVqfGv8lVXlv3Wdap9TNb43frVPeAUdCgCtdCi8RL5DeTweY3xTUU+r+avKO8fz/lX8lYw/18+OYrVOFWfK8bz/bHx4BR0KAK10KPwXVeW8eu6yUs/7p4w/569U8VLG37r/KfeVcaZcZ+85VvHhFXQoALTSodAi3yWkqvJevRvISjvXyesZJ+9fWVXyuf/cz951ct95ffQcOX/renCGDgWAVjoUWlXPUVbeWTlXstKessLOuDmvsrdCz3Xz90rOnzJe1zkybnZSVScDR+hQAGilQ+El8p3IVFXC1fxpdV81Ph2NX6nWPbpOFS/tjZ9xV9dwhA4FgFY6FABO0aEA0EpCAaCFhAJACwkFgBYSCgAtJBQAWkgoALSQUABoIaEA0EJCAaCFhAJAi7/f8gKAM3QoALT4A1tIO1A2z7xVAAAAAElFTkSuQmCC'); }
#Button3 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAAB/ElEQVR4Xu3dUW6CQBAG4LWn4igcg6NwDI7CrdqXThMnbnBljNV8X8KDMgxLYvIzDdVLa+27AcBJX/kNAHjEJSaUZVnyPgA4tK5rayYUAKoIFABKCBQASggUAEoIFABKCBQASggUAEoIFABKCBQASggUAEoIFABKCBRKLMvyVt8HN7re0fpXeZd18pkECgAlBAql9n1v+77nt/+t0fWO1r/Ku6yTzyJQACjh91AoEZ+feZ5ba61N05Qqbut97uL3FbKz9VE3ut6j+nyekNcVdfn90Ns/2r+3TngGv4cCQCkTCiVG74zznXj+e/+2bVf7s6P6Xv+oC6PrzfW984TeunKfkPfn48/2h2cwoQBQSqDwUvE00jRNV1veH5bf/7PYtu1q69Xn/uu6dqeeM0bXNerZ/aGCQAGghEDhLcQdekwY8zxfba+W15O3EOvPE0a+viz3y9uR6N97DRUECgAlPOVFiXs/P/nuu3dcfqopP1XVE3frj9YfiX73XkfI9SH3y9eb63py/9w3Xsf1xnQ0ev1wi6e8AChlQqHUvU8a5Tvi3nG5LvTqQz5utP5Ib5J49Dy9ftlo/9z36DU8woQCQCkTCgCnmFAAKCVQACghUAAoIVAAKCFQACghUAAoIVAAKCFQACghUAAoIVAAKCFQACjx911eAHCGCQWAEj8/R0m4m9Wa5wAAAABJRU5ErkJggg=='); }
#Button4 { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsEAAA7BAbiRa+0AAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAACOklEQVR4Xu3c3a0aMRAGUN9URSmUQSmUQSnbVfLkCH1irg1MEimcI90H1mPvjxbNzK4uX2OMnwMA3vQjNwDAK75mh3K5XHIMAJau1+sYOhQAukgoALSQUABoIaEA0EJCAaCFhAJACwkFgBYSCgAtJBQAWkgoALSQUABo4be82LK6P+Zv+fwt83i69tu9HnwSv+UFQCsJhaecz+eHf5fLZdnF/AnHcYzjOHLzy7rXg08ioQDQwjsUtqzuj/kMdVb3p9NpjG/mVe8qduNn3Pl8HuPB/jK+8uz+Usbtqtabct0qfhU3x1fXJedNVTzc8w4FgFY6FLZkR5But9sY31S0+V4i47OC3o2fx5Pj2Smt5HpTtW41vrJ7ntl5TVX87nXJ/efn1frwiA4FgFY6FLZk5ZuVczW+uq+yks75aVbQM37KCruaX1kdf26fVuNpFV+Nv3oddz+v5PHAPR0KAK10KGypKudqPJ+9V8/mM361fj77z/mvPuvP9bIzyO3Taryy+r5V5/XqdczOropf2T0/PosOBYBWOhS2rO6PrKCzwq9kJV3F5/pZWef8dzuVnL97XM9W8KuOI8+rUnUceTxVR7VaP68H3NOhANBKh8JTsqJOWRFPz86r4qu43e27qvm7x1VZfc9WHU+1/2nGV/Onanx3fbinQwGglQ4F/gGdAP8THQoArXQoALxFhwJAKwkFgBYSCgAtJBQAWkgoALSQUABoIaEA0EJCAaCFhAJAi9//KQ8A79ChANDiFzolgICA9zwlAAAAAElFTkSuQmCC'); }

/* clicked/hover/focus alternate images */
#Button1.Button1_click { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAACgUlEQVR4Xu3cQU4bQRAF0JCTcBS4VXaIXY7BTeAo3CQsUEXyl0o9w1SIR35vg5iuqW63LVWXR/Ldy8vLnx8AcNDPvAAAX3FXHcr7ew4BwNr9/edfHQoAIxQUAEYoKACMUFAAGKGgADBCQQFghIICwAgFBYARCgoAIxQUAEYoKACM8FteJ/P0lFcuPT/nldtS+3Pr+5DOsi9nWSeX/JYXAKN0KCeRJ7fX198X4+nx8Vdeugm1Tw8Pn/tzq/uQzrIvZ1knl3QoAIzSoZxEd3LLZyr53XOOl61xJeNLd1/GZ4eV92V8ybiS8dNxK12e0uXr7sv43K+0Gk/d5yfHU+ZfzduN783frZPrpEMBYJQO5SRWJ7ccf3v7HK8TYD5zyfG8P3Xxe/OXvC/j0yp/6V5Hxm/N1+nmKZnvq/u19f3O8dTF/+t15f1H83OddCgAjNKhnMTq5JbjdfJbyfjvyl9ynjrB5gm6k+vNdeb1lbyv083TjR/dr6Mn+S5+777kunLenOfo6878XCcdCgCjdCgnkSe/PLnleJ70VjL+u/Onmm/13Xvmy3V211e2ri/n6cZzvSsZv/o/50+5nqP7ku9P/p/Pxrbmz/jV6+I66FAAGKVDOZnuO+88GeZJspMnzO5k2I1P5e+s8nf58sSc1zsZ31m9nm587/yr+My/Mr0vmS8/f2Vv/szLddOhADBKh3JS+Uyh5MmwdPGl7utOmKUbn8rf2Zo/dfN9NV/q8pdufO/8e+NXptZVunxpb/6tefm/dCgAjNKhAHCIDgWAUQoKACMUFABGKCgAjFBQABihoAAwQkEBYISCAsAIBQWAEQoKACMUFABG/P0tLwA4QocCwIgP1DvF0CgyMh8AAAAASUVORK5CYII='); border-color: rgba(0,0,0,0.12); box-shadow: 0 4px 12px rgba(0,0,0,0.28) inset; color: #111; }
#Button2.Button2_click { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAACAUlEQVR4Xu3cQU4jQQwF0GFOwlHgVrND7DhGbgJH4SYzi8gj8SWrkm43StB7G5SualfVyjYl9cPpdPr7CwB2+p0PAGCLh+pQPj9zCADWHh/Pf3UoAIyQUAAYIaEAMEJCAWCEhALACAkFgBESCgAjJBQARkgoAIyQUAAYIaEAMMK3vBj18pJPvnp9zSf3oc516/u/l33ys/iWFwCjdCiMyMr4/f3ty3h6fv6Tj25ane/p6XyuW93/veyTn0WHAsAoHQqjujuU7n/6l87PDih145fGX1lV/peu0+2zdOPXxu/2CUfQoQAwSofCIfIO5ePjXClnRV1W81eVd47n+6v4Kxm/1s+OYrVOF6fkeL6/Nz4cQYcCwCgdCt+iq5y7u4GSlXq+XzJ+zV/p4qWMf+n+S+4r45Rc59pzrOLDEXQoAIzSoTAi7xJSV3mv7gay0s518nfFyfdXVpV87j/3c+06ue/8vfUcOf/S9WAPHQoAo3QojOruFLLyzsq5k5V2yQo745ZV/Gsr9Fw3n3dyfsl4U+fIuNlJdZ0MbKFDAWCUDoVD5J1I6Srhbn5ZvdeNl63xO926W9fp4qVr42fc1W/YQocCwCgdCgC76FAAGCWhADBCQgFghIQCwAgJBYAREgoAIyQUAEZIKACMkFAAGCGhADBCQgFgxP9veQHAHjoUAEb8A9lKItB/M2oYAAAAAElFTkSuQmCC'); border-color: rgba(0,0,0,0.12); box-shadow: 0 4px 12px rgba(0,0,0,0.28) inset; color: #111; }
#Button3.Button3_click { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAACBElEQVR4Xu3dQW7iUAwG4HZO0qPQW3WH2HEMbgJH6U1mFhmPhKWn8MiPGKrvk6KKxDHOys8JlPfT6fT7DQA2+tV3AMA93mtC+f7uhwBg3cfH8teEAkCEhgJAhIYCQISGAkCEhgJAhIYCQISGAkCEhgJAhIYCQISGAkCEhgJAhIZCxH6/bK9itt7Z+Gd5lTr5mTQUACI0FKLO5+Pb+Xzsu/9bs/XOxj/Lq9TJz6KhABDh91CIqPv2u92yKv78/LoOGBjd7z8c+p7F1viKm613Lb6/T+l1VVzfX0bHZ/OP6oRH8HsoAESZUIiYXRn3lXi/33+5LOf3FXhZix/lr7gyW2+PH71PGdXV85R+vJ+/NT88ggkFgCgTChGzK+O1+NHx0bOE0lf2/fwyyj8yil+rp9xbV5+oRnr8KD88ggkFgCgNhZew//sN8MNh2Xa749X2bL2evpWq/3L5upo++vV1PV/f1lT+0WtI0FAAiPAMhYhbV7t99T06r3+q6dZnFrVavzd+TeW79TpKjy89X7/eMpu/563Xdb2etZDkGQoAUSYUovr3JEb6inh0Xo8ro/jSz5uNXzOaJO59n1G+bjZ/z7v2Gu5hQgEgyoQCwCYmFACiNBQAIjQUACI0FAAiNBQAIjQUACI0FAAiNBQAIjQUACI0FAAiNBQAIv79Ly8A2MKEAkDEH0hXFuJdqQKQAAAAAElFTkSuQmCC'); border-color: rgba(0,0,0,0.12); box-shadow: 0 4px 12px rgba(0,0,0,0.28) inset; color: #111; }
#Button4.Button4_click { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAAAsCAYAAABCK04MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAGHaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49J++7vycgaWQ9J1c1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCc/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj48cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0idXVpZDpmYWY1YmRkNS1iYTNkLTExZGEtYWQzMS1kMzNkNzUxODJmMWIiIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj48dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPjwvcmRmOkRlc2NyaXB0aW9uPjwvcmRmOlJERj48L3g6eG1wbWV0YT4NCjw/eHBhY2tldCBlbmQ9J3cnPz4slJgLAAACPUlEQVR4Xu3c0U0jQQwA0OUqoZSkq/xF+aOMdMKWQid3H5FRYsWa2cRwp+M9aYWy45kd9sc2A7ycz+ffCwA86Ve+AQCPeIkO5eMjDwHA2Ovr5asOBYAWEgoALSQUAFpIKAC0kFAAaCGhANBCQgGghYQCQAsJBYAWEgoALSQUAFr4X15MOR7znVunU77ztWI/Xc/tXg9+Ev/LC4BWOhSmRAW/273loWVZlmVdD8vyjRV+3s9+f3n+o7rXg59EhwJAKx0KU2bPUN7fbyv8al7VyczGVx3F1rOQrc/Lctysar2Q163iR3ExPnoveV6o4uGaDgWAVjoUpuSOIBudoUTnEnJ8rqBn42M/eTx3SiN5vVCtW42PzH6fufMKVfzse8nPz59H68M9OhQAWulQmJIr31w5V+PVz+ZDrqTz/Cwq6IgPucKu5ldG+8/3w2g8G8VX44++x9nPI3k/cE2HAkArCYUvcTxertPpcu12bzfXVrHefn+4qZJjvWr8XxPvY10Py7oePvcdV/bse4x5I3ndfMEMCQWAFs5QmHKver5WnWGM5kX1O4rP6+ezgDx/piq/p5o/u6+t3VH1W1XV91WJ+Gp+iHXy+Gj9/D7gmjMUAFrpUNgkV9RZrojD1nlVfBU3e39WNX92X5XZTmDr80PEV/NDNT67PlzToQDQSocCf4FOgP+JDgWAVjoUAJ6iQwGglYQCQAsJBYAWEgoALSQUAFpIKAC0kFAAaCGhANBCQgGgxedfygPAM3QoALT4AzrxVTBfv22sAAAAAElFTkSuQmCC'); border-color: rgba(0,0,0,0.12); box-shadow: 0 4px 12px rgba(0,0,0,0.28) inset; color: #111; }

/* Ensure Button4 stays clearly interactive */
#Button4 { cursor: pointer; }
#Button4.Button4_click { outline: 2px solid rgba(0,0,0,0.06); }

/* Keep the escBackdrop behavior as-is (viewport tint) */
#escBackdrop {
  position: absolute;
  width: 866px;
  height: 480px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99800;
  pointer-events: none;
  display: none;
  background: linear-gradient(180deg,
              rgba(0,0,0,0.14) 0%,
              rgba(0,0,0,0.26) 50%,
              rgba(0,0,0,0.36) 100%);
  box-shadow: inset 0 10px 60px rgba(0,0,0,0.24);
  border-radius: 0;
}
#escBackdrop.active { display: block; }