/* v60: semantic Generated runtime backgrounds; inactive screens remain hidden. */
:root {
  --concept-menu-bg: url('/assets/Generated/Backgrounds/Exteriors/main_menu_background_v01.png');
  --concept-world-bg: url('/assets/Generated/Backgrounds/Maps/world_map_empty_v01.png');
  --concept-burger-map-bg: url('/assets/New%20Images/burger%20shop%20level%20referenz.png');
}

.ui-remake-v52 .menu-screen,
.ui-remake-v52 .splash-screen {
  background-image: linear-gradient(90deg, rgba(16,8,2,.44), rgba(16,8,2,.05)), var(--concept-menu-bg) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.ui-remake-v52 .world-map-screen {
  background-image: var(--concept-world-bg) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  color: #fff6d8 !important;
  padding: 0 !important;
}

.ui-remake-v52 .level-map-screen {
  background-image: var(--concept-burger-map-bg) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 0 !important;
}

.ui-remake-v52 .world-map-screen:not(.screen-active),
.ui-remake-v52 .level-map-screen:not(.screen-active) { display: none !important; }
.ui-remake-v52 .world-map-screen.screen-active,
.ui-remake-v52 .level-map-screen.screen-active { display: block !important; }

.ui-remake-v52 .world-map-screen::before,
.ui-remake-v52 .world-map-screen::after,
.ui-remake-v52 .level-map-screen::before,
.ui-remake-v52 .level-map-screen::after,
.ui-remake-v52 .world-map-title,
.ui-remake-v52 .world-map-hint { display: none !important; content: none !important; }

.ui-remake-v52 .restaurant-map-pins {
  position: absolute !important;
  inset: 0 !important;
  z-index: 24 !important;
}

.ui-remake-v52 .restaurant-pin {
  position: absolute !important;
  left: var(--x) !important;
  top: var(--y) !important;
  width: var(--w) !important;
  aspect-ratio: 1 / 1 !important;
  transform: translate(-50%, -50%) !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: transform .16s ease, filter .16s ease, outline .16s ease !important;
}

.ui-remake-v52 .restaurant-pin .restaurant-art {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
}

.ui-remake-v52 .restaurant-pin .restaurant-art img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 14px 10px rgba(0,0,0,.28));
}

.ui-remake-v52 .restaurant-pin[aria-disabled="true"] { opacity: .78; }
.ui-remake-v52 .restaurant-pin[aria-disabled="true"] .restaurant-art img { filter: grayscale(.82) brightness(.68) drop-shadow(0 14px 10px rgba(0,0,0,.28)) !important; }

.ui-remake-v52 .restaurant-selected .restaurant-art img,
.ui-remake-v52 .restaurant-pin[aria-disabled="false"]:hover .restaurant-art img,
.ui-remake-v52 .restaurant-pin[aria-disabled="false"]:focus-visible .restaurant-art img {
  filter: drop-shadow(0 0 24px rgba(255,217,72,.94)) drop-shadow(0 14px 10px rgba(0,0,0,.28)) !important;
}

.ui-remake-v52 .restaurant-selected,
.ui-remake-v52 .restaurant-pin[aria-disabled="false"]:hover,
.ui-remake-v52 .restaurant-pin[aria-disabled="false"]:focus-visible {
  transform: translate(-50%, -54%) scale(1.055) !important;
  outline: 6px solid rgba(255,255,255,.68) !important;
}

.ui-remake-v52 .restaurant-name,
.ui-remake-v52 .restaurant-pin small {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  border-radius: 999px;
  font-weight: 1000;
  text-shadow: 0 2px 0 #431506;
  background: linear-gradient(#8a3c17, #321105);
  border: 3px solid #f6b843;
  color: #fff;
  padding: 3px 9px;
}

.ui-remake-v52 .restaurant-name { bottom: -10%; font-size: clamp(10px, 1.2vw, 16px); }
.ui-remake-v52 .restaurant-pin small { top: -10%; font-size: clamp(9px, 1vw, 14px); }

.ui-remake-v52 .world-back-button,
.ui-remake-v52 .level-map-screen #btnCloseLevelMap {
  position: absolute !important;
  z-index: 30 !important;
  left: 2.5% !important;
  min-width: 10% !important;
  min-height: 8.5% !important;
  border: 5px solid #842d0d !important;
  border-radius: 999px !important;
  background: linear-gradient(#ffe76b, #f49b17) !important;
  color: #fff !important;
  text-shadow: 0 3px 0 #70220a !important;
  box-shadow: 0 6px 0 #4d1807, 0 0 0 3px #fff0a5 inset !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}
.ui-remake-v52 .world-back-button { top: 3.2% !important; }
.ui-remake-v52 .level-map-screen #btnCloseLevelMap { bottom: 3.5% !important; }

.ui-remake-v52 .restaurant-popover {
  position: absolute;
  z-index: 38;
  right: 4.2%;
  bottom: 7.5%;
  width: min(35vw, 460px);
  min-height: 26%;
  display: grid;
  grid-template-columns: 34% 1fr;
  gap: 4%;
  align-items: center;
  padding: 1.3% 1.5%;
  border-radius: 28px;
  border: 5px solid #7b2a0d;
  background: linear-gradient(160deg, rgba(93,38,12,.94), rgba(37,14,5,.94));
  box-shadow: 0 18px 36px rgba(0,0,0,.34), inset 0 0 0 3px rgba(255,219,107,.26);
}

.ui-remake-v52 .restaurant-popover-art img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  filter: drop-shadow(0 14px 14px rgba(0,0,0,.34));
}

.ui-remake-v52 .restaurant-popover-copy { display: grid; gap: .35rem; }
.ui-remake-v52 .restaurant-popover-copy small { color: #ffd36e; font-weight: 1000; text-transform: uppercase; letter-spacing: .06em; }
.ui-remake-v52 .restaurant-popover-copy strong { font-size: clamp(22px, 2.8vw, 38px); line-height: .98; color: #fff7d6; text-shadow: 0 4px 0 #4b1606; }
.ui-remake-v52 .restaurant-popover-copy span,
.ui-remake-v52 .restaurant-popover-copy em { color: #f7dca4; font-style: normal; font-weight: 700; }

.ui-remake-v52 .restaurant-popover-action {
  grid-column: 1 / -1;
  min-height: 52px;
  border-radius: 18px;
  background: linear-gradient(#ffe36d, #f29a19);
  color: #3c1607;
  font-weight: 1000;
  text-shadow: 0 1px 0 rgba(255,255,255,.55);
  box-shadow: 0 6px 0 #722406;
}
.ui-remake-v52 .restaurant-popover-action:disabled { filter: grayscale(.65) brightness(.82); cursor: default; }
.ui-remake-v52 .restaurant-popover-close { position: absolute; right: 12px; top: 10px; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,234,150,.18); border: 2px solid rgba(255,230,120,.7); font-weight: 1000; }
.ui-remake-v52 .restaurant-popover-locked { filter: saturate(.9); }

.ui-remake-v52 .level-map-screen .top-bar,
.ui-remake-v52 .level-map-screen .map-panel > h2,
.ui-remake-v52 .level-map-screen .map-panel > p { display: none !important; }

.ui-remake-v52 .level-map-screen .map-panel {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.ui-remake-v52 .level-map-screen .level-grid {
  position: absolute !important;
  left: 30.2% !important;
  top: 31.7% !important;
  width: 56.8% !important;
  height: 42.6% !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  grid-template-rows: repeat(2, 1fr) !important;
  gap: 12.5% 5.5% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.ui-remake-v52 .level-map-screen .level-node {
  min-width: 0 !important;
  min-height: 0 !important;
  border: 3px solid rgba(255,255,255,.22) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  text-shadow: 0 2px 0 #6d270c !important;
  box-shadow: none !important;
}
.ui-remake-v52 .level-map-screen .level-node.selected {
  border-color: rgba(255, 225, 92, .96) !important;
  background: rgba(255, 199, 50, .34) !important;
  box-shadow: 0 0 28px rgba(255, 216, 74, .65) !important;
}
.ui-remake-v52 .level-map-screen .level-node span,
.ui-remake-v52 .level-map-screen .level-node small,
.ui-remake-v52 .level-map-screen .level-node .world-badge,
.ui-remake-v52 .level-map-screen .level-stars { display: none !important; }
.ui-remake-v52 .level-map-screen .level-node strong { font-size: clamp(22px, 4vw, 56px) !important; }

.ui-remake-v52 .level-map-playbar {
  position: absolute;
  z-index: 34;
  right: 4%;
  bottom: 4%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(85, 35, 10, .92), rgba(38, 14, 4, .96));
  border: 4px solid #f5b43e;
  box-shadow: 0 12px 24px rgba(0,0,0,.32);
}
.ui-remake-v52 .level-map-playbar strong { color: #fff4ce; text-shadow: 0 2px 0 #5f1c07; }
.ui-remake-v52 .level-map-playbar button { min-width: 160px; min-height: 54px; }

@media (max-width: 720px) {
  .ui-remake-v52 .restaurant-name { display: none; }
  .ui-remake-v52 .restaurant-popover { left: 6%; right: 6%; bottom: 5%; width: auto; }
}