/* ملصقات التميز — صور Gemini مسطّحة؛ الاسم ثم النص داخل المساحة الكبيرة */

.sticker-preview-shell {
    display: flex;
    justify-content: center;
    padding: 1.25rem;
    background: linear-gradient(160deg, #fdfbf7 0%, #f0ebe3 45%, #e8e0d4 100%);
    border-radius: 20px;
    border: 1px solid rgba(184, 134, 11, 0.35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 12px 32px rgba(45, 35, 20, 0.12),
        0 0 0 3px rgba(212, 175, 55, 0.12);
}

.sticker-print-shell {
    padding: 8mm;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(184, 134, 11, 0.2);
}

.sticker-card {
    position: relative;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    background: #fffef8;
    container-type: inline-size;
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.06),
        0 10px 28px rgba(30, 22, 12, 0.14),
        0 2px 8px rgba(184, 134, 11, 0.12);
}

/* جميع الملصقات مربعة الشكل */
.sticker-card[data-sticker="cup"],
.sticker-card[data-sticker="shield"],
.sticker-card[data-sticker="star"],
.sticker-card[data-sticker="medal"] {
    aspect-ratio: 1;
}

/* Support for dynamically loaded sticker types */
.sticker-card {
    aspect-ratio: 1;
}

.sticker-bg {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sticker-bg--cup {
    background-image: url("/images/excellence-stickers/cup.png");
}

.sticker-bg--shield {
    background-image: url("/images/excellence-stickers/shield.png");
}

.sticker-bg--star {
    background-image: url("/images/excellence-stickers/star.png");
}

.sticker-bg--medal {
    background-image: url("/images/excellence-stickers/medal.png");
}

/* منطقة نص مرنة: كل سطر جديد في النص يدفع المحتوى للأسفل داخل المساحة */
.sticker-text-stack {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 0.2em;
    pointer-events: none;
    box-sizing: border-box;
    overflow: hidden;
}

.sticker-text-main,
.sticker-text-name {
    position: static;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin: 0;
    display: block;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
    padding: 0 2px;
    box-sizing: border-box;
    white-space: pre-line;
}

.sticker-text-main {
    font-weight: 400;
    color: #2c1f14;
    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.98),
        0 1px 2px rgba(255, 255, 255, 0.95),
        0 -1px 1px rgba(0, 0, 0, 0.06);
}

/* المرحلة والشعبة — بعد نص الملصق */
.sticker-text-grade {
    position: static;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin: 0;
    display: block;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.35;
    padding: 0 2px;
    box-sizing: border-box;
    white-space: normal;
    font-weight: 600;
    color: #4a3720;
    text-shadow:
        0 0 6px rgba(255, 255, 255, 0.92),
        0 1px 1px rgba(255, 255, 255, 0.88);
}

.sticker-text-name {
    font-weight: 700;
    color: #140a06;
    letter-spacing: 0.02em;
    text-shadow:
        0 0 6px rgba(255, 255, 255, 0.95),
        0 1px 0 rgba(255, 230, 180, 0.4),
        0 -1px 2px rgba(0, 0, 0, 0.18);
}

/* ========== كأس — المكدس داخل وعاء الكأس؛ ينزل مع كل سطر ========== */
.sticker-card[data-sticker="cup"] .sticker-text-stack {
    top: 21%;
    bottom: 33%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="cup"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="cup"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="cup"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* ========== درع ========== */
.sticker-card[data-sticker="shield"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="shield"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="shield"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="shield"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* ========== نجمة ========== */
.sticker-card[data-sticker="star"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="star"] .sticker-text-name,
.sticker-card[data-sticker="star"] .sticker-text-main {
    color: #3d2a0a;
}

.sticker-card[data-sticker="star"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="star"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="star"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
    color: #4d3510;
}

/* ========== وسام — داخل الدائرة (فوق الشريطين) ========== */
.sticker-card[data-sticker="medal"] .sticker-text-stack {
    top: 20%;
    bottom: 46%;
    left: 22%;
    right: 22%;
}

.sticker-card[data-sticker="medal"] .sticker-text-name,
.sticker-card[data-sticker="medal"] .sticker-text-main {
    color: #2a1a0a;
}

.sticker-card[data-sticker="medal"] .sticker-text-name {
    font-size: clamp(0.58rem, 5.25cqi, 1.12rem);
}

.sticker-card[data-sticker="medal"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="medal"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
    color: #4a3010;
}

/* ========== الملصقات الإضافية — نفس نمط الكأس/الدرع ========== */

/* LMS */
.sticker-card[data-sticker="LMS"] .sticker-text-stack {
    top: 21%;
    bottom: 33%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="LMS"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="LMS"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="LMS"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* ألماسة */
.sticker-card[data-sticker="ألماسة"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="ألماسة"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="ألماسة"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="ألماسة"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* إعجاب */
.sticker-card[data-sticker="إعجاب"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="إعجاب"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="إعجاب"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="إعجاب"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* الدرع الأحمر */
.sticker-card[data-sticker="الدرع الأحمر"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="الدرع الأحمر"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="الدرع الأحمر"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="الدرع الأحمر"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* تاج */
.sticker-card[data-sticker="تاج"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="تاج"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="تاج"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="تاج"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* درع وسنابل */
.sticker-card[data-sticker="درع وسنابل"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="درع وسنابل"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="درع وسنابل"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="درع وسنابل"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* درع وورق */
.sticker-card[data-sticker="درع وورق"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="درع وورق"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="درع وورق"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="درع وورق"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* شهادة */
.sticker-card[data-sticker="شهادة"] .sticker-text-stack {
    top: 21%;
    bottom: 33%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="شهادة"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="شهادة"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="شهادة"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* علم */
.sticker-card[data-sticker="علم"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="علم"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="علم"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="علم"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* غطار نجوم */
.sticker-card[data-sticker="غطار نجوم"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="غطار نجوم"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="غطار نجوم"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="غطار نجوم"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* غيمة */
.sticker-card[data-sticker="غيمة"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="غيمة"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="غيمة"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="غيمة"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* قلادة */
.sticker-card[data-sticker="قلادة"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="قلادة"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="قلادة"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="قلادة"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* قلادة شريط أحمر */
.sticker-card[data-sticker="قلادة شريط أحمر"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="قلادة شريط أحمر"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="قلادة شريط أحمر"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="قلادة شريط أحمر"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* كأس */
.sticker-card[data-sticker="كأس"] .sticker-text-stack {
    top: 21%;
    bottom: 33%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="كأس"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="كأس"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="كأس"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* كرت */
.sticker-card[data-sticker="كرت"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="كرت"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="كرت"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="كرت"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* كرت التفوق */
.sticker-card[data-sticker="كرت التفوق"] .sticker-text-stack {
    top: 30%;
    bottom: 24%;
    left: 14%;
    right: 14%;
}

.sticker-card[data-sticker="كرت التفوق"] .sticker-text-name {
    font-size: clamp(0.65rem, 6.1cqi, 1.3rem);
}

.sticker-card[data-sticker="كرت التفوق"] .sticker-text-main {
    font-size: clamp(0.38rem, 3.4cqi, 0.72rem);
}

.sticker-card[data-sticker="كرت التفوق"] .sticker-text-grade {
    font-size: clamp(0.3rem, 2.65cqi, 0.55rem);
}

/* منصة ألف */
.sticker-card[data-sticker="منصة ألف"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="منصة ألف"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="منصة ألف"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="منصة ألف"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* نجمة أصفر */
.sticker-card[data-sticker="نجمة أصفر"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="نجمة أصفر"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="نجمة أصفر"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="نجمة أصفر"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* نجمة برتقالي */
.sticker-card[data-sticker="نجمة برتقالي"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="نجمة برتقالي"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="نجمة برتقالي"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="نجمة برتقالي"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* نجمة وشريط */
.sticker-card[data-sticker="نجمة وشريط"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="نجمة وشريط"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="نجمة وشريط"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="نجمة وشريط"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* نجوم */
.sticker-card[data-sticker="نجوم"] .sticker-text-stack {
    top: 36%;
    bottom: 30%;
    left: 16%;
    right: 16%;
}

.sticker-card[data-sticker="نجوم"] .sticker-text-name {
    font-size: clamp(0.62rem, 5.85cqi, 1.25rem);
}

.sticker-card[data-sticker="نجوم"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="نجوم"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* وسام */
.sticker-card[data-sticker="وسام"] .sticker-text-stack {
    top: 20%;
    bottom: 46%;
    left: 22%;
    right: 22%;
}

.sticker-card[data-sticker="وسام"] .sticker-text-name {
    font-size: clamp(0.58rem, 5.25cqi, 1.12rem);
}

.sticker-card[data-sticker="وسام"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="وسام"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* وسام التميز */
.sticker-card[data-sticker="وسام التميز"] .sticker-text-stack {
    top: 20%;
    bottom: 46%;
    left: 22%;
    right: 22%;
}

.sticker-card[data-sticker="وسام التميز"] .sticker-text-name {
    font-size: clamp(0.58rem, 5.25cqi, 1.12rem);
}

.sticker-card[data-sticker="وسام التميز"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="وسام التميز"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* وسام النجوم */
.sticker-card[data-sticker="وسام النجوم"] .sticker-text-stack {
    top: 20%;
    bottom: 46%;
    left: 22%;
    right: 22%;
}

.sticker-card[data-sticker="وسام النجوم"] .sticker-text-name {
    font-size: clamp(0.58rem, 5.25cqi, 1.12rem);
}

.sticker-card[data-sticker="وسام النجوم"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="وسام النجوم"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* وسام سماوي */
.sticker-card[data-sticker="وسام سماوي"] .sticker-text-stack {
    top: 20%;
    bottom: 46%;
    left: 22%;
    right: 22%;
}

.sticker-card[data-sticker="وسام سماوي"] .sticker-text-name {
    font-size: clamp(0.58rem, 5.25cqi, 1.12rem);
}

.sticker-card[data-sticker="وسام سماوي"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="وسام سماوي"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* وسام كيمياء */
.sticker-card[data-sticker="وسام كيمياء"] .sticker-text-stack {
    top: 20%;
    bottom: 46%;
    left: 22%;
    right: 22%;
}

.sticker-card[data-sticker="وسام كيمياء"] .sticker-text-name {
    font-size: clamp(0.58rem, 5.25cqi, 1.12rem);
}

.sticker-card[data-sticker="وسام كيمياء"] .sticker-text-main {
    font-size: clamp(0.36rem, 3.1cqi, 0.66rem);
}

.sticker-card[data-sticker="وسام كيمياء"] .sticker-text-grade {
    font-size: clamp(0.28rem, 2.45cqi, 0.52rem);
}

/* اختيار النوع */
.sticker-type-btn {
    border: 2px solid #e0d8cc;
    border-radius: 10px;
    padding: 0.3rem 0.25rem;
    background: linear-gradient(180deg, #fff 0%, #faf8f5 100%);
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
    cursor: pointer;
    text-align: center;
}

.sticker-type-btn:hover {
    border-color: #c9a227;
    box-shadow: 0 6px 16px rgba(45, 35, 20, 0.1);
    transform: translateY(-2px);
}

.sticker-type-btn.active {
    border-color: #b8860b;
    box-shadow:
        0 0 0 3px rgba(212, 175, 55, 0.25),
        0 8px 20px rgba(184, 134, 11, 0.18);
    background: linear-gradient(180deg, #fffef9 0%, #fff8e8 100%);
}

.sticker-type-thumb {
    aspect-ratio: 1;
    max-height: 52px;
    width: 100%;
    max-width: 56px;
    margin: 0 auto 0.25rem;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fffef8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-shadow:
        inset 0 0 0 2px rgba(184, 134, 11, 0.28),
        0 3px 8px rgba(30, 22, 12, 0.12);
}

.sticker-type-btn.active .sticker-type-thumb {
    box-shadow:
        inset 0 0 0 2px rgba(184, 134, 11, 0.55),
        0 4px 16px rgba(184, 134, 11, 0.22);
}

.sticker-type-thumb--cup {
    background-image: url("/images/excellence-stickers/cup.png");
}

.sticker-type-thumb--shield {
    background-image: url("/images/excellence-stickers/shield.png");
}

.sticker-type-thumb--star {
    background-image: url("/images/excellence-stickers/star.png");
}

.sticker-type-thumb--medal {
    background-image: url("/images/excellence-stickers/medal.png");
}

@media print {
    .no-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    body {
        background: #fff !important;
    }

    .print-sticker-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 92vh;
        page-break-after: always;
    }

    .print-sticker-wrap:last-child {
        page-break-after: auto;
    }

    .sticker-print-shell {
        box-shadow: none;
        border: none;
        padding: 4mm;
    }

    .print-sticker-wrap .sticker-card {
        max-width: 150mm;
        width: 78vw;
        box-shadow: none;
        border-radius: 12px;
    }

    .print-sticker-wrap .sticker-card[data-sticker="cup"] .sticker-text-name,
    .print-sticker-wrap .sticker-card[data-sticker="shield"] .sticker-text-name {
        font-size: 11pt;
    }

    .print-sticker-wrap .sticker-card[data-sticker="cup"] .sticker-text-main,
    .print-sticker-wrap .sticker-card[data-sticker="shield"] .sticker-text-main {
        font-size: 8.5pt;
    }

    .print-sticker-wrap .sticker-card[data-sticker="cup"] .sticker-text-grade,
    .print-sticker-wrap .sticker-card[data-sticker="shield"] .sticker-text-grade {
        font-size: 7pt;
    }

    .print-sticker-wrap .sticker-card[data-sticker="star"] .sticker-text-name,
    .print-sticker-wrap .sticker-card[data-sticker="medal"] .sticker-text-name {
        font-size: 10.5pt;
    }

    .print-sticker-wrap .sticker-card[data-sticker="star"] .sticker-text-main,
    .print-sticker-wrap .sticker-card[data-sticker="medal"] .sticker-text-main {
        font-size: 8pt;
    }

    .print-sticker-wrap .sticker-card[data-sticker="star"] .sticker-text-grade,
    .print-sticker-wrap .sticker-card[data-sticker="medal"] .sticker-text-grade {
        font-size: 6.5pt;
    }
}

.print-only {
    display: none;
}