.credits-modal{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:1.25rem;opacity:0;pointer-events:none;transition:opacity .35s ease}.credits-modal--open{opacity:1;pointer-events:auto}.credits-modal__backdrop{position:absolute;inset:0;border:none;background:rgba(10,10,12,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.credits-modal__panel{position:relative;z-index:1;width:min(100%,720px);max-height:min(92vh,820px);overflow-y:auto;padding:1.5rem 1.35rem 1.35rem;border-radius:12px;border:1px solid rgba(78,200,255,.35);background:linear-gradient(165deg,rgba(14,18,32,.98),rgba(10,10,14,.96) 55%,rgba(8,8,12,.98));box-shadow:0 28px 70px rgba(0,0,0,.65),0 0 50px rgba(123,77,255,.12);transform:translateY(14px) scale(.98);opacity:0;transition:opacity .35s ease,transform .35s cubic-bezier(.23,1,.32,1)}.credits-modal--open .credits-modal__panel{opacity:1;transform:translateY(0) scale(1)}.credits-modal__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:1px solid rgba(201,162,39,.45);border-radius:4px;background:rgba(10,10,12,.6);color:rgba(232,220,200,.75);font-size:1.25rem;line-height:1;cursor:pointer}.credits-modal__close:hover{color:#f1e6c8;border-color:rgba(201,162,39,.7)}.credits-modal__header{margin-bottom:1.25rem;padding-right:2rem}.credits-modal__title-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem}.credits-modal__title-coins{display:none;gap:.15rem}.credits-modal__title{margin:0;font-family:var(--font-fantasy);font-size:clamp(1.1rem,3vw,1.45rem);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(105deg,#ff4d6d,#e63946 22%,#c42d78 48%,#9b2dff 72%,#7b4dff);-webkit-background-clip:text;background-clip:text;color:transparent}.credits-modal__subtitle{margin:0 0 .75rem;font-family:var(--font-ui);font-size:.78rem;color:rgba(232,220,200,.55)}.credits-modal__currency{display:inline-flex;align-items:center;gap:.5rem}.credits-modal__currency-label{font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(196,184,224,.65)}.credits-modal__currency select{padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(123,77,255,.35);background:rgba(10,10,12,.8);color:rgba(232,220,200,.85);font-family:var(--font-ui);font-size:.75rem;cursor:pointer}.credits-modal__coin{display:inline-block;width:1.1rem;height:1.1rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#b7f0ff 0,#4ec8ff 45%,#1e6b8a 100%);box-shadow:0 0 8px rgba(78,200,255,.45);flex-shrink:0}.credits-modal__coin--gold{background:radial-gradient(circle at 30% 30%,#fff7ed 0,#f3c74f 50%,#b8860b 100%);box-shadow:0 0 10px rgba(243,199,79,.5)}.credits-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.25rem}.credits-modal__pack{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;padding:.85rem .9rem;border-radius:10px;border:1px solid rgba(123,77,255,.35);background:linear-gradient(145deg,rgba(30,24,48,.85),rgba(14,12,22,.9));cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.credits-modal__pack:hover:not(:disabled){border-color:rgba(123,77,255,.55);box-shadow:0 0 20px rgba(123,77,255,.15)}.credits-modal__pack--popular,.credits-modal__pack--selected{border-color:rgba(243,199,79,.65);box-shadow:0 0 24px rgba(243,199,79,.18)}.credits-modal__pack--selected{transform:scale(1.02)}.credits-modal__pack:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.credits-modal__popular{position:absolute;top:-1.6rem;right:.45rem;padding:.15rem .45rem;border-radius:4px;background:linear-gradient(90deg,#f3c74f,#fb923c);color:#1a1208;font-family:var(--font-ui);font-size:.55rem;font-weight:700;letter-spacing:.08em}.credits-modal__pack-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.credits-modal__pack-credits{display:flex;align-items:center;gap:.4rem;font-family:var(--font-fantasy);font-size:1.05rem;letter-spacing:.06em;color:#f1e6c8}.credits-modal__pack-price{font-family:var(--font-ui);font-size:.95rem;font-weight:700;color:#5ce08a;white-space:nowrap}.credits-modal__pack-rate{font-family:var(--font-ui);font-size:.62rem;letter-spacing:.1em;color:rgba(232,220,200,.4);display:none}.credits-modal__custom{padding-top:1rem;border-top:1px solid rgba(123,77,255,.25)}.credits-modal__custom-label{display:none;margin:0 0 .75rem;font-family:var(--font-ui);font-size:.65rem;letter-spacing:.12em;color:rgba(232,220,200,.45)}.credits-modal__custom-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:.75rem;gap:.75rem;align-items:end}.credits-modal__custom-field{display:block;min-width:0}.credits-modal__custom-field-label{display:none;margin-bottom:.35rem;font-family:var(--font-ui);font-size:.62rem;letter-spacing:.1em;color:rgba(232,220,200,.45)}.credits-modal__custom-input-wrap{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:8px;border:1px solid rgba(78,200,255,.4);background:rgba(10,10,12,.65)}.credits-modal__custom-input{width:100%;min-width:0;border:none;background:transparent;color:#f1e6c8;font-family:var(--font-ui);font-size:.9rem;outline:none}.credits-modal__custom-input::placeholder{color:rgba(232,220,200,.35)}.credits-modal__total{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;padding-bottom:.35rem}.credits-modal__total-label{font-family:var(--font-ui);font-size:.62rem;letter-spacing:.1em;color:rgba(232,220,200,.45)}.credits-modal__total-value{font-family:var(--font-fantasy);font-size:1.35rem;color:#5ce08a;letter-spacing:.04em}.credits-modal__buy{min-width:5.5rem}.credits-modal__error{margin:.75rem 0 0;color:#fca5a5;font-size:.85rem}.credits-modal__terms{margin:1rem 0 0}.credits-modal__legal{margin:.75rem 0 0;font-size:.72rem;line-height:1.45;opacity:.75}.credits-modal__legal a{color:#7dd3fc;text-decoration:underline}.credits-modal__custom-hint{margin:.5rem 0 0;font-family:var(--font-ui);font-size:.72rem;color:rgba(127,216,255,.75)}.credits-modal__warning{margin:.65rem 0 0;font-family:var(--font-ui);font-size:.78rem;line-height:1.45;color:#fcd34d}@media (max-width:640px){.credits-modal__grid{grid-template-columns:1fr}.credits-modal__custom-row{grid-template-columns:1fr;align-items:stretch}.credits-modal__total{flex-direction:row;justify-content:space-between;align-items:baseline;padding-bottom:0}.credits-modal__buy{width:100%}}