html.qr-up{overflow:hidden}dialog.qr-card{color-scheme:dark;color:#f4f2f7;background:#07060a;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.qr-card::backdrop{background:#07060a}dialog.qr-card[open]{animation:.22s cubic-bezier(.2,.9,.3,1) both qr-in}@keyframes qr-in{0%{opacity:0;transform:scale(.97)}}.qr-card .sc{--pad:24px;--accent:linear-gradient(140deg, #7b4dff, #e45fa6);--mono:"Space Mono", ui-monospace, Menlo, monospace;--qr:clamp(160px, calc(100dvh - 440px), 264px);box-sizing:border-box;width:100%;max-width:480px;height:100%;padding:0 var(--pad) calc(env(safe-area-inset-bottom,0px) + 28px);overscroll-behavior:contain;font-family:Archivo, var(--font);background:radial-gradient(110% 40% at 50% 85%,#2e1450 0%,#07060a 70%);flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative;overflow:hidden auto;container-type:inline-size}.qr-card p{margin:0}.qr-card .sc-hero{min-height:calc(env(safe-area-inset-top,0px) + 70px);flex:0 236px;position:relative}.qr-card .sc-shot{top:0;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));height:calc(100% + 164px);position:absolute;overflow:hidden}.qr-card .sc-shot img{object-fit:cover;width:100%;height:100%;display:block}.qr-card .sc-shot:after{content:"";background:linear-gradient(#07060a00 0%,#07060acc 55%,#07060a 100%);height:min(230px,80%);position:absolute;inset:auto 0 0}.qr-card .sc-shot-none{background:radial-gradient(60% 55% at 78% 30%,#e45fa661,#0000 70%),radial-gradient(75% 65% at 18% 18%,#7b4dff80,#0000 70%)}.qr-card .sc-head{z-index:1;top:calc(env(safe-area-inset-top,0px) + 20px);justify-content:space-between;align-items:center;display:flex;position:absolute;left:20px;right:20px}.qr-card .sc-mark{background:#07060a8c;border-radius:22px;padding:8px 14px;display:flex}.qr-card .sc-mark img{width:auto;height:22px;display:block}.qr-card .sc-close{color:#fff;cursor:pointer;background:#07060a8c;border:1.5px solid #ffffff59;border-radius:22px;place-items:center;width:44px;height:44px;padding:0;display:grid}.qr-card .sc-close:focus{outline:none}.qr-card .sc-close:focus-visible{outline-offset:2px;outline:2px solid #f4f2f7}.qr-card .sc-title{font-size:min(66px, 10vh, calc((100cqi - 2 * var(--pad)) / (var(--title-fit) * .9)));font-size:min(66px, 10dvh, calc((100cqi - 2 * var(--pad)) / (var(--title-fit) * .9)));letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-weight:900;font-stretch:125%;line-height:.9;position:relative}.qr-card .sc-score{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex;position:relative}.qr-card .sc-badge{box-sizing:border-box;background:var(--accent);color:#fff;border-radius:18px;align-items:center;gap:10px;max-width:100%;padding:8px 14px 10px;display:flex}.qr-card .sc-label{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.3}.qr-card .sc-num{letter-spacing:-.04em;white-space:nowrap;font-weight:900;font-stretch:118%;line-height:.85}.qr-card .sc-by{flex-direction:column;flex:110px;gap:2px;min-width:0;display:flex}.qr-card .sc-set{font-family:var(--mono);color:#b9b2c6;font-size:12px}.qr-card .sc-player{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;overflow:hidden}.qr-card .sc-qr{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex;position:relative}.qr-card .sc-frame{--round:calc(var(--qr) * 30 / 264);border-radius:calc(var(--round) + 4px);background:var(--accent);padding:4px;box-shadow:0 0 70px #e45fa666}.qr-card .sc-panel{border-radius:var(--round);background:#fff;display:flex;overflow:hidden}.qr-card .sc-panel img{width:var(--qr);height:var(--qr);display:block}.qr-card .sc-scan{letter-spacing:-.3px;font-size:24px;font-weight:900}.qr-card .sc-line{color:#cfc9da;font-size:14px}.qr-card .sc-line a{font-family:var(--mono);color:#c9b8ff;overflow-wrap:anywhere;font-size:12px;text-decoration:none}.qr-card .sc-line a:hover{color:#fff}@media (width>=520px) and (orientation:portrait),(width>=520px) and (height>=601px){.qr-card .sc-shot{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}}@media (height<=620px) and (orientation:portrait){.qr-card .sc{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);gap:10px}.qr-card .sc-qr{gap:8px}.qr-card .sc-scan{font-size:20px}}@media (orientation:landscape) and (height<=600px){.qr-card .sc{--qr:calc(100dvh - 116px);max-width:1000px;padding:16px calc(env(safe-area-inset-right,0px) + 76px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 24px);grid-template-rows:minmax(72px,1fr) auto auto 1fr;grid-template-columns:minmax(0,1fr) auto;gap:14px 5vw;display:grid}.qr-card .sc-hero{min-height:0;position:absolute;inset:0}.qr-card .sc-shot{height:100%;left:0;right:0}.qr-card .sc-shot:after{background:linear-gradient(90deg,#07060a73 0%,#07060ad9 55%,#07060a 85%);height:100%}.qr-card .sc-head{left:calc(env(safe-area-inset-left,0px) + 20px);right:calc(env(safe-area-inset-right,0px) + 20px)}.qr-card .sc-title{font-size:min(60px, calc((100cqi - 100px - 5vw - var(--qr)) / (var(--title-fit) * .9)));grid-area:2/1;align-self:end}.qr-card .sc-score{grid-area:3/1;align-self:start}.qr-card .sc-qr{grid-area:1/2/-1;align-self:center;gap:8px;margin:0}.qr-card .sc-scan{font-size:20px}}@media (prefers-reduced-motion:reduce){dialog.qr-card[open]{animation:none}}