/* "A new version is online" (jeu/js/update.js): a brass-edged plate at the
   bottom of the screen, above everything. Shared by the site, the classic
   pages and the map: its own colors, whatever the page's */

.sc-update {
  position: fixed;
  z-index: 10000;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  padding: 9px 10px 9px 14px;
  border: 1px solid #8a6d3b;
  background: #15130f;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 238, 190, 0.18);
  color: #d8d8d8;
  font: 12px/1.35 Verdana, Geneva, Tahoma, sans-serif;
}

.sc-update button {
  flex: none;
  border: 1px solid #8a6d3b;
  background: rgba(0, 0, 0, 0.35);
  color: #d8b56a;
  font: bold 12px/1 Verdana, Geneva, Tahoma, sans-serif;
  cursor: pointer;
}
.sc-update button:hover, .sc-update button:focus-visible { border-color: #d8b56a; color: #f3d48c; outline: none; }
.sc-update-reload { padding: 6px 12px; }
.sc-update-close { width: 24px; height: 24px; padding: 0; font-size: 16px; }