:root{--color-credits:#f5bf4f;--color-credits-deep:#9a6410;--color-crystals:#c98bff;--color-crystals-deep:#6d2bd0}.currency-icon{vertical-align:-.15em;flex:none}.currency-icon--credits{filter:drop-shadow(0 0 3px #f5bf4f8c)}.currency-icon--crystals{filter:drop-shadow(0 0 4px #c98bffb3)}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.3em;font-weight:800;display:inline-flex}.amount--credits .amount__value{color:var(--color-credits)}.amount--crystals .amount__value{color:var(--color-crystals)}.btn--credits{color:#2a1a00;background:linear-gradient(180deg, #ffe08a, var(--color-credits) 55%, #c98a1e);border:1px solid var(--color-credits-deep);font-weight:800}.btn--crystals{color:#fff;background:linear-gradient(180deg, #d9a8ff, #a35cf5 55%, var(--color-crystals-deep));border:1px solid #4b1596;font-weight:800}.btn--credits .amount__value,.btn--crystals .amount__value{color:inherit}.btn--credits:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 12px #f5bf4f80}.btn--crystals:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 12px #c98bff8c}.btn--credits:disabled,.btn--crystals:disabled{filter:grayscale(.6);opacity:.55}.price-tag{border-radius:999px;align-items:center;gap:.35em;padding:.15em .6em;font-weight:800;display:inline-flex}.price-tag--credits{background:#f5bf4f1f;border:1px solid #f5bf4f8c}.price-tag--crystals{background:#c98bff24;border:1px solid #c98bff99}.currency-choice{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.currency-choice__option{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font:inherit;text-align:start;border-radius:var(--radius-sm);cursor:pointer;background:#0000004d;border:2px solid #8f9bbd4d;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.5rem;display:grid}.currency-choice__option .currency-icon{grid-row:span 2}.currency-choice__option span{font-weight:800}.currency-choice__option small{font-size:.75rem}.currency-choice__option--credits.is-on{color:var(--color-credits);border-color:var(--color-credits);background:#f5bf4f1f}.currency-choice__option--crystals.is-on{color:var(--color-crystals);border-color:var(--color-crystals);background:#c98bff24}