.lucky-lotto-row-flag {
            margin-right: 0.5rem !important;
            flex-shrink: 0;
        }

        .lucky-lotto-row-link {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            column-gap: 0;
            row-gap: 0.35rem;
        }

        .lucky-lotto-row-label {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            min-width: 0;
            flex: 1;
            gap: 0.125rem;
        }

        .lucky-lotto-row-label__name {
            display: block;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .lucky-index-draw-date {
            display: block;
            width: 100%;
            font-size: 0.625rem;
            line-height: 1.25;
            font-weight: 600;
            color: #dc2626;
        }

        .lucky-index-row--today > .lucky-lotto-row-link .lucky-index-draw-date,
        .lucky-index-row--no-draw > .lucky-lotto-row-link .lucky-index-draw-date,
        .lucky-index-row--off-day > .lucky-lotto-row-link .lucky-index-draw-date,
        .lucky-lotto-row-link .lucky-index-draw-date {
            color: #dc2626;
        }

        @media (min-width: 640px) {
            .lucky-index-draw-date {
                font-size: 0.75rem;
            }
        }

        .lucky-index-market-list .lucky-lotto-row-link:has(.lucky-accuracy-outcome--multi-row) {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
        }

        .lucky-index-market-list .lucky-lotto-row-link:has(.lucky-accuracy-outcome--multi-row) .lucky-lotto-row-flag {
            align-self: center;
            margin-right: 0.5rem !important;
        }

        .lucky-index-market-list .lucky-lotto-row-link:has(.lucky-accuracy-outcome--multi-row) .lucky-lotto-row-label {
            flex: 1;
            min-width: 0;
            justify-content: center;
        }

        .lucky-index-market-list .lucky-lotto-row-label__name {
            white-space: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.3;
        }

        .lucky-index-market-list .lucky-lotto-row-link:has(.lucky-accuracy-outcome--multi-row) .lucky-index-row-accuracy {
            flex: none;
            align-self: center;
            max-width: 58%;
            margin-left: auto;
        }

        .lucky-index-market-list .lucky-index-row-accuracy .lucky-accuracy-outcome--index {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 0.25rem;
        }

        .lucky-index-market-list .lucky-index-row-accuracy .lucky-accuracy-outcome-row {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-end;
            gap: 0.3rem;
        }

        .lucky-index-row-accuracy {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 0.3rem;
            max-width: 58%;
            margin-left: auto;
        }

        .lucky-index-row-accuracy .lucky-accuracy-outcome {
            justify-content: flex-end;
            min-width: 0;
            gap: 0.3rem;
        }

        .lucky-index-row-accuracy .lucky-accuracy-hit-badge,
        .lucky-index-row-accuracy .lucky-accuracy-pending {
            padding: 0.24rem 0.54rem;
            font-size: 0.84rem;
            line-height: 1.2;
            border-radius: 0.375rem;
            box-shadow: none;
        }

        .lucky-index-row-accuracy .lucky-accuracy-hit-badge {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            color: #475569;
            font-weight: 700;
        }

        .lucky-index-row-accuracy .lucky-accuracy-hit-badge--digit1,
        .lucky-index-row-accuracy .lucky-accuracy-hit-badge--tod {
            background: #f0fdf4;
            border: 1px solid #bbf7d0;
            color: #15803d;
            font-weight: 700;
            box-shadow: none;
        }

        .lucky-index-row-accuracy .lucky-accuracy-hit-badge--digit2,
        .lucky-index-row-accuracy .lucky-accuracy-hit-badge--reverse {
            padding: 0.24rem 0.58rem;
            border-radius: 9999px;
            border: 1px solid rgba(255, 255, 255, 0.34);
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 52%, #1e40af 100%);
            color: #ffffff;
            font-weight: 800;
            letter-spacing: 0.02em;
            box-shadow:
                0 2px 8px rgba(37, 99, 235, 0.34),
                inset 0 1px 0 rgba(255, 255, 255, 0.28);
        }

        .lucky-index-row-accuracy .lucky-accuracy-hit-badge--digit3 {
            padding: 0.24rem 0.58rem;
            border-radius: 9999px;
            border: 1px solid #fca5a5;
            background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #991b1b 100%);
            color: #ffffff;
            font-weight: 800;
            letter-spacing: 0.02em;
            text-shadow: 0 1px 2px rgba(69, 10, 10, 0.4);
            box-shadow:
                0 2px 8px rgba(185, 28, 28, 0.34),
                inset 0 1px 0 rgba(255, 255, 255, 0.24);
        }

        .lucky-index-row--today .lucky-index-row-accuracy .lucky-accuracy-hit-badge--digit3 {
            border-color: #f87171;
            box-shadow:
                0 2px 10px rgba(153, 27, 27, 0.42),
                0 0 0 1px rgba(185, 28, 28, 0.14),
                inset 0 1px 0 rgba(255, 255, 255, 0.26);
        }

        .lucky-index-row-accuracy .lucky-accuracy-hit-badge--miss {
            background: #494949;
            border: 1px solid #3f3f46;
            color: #ffffff;
            font-weight: 700;
            box-shadow: none;
        }

        .lucky-index-row-accuracy .lucky-accuracy-pending {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            color: #94a3b8;
            font-weight: 700;
        }

        .lucky-index-stat-duo {
            display: inline-flex;
            align-items: stretch;
            max-width: 100%;
            padding: 0;
            border-radius: 0.5rem;
            background: #ffffff;
            border: 1px solid #e2e8f0;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
            overflow: hidden;
        }

        .lucky-index-stat-duo__status {
            display: inline-flex;
            align-items: center;
            padding: 0.24rem 0.5rem;
            font-size: 0.78rem;
            font-weight: 700;
            line-height: 1.1;
            color: #64748b;
            white-space: nowrap;
            background: #ffffff;
        }

        .lucky-index-stat-duo__sep {
            width: 1px;
            align-self: stretch;
            margin: 0.2rem 0;
            background: #e2e8f0;
            flex-shrink: 0;
        }

        .lucky-index-stat-metric {
            display: grid;
            align-content: end;
            align-items: baseline;
            grid-auto-flow: column;
            gap: 0.32rem;
            padding: 0.28rem 0.55rem;
            min-width: 0;
            white-space: nowrap;
            background: #ffffff;
        }

        .lucky-index-stat-metric__head {
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.01em;
            line-height: 1;
            color: #94a3b8;
        }

        .lucky-index-stat-metric__num {
            font-size: 1.12rem;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            line-height: 1;
        }

        .lucky-index-stat-metric--3 .lucky-index-stat-metric__head {
            color: #18181b;
        }

        .lucky-index-stat-metric--3 .lucky-index-stat-metric__num {
            color: #c51e1e;
        }

        .lucky-index-stat-metric--2 .lucky-index-stat-metric__head {
            color: #18181b;
        }

        .lucky-index-stat-metric--2 .lucky-index-stat-metric__num {
            color: #0060b6;
        }

        .lucky-index-stat-duo__draws {
            display: grid;
            align-content: end;
            align-items: baseline;
            grid-auto-flow: column;
            gap: 0.22rem;
            padding: 0.28rem 0.55rem;
            line-height: 1;
            letter-spacing: 0.01em;
            white-space: nowrap;
            background: #fef3c7;
        }

        .lucky-index-stat-duo__draws-num {
            font-size: 0.82rem;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            line-height: 1;
            color: #236a03;
        }

        .lucky-index-stat-duo__draws-unit {
            font-size: 0.78rem;
            font-weight: 700;
            line-height: 1;
            color: #434345;
        }

        @media (min-width: 640px) {
            .lucky-index-stat-duo__draws-unit {
                font-size: 0.82rem;
            }
        }

        .lucky-index-pending-wrap {
            display: inline-flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 0.28rem;
            max-width: 100%;
        }

        .lucky-index-latest-hits {
            display: inline-flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            gap: 0.28rem;
            max-width: 100%;
        }

        .lucky-index-latest-hit {
            display: inline-flex;
            align-items: center;
            padding: 0.2rem 0.52rem;
            border-radius: 9999px;
            font-size: 0.72rem;
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: 0.01em;
            white-space: nowrap;
        }

        .lucky-index-latest-hit--3 {
            border: 1px solid var(--lucky-hit-d3-border, #fca5a5);
            background: var(--lucky-hit-d3-bg, linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #991b1b 100%));
            color: var(--lucky-hit-d3-color, #ffffff);
            text-shadow: var(--lucky-hit-d3-text-shadow, 0 1px 2px rgba(69, 10, 10, 0.4));
            box-shadow: var(--lucky-hit-d3-shadow, 0 2px 8px rgba(185, 28, 28, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24));
        }

        .lucky-index-latest-hit--2 {
            border: 1px solid var(--lucky-hit-d2-border, rgba(255, 255, 255, 0.34));
            background: var(--lucky-hit-d2-bg, linear-gradient(135deg, #3b82f6 0%, #2563eb 52%, #1e40af 100%));
            color: var(--lucky-hit-d2-color, #ffffff);
            box-shadow: var(--lucky-hit-d2-shadow, 0 2px 8px rgba(37, 99, 235, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28));
        }

        @media (min-width: 640px) {
            .lucky-index-latest-hit {
                font-size: 0.78rem;
                padding: 0.22rem 0.56rem;
            }
        }

        .lucky-index-latest-col-label {
            max-width: 58%;
            text-align: right;
        }

        .lucky-index-hot-zone {
            position: relative;
            overflow: hidden;
            border-radius: 1.25rem;
            border: 1px solid rgba(251, 191, 36, 0.45);
            background: #ffffff;
            box-shadow:
                0 4px 6px rgba(15, 23, 42, 0.04),
                0 18px 42px rgba(185, 28, 28, 0.12);
        }

        .lucky-index-hot-zone::before {
            content: '';
            position: absolute;
            inset: 0 0 auto 0;
            height: 4px;
            background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 35%, #ef4444 70%, #b91c1c 100%);
        }

        .lucky-index-hot-zone__head {
            position: relative;
            padding: 1rem 0.85rem 0.95rem;
            text-align: center;
            background:
                radial-gradient(ellipse 120% 80% at 100% 0%, rgba(251, 191, 36, 0.22) 0%, transparent 55%),
                linear-gradient(135deg, #7f1d1d 0%, #b91c1c 42%, #dc2626 100%);
            color: #fff;
        }

        .lucky-index-hot-zone__head-top {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0.45rem;
            margin-top: 0.45rem;
        }

        .lucky-index-hot-zone__eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            padding: 0.2rem 0.55rem;
            border-radius: 9999px;
            border: 1px solid rgba(255, 255, 255, 0.28);
            background: rgba(255, 255, 255, 0.12);
            font-size: 0.68rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #fef3c7;
        }

        .lucky-index-hot-zone__eyebrow-dot {
            width: 0.45rem;
            height: 0.45rem;
            border-radius: 9999px;
            background: #fbbf24;
            box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.65);
            animation: lucky-index-hot-pulse 1.8s ease-in-out infinite;
        }

        @keyframes lucky-index-hot-pulse {
            0%, 100% {
                box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.55);
            }

            50% {
                box-shadow: 0 0 0 6px rgba(251, 191, 36, 0);
            }
        }

        .lucky-index-hot-zone__count {
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
            padding: 0.22rem 0.6rem;
            border-radius: 9999px;
            background: rgba(255, 255, 255, 0.95);
            font-size: 0.72rem;
            font-weight: 800;
            color: #b91c1c;
            white-space: nowrap;
        }

        .lucky-index-hot-zone__title {
            margin: 0 auto;
            font-size: 1.2rem;
            font-weight: 900;
            line-height: 1.25;
            letter-spacing: 0.01em;
            color: #ffffff;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
        }

        .lucky-index-hot-zone__empty-wrap {
            padding: 1.1rem 1rem 1.15rem;
            background: linear-gradient(180deg, #fffbeb 0%, #ffffff 100%);
        }

        .lucky-index-hot-zone__empty {
            margin: 0;
            padding: 0.85rem 1rem;
            border-radius: 0.85rem;
            border: 1px dashed #cbd5e1;
            background: #f8fafc;
            font-size: 0.84rem;
            line-height: 1.5;
            color: #64748b;
            text-align: center;
        }

        .lucky-index-hot-zone__grid {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            justify-content: flex-start;
            gap: 0.5rem;
            margin: 0;
            padding: 0.65rem;
            list-style: none;
            background: linear-gradient(180deg, #fff7ed 0%, #ffffff 38%);
        }

        .lucky-index-hot-zone__item {
            flex: 0 0 auto;
            max-width: 100%;
        }

        .lucky-index-hot-card {
            position: relative;
            display: block;
            width: fit-content;
            max-width: 100%;
            flex: 0 0 auto;
            border-radius: 0.85rem;
            border: 1px solid #e2e8f0;
            background: #ffffff;
            text-decoration: none;
            overflow: hidden;
            box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }

        .lucky-index-hot-card:hover {
            border-color: #fca5a5;
            box-shadow: 0 14px 32px rgba(185, 28, 28, 0.14);
            transform: translateY(-2px);
        }

        .lucky-index-hot-card__accent {
            display: block;
            height: 4px;
            background: linear-gradient(90deg, #f59e0b 0%, #ef4444 100%);
        }

        .lucky-index-hot-card__body {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0.65rem 0.55rem 0.7rem;
        }

        .lucky-index-hot-card__group {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            width: max-content;
            max-width: 100%;
        }

        .lucky-index-hot-card__market {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            flex: 0 0 auto;
            min-width: 0;
            max-width: 100%;
        }

        .lucky-index-hot-card__flag-wrap {
            display: inline-flex;
            flex-shrink: 0;
            padding: 2px;
            border-radius: 9999px;
            background: linear-gradient(135deg, #fde68a 0%, #fca5a5 100%);
            box-shadow: 0 4px 10px rgba(245, 158, 11, 0.22);
        }

        .lucky-index-hot-card__flag-wrap--initial {
            background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
        }

        .lucky-index-hot-card__flag {
            width: 2rem;
            height: 2rem;
            border-radius: 9999px;
            border: 2px solid #ffffff;
            object-fit: cover;
            background: #fff;
        }

        .lucky-index-hot-card__flag--initial {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.82rem;
            font-weight: 900;
            color: #b91c1c;
            background: #fff1f2;
        }

        .lucky-index-hot-card__name {
            font-size: 1.05rem;
            font-weight: 800;
            line-height: 1.15;
            color: #0f172a;
            white-space: nowrap;
        }

        .lucky-index-hot-card__streaks {
            display: inline-flex;
            flex-wrap: nowrap;
            gap: 0.3rem;
            flex: 0 0 auto;
        }

        .lucky-index-hot-streak {
            display: grid;
            grid-template-columns: 1fr;
            justify-items: center;
            min-width: 3rem;
            padding: 0.32rem 0.38rem 0.36rem;
            border-radius: 0.6rem;
            text-align: center;
        }

        .lucky-index-hot-streak__label {
            font-size: 0.62rem;
            font-weight: 800;
            letter-spacing: 0.01em;
            line-height: 1;
            color: #18181b;
        }

        .lucky-index-hot-streak__value {
            font-size: 1.2rem;
            font-weight: 900;
            font-variant-numeric: tabular-nums;
            line-height: 1;
            margin-top: 0.1rem;
        }

        .lucky-index-hot-streak__unit {
            margin-top: 0.1rem;
            font-size: 0.66rem;
            font-weight: 800;
            line-height: 1;
            color: #18181b;
        }

        .lucky-index-hot-streak--3 {
            border: 1px solid #fde68a;
            background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
        }

        .lucky-index-hot-streak--3 .lucky-index-hot-streak__value {
            color: #b45309;
        }

        .lucky-index-hot-streak--2 {
            border: 1px solid #fecaca;
            background: linear-gradient(180deg, #fff1f2 0%, #fee2e2 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
        }

        .lucky-index-hot-streak--2 .lucky-index-hot-streak__value {
            color: #cd0000;
        }

        @media (min-width: 640px) {
            .lucky-index-hot-zone__head {
                padding: 1.15rem 1rem 1rem;
            }

            .lucky-index-hot-zone__title {
                font-size: 1.45rem;
            }

            .lucky-index-hot-zone__grid {
                padding: 0.65rem 0.65rem 0.65rem 0.5rem;
            }

            .lucky-index-hot-card__body {
                padding: 0.65rem 0.4rem 0.7rem;
            }

            .lucky-index-hot-card__group {
                gap: 0.45rem;
            }

            .lucky-index-hot-card__flag {
                width: 2.15rem;
                height: 2.15rem;
            }

            .lucky-index-hot-card__name {
                font-size: 1.12rem;
            }

            .lucky-index-hot-streak {
                min-width: 3.1rem;
                padding: 0.32rem 0.38rem 0.36rem;
            }

            .lucky-index-hot-streak__label {
                font-size: 0.64rem;
            }

            .lucky-index-hot-streak__value {
                font-size: 1.22rem;
            }

            .lucky-index-hot-streak__unit {
                font-size: 0.72rem;
            }
        }

        .lucky-index-market-list > li.lucky-index-row--today,
        .lucky-index-market-list > li.lucky-index-row--no-draw,
        .lucky-index-market-list > li.lucky-index-row--off-day,
        .lucky-index-market-list > li:has(.lucky-index-latest-hits) {
            background: #ffffff;
            border-left-width: 0;
            transition:
                background-color 0.18s ease,
                box-shadow 0.18s ease;
        }

        /* แถบซ้ายใช้ box-shadow แทน border-left — divide-gray-100 ตั้ง border-color ทุกด้านทับสีแถบ */
        .lucky-index-market-list > li.lucky-index-row--today {
            box-shadow:
                inset 4px 0 0 #f59e0b,
                inset 0 0 0 1px rgba(245, 158, 11, 0.07);
        }

        .lucky-index-market-list > li.lucky-index-row--today:hover {
            background: #fdf3d4;
            box-shadow: inset 4px 0 0 #f59e0b, inset 0 0 0 1px rgba(245, 158, 11, 0.36), 0 4px 14px rgba(245, 158, 11, 0.19);
        }

        .lucky-index-market-list > li:has(.lucky-index-latest-hits):not(.lucky-index-row--today):not(.lucky-index-row--off-day):not(.lucky-index-row--no-draw) {
            box-shadow:
                inset 4px 0 0 #dc2626,
                inset 0 0 0 1px rgba(220, 38, 38, 0.08);
        }

        .lucky-index-market-list > li:has(.lucky-index-latest-hits):not(.lucky-index-row--today):not(.lucky-index-row--off-day):not(.lucky-index-row--no-draw):hover {
            background: #fffbfb;
            box-shadow:
                inset 4px 0 0 #dc2626,
                inset 0 0 0 1px rgba(220, 38, 38, 0.12),
                0 4px 14px rgba(220, 38, 38, 0.1);
        }

        .lucky-index-row--today > .lucky-lotto-row-link {
            background-color: transparent;
            color: #1f2937;
        }

        .lucky-index-row--today > .lucky-lotto-row-link:hover {
            color: #111827;
        }

        .lucky-index-market-list > li.lucky-index-row--today,
        .lucky-index-market-list > li.lucky-index-row--today + li {
            border-top-color: #f1f5f9;
        }

        .lucky-index-market-list > li.lucky-index-row--no-draw {
            box-shadow:
                inset 4px 0 0 #64748b,
                inset 0 0 0 1px rgba(100, 116, 139, 0.1);
        }

        .lucky-index-market-list > li.lucky-index-row--no-draw:hover {
            background: #eee;
            box-shadow: inset 4px 0 0 #64748b, inset 0 0 0 1px rgba(100, 116, 139, 0.18), 0 4px 14px rgba(100, 116, 139, 0.22);
        }

        .lucky-index-row--no-draw > .lucky-lotto-row-link {
            background-color: transparent;
            color: #1f2937;
        }

        .lucky-index-row--no-draw > .lucky-lotto-row-link:hover {
            color: #111827;
        }

        .lucky-index-market-list > li.lucky-index-row--no-draw,
        .lucky-index-market-list > li.lucky-index-row--no-draw + li {
            border-top-color: #f1f5f9;
        }

        .lucky-index-row-accuracy .lucky-accuracy-no-draw {
            display: inline-flex;
            align-items: center;
            padding: 0.24rem 0.54rem;
            border-radius: 0.375rem;
            font-size: 0.84rem;
            font-weight: 700;
            line-height: 1.2;
            color: #475569;
            background: #f8fafc;
            border: 1px solid #cbd5e1;
        }

        .lucky-index-market-list > li.lucky-index-row--off-day {
            box-shadow:
                inset 4px 0 0 #22c55e,
                inset 0 0 0 1px rgba(34, 197, 94, 0.07);
        }

        .lucky-index-market-list > li.lucky-index-row--off-day:hover {
            background: #e3f6e7;
            box-shadow: inset 4px 0 0 #22c55e, inset 0 0 0 1px rgba(34, 197, 94, 0.36), 0 4px 14px rgba(34, 197, 94, 0.16);
        }

        .lucky-index-row--off-day > .lucky-lotto-row-link {
            background-color: transparent;
            color: #1f2937;
        }

        .lucky-index-row--off-day > .lucky-lotto-row-link:hover {
            color: #111827;
        }

        .lucky-index-market-list > li.lucky-index-row--off-day,
        .lucky-index-market-list > li.lucky-index-row--off-day + li {
            border-top-color: #f1f5f9;
        }

        .lucky-index-row-accuracy .lucky-accuracy-off-day {
            display: inline-flex;
            align-items: center;
            padding: 0.24rem 0.54rem;
            border-radius: 0.375rem;
            font-size: 0.84rem;
            font-weight: 700;
            line-height: 1.2;
            color: #15803d;
            background: #f0fdf4;
            border: 1px solid #04c748;
        }

        @media (min-width: 640px) {
            .lucky-index-row-accuracy .lucky-accuracy-hit-badge,
            .lucky-index-row-accuracy .lucky-accuracy-pending,
            .lucky-index-row-accuracy .lucky-accuracy-no-draw,
            .lucky-index-row-accuracy .lucky-accuracy-off-day {
                font-size: 0.92rem;
            }

            .lucky-index-stat-duo__status,
            .lucky-index-stat-metric__head,
            .lucky-index-stat-duo__draws-unit {
                font-size: 0.84rem;
            }

            .lucky-index-stat-metric__num {
                font-size: 1.22rem;
            }

            .lucky-index-stat-duo__draws-num {
                font-size: 0.9rem;
            }
        }

        .lucky-lotto-hero-title-row {
            column-gap: 0;
        }

        #luckyPosterCard,
        #luckyPosterCard * {
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

        .lucky-poster-wing-rud-row {
            background: linear-gradient(180deg, #fffbfb 0%, #fef2f2 100%);
            border: 1px solid #fecaca;
            box-shadow: 0 10px 28px rgba(185, 28, 28, 0.08);
        }

        .lucky-poster-wing-rud-label {
            min-width: 5.75rem;
            padding: 0.55rem 1.75rem;
            border-radius: 9999px;
            font-size: 1.45rem;
            font-weight: 900;
            letter-spacing: 0.14em;
            line-height: 1.1;
            color: #ffffff;
            text-shadow: 0 1px 2px rgba(69, 10, 10, 0.35);
            border: 1px solid rgba(255, 255, 255, 0.38);
            box-shadow:
                0 8px 22px rgba(185, 28, 28, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.34);
        }

        .lucky-poster-wing-rud-label--wing,
        .lucky-poster-wing-rud-label--rud {
            background: linear-gradient(145deg, #ef4444 0%, #dc2626 52%, #b91c1c 100%);
        }

        .lucky-poster-wing-rud-value {
            color: #78350f;
            background: linear-gradient(180deg, #fff7d6 0%, #fde68a 42%, #fbbf24 100%);
            border-color: #f59e0b;
            box-shadow:
                inset 0 2px 8px rgba(255, 255, 255, 0.45),
                inset 0 -3px 8px rgba(180, 83, 9, 0.14),
                0 2px 10px rgba(245, 158, 11, 0.22);
        }

        @media (min-width: 640px) {
            .lucky-poster-wing-rud-label {
                min-width: 6.5rem;
                padding: 0.65rem 2rem;
                font-size: 1.65rem;
            }
        }

        .lucky-poster-copy-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 2.75rem;
            padding: 0.625rem 1rem;
            border: none;
            border-radius: 1rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.2;
            color: #ffffff !important;
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 52%, #b45309 100%);
            box-shadow: 0 10px 24px rgba(217, 119, 6, 0.34);
            cursor: pointer;
            transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
        }

        .lucky-poster-copy-btn:hover {
            transform: translateY(-1px);
            filter: brightness(1.03);
            box-shadow: 0 12px 28px rgba(217, 119, 6, 0.42);
        }

        .lucky-poster-copy-btn:active {
            transform: translateY(0);
            filter: brightness(0.98);
        }

        .lucky-poster-share-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            min-height: 2.75rem;
            padding: 0.625rem 1rem;
            border: none;
            border-radius: 1rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.2;
            color: #ffffff !important;
            cursor: pointer;
            transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
        }

        .lucky-poster-share-btn:hover {
            transform: translateY(-1px);
            filter: brightness(1.03);
        }

        .lucky-poster-share-btn:active {
            transform: translateY(0);
            filter: brightness(0.98);
        }

        .lucky-poster-share-btn__icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.35rem;
            height: 1.35rem;
            border-radius: 9999px;
            background: rgba(255, 255, 255, 0.2);
        }

        .lucky-poster-share-btn__icon svg {
            display: block;
            width: 0.95rem;
            height: 0.95rem;
            fill: currentColor;
        }

        .lucky-poster-share-btn--line {
            background: linear-gradient(135deg, #06c755 0%, #05a847 100%);
            box-shadow: 0 10px 24px rgba(6, 199, 85, 0.28);
        }

        .lucky-poster-share-btn--line:hover {
            box-shadow: 0 12px 28px rgba(6, 199, 85, 0.36);
        }

        .lucky-poster-share-btn--facebook {
            background: linear-gradient(135deg, #1877f2 0%, #1464d9 100%);
            box-shadow: 0 10px 24px rgba(24, 119, 242, 0.28);
        }

        .lucky-poster-share-btn--facebook:hover {
            box-shadow: 0 12px 28px rgba(24, 119, 242, 0.36);
        }

        .lucky-poster-actions {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5rem;
            width: 100%;
        }

        #luckyPosterStatus {
            min-height: 0;
            margin: 0;
        }

        #luckyPosterStatus:not(:empty) {
            min-height: 1.25rem;
        }

        .lucky-poster-actions__row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.5rem;
            width: 100%;
        }

        .lucky-poster-actions__row > button {
            flex: 1 1 0;
            min-width: 0;
        }

        .lucky-poster-actions__row--share {
            width: 100%;
        }

        @media (min-width: 640px) {
            .lucky-poster-actions {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                width: auto;
            }

            .lucky-poster-actions__row {
                display: contents;
            }

            .lucky-poster-actions__row > button,
            .lucky-poster-actions__row--share .lucky-poster-share-btn {
                flex: 0 0 auto;
            }
        }

        .lucky-stats-collapse {
            overflow: hidden;
            margin-block: 0.375rem;
            border-radius: 2rem;
            border: 1px solid #fecaca;
            background: #ffffff;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
        }

        .lucky-stats-collapse__summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding-block: 0.625rem;
            padding-inline: 1.25rem;
            list-style: none;
            cursor: pointer;
            user-select: none;
            background: #ffffff;
        }

        .lucky-stats-collapse__summary::-webkit-details-marker {
            display: none;
        }

        .lucky-stats-collapse__summary::marker {
            content: '';
        }

        .lucky-stats-collapse__title {
            margin: 0;
            font-size: 1.25rem;
            font-weight: 800;
            line-height: 1.2;
            color: #0f172a;
        }

        .lucky-stats-collapse__summary > div:first-child {
            display: flex;
            align-items: center;
            min-height: 0;
        }

        .lucky-stats-collapse__hint {
            margin-top: 0.25rem;
            font-size: 0.8125rem;
            font-weight: 600;
            line-height: 1.4;
            color: #64748b;
        }

        .lucky-stats-collapse__action {
            display: inline-flex;
            flex-shrink: 0;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 0.875rem;
            border-radius: 9999px;
            border: 1px solid #fecaca;
            background: #fff1f2;
            font-size: 0.8125rem;
            font-weight: 800;
            color: #b91c1c;
        }

        .lucky-stats-collapse__chevron {
            display: inline-block;
            transition: transform 0.2s ease;
        }

        .lucky-stats-collapse[open] .lucky-stats-collapse__chevron {
            transform: rotate(180deg);
        }

        .lucky-stats-collapse__label-hide {
            display: none;
        }

        .lucky-stats-collapse[open] .lucky-stats-collapse__label-show {
            display: none;
        }

        .lucky-stats-collapse[open] .lucky-stats-collapse__label-hide {
            display: inline;
        }

        .lucky-stats-collapse__body {
            padding: 0 1rem 0.75rem;
            border-top: 1px solid #fee2e2;
        }

        @media (min-width: 640px) {
            .lucky-stats-collapse__summary {
                padding-block: 0.6875rem;
                padding-inline: 1.5rem;
            }

            .lucky-stats-collapse__title {
                font-size: 1.375rem;
            }

            .lucky-stats-collapse__body {
                padding: 0 1.5rem 0.875rem;
            }
        }

        .lucky-accuracy-panel {
            margin-top: 0.375rem;
            background: linear-gradient(165deg, #fffdfb 0%, #ffffff 48%, #fff7f7 100%);
            --lucky-hit-d1-bg: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
            --lucky-hit-d1-border: #6ee7b7;
            --lucky-hit-d1-color: #047857;
            --lucky-hit-d1-shadow: 0 2px 6px rgba(16, 185, 129, 0.12);
            --lucky-hit-d2-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 52%, #1e40af 100%);
            --lucky-hit-d2-border: rgba(255, 255, 255, 0.34);
            --lucky-hit-d2-color: #ffffff;
            --lucky-hit-d2-shadow: 0 2px 8px rgba(37, 99, 235, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28);
            --lucky-hit-d3-bg: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #991b1b 100%);
            --lucky-hit-d3-border: #fca5a5;
            --lucky-hit-d3-color: #ffffff;
            --lucky-hit-d3-shadow: 0 2px 8px rgba(185, 28, 28, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24);
            --lucky-hit-d3-text-shadow: 0 1px 2px rgba(69, 10, 10, 0.4);
        }

        .lucky-accuracy-panel.prediction-panel {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
        }

        @media (min-width: 640px) {
            .lucky-accuracy-panel.prediction-panel {
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
            }
        }

        .lucky-disclaimer-panel.prediction-panel {
            margin-top: 0.75rem;
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
        }

        .lucky-usage-guide.prediction-panel {
            margin-top: 0.75rem;
            padding-top: 0;
            padding-bottom: 0;
        }

        @media (min-width: 640px) {
            .lucky-disclaimer-panel.prediction-panel {
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
            }

            .lucky-usage-guide.prediction-panel {
                padding-top: 0;
                padding-bottom: 0;
            }
        }

        .lucky-usage-step {
            display: flex;
            gap: 0.75rem;
            align-items: flex-start;
        }

        .lucky-usage-step-num {
            display: inline-flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 9999px;
            background: #b91c1c;
            color: #ffffff;
            font-size: 0.75rem;
            font-weight: 800;
            line-height: 1;
        }

        .lucky-usage-links a {
            text-underline-offset: 2px;
        }

        .lucky-usage-subheading {
            letter-spacing: -0.01em;
        }

        .lucky-index-legend-wrap {
            border-radius: 0.75rem;
            border: 1px solid rgba(251, 191, 36, 0.62);
            background: #ffffff;
            box-shadow:
                0 4px 18px rgba(185, 28, 28, 0.07),
                0 2px 8px rgba(245, 158, 11, 0.14);
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

        .lucky-index-legend-head th.lucky-index-legend-head-cell {
            padding: 0.5rem 0.75rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25;
            text-transform: none;
            letter-spacing: 0.01em;
            vertical-align: middle;
            text-align: center;
        }

        @media (min-width: 640px) {
            .lucky-index-legend-head th.lucky-index-legend-head-cell {
                padding: 0.5625rem 1rem;
                font-size: 0.9375rem;
            }
        }

        .lucky-index-legend-row {
            background: #ffffff;
        }

        .lucky-index-legend-row:nth-child(even) {
            background: linear-gradient(180deg, #fffefb 0%, #ffffff 100%);
        }

        .lucky-index-legend-cell {
            padding: 0.75rem;
            vertical-align: top;
            border-bottom: 1px solid #f3f4f6;
        }

        @media (min-width: 640px) {
            .lucky-index-legend-cell {
                padding: 0.875rem 1rem;
            }
        }

        .lucky-index-legend-row:last-child .lucky-index-legend-cell {
            border-bottom: none;
        }

        .lucky-index-legend-cell--swatch {
            width: 7rem;
            text-align: center;
            vertical-align: middle;
        }

        @media (min-width: 640px) {
            .lucky-index-legend-cell--swatch {
                width: 8.5rem;
            }
        }

        .lucky-index-legend-color-label {
            display: block;
            margin-top: 0.35rem;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.2;
            color: #374151;
            text-align: center;
        }

        .lucky-index-legend-cell--badge {
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1.45;
            color: #374151;
            text-align: center;
            vertical-align: middle;
        }

        @media (min-width: 640px) {
            .lucky-index-legend-cell--badge {
                font-size: 0.875rem;
            }
        }

        .lucky-index-legend-cell--meaning {
            font-size: 0.75rem;
            line-height: 1.55;
            color: #4b5563;
        }

        @media (min-width: 640px) {
            .lucky-index-legend-cell--meaning {
                font-size: 0.875rem;
            }
        }

        .lucky-index-legend-swatch {
            display: block;
            width: 100%;
            min-width: 4.5rem;
            max-width: 6rem;
            height: 2rem;
            margin-left: auto;
            margin-right: auto;
            border-radius: 0.5rem;
            border: 1px solid #e5e7eb;
            background: #ffffff;
        }

        .lucky-index-legend-swatch--drawn {
            box-shadow: inset 4px 0 0 #f59e0b;
        }

        .lucky-index-legend-swatch--latest-hits {
            box-shadow: inset 4px 0 0 #dc2626;
        }

        .lucky-index-legend-swatch--pending {
            background: #ffffff;
        }

        .lucky-index-legend-swatch--no-draw {
            box-shadow: inset 4px 0 0 #64748b;
        }

        .lucky-index-legend-swatch--off-day {
            box-shadow: inset 4px 0 0 #22c55e;
        }

        .lucky-index-legend-note {
            margin: 0;
            padding: 0.625rem 0.875rem;
            border-top: 1px solid #fde68a;
            background: linear-gradient(90deg, #fffbeb 0%, #fef9e7 45%, #ffffff 100%);
            font-size: 0.75rem;
            line-height: 1.5;
            color: #6b7280;
        }

        @media (min-width: 640px) {
            .lucky-index-legend-note {
                padding: 0.75rem 1rem;
                font-size: 0.875rem;
            }
        }

        .lucky-accuracy-summary {
            display: flex;
            flex-wrap: wrap;
            gap: 0.275rem;
            justify-content: center;
            margin-top: 0.625rem;
        }

        .lucky-accuracy-lead {
            margin-top: 0.25rem;
        }

        .lucky-accuracy-pagination {
            margin-top: 0.5rem;
        }

        .lucky-accuracy-chip {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0.21rem 0.8rem;
            border-radius: 9999px;
            border: 1px solid #fecdd3;
            background: linear-gradient(180deg, #ffffff 0%, #fff1f2 100%);
            box-shadow: 0 1px 2px rgba(185, 28, 28, 0.06);
            font-size: 0.78rem;
            font-weight: 700;
            color: #7f1d1d;
        }

        .lucky-accuracy-chip strong {
            color: #991b1b;
            font-weight: 900;
        }

        .lucky-accuracy-table-wrap {
            overflow-x: auto;
            margin-top: 0.625rem;
            border-radius: 1.35rem;
            border: 1px solid #fecaca;
            background: #ffffff;
            box-shadow:
                0 10px 30px rgba(185, 28, 28, 0.07),
                inset 0 1px 0 rgba(255, 255, 255, 0.85);
            -webkit-overflow-scrolling: touch;
        }

        .lucky-accuracy-table {
            width: 100%;
            min-width: 0;
            border-collapse: collapse;
            font-size: 0.875rem;
        }

        .lucky-accuracy-table th,
        .lucky-accuracy-table td {
            padding: 0.4375rem 1rem;
            text-align: left;
            border-bottom: 1px solid #ffe4e6;
            vertical-align: top;
        }

        .lucky-accuracy-table th {
            background: linear-gradient(180deg, #b91c1c 0%, #991b1b 55%, #7f1d1d 100%);
            font-size: 1rem;
            font-weight: 800;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #ffffff;
            white-space: nowrap;
            text-align: center;
            border-bottom: 1px solid #7f1d1d;
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
        }

        @media (min-width: 640px) {
            .lucky-accuracy-table th {
                font-size: 1.125rem;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
            }
        }

        .lucky-accuracy-table tbody tr {
            background: #ffffff;
            transition: background-color 0.15s ease;
        }

        .lucky-accuracy-table tbody tr:nth-child(even) {
            background: #fffbfb;
        }

        .lucky-accuracy-table tbody tr:last-child td {
            border-bottom: none;
        }

        .lucky-accuracy-date {
            display: block;
            text-align: center;
            font-weight: 800;
            color: #78350f;
            background: linear-gradient(180deg, #fef3c7 0%, #fbbf24 55%, #f59e0b 100%);
            padding: 0.4375rem 0.75rem;
            font-size: 0.85rem;
            letter-spacing: 0.02em;
            white-space: nowrap;
            border: 1px solid #f59e0b;
            border-radius: 0.875rem;
            margin: 0.35rem 0.5rem 0;
            box-shadow: 0 1px 3px rgba(245, 158, 11, 0.22);
        }

        .lucky-accuracy-draw-cell {
            min-width: 0;
            max-width: 13rem;
            padding: 0;
            background: #ffffff;
        }

        .lucky-accuracy-draw-meta {
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
            margin-top: 0;
            padding: 0.35rem 1rem 0.4375rem;
        }

        .lucky-accuracy-meta-block {
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
            align-items: stretch;
        }

        .lucky-accuracy-meta-title {
            display: block;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
            font-size: 0.8rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #991b1b;
            padding: 0.38rem 0.75rem;
            border: 1.5px solid #f87171;
            border-radius: 0.75rem;
            background: linear-gradient(180deg, #ffffff 0%, #fff1f2 55%, #ffe4e6 100%);
            box-shadow:
                0 1px 3px rgba(185, 28, 28, 0.12),
                inset 0 1px 0 rgba(255, 255, 255, 0.95);
        }

        @media (min-width: 640px) {
            .lucky-accuracy-meta-title {
                font-size: 0.875rem;
                padding: 0.42rem 0.85rem;
            }
        }

        .lucky-accuracy-draw-meta .lucky-accuracy-result {
            min-width: 0;
            gap: 0.35rem;
        }

        .lucky-accuracy-draw-meta .lucky-accuracy-label {
            min-width: 4.5rem;
            color: #9a3412;
        }

        .lucky-accuracy-draw-meta .lucky-accuracy-outcome {
            min-width: 0;
            justify-content: center;
            width: 100%;
            gap: 0.35rem;
        }

        .lucky-accuracy-draw-meta .lucky-accuracy-hit-badge,
        .lucky-accuracy-draw-meta .lucky-accuracy-pending {
            font-size: 0.86rem;
            padding: 0.32rem 0.62rem;
            line-height: 1.25;
        }

        @media (min-width: 768px) {
            .lucky-accuracy-draw-cell {
                min-width: 11rem;
                max-width: 15rem;
            }
        }

        .lucky-accuracy-card {
            display: flex;
            flex-direction: column;
            gap: 0.55rem;
            min-width: 0;
        }

        .lucky-accuracy-picks-cell {
            vertical-align: top;
        }

        .lucky-accuracy-poster-wing-rud {
            display: flex;
            gap: 0.5rem;
            padding: 0.5rem;
            border-radius: 1.1rem;
            border: 1px solid #fecaca;
            background: linear-gradient(180deg, #fffbfb 0%, #fef2f2 100%);
            box-shadow: 0 6px 18px rgba(185, 28, 28, 0.07);
        }

        .lucky-accuracy-poster-duo {
            display: flex;
            gap: 0.5rem;
        }

        .lucky-accuracy-poster-slot {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.35rem;
            min-width: 0;
        }

        .lucky-accuracy-poster-label {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            line-height: 1.1;
            text-align: center;
        }

        .lucky-accuracy-poster-label--wing,
        .lucky-accuracy-poster-label--rud {
            min-width: 3.5rem;
            padding: 0.28rem 0.75rem;
            border-radius: 9999px;
            font-size: 0.62rem;
            letter-spacing: 0.08em;
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.38);
            background: linear-gradient(145deg, #ef4444 0%, #dc2626 52%, #b91c1c 100%);
            box-shadow:
                0 4px 12px rgba(185, 28, 28, 0.24),
                inset 0 1px 0 rgba(255, 255, 255, 0.34);
        }

        .lucky-accuracy-poster-label--yellow {
            padding: 0.22rem 0.55rem;
            border-radius: 9999px;
            font-size: 0.62rem;
            letter-spacing: 0.04em;
            color: #78350f;
            background: #fef08a;
        }

        .lucky-accuracy-poster-label--center {
            display: flex;
            width: 100%;
            margin-bottom: 0.35rem;
        }

        .lucky-accuracy-poster-value {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            box-sizing: border-box;
            border-radius: 0.85rem;
            border: 1px solid transparent;
            font-weight: 900;
            line-height: 1;
            text-align: center;
        }

        .lucky-accuracy-poster-value--gold {
            padding: 0.45rem 0.35rem;
            font-size: 1.05rem;
            letter-spacing: 0.08em;
            color: #78350f;
            background: linear-gradient(180deg, #fff7d6 0%, #fde68a 42%, #fbbf24 100%);
            border-color: #f59e0b;
            box-shadow:
                inset 0 2px 6px rgba(255, 255, 255, 0.45),
                inset 0 -2px 6px rgba(180, 83, 9, 0.12),
                0 2px 8px rgba(245, 158, 11, 0.18);
        }

        .lucky-accuracy-poster-value--slate {
            padding: 0.45rem 0.35rem;
            font-size: 0.95rem;
            letter-spacing: 0.1em;
            color: #1e293b;
            background: #e8edf3;
            border-color: rgba(148, 163, 184, 0.45);
            box-shadow: inset 0 2px 6px rgba(15, 23, 42, 0.08);
        }

        .lucky-accuracy-poster-panel {
            padding: 0.45rem;
            border-radius: 1rem;
            border: 1px solid #fecaca;
            background: #ffffff;
            box-shadow: 0 4px 14px rgba(185, 28, 28, 0.06);
        }

        .lucky-accuracy-poster-set-row {
            display: flex;
            flex-wrap: nowrap;
            gap: 0.35rem;
        }

        .lucky-accuracy-poster-set-cell {
            flex: 1;
            min-width: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.4rem 0.2rem;
            border-radius: 0.65rem;
            border: 1px solid rgba(148, 163, 184, 0.35);
            background: #f1f5f9;
            box-shadow: inset 0 2px 5px rgba(15, 23, 42, 0.07);
            font-size: 0.82rem;
            font-weight: 900;
            letter-spacing: 0.08em;
            color: #1e293b;
        }

        .lucky-accuracy-poster-hot-bar {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 0.35rem 0.45rem;
            padding: 0.45rem 0.35rem;
            background: #fff;
        }

        .lucky-accuracy-poster-hot-digit {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 1.65rem;
            min-height: 1.65rem;
            border-radius: 9999px;
            border: 1px solid #e2e8f0;
            background: #fff;
            font-size: 0.88rem;
            font-weight: 900;
            color: #1e293b;
        }

        .lucky-accuracy-poster-value.lucky-accuracy-pick--hit-d1,
        .lucky-accuracy-poster-set-cell.lucky-accuracy-pick--hit-d1,
        .lucky-accuracy-poster-hot-digit.lucky-accuracy-pick--hit-d1,
        .lucky-accuracy-pick--hit-d1 {
            border: 1px solid var(--lucky-hit-d1-border);
            background: var(--lucky-hit-d1-bg);
            color: var(--lucky-hit-d1-color);
            box-shadow: var(--lucky-hit-d1-shadow);
        }

        .lucky-accuracy-poster-value.lucky-accuracy-pick--hit-d2,
        .lucky-accuracy-poster-set-cell.lucky-accuracy-pick--hit-d2,
        .lucky-accuracy-poster-hot-digit.lucky-accuracy-pick--hit-d2,
        .lucky-accuracy-pick--hit-d2 {
            border: 1px solid var(--lucky-hit-d2-border);
            background: var(--lucky-hit-d2-bg);
            color: var(--lucky-hit-d2-color);
            box-shadow: var(--lucky-hit-d2-shadow);
        }

        .lucky-accuracy-poster-value.lucky-accuracy-pick--hit-d3,
        .lucky-accuracy-poster-set-cell.lucky-accuracy-pick--hit-d3,
        .lucky-accuracy-poster-hot-digit.lucky-accuracy-pick--hit-d3,
        .lucky-accuracy-pick--hit-d3 {
            border: 1px solid var(--lucky-hit-d3-border);
            background: var(--lucky-hit-d3-bg);
            color: var(--lucky-hit-d3-color);
            text-shadow: var(--lucky-hit-d3-text-shadow);
            box-shadow: var(--lucky-hit-d3-shadow);
        }

        .lucky-accuracy-line {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.45rem;
        }

        .lucky-accuracy-label {
            min-width: 5.75rem;
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.05em;
            color: #64748b;
        }

        .lucky-accuracy-picks {
            display: flex;
            flex-wrap: wrap;
            gap: 0.35rem;
        }

        .lucky-accuracy-pick {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 2.35rem;
            padding: 0.3rem 0.58rem;
            border-radius: 0.7rem;
            border: 1px solid #e2e8f0;
            background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
            font-size: 0.92rem;
            font-weight: 900;
            letter-spacing: 0.1em;
            color: #1e293b;
            position: relative;
        }

        .lucky-accuracy-pick--wide {
            min-width: 3.35rem;
        }

        .lucky-accuracy-pick--hot {
            min-width: 1.85rem;
            letter-spacing: 0;
        }

        .lucky-accuracy-result {
            display: flex;
            flex-direction: column;
            gap: 0.55rem;
            min-width: 7rem;
        }

        .lucky-accuracy-result-num {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 2.8rem;
            padding: 0.18rem 0.45rem;
            border-radius: 0.55rem;
            font-size: 1rem;
            font-weight: 900;
            letter-spacing: 0.14em;
            color: #9a3412;
            background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
            border: 1px solid #fdba74;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }

        .lucky-accuracy-outcome {
            display: flex;
            flex-wrap: wrap;
            gap: 0.4rem;
            min-width: 9rem;
        }

        .lucky-accuracy-hit-badge {
            display: inline-flex;
            align-items: center;
            padding: 0.38rem 0.72rem;
            border-radius: 9999px;
            background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
            border: 1px solid #6ee7b7;
            color: #047857;
            font-size: 0.84rem;
            font-weight: 800;
            line-height: 1.25;
            white-space: nowrap;
            box-shadow: 0 2px 6px rgba(16, 185, 129, 0.12);
        }

        .lucky-accuracy-hit-badge--digit1,
        .lucky-accuracy-hit-badge--tod {
            background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
            border-color: #6ee7b7;
            color: #047857;
            box-shadow: 0 2px 6px rgba(16, 185, 129, 0.12);
        }

        .lucky-accuracy-panel .lucky-accuracy-hit-badge--digit1,
        .lucky-accuracy-panel .lucky-accuracy-hit-badge--tod {
            background: var(--lucky-hit-d1-bg);
            border-color: var(--lucky-hit-d1-border);
            color: var(--lucky-hit-d1-color);
            box-shadow: var(--lucky-hit-d1-shadow);
        }

        .lucky-accuracy-hit-badge--digit2,
        .lucky-accuracy-hit-badge--reverse {
            border: 1px solid rgba(255, 255, 255, 0.34);
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 52%, #1e40af 100%);
            color: #ffffff;
            box-shadow:
                0 3px 10px rgba(37, 99, 235, 0.32),
                inset 0 1px 0 rgba(255, 255, 255, 0.28);
        }

        .lucky-accuracy-panel .lucky-accuracy-hit-badge--digit2,
        .lucky-accuracy-panel .lucky-accuracy-hit-badge--reverse {
            background: var(--lucky-hit-d2-bg);
            border: 1px solid var(--lucky-hit-d2-border);
            color: var(--lucky-hit-d2-color);
            box-shadow: var(--lucky-hit-d2-shadow);
        }

        .lucky-accuracy-hit-badge--digit3 {
            border: 1px solid #fca5a5;
            background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #991b1b 100%);
            color: #ffffff;
            text-shadow: 0 1px 2px rgba(69, 10, 10, 0.4);
            box-shadow:
                0 3px 10px rgba(185, 28, 28, 0.32),
                inset 0 1px 0 rgba(255, 255, 255, 0.24);
        }

        .lucky-accuracy-panel .lucky-accuracy-hit-badge--digit3 {
            background: var(--lucky-hit-d3-bg);
            border: 1px solid var(--lucky-hit-d3-border);
            color: var(--lucky-hit-d3-color);
            text-shadow: var(--lucky-hit-d3-text-shadow);
            box-shadow: var(--lucky-hit-d3-shadow);
        }

        .lucky-accuracy-hit-badge--miss {
            background: #18181b;
            border: 1px solid #3f3f46;
            color: #ffffff;
            font-weight: 700;
            box-shadow: none;
        }

        .lucky-accuracy-pending {
            display: inline-flex;
            padding: 0.38rem 0.72rem;
            border-radius: 9999px;
            background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
            border: 1px solid #cbd5e1;
            color: #64748b;
            font-size: 0.84rem;
            font-weight: 800;
        }

        @media (max-width: 639px) {
            .lucky-stats-collapse__summary {
                padding-block: 0.375rem;
            }

            .lucky-stats-collapse__action {
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
            }

            .lucky-stats-collapse__body {
                padding-bottom: 0.375rem;
            }

            .lucky-accuracy-panel {
                margin-top: 0.375rem;
            }

            .lucky-accuracy-panel.prediction-panel {
                padding-top: 0.3125rem;
                padding-bottom: 0.3125rem;
            }

            .lucky-disclaimer-panel.prediction-panel {
                margin-top: 0.375rem;
                padding-top: 0.3125rem;
                padding-bottom: 0.3125rem;
            }

            .lucky-usage-guide.prediction-panel {
                margin-top: 0.375rem;
                padding-top: 0;
                padding-bottom: 0;
            }

            .lucky-accuracy-summary {
                margin-top: 0.3125rem;
                gap: 0.1375rem;
            }

            .lucky-accuracy-lead {
                margin-top: 0.125rem;
            }

            .lucky-accuracy-pagination {
                margin-top: 0.25rem;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
            }

            .lucky-accuracy-table-wrap {
                margin-top: 0.3125rem;
            }

            .lucky-accuracy-table th,
            .lucky-accuracy-table td {
                padding: 0.1875rem 0.65rem;
            }

            .lucky-accuracy-table th {
                font-size: 0.95rem;
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
            }

            .lucky-accuracy-draw-cell {
                width: 31%;
                min-width: 0;
                max-width: 7.75rem;
                padding: 0;
            }

            .lucky-accuracy-date {
                padding: 0.25rem 0.5rem;
                font-size: 0.78rem;
                margin: 0.175rem 0.35rem 0;
                border-radius: 0.625rem;
            }

            .lucky-accuracy-draw-meta {
                gap: 0.175rem;
                margin-top: 0;
                padding: 0.175rem 0.65rem 0.1875rem;
            }

            .lucky-accuracy-meta-block {
                gap: 0.2rem;
            }

            .lucky-accuracy-meta-title {
                font-size: 0.75rem;
                padding: 0.28rem 0.5rem;
                border-radius: 0.625rem;
            }

            .lucky-accuracy-card {
                gap: 0.45rem;
            }

            .lucky-accuracy-table td.lucky-accuracy-picks-cell {
                padding: 0.25rem 0.35rem;
            }

            .lucky-accuracy-draw-meta .lucky-accuracy-result-num {
                font-size: 0.92rem;
                min-width: 2.4rem;
            }

            .lucky-accuracy-chip {
                font-size: 0.72rem;
                padding-top: 0.125rem;
                padding-bottom: 0.125rem;
            }

            .lucky-accuracy-draw-meta .lucky-accuracy-result {
                align-items: center;
                gap: 0.35rem;
            }

            .lucky-accuracy-draw-meta .lucky-accuracy-result .lucky-accuracy-line {
                flex-direction: column;
                align-items: center;
                gap: 0.25rem;
                width: 100%;
            }

            .lucky-accuracy-draw-meta .lucky-accuracy-label {
                min-width: 0;
                width: 100%;
                text-align: center;
            }

            .lucky-split-five-mobile {
                display: grid !important;
                grid-template-columns: repeat(6, minmax(0, 1fr));
                gap: clamp(0.22rem, 1vw, 0.35rem);
                align-items: stretch;
            }

            .lucky-split-five-mobile > *:nth-child(-n+3) {
                grid-column: span 2;
            }

            .lucky-split-five-mobile > *:nth-child(4) {
                grid-column: 2 / span 2;
            }

            .lucky-split-five-mobile > *:nth-child(5) {
                grid-column: 4 / span 2;
            }

            .lucky-split-five-mobile > .lucky-accuracy-poster-set-cell,
            .lucky-split-five-mobile > * {
                flex: unset;
                min-width: 0;
                width: 100%;
            }

            .lucky-split-five-mobile.lucky-accuracy-poster-hot-bar,
            .lucky-split-five-mobile.lucky-poster-hot-bar {
                justify-items: stretch;
            }

            .lucky-split-five-mobile.lucky-poster-hot-bar .lucky-poster-hot-digit {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 0;
                min-height: 0;
                width: 100%;
            }

            .lucky-split-five-mobile.lucky-accuracy-poster-hot-bar .lucky-accuracy-poster-hot-digit {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 0;
                min-height: 0;
                width: 100%;
                padding: clamp(0.28rem, 1.2vw, 0.4rem) clamp(0.12rem, 0.8vw, 0.2rem);
                border-radius: 0.65rem;
                font-size: clamp(0.68rem, 3vw, 0.82rem);
                font-weight: 900;
                letter-spacing: 0.08em;
            }

            .lucky-split-five-mobile.lucky-accuracy-poster-hot-bar .lucky-accuracy-poster-hot-digit:not(.lucky-accuracy-pick--hit-d1):not(.lucky-accuracy-pick--hit-d2):not(.lucky-accuracy-pick--hit-d3) {
                border: 1px solid rgba(148, 163, 184, 0.35);
                background: #fff;
                box-shadow: inset 0 2px 5px rgba(15, 23, 42, 0.07);
                color: #1e293b;
            }

            .lucky-split-five-mobile.lucky-accuracy-poster-hot-bar .lucky-accuracy-poster-hot-digit.lucky-accuracy-pick--hit-d1 {
                border: 1px solid var(--lucky-hit-d1-border);
                background: var(--lucky-hit-d1-bg);
                color: var(--lucky-hit-d1-color);
                box-shadow: var(--lucky-hit-d1-shadow);
            }

            .lucky-split-five-mobile.lucky-accuracy-poster-hot-bar .lucky-accuracy-poster-hot-digit.lucky-accuracy-pick--hit-d2 {
                border: 1px solid var(--lucky-hit-d2-border);
                background: var(--lucky-hit-d2-bg);
                color: var(--lucky-hit-d2-color);
                box-shadow: var(--lucky-hit-d2-shadow);
            }

            .lucky-split-five-mobile.lucky-accuracy-poster-hot-bar .lucky-accuracy-poster-hot-digit.lucky-accuracy-pick--hit-d3 {
                border: 1px solid var(--lucky-hit-d3-border);
                background: var(--lucky-hit-d3-bg);
                color: var(--lucky-hit-d3-color);
                text-shadow: var(--lucky-hit-d3-text-shadow);
                box-shadow: var(--lucky-hit-d3-shadow);
            }

            .lucky-accuracy-draw-meta .lucky-accuracy-outcome {
                gap: 0.32rem;
            }

            .lucky-accuracy-draw-meta .lucky-accuracy-hit-badge,
            .lucky-accuracy-draw-meta .lucky-accuracy-pending {
                padding: 0.28rem 0.55rem;
                font-size: clamp(0.76rem, 3.5vw, 0.88rem);
            }

            .lucky-accuracy-poster-value--gold {
                font-size: clamp(0.82rem, 3.8vw, 1.05rem);
                padding: clamp(0.3rem, 1.4vw, 0.45rem) clamp(0.2rem, 1vw, 0.35rem);
            }

            .lucky-accuracy-poster-value--slate {
                font-size: clamp(0.75rem, 3.5vw, 0.95rem);
                padding: clamp(0.3rem, 1.4vw, 0.45rem) clamp(0.2rem, 1vw, 0.35rem);
            }

            .lucky-accuracy-poster-set-cell {
                font-size: clamp(0.68rem, 3vw, 0.82rem);
                padding: clamp(0.28rem, 1.2vw, 0.4rem) clamp(0.12rem, 0.8vw, 0.2rem);
            }

            .lucky-accuracy-poster-label--wing,
            .lucky-accuracy-poster-label--rud,
            .lucky-accuracy-poster-label--yellow {
                font-size: clamp(0.55rem, 2.6vw, 0.62rem);
            }

            .lucky-accuracy-poster-panel {
                padding: clamp(0.3rem, 1.5vw, 0.45rem);
            }

            .lucky-accuracy-poster-wing-rud,
            .lucky-accuracy-poster-duo {
                gap: clamp(0.3rem, 1.5vw, 0.5rem);
            }
        }

        @media (max-width: 350px) {
            .lucky-accuracy-table {
                display: block;
            }

            .lucky-accuracy-table thead {
                display: none;
            }

            .lucky-accuracy-table tbody {
                display: block;
            }

            .lucky-accuracy-table tbody tr {
                display: block;
                padding: 0.35rem 0.2rem 0.45rem;
                border-bottom: 1px solid #ffe4e6;
            }

            .lucky-accuracy-table tbody tr:last-child {
                border-bottom: none;
            }

            .lucky-accuracy-table td {
                display: block;
                width: 100% !important;
                padding: 0.22rem 0.12rem !important;
                border-bottom: none;
            }

            .lucky-accuracy-draw-cell {
                width: 100% !important;
                min-width: 0;
                max-width: none;
            }

            .lucky-accuracy-table td.lucky-accuracy-picks-cell {
                padding-top: 0.15rem !important;
            }

            .lucky-accuracy-draw-meta {
                padding-left: 0.25rem;
                padding-right: 0.25rem;
            }

            .lucky-accuracy-card {
                gap: 0.35rem;
            }

            .lucky-accuracy-poster-wing-rud {
                padding: 0.35rem;
            }

            .lucky-accuracy-date {
                margin-left: 0.2rem;
                margin-right: 0.2rem;
                font-size: clamp(0.68rem, 3.4vw, 0.78rem);
            }

            .lucky-accuracy-meta-title {
                font-size: clamp(0.66rem, 3.1vw, 0.75rem);
            }

            .lucky-accuracy-draw-meta .lucky-accuracy-result-num {
                font-size: clamp(0.78rem, 3.6vw, 0.92rem);
            }

            .lucky-accuracy-chip {
                font-size: clamp(0.62rem, 2.8vw, 0.72rem);
                padding-left: 0.55rem;
                padding-right: 0.55rem;
            }

            #luckyPosterCard [data-poster-body="true"] .lucky-split-five-mobile > [data-poster-surface="true"] {
                font-size: clamp(1.1rem, 5vw, 1.95rem) !important;
                padding: 0.75rem 0.5rem !important;
                line-height: 1 !important;
            }

            #luckyPosterCard [data-poster-title="true"] {
                font-size: clamp(1.05rem, 5vw, 1.45rem) !important;
            }

            #luckyPosterCard .bg-red-100 p {
                font-size: clamp(0.75rem, 3.4vw, 0.95rem);
            }

            #luckyPosterCard [data-poster-body="true"] {
                padding-left: 0.45rem;
                padding-right: 0.45rem;
            }

            .lucky-accuracy-poster-value--gold {
                font-size: clamp(0.82rem, 3.6vw, 0.98rem);
            }

            .lucky-accuracy-poster-value--slate {
                font-size: clamp(0.74rem, 3.2vw, 0.9rem);
            }

            .lucky-accuracy-poster-set-cell,
            .lucky-split-five-mobile.lucky-accuracy-poster-hot-bar .lucky-accuracy-poster-hot-digit {
                font-size: clamp(0.64rem, 2.9vw, 0.86rem);
                padding: clamp(0.22rem, 1vw, 0.34rem) clamp(0.08rem, 0.6vw, 0.16rem);
            }

            .lucky-accuracy-poster-panel {
                padding: clamp(0.22rem, 1.1vw, 0.36rem);
            }
        }

        @media (min-width: 640px) {
            .lucky-accuracy-table td.lucky-accuracy-picks-cell {
                padding: 0.4375rem 1rem;
                min-width: 15rem;
            }

            .lucky-accuracy-card {
                gap: 0.65rem;
            }

            .lucky-accuracy-poster-wing-rud {
                padding: 0.65rem 0.75rem;
                border-radius: 1.35rem;
            }

            .lucky-accuracy-poster-duo {
                gap: 0.65rem;
            }

            .lucky-accuracy-poster-slot {
                gap: 0.45rem;
            }

            .lucky-accuracy-poster-label--wing,
            .lucky-accuracy-poster-label--rud {
                min-width: 4.5rem;
                padding: 0.38rem 1rem;
                font-size: 0.72rem;
            }

            .lucky-accuracy-poster-label--yellow {
                padding: 0.28rem 0.75rem;
                font-size: 0.72rem;
            }

            .lucky-accuracy-poster-label--center {
                margin-bottom: 0.45rem;
            }

            .lucky-accuracy-poster-value--gold {
                padding: 0.55rem 0.5rem;
                font-size: 1.25rem;
                border-radius: 1rem;
            }

            .lucky-accuracy-poster-value--slate {
                padding: 0.55rem 0.5rem;
                font-size: 1.1rem;
                border-radius: 1rem;
            }

            .lucky-accuracy-poster-panel {
                padding: 0.65rem;
                border-radius: 1.15rem;
            }

            .lucky-accuracy-poster-set-row {
                gap: 0.5rem;
            }

            .lucky-accuracy-poster-set-cell {
                padding: 0.5rem 0.35rem;
                font-size: 0.95rem;
                border-radius: 0.75rem;
            }

            .lucky-accuracy-poster-hot-bar {
                padding: 0.55rem 0.45rem;
                border-radius: 1rem;
            }

            .lucky-accuracy-poster-hot-digit {
                min-width: 1.85rem;
                min-height: 1.85rem;
                font-size: 0.95rem;
            }

            .lucky-poster-hot-bar {
                gap: 0.5rem 0.75rem;
            }

            .lucky-poster-hot-bar .lucky-poster-hot-digit {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 0;
                flex: 1;
                border-radius: 0.75rem;
                background: #f1f5f9;
                box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.08);
                font-size: 1.95rem;
                font-weight: 900;
                letter-spacing: 0.08em;
                color: #1e293b;
                padding: 0.75rem 0.75rem;
            }
        }

        .historical-pagination-nav {
            scroll-margin-top: 6rem;
            scroll-margin-bottom: var(--mobile-bottom-nav-clearance, 5.5rem);
        }

        .historical-pagination-btn {
            box-sizing: border-box;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            min-width: 2.5rem;
            max-width: 2.5rem;
            padding: 0;
            border-radius: 0.75rem;
            border-width: 1px;
            border-style: solid;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1;
            flex-shrink: 0;
            transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
        }

        .historical-pagination-arrow {
            border-color: #fcd34d;
            background-color: #fef9c3;
            color: #b91c1c;
        }

        .historical-pagination-arrow:hover {
            border-color: #fbbf24;
            background-color: #fef08a;
        }

        .historical-pagination-arrow svg {
            display: block;
            width: 1.125rem;
            height: 1.125rem;
        }