.acquisition-dialog{width:min(780px,calc(100% - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #d6deea;border-radius:16px;background:#fff;color:#17243b;box-shadow:0 24px 100px #17243b38;overflow:auto}
.acquisition-dialog:not([open]){display:none}
.acquisition-dialog::backdrop{background:#17243b8c;backdrop-filter:blur(3px)}
.acquisition-dialog-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid #d6deea;background:#fff;color:#53647a;font-size:16px;font-weight:600}
.acquisition-dialog-toolbar>button{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;padding:0;border:1px solid #d6deea;border-radius:10px;background:#fff;color:#17243b;font-size:28px;line-height:1;cursor:pointer}
.acquisition-dialog-toolbar>button:hover{background:#f1f5fb}
.acquisition-panel{padding:28px;color:#17243b;font-size:16px;line-height:1.7}
.acquisition-heading h2{margin:0;font-size:26px;line-height:1.45;font-weight:700;overflow-wrap:anywhere}
.acquisition-heading>p{margin:12px 0 0;color:#53647a;font-size:16px}
.acquisition-platform{display:inline-flex;align-items:center;min-height:30px;padding:2px 10px;border:1px solid #d6deea;border-radius:6px;background:#f5f7fb;color:#354966;font-size:14px;font-weight:600}
.acquisition-progress{display:flex;align-items:flex-start;gap:14px;margin-top:24px;padding:20px;border:1px solid #c6d7f7;border-radius:12px;background:#f1f6ff}
.acquisition-progress[hidden],.acquisition-ready[hidden],.acquisition-notice[hidden],.acquisition-retry-row[hidden],.acquisition-code[hidden],.acquisition-expiry[hidden],.acquisition-qr-area[hidden],.acquisition-qr-box[hidden]{display:none}
.acquisition-progress>div{flex:1;min-width:0}
.acquisition-progress strong{color:#17243b;font-size:18px;font-weight:700;line-height:1.5}
.acquisition-progress p{margin:6px 0 0;color:#354966;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.acquisition-spinner{flex:none;width:24px;height:24px;margin-top:3px;border:3px solid #c6d7f7;border-top-color:#245bdb;border-radius:50%;animation:acquisition-spin 1s linear infinite}
.acquisition-cancel{min-height:44px;margin-top:8px;padding:6px 0;border:0;background:none;color:#1947b3;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.acquisition-ready{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:28px;margin-top:28px}
.acquisition-qr-area{padding:18px;border:1px solid #d6deea;border-radius:12px;background:#f5f7fb;text-align:center}
.acquisition-qr-box{padding:4px;border:1px solid #d6deea;border-radius:6px;background:#fff}
.acquisition-qr-box canvas{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}
.acquisition-qr-area>p{margin:14px 0 0;color:#17243b;font-size:18px;font-weight:700;line-height:1.5}
.acquisition-qr-area>small{display:block;margin-top:5px;color:#53647a;font-size:14px;line-height:1.6}
.acquisition-actions{min-width:0}
.acquisition-success-line{display:flex;align-items:center;gap:10px;color:#17243b;font-size:22px;line-height:1.5}
.acquisition-success-line>.icon{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;background:#e9f0ff;color:#245bdb}
.acquisition-success-line>strong{font-weight:700}
.acquisition-ready-message{margin:10px 0 0;color:#53647a;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.acquisition-code{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;padding:12px 14px;border:1px solid #c6d7f7;border-radius:10px;background:#f1f6ff}
.acquisition-code>span{color:#354966;font-size:16px;white-space:nowrap}
.acquisition-code>strong{min-width:0;color:#17243b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:700;letter-spacing:2px;overflow-wrap:anywhere}
.acquisition-code>button{min-height:44px;margin-left:auto;padding:7px 0;border:0;background:none;color:#1947b3;font-size:16px;font-weight:600;white-space:nowrap;cursor:pointer}
.acquisition-open.button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;margin-top:18px;padding:12px 18px;border:1px solid #245bdb;border-radius:10px;background:#245bdb;color:#fff;font-size:17px;font-weight:700;text-align:center;text-decoration:none}
.acquisition-open.button:hover{border-color:#1947b3;background:#1947b3;color:#fff}
.acquisition-open>.icon{width:20px;height:20px;flex:none}
.acquisition-open-mobile{display:none}
.acquisition-copy-link{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:10px;padding:10px 14px;border:1px solid #aabbd3;border-radius:10px;background:#fff;color:#1947b3;font-size:16px;font-weight:600;cursor:pointer}
.acquisition-copy-link:hover{background:#f1f6ff}
.acquisition-copy-link>.icon{flex:none;width:18px;height:18px}
.acquisition-expiry{margin:16px 0 0;color:#354966;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.acquisition-device-note{margin:10px 0 0;color:#53647a;font-size:14px;line-height:1.7}
.acquisition-notice{margin-top:22px;padding:16px 18px;border:1px solid #e8cd97;border-radius:10px;background:#fff8e9;color:#6e4810;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.acquisition-retry-row{margin-top:16px;text-align:center}
.acquisition-retry-row>.button{min-height:48px;padding:10px 22px;border:1px solid #245bdb;border-radius:10px;background:#fff;color:#1947b3;font-size:16px;font-weight:600}
.acquisition-retry-row>.button:hover{background:#f1f6ff}
.acquisition-footer-note{margin:24px 0 0;padding-top:18px;border-top:1px solid #d6deea;color:#53647a;font-size:14px;line-height:1.7}
.acquisition-page{padding-top:32px;padding-bottom:48px;min-height:70vh}
.acquisition-page>.acquisition-panel{max-width:820px;margin:0 auto;border:1px solid #d6deea;border-radius:16px;background:#fff;box-shadow:0 8px 30px #17243b08}
.acquisition-back{display:flex;align-items:center;justify-content:center;gap:10px;max-width:820px;min-height:44px;margin:20px auto 0;color:#1947b3;font-size:16px;font-weight:600}
.acquisition-back>.icon{width:18px;height:18px;transform:rotate(180deg)}
.acquisition-card-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:9px 11px;border:1px solid #c6d7f7;border-radius:8px;background:#edf3ff;color:#1947b3;font-size:14px;font-weight:600;white-space:nowrap}
.acquisition-card-link>.icon{width:16px;height:16px;flex:none}
.acquisition-card-link:hover{border-color:#245bdb;background:#e3edff}
.acquisition-panel button:focus-visible,.acquisition-panel a:focus-visible,.acquisition-dialog-toolbar>button:focus-visible,.acquisition-back:focus-visible,.acquisition-card-link:focus-visible{outline:3px solid #245bdb;outline-offset:3px}
@keyframes acquisition-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){
    .acquisition-dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:14px}
    .acquisition-dialog-toolbar{padding:10px 16px}
    .acquisition-panel{padding:22px 18px}
    .acquisition-heading h2{font-size:23px;line-height:1.5}
    .acquisition-heading>p{margin-top:10px}
    .acquisition-progress{gap:12px;margin-top:20px;padding:16px 14px}
    .acquisition-progress strong{font-size:18px}
    .acquisition-ready{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-top:24px}
    .acquisition-actions{order:-1}
    .acquisition-success-line{font-size:21px}
    .acquisition-qr-area{width:min(100%,260px);margin:0 auto;box-sizing:border-box}
    .acquisition-open-desktop{display:none}
    .acquisition-open-mobile{display:inline}
    .acquisition-code{gap:6px 10px;padding:10px 12px}
    .acquisition-code>strong{font-size:21px}
    .acquisition-notice{margin-top:20px;padding:14px}
    .acquisition-footer-note{margin-top:22px;padding-top:16px}
    .acquisition-page{padding-top:22px;padding-bottom:32px}
    .acquisition-page>.acquisition-panel{border-radius:14px}
    .acquisition-card-link{font-size:14px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){.acquisition-spinner{animation:none}}
@media(forced-colors:active){.acquisition-spinner{border-color:CanvasText;border-top-color:Highlight}.acquisition-open.button{border-color:ButtonText}.acquisition-qr-box{forced-color-adjust:none}}