.viewer-join{display:flex;align-items:center;gap:28px;margin-top:24px;padding:28px;border:1px solid #e4d9ff;border-radius:26px;background:linear-gradient(110deg,#fff,#f4f0ff)}.viewer-join h2{margin:0 0 14px;font-size:25px;line-height:1.5}.viewer-join p{margin:0;color:#647087;line-height:1.8;font-size:14px}.viewer-join a{flex:none;padding:17px 22px;border-radius:99px;background:linear-gradient(100deg,#8869e1,#73bce4);color:#fff;text-decoration:none;font-size:13px;font-weight:700}.profile{grid-template-columns:44% 56%;border-radius:28px}.photo{min-height:580px}.photo>img{position:absolute;inset:0;display:block;object-fit:cover;object-position:center}.photo-copy{left:26px;right:115px;bottom:26px}.photo-copy h3{font-size:30px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.photo-age{padding:5px 12px;background:white;color:#23324f;border-radius:99px;font-size:15px}.photo-copy p{letter-spacing:0;font-family:inherit;font-size:13px}.photo .profile-like{position:absolute;bottom:26px;right:20px;width:auto;min-width:80px;padding:13px 16px;border:0;border-radius:99px;background:linear-gradient(100deg,#977cea,#76bcec);color:white;font-size:13px;box-shadow:none}.profile-side{padding:28px;background:#fff}.profile-top{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #eaedf5}.profile-top>span{font-size:16px;color:#9e8bea;flex-shrink:0}.profile-top strong{font-size:20px;color:#23324f;text-align:right}.profile-top small{font-size:11px;color:#8290a9;font-weight:700}.profile-text{margin:25px 0 20px;min-height:140px;font-size:15px;line-height:1.95;overflow-wrap:anywhere}.tags{border-block:1px solid #eaedf5;padding:15px 0;margin:0 0 16px;gap:8px;min-height:54px}.tag{font-size:12px;padding:9px 13px}.rank-panel{display:flex;align-items:center;gap:14px;min-height:196px;padding:16px;border-radius:22px;background:linear-gradient(120deg,#cbb2ef,#a6c9f3 65%,#c7b6f3);color:#fff}.viewer{flex:1;min-width:0;height:162px;margin:0;background:transparent;border-radius:12px}.viewer iframe{opacity:0;transition:opacity .18s}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:white}.rank-copy{flex:1;min-width:0;display:grid;gap:10px}.rank-copy small{font-size:14px}.rank-copy>strong{font-size:clamp(19px,2.3vw,32px);letter-spacing:.07em}.rank-copy>span{font-size:11px}.profile-cta{margin-top:10px;min-height:50px;width:100%;border-radius:99px;font-size:14px;background:linear-gradient(100deg,#9c7ce8,#71bfe2)}.sample-note{margin-top:10px;font-size:10px}.shade{inset:55% 0 0}.profile-label{font-size:12px}[hidden]{display:none!important}
@media(max-width:860px){.viewer-join{padding:22px;display:block}.viewer-join h2{font-size:19px}.viewer-join p{font-size:12px}.viewer-join a{display:block;margin-top:18px;text-align:center}.profile{grid-template-columns:1fr}.photo{min-height:0;aspect-ratio:1}.photo-copy h3{font-size:25px}.photo-age{font-size:13px}.profile-side{padding:21px}.profile-top{align-items:flex-start}.profile-top strong{font-size:17px}.profile-top small{display:block;margin-top:5px;font-size:11px}.profile-text{min-height:0;font-size:13px;line-height:1.9;margin-top:18px}.rank-panel{min-height:150px;padding:12px;gap:8px}.viewer{height:130px}.rank-copy>strong{font-size:21px}.rank-copy small{font-size:12px}.rank-copy>span{font-size:10px}.tag{font-size:11px}.profile-cta{font-size:12px}.photo .profile-like{right:16px;bottom:24px;padding:10px 13px;font-size:12px}}

.rank-panel .viewer iframe{transform:scale(1.5);transform-origin:center}

/* Keep the complete card centered, including wide no-photo profiles. */
.rank-panel .viewer{display:flex;align-items:center;justify-content:center}
.rank-panel .card-anchor{position:relative;width:100%;height:100%;margin:0;touch-action:none}
.rank-panel .card-image{position:relative;inset:auto;flex:none;width:min(70%,180px);aspect-ratio:700/441;height:auto;transform:none;border-radius:10px;box-shadow:0 8px 16px rgba(35,45,90,.16)}
@media(max-width:860px){.rank-panel .card-image{width:min(70%,144px)}}

/* The overlay is the readable identity layer above the card artwork. */
.card-image[data-rank="NORMAL"] .card-image-identity{color:#5d6570!important}
.card-image[data-rank="GOLD"] .card-image-identity{color:#5a4316!important}
.card-image[data-rank="PLATINUM"] .card-image-identity{color:#d4a93a!important}
.card-image[data-rank="DIAMOND"] .card-image-identity{color:#dfe5ff!important}

.photo>img{object-position:50% 35%}.profile-text{white-space:pre-line}.cert-line{font-size:12px;color:#8993a6}.profile.no-photo{grid-template-columns:1fr}.profile.no-photo .photo{min-height:85px;aspect-ratio:auto;background:#f4f0fc}.profile.no-photo .shade{display:none}.profile.no-photo .photo-copy{bottom:16px;color:#49536b}.profile.no-photo .photo-copy h3{font-size:22px}.profile.no-photo .photo-copy p{color:#8e94a2;margin-top:5px}.profile.no-photo .profile-like{bottom:20px}
.profile-swipe-controls{display:none}
@media(max-width:860px){.profile.profile-swipe{display:block;position:relative;overflow:hidden}.profile.profile-swipe .photo,.profile.profile-swipe .profile-side{display:none}.profile.profile-swipe[data-profile-page="0"] .photo{display:block;min-height:calc(100dvh - 170px);aspect-ratio:auto}.profile.profile-swipe[data-profile-page="1"] .profile-side{display:block;min-height:calc(100dvh - 170px)}.profile.profile-swipe .profile-swipe-controls{position:absolute;left:0;right:0;bottom:12px;z-index:6;display:flex;justify-content:center;align-items:center;gap:8px}.profile-swipe-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cfd3df}.profile-swipe-dot.active{background:linear-gradient(100deg,#73bce4,#9c7ce8);transform:scale(1.2)}.profile-swipe-controls span{margin-left:8px;font-size:10px;color:#929bad}.profile.profile-swipe .profile-side{padding-bottom:55px}.profile.profile-swipe .photo-copy h3{font-size:30px}.profile.profile-swipe .photo-copy p{font-size:13px}}