.qr-overlay{z-index:20;color:#ececef;cursor:pointer;background:radial-gradient(circle at 30% 40%,#4f7fff29,#0000 55%),#0c0d10f7;flex-direction:column;justify-content:center;align-items:center;gap:4vh;padding:5vh 5vw;animation:.3s ease-out qr-in;display:flex;position:fixed;inset:0}@keyframes qr-in{0%{opacity:0}}.qr-card{align-items:center;gap:6vw;animation:.35s cubic-bezier(.2,.8,.2,1) qr-rise;display:flex}@keyframes qr-rise{0%{transform:translateY(12px)scale(.97)}}.qr-code{background:#fff;border-radius:min(3vh,2.2vw);flex:none;width:min(62vh,44vw);padding:min(2.4vh,1.8vw);box-shadow:0 24px 80px #00000080}.qr-code svg{width:100%;height:auto;display:block}.qr-text{max-width:36vw}.qr-text p{margin:0}.qr-title{letter-spacing:.01em;font-size:clamp(28px,5.2vh,64px);font-weight:700;line-height:1.3}.qr-deck{color:#7a9fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,3vh,34px);font-weight:600;overflow:hidden;margin-top:3vh!important}.qr-sub{color:#a4a6ae;font-size:clamp(14px,2.4vh,28px);margin-top:1.5vh!important}.qr-close{color:#70737c;margin:0;font-size:clamp(12px,1.8vh,18px)}@media (aspect-ratio<=1){.qr-card{text-align:center;flex-direction:column}.qr-code{width:min(70vw,50vh)}.qr-text{max-width:90vw}}