/* ============================================================
   Daily Giveaway — Public CSS v1.1.0
   ============================================================ */

/* ── Base ─────────────────────────────────────────────────── */
.dg-giveaway-wrap,
.dg-results-wrap {
        direction: rtl;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
        max-width: 680px;
        margin: 0 auto;
        box-sizing: border-box;
        overflow-x: hidden;
}
.dg-giveaway-wrap *,
.dg-giveaway-wrap *::before,
.dg-giveaway-wrap *::after,
.dg-results-wrap *,
.dg-results-wrap *::before,
.dg-results-wrap *::after {
        box-sizing: border-box;
}

/* ── Notices ─────────────────────────────────────────────── */
.dg-notice {
        padding: 14px 18px;
        border-radius: 10px;
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.6;
}
.dg-notice--info    { background:#e8f4fd; border-right:4px solid #2196f3; color:#1a5f8a; }
.dg-notice--warning { background:#fff8e1; border-right:4px solid #ffc107; color:#7a5c00; }
.dg-notice--success { background:#e8f5e9; border-right:4px solid #4caf50; color:#1b5e20; }
.dg-notice--error   { background:#fdecea; border-right:4px solid #e53935; color:#7f1d1d; }
.dg-link            { color:inherit; font-weight:600; text-decoration:underline; }

/* ── Card ────────────────────────────────────────────────── */
.dg-giveaway-card {
        position:relative;
        background:#fff;
        border:1px solid #ececec;
        border-radius:24px;
        padding:34px 26px 40px;
        box-shadow:0 12px 40px rgba(20,20,50,.09), 0 2px 8px rgba(20,20,50,.05);
        overflow:hidden;
}
.dg-giveaway-card::before {
        content:"";
        position:absolute;
        top:0; right:0; left:0;
        height:6px;
        background:linear-gradient(90deg,#ffd700,#ff6f00,#e91e63,#9c27b0,#1565c0,#00bcd4);
        background-size:200% 100%;
        animation:dg-gradient-shift 6s linear infinite;
}
@keyframes dg-gradient-shift {
        0%   { background-position:0% 0; }
        100% { background-position:200% 0; }
}
.dg-giveaway-title {
        margin:6px 0 16px;
        font-size:clamp(17px, 4vw, 24px);
        font-weight:900;
        color:#161629;
        text-align:center;
        letter-spacing:-.2px;
        line-height:1.35;
        word-break:break-word;
}
.dg-prize-banner {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        flex-wrap:wrap;
        text-align:center;
        background:linear-gradient(135deg,#fff3cd,#ffd54f);
        border:1px solid #ffc107;
        border-radius:14px;
        padding:12px 20px;
        font-size:15px;
        color:#5d4200;
        margin-bottom:18px;
        box-shadow:0 4px 14px rgba(255,193,7,.25);
        font-weight:600;
}
.dg-giveaway-meta {
        display:flex;
        gap:10px;
        flex-wrap:wrap;
        justify-content:center;
        margin-bottom:28px;
        font-size:13px;
        color:#555;
        text-align:center;
}
.dg-meta-item {
        display:inline-flex;
        align-items:center;
        gap:5px;
        background:#f5f7fb;
        border:1px solid #e8ebf3;
        border-radius:24px;
        padding:8px 16px;
}
.dg-meta-item strong { color:#1a1a2e; font-weight:700; }

/* ============================================================
   عجلة الحظ
   ============================================================ */
.dg-wheel-wrap {
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:18px;
}
.dg-wheel-pointer {
        margin-bottom:-16px;
        z-index:5;
        filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));
}
.dg-wheel-ring {
        padding:6px;
        border-radius:50%;
        background:linear-gradient(135deg,#ffd700,#ff6f00,#9c27b0,#1565c0,#00bcd4);
        box-shadow:0 0 36px rgba(100,100,255,.2), 0 8px 28px rgba(0,0,0,.2);
        animation:dg-ring-pulse 3s ease-in-out infinite;
}
@keyframes dg-ring-pulse {
        0%,100% { box-shadow:0 0 24px rgba(255,193,7,.4),0 8px 28px rgba(0,0,0,.2); }
        50%      { box-shadow:0 0 50px rgba(255,193,7,.75),0 8px 28px rgba(0,0,0,.2); }
}
.dg-wheel-disc {
        position:relative;
        width:300px;
        height:300px;
        border-radius:50%;
        background:#fff;
        will-change:transform;
}
.dg-wheel-svg {
        width:100%;
        height:100%;
        border-radius:50%;
        display:block;
}
.dg-spinning .dg-wheel-ring {
        animation:dg-ring-glow .35s linear infinite;
}
@keyframes dg-ring-glow {
        0%,100% { filter:brightness(1.05); }
        50%      { filter:brightness(1.4); }
}

/* ── زر الدوران ────────────────────────────────────────────── */
.dg-spin-btn {
        background:linear-gradient(135deg,#e65100,#ff8f00,#ffd600);
        color:#fff;
        border:none;
        border-radius:40px;
        padding:15px 44px;
        font-size:17px;
        font-weight:800;
        cursor:pointer;
        box-shadow:0 6px 22px rgba(230,81,0,.4);
        transition:transform .15s, box-shadow .15s;
        text-shadow:0 1px 4px rgba(0,0,0,.25);
}
.dg-spin-btn:hover:not(:disabled) {
        transform:translateY(-3px) scale(1.03);
        box-shadow:0 10px 28px rgba(230,81,0,.5);
}
.dg-spin-btn:active:not(:disabled) { transform:scale(.97); }
.dg-spin-btn:disabled { background:#90a4ae; box-shadow:none; cursor:not-allowed; }

/* ============================================================
   مربع النتيجة
   ============================================================ */
.dg-result-box {
        width:100%;
        max-width:380px;
        background:linear-gradient(135deg,#0d47a1 0%,#1565c0 50%,#1976d2 100%);
        border-radius:18px;
        padding:22px 24px 20px;
        box-shadow:0 8px 30px rgba(13,71,161,.4);
        text-align:center;
        animation:dg-slide-up .5s ease;
}
@keyframes dg-slide-up {
        from { opacity:0; transform:translateY(20px); }
        to   { opacity:1; transform:translateY(0); }
}
.dg-result-congrats {
        font-size:16px;
        font-weight:800;
        color:#fff;
        margin-bottom:14px;
        text-shadow:0 1px 4px rgba(0,0,0,.2);
        line-height:1.4;
}
.dg-result-ticket-row {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        background:rgba(255,255,255,.15);
        border-radius:12px;
        padding:14px 20px;
        margin-bottom:12px;
        flex-wrap:wrap;
}
.dg-result-label {
        font-size:14px;
        color:rgba(255,255,255,.8);
        font-weight:600;
        white-space:nowrap;
        flex-shrink:0;
}
.dg-result-code {
        font-size:clamp(18px, 5.5vw, 28px);
        font-weight:900;
        color:#fff;
        letter-spacing:clamp(1px, 1vw, 4px);
        font-family:"Courier New",Courier,monospace;
        text-shadow:0 2px 8px rgba(0,0,0,.3);
        word-break:break-all;
}
.dg-result-hint {
        font-size:12px;
        color:rgba(255,255,255,.6);
        margin:0;
}
.dg-wheel-note { font-size:12px; color:#bbb; margin:0; text-align:center; }

/* ============================================================
   نافذة التهانئ
   ============================================================ */
.dg-modal-overlay {
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.65);
        backdrop-filter:blur(5px);
        -webkit-backdrop-filter:blur(5px);
        z-index:999999;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:16px;
        overflow:hidden;
}
body.dg-modal-open { overflow:hidden; }
.dg-modal-box {
        background:#fff;
        border-radius:24px;
        padding:36px 28px 32px;
        max-width:400px;
        width:100%;
        text-align:center;
        box-shadow:0 24px 80px rgba(0,0,0,.3);
        position:relative;
        animation:dg-modal-pop .45s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes dg-modal-pop {
        from { opacity:0; transform:scale(.65) translateY(40px); }
        to   { opacity:1; transform:scale(1)  translateY(0); }
}
.dg-modal-emoji {
        font-size:32px;
        margin-bottom:10px;
        display:block;
        animation:dg-wiggle 1.2s ease infinite;
}
@keyframes dg-wiggle {
        0%,100% { transform:rotate(-4deg) scale(1); }
        50%      { transform:rotate(4deg)  scale(1.08); }
}
.dg-modal-title {
        font-size:26px;
        font-weight:900;
        color:#1565c0;
        margin:0 0 8px;
}
.dg-modal-sub {
        font-size:17px;
        font-weight:700;
        color:#333;
        margin:0 0 4px;
}
.dg-modal-ticket-label {
        font-size:13px;
        color:#888;
        margin:0 0 10px;
}
.dg-modal-ticket {
        display:inline-block;
        background:linear-gradient(135deg,#0d47a1,#1976d2,#42a5f5);
        color:#fff;
        font-size:clamp(22px, 7vw, 32px);
        font-weight:900;
        letter-spacing:clamp(2px, 1vw, 5px);
        font-family:"Courier New",Courier,monospace;
        padding:14px 28px;
        border-radius:14px;
        margin-bottom:14px;
        box-shadow:0 6px 20px rgba(13,71,161,.35);
        word-break:break-all;
}
.dg-modal-prize {
        font-size:14px;
        color:#f57f17;
        background:#fff8e1;
        border:1px solid #ffe082;
        border-radius:8px;
        padding:8px 14px;
        margin:0 0 10px;
}
.dg-modal-hint { font-size:12px; color:#aaa; margin:0 0 22px; }
.dg-modal-ok {
        background:linear-gradient(135deg,#1565c0,#1e88e5);
        color:#fff;
        border:none;
        border-radius:30px;
        padding:14px 52px;
        font-size:17px;
        font-weight:800;
        cursor:pointer;
        box-shadow:0 5px 18px rgba(21,101,192,.4);
        transition:transform .15s, box-shadow .15s;
}
.dg-modal-ok:hover  { transform:translateY(-2px); box-shadow:0 8px 24px rgba(21,101,192,.55); }
.dg-modal-ok:active { transform:scale(.97); }
.dg-conf {
        position:absolute;
        border-radius:2px;
        pointer-events:none;
        animation:dg-fall linear forwards;
}
@keyframes dg-fall {
        0%   { transform:translateY(-10px) rotate(0deg);   opacity:1; }
        100% { transform:translateY(110vh) rotate(540deg);  opacity:0; }
}

/* ============================================================
   قائمة المشاركين
   ============================================================ */
.dg-participants-box { margin-top:36px; border-top:2px solid #f0f0f0; padding-top:24px; }
.dg-pb-title {
        font-size:16px; font-weight:800; color:#1a1a2e;
        margin:0 0 14px; display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.dg-pb-count {
        background:linear-gradient(135deg,#1565c0,#1e88e5); color:#fff; font-size:12px; font-weight:700;
        border-radius:20px; padding:3px 12px; margin-right:auto;
        box-shadow:0 3px 10px rgba(21,101,192,.3);
}
.dg-pb-list { display:flex; flex-direction:column; gap:6px; max-height:340px; overflow-y:auto; }

/* صف المشارك */
.dg-pb-row {
        display:flex !important;
        align-items:center !important;
        gap:8px;
        padding:10px 12px;
        border-radius:10px;
        background:#fafafa;
        border:1px solid #efefef;
        font-size:14px;
        min-width:0;
        overflow:hidden;
}
.dg-pb-row--me  { background:#e3f2fd; border-color:#90caf9; font-weight:600; }

.dg-pb-rank {
        width:26px; height:26px;
        background:#e0e0e0; border-radius:50%;
        display:flex; align-items:center; justify-content:center;
        font-size:12px; font-weight:700; color:#555;
        flex:0 0 26px;   /* لا يتمدد ولا يتقلص */
}
.dg-pb-row--me .dg-pb-rank { background:#1565c0; color:#fff; }

/* ━━━ الاسم في قائمة المشاركين ━━━ */
.dg-pb-row .dg-pb-name {
        flex:1 1 0% !important;  /* يأخذ المساحة المتبقية */
        min-width:0 !important;  /* يسمح بالانضغاط تحت intrinsic */
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        color:#333;
        display:block !important;
}
.dg-pb-row .dg-pb-name a {
        color:#1a1a2e;
        text-decoration:none;
        font-weight:600;
        transition:color .15s;
        display:inline !important;
        white-space:nowrap !important;
        word-break:normal !important;
}
.dg-pb-row .dg-pb-name a:hover { color:#1565c0; text-decoration:underline; }
.dg-pb-you { font-size:11px; color:#1565c0; font-style:normal; margin-right:4px; }

.dg-pb-ticket {
        font-family:monospace; font-size:11px; color:#888;
        background:#f0f0f0; padding:2px 6px; border-radius:4px;
        flex:0 0 auto;
        max-width:100px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
}
.dg-pb-pts {
        font-size:13px; color:#f57f17; font-weight:700;
        white-space:nowrap;
        flex:0 0 auto;
}

/* ============================================================
   صفحة النتائج
   ============================================================ */
.dg-lookup-box {
        background:linear-gradient(180deg,#f7f9fc,#fff);
        border:1px solid #e8ebf3;
        border-radius:16px;
        padding:22px 24px;
        margin-bottom:26px;
        box-shadow:0 4px 16px rgba(20,20,50,.05);
}
.dg-lookup-box h3{ margin:0 0 14px; font-size:16px; font-weight:800; color:#1a1a2e; }
.dg-lookup-form  { display:flex; gap:10px; flex-wrap:wrap; }
.dg-input        { flex:1; min-width:130px; padding:11px 16px; border:1.5px solid #dfe3ec; border-radius:10px; font-size:15px; direction:ltr; text-align:center; letter-spacing:2px; transition:border-color .15s, box-shadow .15s; }
.dg-input:focus  { outline:none; border-color:#1565c0; box-shadow:0 0 0 3px rgba(21,101,192,.12); }
.dg-btn          { display:inline-block; padding:11px 26px; border:none; border-radius:10px; font-size:15px; font-weight:700; cursor:pointer; transition:transform .15s, box-shadow .15s; }
.dg-btn--secondary       { background:linear-gradient(135deg,#1565c0,#1e88e5); color:#fff; box-shadow:0 4px 14px rgba(21,101,192,.3); }
.dg-btn--secondary:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(21,101,192,.4); }
.dg-lookup-result{ margin-top:12px; padding:12px 16px; border-radius:8px; font-size:15px; }

.dg-results-card {
        background:#fff;
        border:1px solid #ececec;
        border-radius:20px;
        padding:26px 20px 30px;
        box-shadow:0 12px 40px rgba(20,20,50,.09), 0 2px 8px rgba(20,20,50,.05);
        position:relative;
        overflow:hidden;
}
.dg-results-card::before {
        content:"";
        position:absolute;
        top:0; right:0; left:0;
        height:6px;
        background:linear-gradient(90deg,#ffd700,#ff6f00,#e91e63,#9c27b0,#1565c0,#00bcd4);
        background-size:200% 100%;
        animation:dg-gradient-shift 6s linear infinite;
}
.dg-results-title {
        margin:8px 0 6px;
        font-size:clamp(15px, 4vw, 20px);
        font-weight:900;
        color:#161629;
        word-break:break-word;
        line-height:1.35;
}
.dg-drawn-at { font-size:13px; color:#888; margin-bottom:18px; }

/* ── قائمة الفائزين ─────────────────────────────────────────── */
.dg-winners-public {
        list-style:none;
        padding:0;
        margin:0;
        display:flex;
        flex-direction:column;
        gap:8px;
}

/* ━━━ صف الفائز الواحد ━━━ */
.dg-results-wrap .dg-winner-item {
        display:flex !important;
        align-items:center !important;
        gap:10px;
        padding:12px 14px;
        background:#fafbfd;
        border:1px solid #eef0f5;
        border-radius:12px;
        transition:transform .2s ease, box-shadow .2s ease;
        min-width:0;
        overflow:hidden;
        animation:dg-winner-in .4s ease both;
}
.dg-results-wrap .dg-winners-public li:nth-child(1) { animation-delay:.05s; }
.dg-results-wrap .dg-winners-public li:nth-child(2) { animation-delay:.12s; }
.dg-results-wrap .dg-winners-public li:nth-child(3) { animation-delay:.19s; }
.dg-results-wrap .dg-winners-public li:nth-child(4) { animation-delay:.26s; }
.dg-results-wrap .dg-winners-public li:nth-child(5) { animation-delay:.33s; }
.dg-results-wrap .dg-winners-public li:nth-child(n+6) { animation-delay:.4s; }

@keyframes dg-winner-in {
        from { opacity:0; transform:translateY(12px); }
        to   { opacity:1; transform:translateY(0); }
}
.dg-results-wrap .dg-winner-item:hover {
        transform:translateX(-3px);
        box-shadow:0 6px 18px rgba(20,20,50,.1);
}
/* المركز الأول ذهبي */
.dg-results-wrap .dg-winners-public li:first-child .dg-winner-item {
        background:linear-gradient(135deg,#fffde7,#fff8e1);
        border-color:#ffe082;
        box-shadow:0 4px 16px rgba(255,193,7,.2);
}

.dg-winner-rank {
        width:32px; height:32px;
        background:linear-gradient(135deg,#1565c0,#1e88e5);
        color:#fff; border-radius:50%;
        display:flex; align-items:center; justify-content:center;
        font-weight:800; font-size:13px;
        flex:0 0 32px;   /* ثابت لا يتغير */
        box-shadow:0 3px 8px rgba(21,101,192,.3);
}
.dg-results-wrap .dg-winners-public li:first-child .dg-winner-rank {
        background:linear-gradient(135deg,#ffb300,#ff6f00);
        box-shadow:0 3px 8px rgba(255,111,0,.4);
}

/* ━━━ اسم الفائز — الإصلاح الجوهري ━━━ */
.dg-results-wrap .dg-winner-item .dg-winner-name {
        flex:1 1 0% !important;
        min-width:0 !important;
        font-weight:700 !important;
        font-size:clamp(13px, 3.5vw, 15px) !important;
        color:#1a1a2e !important;
        text-decoration:none !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        display:block !important;
}
.dg-results-wrap .dg-winner-item .dg-winner-name:hover {
        color:#1565c0 !important;
        text-decoration:underline !important;
}

/* ━━━ رقم التذكرة في نتائج السحب ━━━ */
.dg-results-wrap .dg-winner-item .dg-winner-ticket {
        font-size:11px !important;
        color:#666;
        background:#f0f0f0;
        padding:3px 7px;
        border-radius:6px;
        font-family:monospace;
        flex:0 0 auto !important;
        max-width:110px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
}

.dg-my-points { display:inline-flex; align-items:center; gap:10px; background:linear-gradient(135deg,#e3f2fd,#f5f9ff); border:1px solid #90caf9; border-radius:14px; padding:12px 20px; font-size:16px; box-shadow:0 4px 14px rgba(21,101,192,.12); }
.dg-points-label { color:#555; font-weight:600; }
.dg-points-value { font-size:24px; font-weight:900; color:#1565c0; }

/* ============================================================
   نتيجة السحب (داخل واجهة العجلة بعد انتهاء السحب)
   ============================================================ */
.dg-draw-results {
        margin-top:10px;
        background:linear-gradient(180deg,#f7fbff,#fff);
        border:1px solid #dce9f7;
        border-radius:16px;
        padding:24px 16px;
        text-align:center;
}
.dg-dr-title {
        margin:0 0 18px;
        font-size:clamp(14px, 4vw, 17px);
        font-weight:800;
        color:#0d47a1;
        line-height:1.4;
        word-break:break-word;
}

/* بطاقة رقم المستخدم */
.dg-dr-my-ticket {
        display:inline-flex !important;
        align-items:center !important;
        gap:8px;
        background:#e3f2fd;
        border:1px solid #90caf9;
        border-radius:10px;
        padding:10px 16px;
        margin-bottom:18px;
        max-width:100%;
        overflow:hidden;
}
.dg-dr-label {
        font-size:13px;
        color:#555;
        font-weight:600;
        white-space:nowrap !important;
        flex:0 0 auto;
}
.dg-dr-code {
        font-family:"Courier New", Courier, monospace;
        font-size:clamp(13px, 3.8vw, 18px);
        font-weight:800;
        color:#0d47a1;
        letter-spacing:clamp(1px, 0.4vw, 2px);
        white-space:nowrap !important;
        overflow:hidden;
        text-overflow:ellipsis;
        min-width:0;
        flex:1 1 0%;
}

/* قائمة الفائزين (واجهة العجلة بعد الانتهاء) */
.dg-dr-winners {
        list-style:none;
        margin:0 0 18px;
        padding:0;
        text-align:right;
        display:flex;
        flex-direction:column;
        gap:8px;
}

/* ━━━ صف الفائز الواحد ━━━ */
.dg-giveaway-wrap .dg-dr-winner-item {
        display:flex !important;
        align-items:center !important;
        gap:8px;
        background:#fafafa;
        border:1px solid #eee;
        border-radius:10px;
        padding:10px 12px;
        min-width:0;
        overflow:hidden;
        animation:dg-winner-in .4s ease both;
}
.dg-dr-winners li:nth-child(1) { animation-delay:.05s; }
.dg-dr-winners li:nth-child(2) { animation-delay:.12s; }
.dg-dr-winners li:nth-child(3) { animation-delay:.19s; }
.dg-dr-winners li:nth-child(4) { animation-delay:.26s; }
.dg-dr-winners li:nth-child(5) { animation-delay:.33s; }

.dg-giveaway-wrap .dg-dr-winner-item--me {
        background:linear-gradient(135deg,#fff8e1,#ffecb3) !important;
        border-color:#ffd54f !important;
}

.dg-dr-rank {
        width:26px; height:26px;
        flex:0 0 26px;   /* ثابت لا يتغير */
        background:#1565c0; color:#fff; border-radius:50%;
        display:flex; align-items:center; justify-content:center;
        font-size:12px; font-weight:700;
}
.dg-giveaway-wrap .dg-dr-winner-item--me .dg-dr-rank { background:#f57f17; }

/* ━━━ اسم الفائز — الإصلاح الجوهري ━━━ */
.dg-giveaway-wrap .dg-dr-winner-item .dg-dr-name {
        flex:1 1 0% !important;
        min-width:0 !important;
        font-weight:600 !important;
        font-size:clamp(13px, 3.5vw, 15px) !important;
        color:#1a1a2e !important;
        text-decoration:none !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        display:block !important;
}
.dg-giveaway-wrap .dg-dr-winner-item .dg-dr-name:hover {
        color:#1565c0 !important;
        text-decoration:underline !important;
}

/* ━━━ رقم التذكرة ━━━ */
.dg-giveaway-wrap .dg-dr-winner-item .dg-dr-ticket {
        font-family:monospace;
        font-size:11px !important;
        color:#777;
        background:#f0f0f0;
        padding:3px 7px;
        border-radius:4px;
        flex:0 0 auto !important;
        max-width:100px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
}

.dg-dr-pending { color:#888; font-size:14px; margin-bottom:12px; }
.dg-dr-msg { font-size:15px; font-weight:700; color:#555; margin:6px 0 0; }
.dg-dr-msg--win { color:#e65100; font-size:17px; }

/* ============================================================
   📱 تجاوب الجوال — 600px وما دون
   ============================================================ */
@media (max-width: 600px) {
        .dg-giveaway-wrap,
        .dg-results-wrap { padding:0 2px; }

        .dg-giveaway-card { padding:16px 12px 24px; border-radius:14px; }
        .dg-wheel-disc    { width:240px; height:240px; }
        .dg-spin-btn      { padding:13px 28px; font-size:15px; }
        .dg-result-box    { padding:16px 14px; }
        .dg-result-ticket-row { padding:10px 12px; gap:8px; }

        .dg-modal-box  { padding:24px 14px 20px; }
        .dg-modal-title{ font-size:20px; }
        .dg-modal-ok   { padding:12px 32px; font-size:15px; }

        /* تصغير التذاكر على الجوال بدلاً من إخفائها */
        .dg-pb-ticket,
        .dg-results-wrap .dg-winner-item .dg-winner-ticket,
        .dg-giveaway-wrap .dg-dr-winner-item .dg-dr-ticket {
                font-size:9px !important;
                padding:2px 5px !important;
                max-width:72px !important;
                flex:0 0 auto !important;
                overflow:hidden !important;
                text-overflow:ellipsis !important;
                white-space:nowrap !important;
                opacity:0.75;
        }

        .dg-results-card { padding:16px 12px 22px; border-radius:14px; }
        .dg-draw-results { padding:16px 12px; }

        /* تقليل gap على الشاشات الضيقة */
        .dg-results-wrap .dg-winner-item { gap:8px; padding:10px 10px; }
        .dg-giveaway-wrap .dg-dr-winner-item { gap:8px; padding:9px 10px; }
        .dg-pb-row { gap:7px; padding:9px 10px; }

        .dg-lookup-form { flex-direction:column; }
        .dg-input { min-width:0; }
}

/* ── شاشات أصغر جداً (380px) ──────────────────────────────── */
@media (max-width: 380px) {
        .dg-wheel-disc { width:200px; height:200px; }
        .dg-winner-rank { width:26px; height:26px; flex:0 0 26px; font-size:11px; }
        .dg-dr-rank  { width:22px; height:22px; flex:0 0 22px; font-size:11px; }
        .dg-pb-rank  { width:22px; height:22px; flex:0 0 22px; font-size:11px; }
        .dg-pb-pts   { display:none; }
}