/* Стартовый экран демо-стенда: выбор участника = приложить бейдж (считывателя тут нет).
   Стили ожидания бейджа ниже — для боевого пути, когда экран вернут на считыватель. */

.pick-title { position: absolute; left: 56px; top: 250px; width: 728px; text-align: left;
  font-weight: 700; font-size: 52px; line-height: 1.18; color: #fff; }
.pick-sub { position: absolute; left: 56px; top: 330px; width: 968px; text-align: left;
  font-weight: 400; font-size: 26px; line-height: 1.18; color: #90d9f4; }

.pick-list { position: absolute; left: 56px; top: 410px; width: 968px; bottom: 560px;
  overflow-y: auto; display: flex; flex-direction: column; gap: 16px; color: rgba(255,255,255,0.7);
  scrollbar-width: none; -ms-overflow-style: none;
  mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent 100%); }
.pick-list::-webkit-scrollbar { width: 0; height: 0; }

.pick-item { flex: 0 0 auto; background: rgba(255,255,255,0.07); border: 1.5px solid rgba(144,217,244,0.25);
  border-radius: 16px; padding: 22px 28px; cursor: pointer; transition: background .12s, border-color .12s; }
.pick-item:hover { background: rgba(144,217,244,0.12); border-color: rgba(144,217,244,0.5); }
.pick-fio { font-weight: 600; font-size: 32px; line-height: 1.2; color: #fff; }
.pick-meta { margin-top: 8px; font-weight: 400; font-size: 22px; line-height: 1.2; color: rgba(255,255,255,0.6); }

.reader-pulse { position:absolute; left:390px; top:700px; width:300px; height:300px; border:2px solid rgba(144,217,244,.5); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.reader-pulse:before,.reader-pulse:after { content:""; position:absolute; border:2px solid rgba(144,217,244,.35); border-radius:50%; animation:pulse 2s infinite; }
.reader-pulse:before { width:210px;height:210px; } .reader-pulse:after { width:120px;height:120px; animation-delay:.5s; }
.reader-pulse span { width:54px;height:54px;border-radius:50%;background:#90d9f4;box-shadow:0 0 32px #90d9f4; }
@keyframes pulse { 0%,100%{opacity:.35;transform:scale(.9)} 50%{opacity:1;transform:scale(1.08)} }
.reader-status,.reader-error { position:absolute; left:110px; top:1080px; width:860px; text-align:center; font-size:30px; line-height:1.35; color:#fff; }
.reader-error { color:#fff; }
.reader-reset { position:absolute; left:260px; top:1240px; width:560px; height:100px; border:0; border-radius:18px; background:#fff; color:#1c558d; font-size:30px; font-weight:600; }
.reader-test { position:absolute; left:220px; top:1430px; width:640px; padding:24px; border:1px dashed rgba(255,255,255,.35); border-radius:16px; }
.reader-test input,.reader-test button { height:64px; border-radius:10px; border:0; font-size:22px; padding:0 18px; }
.reader-test input { width:180px; } .reader-test button { margin-left:12px; background:#90d9f4; color:#15263f; }