/* BlackApp Passport — Universal Access ID */
.universe-id-section{margin-top:18px;display:grid;gap:10px}.universe-id-label{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 2px}.universe-id-label>span{font-size:10px;font-weight:900;letter-spacing:.16em;color:rgba(164,205,255,.82)}.universe-id-label small{color:var(--passport-muted);font-size:11px;text-align:right}
.universe-id-card{position:relative;isolation:isolate;width:min(520px,100%);aspect-ratio:1.586/1;overflow:hidden;border-radius:24px;border:1px solid rgba(112,199,255,.34);background:radial-gradient(circle at 82% 10%,rgba(92,229,255,.16),transparent 27%),linear-gradient(145deg,#0b1a2b 0%,#07111d 48%,#05090f 100%);box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(92,229,255,.03);padding:20px;color:#f8fbff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.universe-id-card:hover{transform:translateY(-2px);border-color:rgba(144,215,255,.5);box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(92,229,255,.06)}
.universe-id-card:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(92,229,255,.14),0 30px 80px rgba(0,0,0,.4)}
.universe-id-grid{position:absolute;inset:0;z-index:-3;opacity:.4;background:linear-gradient(rgba(92,229,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,229,255,.035) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(110deg,#000 20%,transparent 88%)}.universe-id-halo{position:absolute;left:50%;top:56%;z-index:-1;width:56%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(92,229,255,.14);box-shadow:0 0 0 18px rgba(92,229,255,.022),0 0 0 38px rgba(92,229,255,.016)}
.universe-id-emblem{position:absolute;left:50%;top:56%;z-index:-2;width:40%;max-width:245px;aspect-ratio:1;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%);opacity:.14;mix-blend-mode:screen;filter:saturate(0) brightness(1.14) contrast(1.2) drop-shadow(0 0 18px rgba(92,229,255,.06))}.universe-id-emblem img{width:100%;height:100%;object-fit:contain;border-radius:50%;mix-blend-mode:screen;filter:brightness(1.35) contrast(1.3)}
.universe-id-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.universe-id-realm,.universe-id-type{display:block}.universe-id-realm{font-size:13px;font-weight:950;letter-spacing:.15em}.universe-id-type{margin-top:3px;font-size:8px;font-weight:850;letter-spacing:.19em;color:rgba(174,220,255,.68)}.universe-id-star-wrap{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.045)}.universe-id-star{font-size:15px;line-height:1;color:#fff;text-shadow:0 0 12px currentColor}.universe-id-star-wrap>span:last-child{font-size:7px;font-weight:900;letter-spacing:.11em;color:rgba(255,255,255,.7)}
.universe-id-body{display:grid;grid-template-columns:30% minmax(86px,1fr) 38%;grid-template-rows:minmax(112px,1fr) auto;column-gap:12px;row-gap:10px;align-items:stretch;margin-top:14px;padding-bottom:31px}.universe-id-photo-shell{grid-column:1;grid-row:1;position:relative;overflow:hidden;min-width:0;min-height:112px;border-radius:17px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(92,229,255,.12),rgba(141,117,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.universe-id-photo-shell img,.universe-id-photo-fallback{position:absolute;inset:0;width:100%;height:100%}.universe-id-photo-shell img {
    display: none;
    object-fit: cover;
    object-position: center 22%;
    background: transparent;
    padding: 0;
    transform: scale(0.86);
  }.universe-id-photo-shell.has-photo img{display:block}.universe-id-photo-shell.has-photo .universe-id-photo-fallback{display:none}.universe-id-photo-fallback{display:grid;place-items:center;font-size:38px;color:rgba(189,238,255,.62)}.universe-id-photo-scan{position:absolute;left:8px;right:8px;top:12%;height:1px;background:rgba(92,229,255,.65);box-shadow:0 0 11px rgba(92,229,255,.72);animation:universeIdScan 3.2s ease-in-out infinite alternate}@keyframes universeIdScan{to{transform:translateY(104px)}}
.universe-id-data{display:contents}.universe-id-field-label{display:block;margin-bottom:4px;font-size:7px;font-weight:900;letter-spacing:.13em;color:rgba(166,209,244,.55)}.universe-id-field-label em{font-style:normal;font-size:6px;color:rgba(255,255,255,.31)}.universe-id-primary{grid-column:1;grid-row:2;min-width:0;align-self:start;text-align:left;padding-top:1px}.universe-id-primary strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,2vw,18px);line-height:1.03;letter-spacing:-.025em}.universe-id-handle{display:block;margin-top:4px;color:#91dfff;font-size:9px;font-weight:750}.universe-id-fields{grid-column:3;grid-row:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;align-self:start;min-width:0;padding-top:1px}.universe-id-fields strong,.universe-id-dob-button{font-size:8.5px;font-weight:850;letter-spacing:.035em}.universe-id-dob-button{appearance:none;-webkit-appearance:none;padding:0;border:0;background:transparent;color:#a9dcff;cursor:pointer;text-align:left}.universe-id-dob-button:hover{text-decoration:underline}
.universe-id-footer{position:absolute;left:20px;right:20px;bottom:15px;display:grid;grid-template-columns:1.1fr 1fr auto;gap:8px;align-items:center;padding-top:9px;border-top:1px solid rgba(255,255,255,.08);font-size:6.5px;font-weight:800;letter-spacing:.09em;color:rgba(222,237,250,.49)}.universe-id-footer b{color:#dff7ff}.universe-id-verification{color:rgba(102,237,179,.82)}.universe-id-not-government{text-align:right;color:rgba(255,255,255,.31)}
.universe-id-dob-back,.universe-id-focus-back{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:18px;background:rgba(0,3,8,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.universe-id-dob-modal{position:relative;width:min(430px,100%);padding:22px;border:1px solid rgba(92,229,255,.22);border-radius:24px;background:linear-gradient(180deg,rgba(9,16,28,.99),rgba(4,8,15,.99));box-shadow:0 34px 100px rgba(0,0,0,.58)}.universe-id-dob-modal .modal-close{position:absolute;right:14px;top:14px}.universe-id-dob-modal h2{padding-right:44px}.universe-id-dob-field{display:grid;gap:8px;margin:18px 0}.universe-id-dob-field>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:rgba(195,230,255,.82)}.universe-id-dob-field input{width:100%;min-height:48px;padding:12px 13px;border:1px solid rgba(133,204,255,.18);border-radius:14px;outline:none;background:rgba(255,255,255,.055);color:#fff;color-scheme:dark}.universe-id-dob-status{min-height:18px;margin-bottom:10px;font-size:11px;color:var(--passport-muted)}.universe-id-dob-modal .button-row>*{flex:1}
.universe-id-focus-modal{position:relative;width:min(1140px,100%);margin:2vh auto;padding:22px;border:1px solid rgba(92,229,255,.26);border-radius:30px;background:linear-gradient(180deg,rgba(7,14,24,.98),rgba(3,8,15,.98));box-shadow:0 38px 110px rgba(0,0,0,.62)}.universe-id-focus-modal>.modal-close{position:absolute;top:16px;right:16px;z-index:4}.universe-id-focus-shell{display:grid;grid-template-columns:minmax(340px,520px) 1fr;gap:22px;align-items:start}.universe-id-focus-card-host{display:grid;justify-items:start;margin-top:14px}.universe-id-focus-card-host .universe-id-card{width:min(520px,100%);transform:none;cursor:default}.universe-id-focus-card-host .universe-id-dob-button{pointer-events:none;text-decoration:none}
.universe-id-focus-secondary{padding:8px 0}.universe-id-focus-secondary h2{margin-bottom:6px}.universe-id-focus-tickets{display:grid;gap:14px;margin-top:16px;max-height:70vh;overflow:auto;padding-right:4px}.universe-id-focus-ticket{display:grid;grid-template-columns:150px 1fr 154px;gap:14px;align-items:center;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.universe-id-focus-flyer{width:150px;height:150px;border-radius:18px;background:linear-gradient(135deg,rgba(82,170,255,.2),rgba(127,92,255,.12));background-size:cover;background-position:center}.universe-id-focus-copy strong{display:block;font-size:18px;line-height:1.08}.universe-id-focus-copy p{margin:6px 0 0;color:var(--passport-muted);font-size:13px;line-height:1.4}.universe-id-focus-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.universe-id-focus-meta span{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:10px;font-weight:800;color:rgba(225,240,255,.8)}.universe-id-focus-qr{width:154px;height:154px;padding:10px;border-radius:20px;background:#fff}.universe-id-focus-qr img{width:100%;height:100%;object-fit:contain}.universe-id-focus-empty{padding:22px;border-radius:22px;border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:var(--passport-muted)}
@media(max-width:920px){.universe-id-focus-shell{grid-template-columns:1fr}.universe-id-focus-primary,.universe-id-focus-secondary{width:100%}.universe-id-focus-ticket{grid-template-columns:120px 1fr}.universe-id-focus-qr{grid-column:1/-1;width:140px;height:140px;justify-self:end}}
@media(max-width:720px){.universe-id-label small{display:none}.universe-id-card{width:100%;max-width:520px;padding:16px;border-radius:21px}.universe-id-body{gap:13px;margin-top:12px}.universe-id-realm{font-size:11px}.universe-id-primary strong{font-size:20px}.universe-id-footer{left:16px;right:16px;bottom:12px}.universe-id-star-wrap>span:last-child{display:none}.universe-id-photo-scan{animation:none}.universe-id-focus-modal{padding:16px;border-radius:24px}.universe-id-focus-ticket{grid-template-columns:1fr}.universe-id-focus-flyer{width:100%;height:180px}.universe-id-focus-qr{justify-self:start}}
@media(max-width:430px){.universe-id-card{padding:14px;border-radius:19px}.universe-id-body{grid-template-columns:34% 1fr;gap:11px;margin-top:10px}.universe-id-photo-shell{border-radius:14px}.universe-id-primary strong{font-size:17px}.universe-id-handle{font-size:9px}.universe-id-fields{gap:7px}.universe-id-fields strong,.universe-id-dob-button{font-size:8px}.universe-id-footer{left:14px;right:14px;bottom:10px;font-size:5.5px}.universe-id-not-government{display:none}.universe-id-focus-back{padding:10px}.universe-id-focus-modal{padding:14px}}

/* =====================================================
   Universal Access ID — two-tier credential composition
   Photo on its own row; identity text below on both sides
   of the centered BlackApp emblem.
   ===================================================== */

.universe-id-primary,
.universe-id-fields {
  position: relative;
  z-index: 2;
}

.universe-id-primary::before,
.universe-id-fields::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, rgba(92,229,255,.55), transparent);
}

.universe-id-fields::before {
  width: 44px;
}

.universe-id-fields > div {
  min-width: 0;
  text-align: left;
}

.universe-id-fields strong,
.universe-id-dob-button {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Keep the emblem visually centered between the lower text groups. */
.universe-id-emblem,
.universe-id-halo {
  left: 56%;
  top: 57%;
}

/* Preserve the approved portrait treatment exactly. */
.universe-id-photo-shell img {
  display: none;
  object-fit: cover;
  object-position: center 22%;
  background: transparent;
  padding: 0;
  transform: scale(0.86);
}

/* Give the upper-right area a subtle credential texture so the card
   stays visually substantial without adding unnecessary personal data. */
.universe-id-body::after {
  content: "BLACKAPP DIGITAL CREDENTIAL  •  VERIFIED MEMBER";
  grid-column: 2 / 4;
  grid-row: 1;
  align-self: end;
  justify-self: end;
  max-width: 92%;
  padding: 0 2px 8px 0;
  color: rgba(190,226,249,.30);
  font-size: 6.5px;
  font-weight: 850;
  letter-spacing: .16em;
  text-align: right;
  line-height: 1.5;
  pointer-events: none;
}

@media (max-width: 720px) {
  .universe-id-body {
    grid-template-columns: 31% minmax(62px,1fr) 39%;
    grid-template-rows: minmax(100px,1fr) auto;
    column-gap: 9px;
    row-gap: 9px;
    margin-top: 12px;
    padding-bottom: 29px;
  }

  .universe-id-photo-shell {
    min-height: 100px;
  }

  .universe-id-primary strong {
    font-size: 13px;
  }

  .universe-id-handle {
    font-size: 7.5px;
  }

  .universe-id-fields {
    grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
    gap: 7px;
  }

  .universe-id-fields strong,
  .universe-id-dob-button {
    font-size: 6.8px;
  }

  .universe-id-body::after {
    font-size: 5.6px;
    letter-spacing: .13em;
  }
}

@media (max-width: 430px) {
  .universe-id-body {
    grid-template-columns: 32% minmax(46px,1fr) 41%;
    grid-template-rows: minmax(88px,1fr) auto;
    column-gap: 7px;
    row-gap: 8px;
    margin-top: 10px;
    padding-bottom: 26px;
  }

  .universe-id-photo-shell {
    min-height: 88px;
    border-radius: 14px;
  }

  .universe-id-primary strong {
    font-size: 11.5px;
  }

  .universe-id-handle {
    font-size: 6.6px;
  }

  .universe-id-fields {
    gap: 5px;
  }

  .universe-id-fields strong,
  .universe-id-dob-button {
    font-size: 5.9px;
  }

  .universe-id-field-label {
    font-size: 5.5px;
  }

  .universe-id-body::after {
    font-size: 4.8px;
    letter-spacing: .10em;
    padding-bottom: 5px;
  }

  .universe-id-emblem,
  .universe-id-halo {
    left: 56%;
  }
}