/* Credits only: preserve the scene editor, player and application navigation. */
#vsp-credit-plans {
    --vcp-cyan: #39dae7;
    --vcp-purple: #a47bff;
    box-sizing: border-box;
    width: min(1480px, 96vw);
    max-width: none;
    max-height: 94dvh;
    margin: auto;
    padding: clamp(24px, 2.5vw, 40px);
    border: 1px solid #293b51;
    border-radius: 22px;
    background: #090f19;
    color: #f2f6fd;
    font-family: inherit;
    text-align: left;
    overflow: auto;
    overscroll-behavior: contain;
    color-scheme: dark;
}
#vsp-credit-plans::backdrop { background: rgb(3 7 13 / 85%); }
#vsp-credit-plans * { box-sizing: border-box; }
#vsp-credit-plans h2, #vsp-credit-plans h3, #vsp-credit-plans p { margin: 0; }
#vsp-credit-plans .vcp-close {
    position: absolute; right: 16px; top: 12px; width: 40px; height: 40px;
    padding: 0; border: 1px solid #334459; border-radius: 50%;
    background: #151f30; color: #dce8f8; font-family: inherit; font-size: 28px; line-height: 1; cursor: pointer;
}
#vsp-credit-plans button:focus-visible { outline: 3px solid #f3f6ff; outline-offset: 4px; }
#vsp-credit-plans .vcp-heading { padding-right: 40px; margin-bottom: 24px; }
#vsp-credit-plans .vcp-eyebrow { color: var(--vcp-cyan); font-size: 12px; font-weight: 800; letter-spacing: .09em; margin-bottom: 10px; }
#vsp-credit-plans h2 { font-size: clamp(28px, 2.4vw, 38px); font-weight: 800; line-height: 1.15; margin-bottom: 10px; }
#vsp-credit-plans .vcp-heading > p:last-child { color: #b7c9de; font-size: 16px; line-height: 1.5; }
#vsp-credit-plans .vcp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 24px; }
#vsp-credit-plans .vcp-group { color: var(--vcp-cyan); font-size: 12px; font-weight: 800; letter-spacing: .05em; }
#vsp-credit-plans .vcp-group-monthly { grid-column: 2 / 4; color: #b898ff; }
#vsp-credit-plans .vcp-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; border: 1px solid #26879b; border-radius: 20px; padding: 24px; background: #121e2d; }
#vsp-credit-plans .vcp-pro { border-color: var(--vcp-cyan); background: #162032; }
#vsp-credit-plans .vcp-cine { border-color: #a47bff; background: #1a1e33; }
#vsp-credit-plans .vcp-badge { display: inline-block; padding: 7px 14px; border-radius: 30px; background: #123945; color: #66e6ee; font-size: 11px; font-weight: 800; letter-spacing: .035em; }
#vsp-credit-plans .vcp-cine .vcp-badge { background: #7840d2; color: #fff; }
#vsp-credit-plans h3 { font-size: clamp(21px, 1.7vw, 27px); font-weight: 800; text-transform: uppercase; line-height: 1.2; margin: 22px 0 18px; }
#vsp-credit-plans .vcp-price { font-size: 36px; font-weight: 800; line-height: 1.2; color: #f2f6fd; font-variant-numeric: tabular-nums; }
#vsp-credit-plans .vcp-price span { font-size: 16px; font-weight: 400; color: #bac8dc; margin-left: 8px; }
#vsp-credit-plans .vcp-entry-credits { font-size: clamp(30px, 2.7vw, 42px); font-weight: 800; margin-bottom: 12px; line-height: 1.15; }
#vsp-credit-plans .vcp-entry .vcp-price { color: #6be6ed; font-size: 34px; }
#vsp-credit-plans .vcp-permanent { color: #d7e6f9; font-size: 20px; font-weight: 700; margin-top: 12px; }
#vsp-credit-plans .vcp-credits { color: var(--vcp-cyan); font-size: 23px; font-weight: 800; margin: 24px 0 10px; }
#vsp-credit-plans .vcp-cine .vcp-credits { color: #b996ff; }
#vsp-credit-plans .vcp-caption { color: #b7c9de; line-height: 1.5; font-size: 14px; margin-top: 8px; }
#vsp-credit-plans ul { list-style: none; width: 100%; padding: 18px 0 0; margin: 26px 0 24px; border-top: 1px solid #34465c; color: #ccd9e9; font-size: 14px; line-height: 1.55; }
#vsp-credit-plans li { position: relative; padding-left: 24px; margin-bottom: 10px; }
#vsp-credit-plans li::before { content: '✓'; position: absolute; left: 0; color: #bcebf0; }
#vsp-credit-plans .vcp-cta { width: 100%; min-height: 46px; margin-top: auto; padding: 12px 14px; border: 0; border-radius: 10px; background: #0091d8; color: #fff; font: inherit; font-size: 14px; font-weight: 800; line-height: 1.35; }
#vsp-credit-plans .vcp-cta:disabled { cursor: not-allowed; opacity: .8; }
#vsp-credit-plans .vcp-pro .vcp-cta { background: #2bd0de; color: #081923; }
#vsp-credit-plans .vcp-cine .vcp-cta { background: #8649de; }
#vsp-credit-plans .vcp-ultimate { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); margin-top: 26px; border: 1px solid #9c68d9; border-radius: 20px; background: #1d1a31; overflow: hidden; }
#vsp-credit-plans .vcp-ultimate-name { padding: 28px; background: #2a1c3d; }
#vsp-credit-plans .vcp-ultimate-name .vcp-badge { color: #eed6ff; background: #593075; }
#vsp-credit-plans .vcp-ultimate-name h3 { margin: 20px 0 14px; font-size: 28px; }
#vsp-credit-plans .vcp-ultimate p { color: #d3c7e4; font-size: 15px; line-height: 1.6; }
#vsp-credit-plans .vcp-ultimate-offer { padding: 28px; display: flex; flex-direction: column; gap: 18px; }
#vsp-credit-plans .vcp-ultimate-numbers { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px 24px; }
#vsp-credit-plans .vcp-ultimate .vcp-credits { margin: 0; color: #ead5ff; font-size: 27px; font-weight: 800; }
#vsp-credit-plans .vcp-ultimate .vcp-price { color: #f6efff; font-size: 36px; font-weight: 800; line-height: 1.1; }
#vsp-credit-plans .vcp-ultimate .vcp-cta { background: #8850cb; }
#vsp-credit-plans .vcp-footer { display: flex; flex-wrap: wrap; gap: 12px 28px; justify-content: space-between; margin-top: 18px; color: #adbed4; font-size: 12px; line-height: 1.5; }
#vsp-credit-plans .vcp-footer p { max-width: 760px; }
#vsp-credit-plans #vcp-purchase-status { color: #ddcaee; }
@media (max-width: 1100px) {
    #vsp-credit-plans .vcp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    #vsp-credit-plans .vcp-group-entry { grid-row: 1; }
    #vsp-credit-plans .vcp-entry { grid-column: 1 / -1; grid-row: 2; }
    #vsp-credit-plans .vcp-group-monthly { grid-column: 1 / -1; grid-row: 3; }
    #vsp-credit-plans .vcp-ultimate { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    #vsp-credit-plans { padding: 22px 16px; }
    #vsp-credit-plans .vcp-grid { grid-template-columns: minmax(0, 1fr); }
    #vsp-credit-plans .vcp-card, #vsp-credit-plans .vcp-ultimate-name, #vsp-credit-plans .vcp-ultimate-offer { padding: 22px; }
}

/* Approved credit-card copy and emphasis, 12 OCT 2026. */
#vsp-credit-plans .vcp-caption strong { color: var(--vcp-cyan); font-weight: 800; }
#vsp-credit-plans .vcp-permanent { display: inline-flex; align-self: flex-start; border: 1px solid var(--vcp-cyan); border-radius: 30px; padding: 4px 14px; color: var(--vcp-cyan); }
#vsp-credit-plans .vcp-permanent::before { content: "∞"; margin-right: 10px; }
#vsp-credit-plans .vcp-renewal-note { color: #b7c9de; font-size: 12px; line-height: 1.5; margin: 0 0 18px; }
#vsp-credit-plans .vcp-ultimate .vcp-permanent { color: #c798ff; border-color: #a47bff; }
#vsp-credit-plans .vcp-ultimate ul { margin: 0; padding-top: 12px; }