/*
 * Brutalist — square corners, hard offset shadows (no blur), thick black
 * borders on white. Yellow flows in as the bar fill token, so the pickers
 * can swap the pop color without touching this file.
 */

.nuclii-achievement-card {
    border-radius: 0;
    border: 2px solid var(--nuclii-card-border);
    box-shadow: 4px 4px 0 color-mix(in srgb, var(--nuclii-card-border) 75%, transparent);
}

/* Square dots everywhere — bar steps and card markers. */
.nuclii-achievement-dot,
.cart-progress .progress-step:before {
    border-radius: 0;
}

/* Outline via spread shadow: keeps the track's box size untouched. */
.cart-progress .progress-track,
.nuclii-achievement-mini-progress-track {
    border-radius: 0;
    box-shadow: 0 0 0 2px var(--nuclii-card-border);
}

.cart-progress .progress-fill,
.nuclii-achievement-mini-progress-fill {
    border-radius: 0;
}

.nuclii-achievement-img,
.nuclii-achievement-img-wrap {
    border-radius: 0;
}

.nuclii-achievement-img-wrap {
    outline: 2px solid var(--nuclii-card-border);
    background: var(--nuclii-card-bg);
}

.nuclii-achievement-badge {
    font-weight: 800;
}

.nuclii-achievement-label-heading {
    color: var(--nuclii-card-border);
    letter-spacing: 0.16em;
}

.nuclii-achievement-link {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}