/* Oprawa wyłącznie ekranu głównego: krajobraz, szyld i kute przyciski. */
.main-scene { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.menu-ambient { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.menu-landscape { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 78% center; }
.main-scene::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 45% 50%, transparent 35%, #06122a40 85%, #06122a99), linear-gradient(90deg, #0a1a3a55, transparent 70%);
}
.menu-atmosphere {
  position: absolute; inset: -5%; opacity: .32;
  background: radial-gradient(ellipse at 70% 72%, #c2d5b71a, transparent 45%);
  animation: menu-mist 18s ease-in-out infinite alternate;
}
.main-menu {
  position: relative; z-index: 1; max-width: 620px; padding: 0 38px 22px;
  margin-right: 28%; background: transparent; border: 0; border-radius: 0; box-shadow: none;
}
.orcfall-logo { width: calc(100% + 100px); margin: 0 -50px 22px; line-height: 0; filter: drop-shadow(0 9px 5px #0009) drop-shadow(0 0 35px #e6c07918); }
.orcfall-logo img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; } /* wysokość znana przed załadowaniem: menu nie podskakuje */
.main-menu .menu-col { max-width: 320px; margin: auto; gap: 13px; }
.main-menu .btn {
  position: relative; min-height: 54px; border: 2px solid #907047; border-radius: 3px;
  color: #e3d5b6; font: bold 19px Georgia, serif; letter-spacing: .7px;
  background: linear-gradient(90deg, #0005, transparent 18%, transparent 82%, #0005), linear-gradient(#3d3930, #262922 48%, #19211e 51%, #242a23);
  box-shadow: inset 0 0 0 2px #101a17, inset 0 4px 0 #eed59b15, 0 4px 0 #07100e, 0 7px 15px #0006;
  text-shadow: 0 2px 2px #000;
  transition: border-color .18s, color .18s, filter .18s;
}
.main-menu .btn::before, .main-menu .btn::after {
  content: '◆'; position: absolute; top: 50%; transform: translateY(-50%); font-size: 9px; color: #a88a56;
}
.main-menu .btn::before { left: 13px; }
.main-menu .btn::after { right: 13px; }
.main-menu .btn.accent {
  color: #ffe6a6; border-color: #c5a061;
  background: linear-gradient(90deg, #0004, transparent 20%, transparent 80%, #0004), linear-gradient(#6a5330, #493b24 48%, #322c1d 51%, #423820);
}
.main-menu .btn:hover, .main-menu .btn:focus-visible { border-color: #f5d395; color: #fff0c8; filter: brightness(1.2); outline: 2px solid #e9c47c66; outline-offset: 4px; }
.main-menu .btn:active { transform: translateY(2px); }
.main-menu .menu-ver { min-height: 1.3em; color: #b6b7a0; font-size: 11px; letter-spacing: 2px; margin-top: 28px; text-shadow: 0 2px 3px #000; }
@keyframes menu-mist { to { transform: translateX(4%); opacity: .65; } }
@media (max-width: 760px) {
  .main-menu { margin-right: 0; padding: 0 24px 20px; max-width: 530px; }
  .orcfall-logo { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }
  .main-scene::after { background: #0a1a3a44; }
}
@media (max-height: 580px) {
  .main-menu { padding-bottom: 0; }
  .orcfall-logo { max-width: 410px; margin: 0 auto 6px; }
  .main-menu .menu-col { gap: 8px; }
  .main-menu .btn { min-height: 42px; padding: 7px; }
  .main-menu .menu-ver { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) { .menu-atmosphere { animation: none; } }