/* Einstieg in die Trading-Lounge. Gleiche Form wie der Fabrik-Knopf, eigene
   Farbe -- damit man sofort sieht, dass es zwei verschiedene Orte sind. */
.lounge-entry {
  position: fixed; right: max(14px, env(safe-area-inset-right)); top: 50%;
  z-index: 30; display: grid; justify-items: center; align-content: center; gap: 3px;
  width: 76px; height: 76px; margin-top: 46px; border-radius: 19px;
  color: #e6fbf4; background: #16332c; border: 2px solid #4fbf9b;
  box-shadow: 0 5px 0 #0a1d18, 0 8px 24px #0005;
  text-decoration: none; font: 700 12px/1.2 system-ui; transition: background .15s;
}
.lounge-entry[hidden] { display: none; }
.lounge-entry:hover { background: #1e4b3f; }
.lounge-entry:focus-visible { outline: 3px solid #f6d287; outline-offset: 5px; }
.lounge-entry svg { width: 35px; height: 35px; }

/* Ohne Fabrik-Knopf gibt es keinen Grund, unter der Mitte zu kleben. */
body:not(:has(.factory-entry:not([hidden]))) .lounge-entry { margin-top: -38px; }

@media (min-width: 800px) and (max-width: 1270px) {
  body:has(.lounge-entry:not([hidden])) main { margin-right: 96px; }
}
@media (max-width: 600px) {
  .lounge-entry { width: 58px; height: 58px; right: 8px; margin-top: 34px; border-radius: 15px; font-size: 10px; }
  .lounge-entry svg { width: 26px; height: 26px; }
  body:not(:has(.factory-entry:not([hidden]))) .lounge-entry { margin-top: -29px; }
}