/* Website buyer cards only; game and installed Windows surfaces never opt in. */
body.buyer-surface{background:#0B0B0B;color:#F5F5F5;min-height:100vh;height:auto;overflow:auto;padding:48px 20px 76px;font-family:Arial,Helvetica,sans-serif}
body.buyer-surface::before{display:none}
html:has(body.buyer-surface)::before,html:has(body.buyer-surface)::after,html:has(body.buyer-help-surface)::before,html:has(body.buyer-help-surface)::after{display:none}
.buyer-surface .screen{width:min(100%,560px);padding:40px 36px;background:#111111;border:1px solid #292929;border-radius:12px;box-shadow:0 18px 50px #0003;gap:0;text-align:center;align-items:stretch}
.buyer-surface .screen:focus{outline:none}
.buyer-surface .screen>.title{margin-bottom:14px}
.buyer-surface .screen>#account-intro{margin-bottom:26px}
.buyer-surface .screen>#refresh-license{margin-top:20px}
.buyer-surface .screen>.buyer-help{margin-top:24px}
.buyer-surface .buyer-panel{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:18px}
.buyer-surface .title{margin:0;color:#F5F5F5;font-size:18px;line-height:1.5;letter-spacing:.08em}
.buyer-surface .buyer-brand{font-size:11px;line-height:1.6;letter-spacing:.09em;color:#aaa;text-transform:uppercase}
.buyer-surface .buyer-price{font-size:38px;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0}
body.buyer-surface .subtitle,body.buyer-surface .commerce-note,body.buyer-surface .recovery-note{margin:0;color:#b7b7b7;font:14px/1.7 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
.buyer-surface .buyer-small{font-size:12px;color:#929292;line-height:1.6}
.buyer-surface .buyer-primary,.buyer-surface .login-button,.buyer-surface .continue-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;height:auto;margin:2px auto 0;padding:15px 18px;max-width:340px;border:1px solid #a90505;border-radius:5px;background:#a90505;color:#F5F5F5;text-decoration:none;font:700 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.05em;cursor:pointer;white-space:normal}
.buyer-surface .login-button::before{display:none}
.buyer-surface .buyer-primary:hover,.buyer-surface .login-button:hover,.buyer-surface .continue-button:hover{background:#bd0808;border-color:#bd0808}
.buyer-surface .commerce-secondary{max-width:340px;margin:0 auto;border-radius:5px;background:#181818;border-color:#333;font-size:11px}
.buyer-surface button:disabled{opacity:.55;cursor:default}
.buyer-surface a:focus-visible,.buyer-surface button:focus-visible,.buyer-surface input:focus-visible{outline:2px solid #F5F5F5;outline-offset:4px}
.buyer-surface .buyer-help,.buyer-surface .buyer-text-link{color:#a9a9a9;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
.buyer-surface .buyer-help{margin:4px 0 0;display:inline-block}
.buyer-surface .buyer-credential{padding:20px 12px;background:#181818;border:1px solid #333;border-radius:7px;color:#F5F5F5;font:700 clamp(19px,5vw,26px)/1.4 Consolas,monospace;letter-spacing:.04em;overflow-wrap:anywhere}
.buyer-surface .buyer-success{width:28px;height:28px;border:1px solid #7d9b7f;border-radius:50%;color:#a4c1a6;display:grid;place-items:center;margin:0 auto;font-size:17px}
.buyer-surface .buyer-account-tools{border-top:1px solid #292929;padding-top:18px;margin-top:24px}
.buyer-surface .buyer-account-direct{color:#a7a7a7;font-size:12px;line-height:1.6;margin:7px 0 0}
.buyer-surface .buyer-account-direct a{color:#d2d2d2;text-decoration:underline;text-underline-offset:3px}
.buyer-surface .buyer-account-direct a:focus-visible{outline:2px solid #d2d2d2;outline-offset:3px}
.buyer-surface .buyer-quiet-button{border:0;background:transparent;color:#999;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:8px}
.buyer-surface .message{margin:18px 0 0;min-height:0;opacity:1;color:#ddd;font:13px/1.65 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.buyer-surface .message:empty{display:none}
.buyer-surface .buyer-form{display:flex;flex-direction:column;gap:18px;width:100%}
.buyer-surface .field-group{display:flex;flex-direction:column;gap:16px;margin:0}
.buyer-surface .field{text-align:left}
.buyer-surface .field label{font-size:11px;letter-spacing:.04em;color:#bbb;margin-bottom:8px}
.buyer-surface .field input{height:49px;background:#0B0B0B;border:1px solid #353535;border-radius:5px;color:#F5F5F5;font:14px Arial,Helvetica,sans-serif;letter-spacing:0}
.buyer-surface .field input::placeholder{color:#737373}
.buyer-surface .buyer-switches{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
body.buyer-surface .commerce-account-link{font:12px/1.6 Arial,Helvetica,sans-serif;color:#aaa}
.buyer-surface .back-link{font-size:10px;left:24px;bottom:22px;gap:18px}
.buyer-surface .back-link a{color:inherit;text-decoration:none;margin-left:0!important}
.buyer-surface .recovery-actions{margin-top:18px}
.buyer-surface #recovery-intro{margin:16px 0}
.buyer-surface #recovery-success{margin-top:20px}
.buyer-surface .buyer-verified{font-size:12px;line-height:1.6;color:#bccdbd}
body.buyer-help-surface{background:#0B0B0B}
.buyer-help-surface .information-support{max-width:680px;margin:36px auto 72px;padding:36px;background:#111111;border:1px solid #292929;border-radius:12px;text-align:center}
.buyer-help-surface .information-title{justify-content:center}
.buyer-help-surface .information-title h1{font-size:24px;line-height:1.4}
.buyer-help-surface .support-lead{font-size:14px;line-height:1.7;color:#b7b7b7}
.buyer-help-surface .buyer-help-topics{display:grid;gap:12px;margin:26px 0;text-align:left}
.buyer-help-surface details{background:#181818;border:1px solid #303030;border-radius:6px;padding:16px 18px}
.buyer-help-surface summary{font-size:14px;line-height:1.6;cursor:pointer;color:#F5F5F5}
.buyer-help-surface details p{font-size:13px;line-height:1.8;margin:14px 0 0;color:#bbb}
.buyer-help-surface details a{color:#F5F5F5;text-decoration:underline;text-underline-offset:3px}
.buyer-help-surface .support-channel{margin:24px 0}
.buyer-help-surface .information-support>.information-section{margin:24px 0 0;padding-top:20px;border-top:1px solid #292929}
.buyer-help-surface .information-section h2{font-size:14px;line-height:1.6}
.buyer-help-surface .information-section p{font-size:13px;line-height:1.8}
@media(max-width:600px){body.buyer-surface{padding:28px 16px 76px;align-items:flex-start}.buyer-surface .screen{padding:30px 22px;border-radius:10px;margin:auto 0}.buyer-surface .title{font-size:16px}.buyer-surface .buyer-price{font-size:34px}.buyer-surface .back-link{position:absolute;bottom:22px;left:18px}.buyer-help-surface .information-support{margin:24px 16px 64px;padding:28px 20px;width:auto}.buyer-help-surface .information-title h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){.buyer-surface *{transition:none!important}}