/* Страница обычного эвента (templates/event.html): только то, чего нет
   в стилях Roblox и style.css. */
.ev-winner + .ev-winner { border-top: 1px solid #e3e3e3; margin-top: 12px; padding-top: 12px; }
.ev-winner h3 { margin: 0 0 3px; }
.ev-winner p { margin: 0 0 3px; }
.ev-winner-games { margin-top: 12px; }
.ev-desc { white-space: pre-wrap; }
.tt-quest { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; }
.tt-quest + .tt-quest { border-top: 1px solid #e3e3e3; }
.tt-quest-main { flex: 1; min-width: 0; }
.tt-quest h4, .tt-quest p { margin: 0 0 6px; }
.tt-quest-reward { flex: none; text-align: right; }
.tt-progress { display: block; width: 100%; max-width: 360px; height: 12px; margin: 8px 0; }
@media (max-width: 543px) {
  .tt-quest { align-items: flex-start; flex-direction: column; gap: 8px; }
  .tt-quest-main { width: 100%; }
  .tt-quest-reward { text-align: left; }
}

/* Телефон: аватар маленький и рядом с ником, а не столбиком на весь экран,
   как в профиле. */
@media (max-width: 543px) {
  .ev-winner .jegg-profile-head { align-items: center; flex-direction: row; gap: 12px; text-align: left; }
  .ev-winner .jegg-avatar { flex: none; height: 72px; width: 72px; }
  .ev-winner h3 { font-size: 20px; word-break: break-word; }
  .ev-winner-games { margin-top: 10px; }
}

.hw-game-form { display: grid; gap: 12px; max-width: 560px; }
.hw-game-form label { display: grid; gap: 4px; }
.hw-game-code { white-space: pre-wrap; overflow-wrap: anywhere; padding: 12px; background: #f5f5f5; }