/* Upgrader2 45: zaváděcí stránka Brány Coralu (stránka bez ovladače). */
html { -webkit-tap-highlight-color: transparent; background: #0D061D; }
html, body { margin: 0; height: 100%; }
body {
  display: grid; place-items: center; color: #C9B8FF;
  background: radial-gradient(120% 90% at 50% 0%, #34206B 0%, #1A0E38 55%, #0D061D 100%);
  font: 15px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.zavadeci { display: grid; justify-items: center; gap: 18px; }
.zavadeci img { width: clamp(52px, calc(46px + 1.6vw), 68px); height: auto; animation: dech 1.8s ease-in-out infinite; }
.zavadeci span { display: block; width: 120px; height: 3px; border-radius: 3px; overflow: hidden; background: rgba(120, 255, 236, 0.12); }
.zavadeci i { display: block; width: 38%; height: 100%; border-radius: 3px;
  background: linear-gradient(90deg, #78FFEC, #FF1457); animation: jede 1.1s ease-in-out infinite; }
.brana-chyba { margin: 0 0 12px; color: #FF1457; text-align: center; padding: 0 18px; }
a { color: #78FFEC; outline: none; }
a:focus-visible { box-shadow: 0 0 0 3px rgba(255, 20, 87, 0.3); border-radius: 4px; }
body > a { display: block; text-align: center; }
@keyframes jede { 0% { transform: translateX(-110%); } 100% { transform: translateX(290%); } }
@keyframes dech { 0%, 100% { transform: scale(1); opacity: .9; } 50% { transform: scale(1.06); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .zavadeci img { animation: none; } .zavadeci i { animation-duration: 2.4s; } }