.citizen-card-wrap{perspective:1200px;width:100%;max-width:520px}.citizen-card-wrap.is-lg{max-width:600px}.citizen-card{--mx:30%;--my:20%;--rx:0deg;--ry:0deg;aspect-ratio:1.586;color:var(--color-text);border:1px solid var(--color-hairline-strong);box-shadow:inset 0 1px 0 #ffffff29,0 30px 60px -24px #000000e6,0 18px 50px -20px var(--color-glow);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .4s var(--ease-ui);background:radial-gradient(120% 90% at 100% 0,#ed273547,#0000 55%),radial-gradient(80% 80% at 0 100%,#ed27351f,#0000 60%),linear-gradient(160deg,#1c1c22,#111114 55%,#0b0b0d);border-radius:22px;grid-template-rows:min-content minmax(min-content,1fr) min-content min-content;gap:clamp(8px,2.4%,14px);padding:clamp(16px,3.2%,24px) clamp(18px,4%,28px);display:grid;position:relative;overflow:clip;container-type:inline-size}.citizen-foil{pointer-events:none;mix-blend-mode:screen;opacity:.55;background:radial-gradient(40% 50% at var(--mx) var(--my),#ffffff29,transparent 70%),repeating-linear-gradient(115deg,transparent 0 14px,#ffffff06 14px 15px),conic-gradient(from 210deg at var(--mx) var(--my),transparent,#ff788214,transparent 30%);position:absolute;inset:0}.citizen-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.citizen-issuer{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(14px,4.2cqi,20px);line-height:1}.citizen-issuer span{font-family:var(--font-body);font-size:clamp(8px,2cqi,10px);font-weight:var(--weight-semibold);letter-spacing:.22em;color:var(--color-accent-text);margin-top:4px;display:block}.citizen-mark{filter:drop-shadow(0 0 10px #ed273566)}.citizen-body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(12px,4cqi,22px);min-height:0;display:grid}.citizen-photo{background:linear-gradient(160deg,#ed2735cc,#ed27351a);border-radius:18px;padding:3px}.citizen-photo .citizen-avatar{border-radius:15px;width:clamp(64px,22cqi,116px);height:clamp(76px,26cqi,136px);font-size:2rem}.citizen-photo .citizen-avatar img{border-radius:15px}.citizen-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,2cqi,12px) clamp(10px,3cqi,18px);min-width:0;margin:0;display:grid}.citizen-fields div{min-width:0}.citizen-fields .citizen-name{grid-column:1/-1}.citizen-fields dt{font-size:clamp(8px,1.9cqi,10px);font-weight:var(--weight-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-subtle)}.citizen-fields dd{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:clamp(11px,2.7cqi,14px);overflow:hidden}.citizen-fields .citizen-name dd{font-family:var(--font-display);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(22px,7.2cqi,38px);line-height:1}.citizen-status{align-items:center;gap:6px;display:inline-flex}.citizen-status>span{background:var(--color-ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #6fd69ab3}.citizen-roles{flex-wrap:wrap;gap:6px;display:flex}.citizen-mrz{border-top:1px solid var(--color-hairline);letter-spacing:.18em;color:var(--color-text-subtle);white-space:nowrap;margin:0;padding-top:8px;font-size:clamp(8px,2.4cqi,12px);line-height:1.5;display:grid;overflow:hidden}@container (width<=24rem){.citizen-fields{grid-template-columns:minmax(0,1fr)}.citizen-fields dd{white-space:normal;overflow-wrap:anywhere;overflow:visible}.citizen-status>span{flex-shrink:0}}@media (width<=420px){.citizen-roles{display:none}}