/* Titulná scéna: džungľová svätyňa, nie obyčajný formulár nad pozadím. */
body #menu {
  position: absolute;
  inset: 0;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: clamp(24px, 6vh, 54px) 18px;
  background:
    radial-gradient(ellipse 48% 34% at 50% 16%, #d6ba6a26 0%, transparent 70%),
    linear-gradient(90deg, #06100bec 0%, #0c1c11a6 24%, #0c1c1170 76%, #06100bec 100%),
    linear-gradient(180deg, #07100ad9 0%, #07100a4d 42%, #050b09d9 100%),
    url('/obrazky/pozadie-menu.jpg') center / cover;
}
body #menu[hidden] { display: none; }
body #menu::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  opacity: .72;
  background:
    linear-gradient(90deg, transparent 0 14%, #b4975542 14.2% 14.45%, transparent 14.7% 85.3%, #b4975542 85.55% 85.8%, transparent 86%),
    linear-gradient(180deg, #d9bd7040, transparent 20%, transparent 82%, #050a08ba);
  mask-image: linear-gradient(90deg, #000 0 21%, transparent 42% 58%, #000 79% 100%);
}
body #menu::after {
  content: ''; position: absolute; width: min(31rem, 90vw); height: min(31rem, 90vw);
  left: 50%; top: 45%; transform: translate(-50%, -50%); pointer-events: none;
  border: 1px solid #d8b25c43; border-radius: 50%;
  box-shadow: 0 0 0 13px #d8b25c0a, 0 0 64px #d8b25c1c, inset 0 0 50px #d8b25c17;
}
body #menu > * { position: relative; z-index: 1; }
body #erb {
  width: 126px; height: 146px; padding: 7px; box-sizing: border-box;
  border: 1px solid #d8b25c82; border-radius: 48% 48% 42% 42%;
  background: radial-gradient(circle at 50% 36%, #d8b25c35, #09140ec9 67%);
  box-shadow: 0 0 0 5px #08110bd1, 0 0 0 6px #c8a9564f, 0 0 35px #d8b25c3b;
}
body #menu h1 {
  margin-top: 15px; color: #f4dda0; -webkit-text-fill-color: #f4dda0; background: none;
  font-size: clamp(31px, 8vw, 43px); letter-spacing: .2em;
  text-shadow: 0 2px 3px #050b07, 0 0 28px #d8b25c69;
}
body #menu > p { color: #e0e5d5; text-shadow: 0 2px 4px #050b07; }
body #menupodtitul { max-width: 22rem; color: #cbd8be; }
body #menubest { color: #f2d68c; }
body #rezimy {
  margin-top: 22px; padding: 11px; box-sizing: border-box;
  border: 1px solid #d5b76455; border-radius: 18px 18px 10px 10px;
  background: linear-gradient(140deg, #273b29df, #112218e8);
  box-shadow: 0 14px 35px #00000080, inset 0 1px #e6cc8133;
}
body #rezimy::before {
  content: 'CHOOSE YOUR PATH'; align-self: center;
  margin: -2px 0 3px; color: #d8b25c; font-size: 9px; font-weight: 800;
  letter-spacing: .24em;
}
body .rezim { min-height: 62px; border: 1px solid #bca45b52; border-radius: 10px; }
body .rezim:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.16); }
body #play { background: #b8953e; box-shadow: 0 4px 0 #423314, 0 10px 18px #00000058; }
body #play::before { background: linear-gradient(135deg, #56451d, #28391d 58%, #132316); }
body #play svg, body #play span { color: #ffe8a9; }
body #playdaily { background: #78915d; }
body #playdaily::before { background: linear-gradient(135deg, #304d2d, #1a2b1c); }
body #playdaily svg, body #playdaily span { color: #ddefc5; }
body #playversus { background: #5d6873; }
body #vedlajsie { margin-top: 12px; }
body #vedlajsie button { border: 1px solid #c4a95c4f; background: #1a2c20ed; box-shadow: inset 0 1px #e8d38d24; }
body #vedlajsie button:hover { background: #29402c; }
body .prekrytie:not(#menu) {
  background: linear-gradient(#0b120de8, #0b120ded), url('/obrazky/pozadie-menu.jpg') center / cover;
}
body #hud, body #panel { border-color: #c3a76870; }
body button:focus-visible { outline: 2px solid #f2d68c; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { animation: none !important; transition: none !important; }
}