/* Reference-derived azalea event artwork. Only the live screen uses this theme. */
.publication-control .info-note { margin-bottom: 18px; }
.publication-control .hint { margin-bottom: 16px; }
.publication-control .wide + .wide { margin-top: 12px; }
.history-publication { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; font-size: 12px; color: #637a63; }
@media (max-width: 760px) { .history-publication { flex-wrap: wrap; } }
.screen-page {
  color: #193f78;
  background: #d8edfb url('/assets/screen-background-azalea-v1.png') center bottom / cover no-repeat fixed;
  min-height: 100svh;
  padding-bottom: clamp(130px, 19vh, 260px);
}
.screen-header {
  position: relative;
  min-height: 90px;
  padding: 25px 5vw;
  justify-content: center;
  border-bottom: 1px solid #2958a021;
  background: #ffffff0a;
}
.screen-header .brand { position: absolute; left: 4vw; color: #19447f; font-size: 16px; }
.screen-header .brand-mark { background: #194f93; color: white; box-shadow: 0 2px 8px #346ba51a; }
.screen-event { max-width: 67%; padding: 0; border: 0; font-size: clamp(18px, 2.1vw, 34px); font-weight: 700; color: #123d83; letter-spacing: 1px; text-align: center; text-shadow: 0 1px 1px #ffffffb3; }
.screen-header .fullscreen { position: absolute; right: 4vw; color: #234d80; }
.screen-main { padding: 24px 7vw 20px; max-width: 1920px; }
.screen-eyebrow { margin-bottom: 22px; color: #2b5791; letter-spacing: 2px; font-weight: 600; }
.screen-title-row { padding-bottom: 20px; border-color: #3169a52b; }
.screen-participant { color: #274a7a; font-size: clamp(16px, 1.6vw, 24px); font-weight: 600; }
.screen-title-row h1 { color: #143d87; font-size: clamp(42px, 5.5vw, 82px); margin: 10px 0; font-weight: 650; text-shadow: 0 2px 0 #ffffff99; }
.screen-title-row p { color: #355b87; }
.screen-title-row p span { color: #6991b8; }
.screen-average { min-width: 230px; }
.screen-average > span { color: #2c5485; font-weight: 600; }
.screen-average strong { color: #143f90; font-size: clamp(62px, 7.5vw, 112px); font-weight: 650; letter-spacing: -3px; text-shadow: 0 2px 0 #ffffff99; }
.screen-average > div { color: #3e6188; margin-top: 3px; }
.screen-section-heading { margin: 20px 0 16px; }
.screen-section-heading > span:first-child { color: #284d80; font-weight: 600; }
.screen-page .badge { color: #365e8a; background: #e3effbcf; border: 1px solid #658eb738; }
.screen-page .badge.live { color: #176d68; background: #edf9f4db; border-color: #70b4a744; }
.screen-judges { gap: 18px; }
.screen-page .judge-card { padding: 19px 15px 17px; background: #ffffffb8; border: 1px solid #ffffffed; border-radius: 12px; box-shadow: 0 5px 20px #2864a509, inset 0 0 0 1px #3d7eb814; backdrop-filter: blur(5px); }
.screen-page .judge-avatar { background: #e8f2fc; color: #4474a7; border-color: #9ab8d76b; margin-bottom: 10px; width: 28px; height: 28px; }
.screen-page .judge-name { color: #234b7e; font-size: 16px; font-weight: 600; }
.screen-page .judge-card strong { color: #174c99; font-size: clamp(33px, 3.2vw, 52px); font-weight: 600; margin: 12px 0 10px; }
.screen-page .judge-card > span { color: #367b79; font-size: 11px; }
.screen-page .judge-card.pending { background: #ffffff8f; }
.screen-page .judge-card.pending strong { color: #7593b3; }
.screen-page .judge-card.pending > span { color: #637f9e; }
.screen-rule { color: #4c6b8d; margin-top: 19px; }
.screen-rule > span { color: #295383; font-weight: 600; }
.screen-footer { padding: 13px 0; margin: 0 30vw; border-top-color: #4b7eb42b; color: #496d95; font-size: 10px; letter-spacing: 0; }
.screen-footer > span:nth-child(2) { display: none; }
.screen-footer i { background: #b07935; }
.screen-footer i.online { background: #16877a; }
.screen-waiting { padding: 5vh 0 7vh; }
.screen-waiting .waiting-ring { color: #215192; border-color: #678db84d; background: #ffffff55; box-shadow: 0 0 0 12px #ffffff22; margin-bottom: 28px; }
.screen-waiting h1 { color: #163f85; font-weight: 600; text-shadow: 0 1px 0 #fff; }
.screen-waiting p { color: #486e9a; }
@media (min-width: 1600px) {
  .screen-header { min-height: 108px; }
  .screen-main { padding-top: 30px; }
  .screen-title-row { padding-bottom: 30px; }
  .screen-judges { margin-top: 0; }
  .screen-page .judge-card { padding: 25px 18px; }
}
@media (max-height: 800px) and (min-width: 761px) {
  .screen-page { padding-bottom: 17vh; }
  .screen-header { min-height: 75px; padding: 20px 5vw; }
  .screen-main { padding-top: 12px; padding-bottom: 12px; }
  .screen-eyebrow { margin-bottom: 10px; }
  .publication-context { margin-bottom: 10px; font-size: 10px; }
  .screen-title-row { padding-bottom: 12px; }
  .screen-title-row h1 { font-size: 48px; margin: 8px 0; }
  .screen-average strong { font-size: 62px; }
  .screen-average > span { font-size: 13px; }
  .screen-section-heading { margin: 12px 0 10px; }
  .screen-page .judge-card { padding: 10px 15px; }
  .screen-page .judge-avatar { width: 20px; height: 20px; margin-bottom: 8px; }
  .screen-page .judge-card strong { font-size: 37px; margin: 9px 0; }
  .screen-rule { margin-top: 13px; font-size: 10px; }
  .screen-footer { padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 760px) {
  .screen-page { padding-bottom: 130px; background-size: auto 100svh; }
  .screen-header { min-height: 105px; padding: 50px 20px 17px; }
  .screen-header .brand { left: 22px; top: 16px; font-size: 12px; }
  .screen-header .fullscreen { top: 25px; right: 22px; }
  .screen-event { max-width: 100%; font-size: 19px; line-height: 1.6; }
  .screen-main { padding: 25px; }
  .screen-title-row h1 { font-size: 43px; }
  .screen-average { min-width: 125px; }
  .screen-average strong { font-size: 49px; letter-spacing: -1px; }
  .screen-average > span { font-size: 11px; }
  .screen-average > div { font-size: 9px; }
  .screen-page .judge-card { padding: 18px 13px; }
  .screen-page .judge-card strong { font-size: 37px; }
  .screen-footer { margin: 0 25px; padding: 16px 0; }
}