.mps-luck{
    width:100%;
    max-width:100%;
    min-width:0;
}
.mps-luck-board{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:16px;
}
.mps-luck-stage{
    position:relative;
    width:min(380px,100%);
    margin-inline:auto;
    padding-top:18px;
}
.mps-luck-pointer{
    position:absolute;
    top:2px;
    left:50%;
    z-index:4;
    width:0;
    height:0;
    border-inline-start:11px solid transparent;
    border-inline-end:11px solid transparent;
    border-top:18px solid var(--satoads-text,#0a0a0a);
    transform:translateX(-50%);
    filter:none;
}
.mps-luck-wheel{
    position:relative;
    width:100%;
    aspect-ratio:1;
    border-radius:50%;
    border:8px solid var(--satoads-text,#0a0a0a);
    box-sizing:border-box;
    overflow:hidden;
    transform:rotate(0deg);
    will-change:transform;
}
.mps-luck-wheel.is-spinning{
    transition:transform 4.6s cubic-bezier(.12,.75,.08,1);
}
@media (prefers-reduced-motion:reduce){
    .mps-luck-wheel.is-spinning{
        transition:transform .6s ease;
    }
}
.mps-luck-slice-label{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:12%;
    font-size:11px;
    font-weight:500;
    line-height:1.2;
    color:#fff;
    text-shadow:0 1px 2px rgba(0,0,0,.45);
    pointer-events:none;
    transform:rotate(var(--luck-angle)) translateY(0);
    transform-origin:50% 50%;
}
.mps-luck-slice-label.is-light{
    color:#0a0a0a;
    text-shadow:0 1px 1px rgba(255,255,255,.4);
}
.mps-luck-hub{
    position:absolute;
    inset:36%;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--satoads-surface,#fff);
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    color:var(--satoads-text,#0a0a0a);
    font-size:13px;
    font-weight:500;
    z-index:2;
}
.mps-luck-hub .satoads-icon,
.mps-luck-hub svg{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    color:inherit;
}
.mps-luck-empty-ico{
    display:grid;
    place-items:center;
    color:var(--satoads-text,#0a0a0a);
}
.mps-luck-empty-ico .satoads-icon,
.mps-luck-empty-ico svg{
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
}
.mps-luck .mps-wallet-chip{
    gap:6px;
}
.mps-luck .mps-wallet-chip .satoads-icon{
    width:14px;
    height:14px;
}
.mps-luck-status{
    margin:0;
    max-width:36em;
    color:var(--satoads-body,var(--satoads-text-muted,#7d8187));
    font-size:14px;
    line-height:1.6;
}
.mps-luck-spin{
    min-width:min(240px,100%);
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.mps-luck-spin .satoads-icon{
    width:18px;
    height:18px;
}
.mps-luck-spin:disabled{
    opacity:.55;
    cursor:not-allowed;
}
.mps-luck-grant{
    margin:0;
    padding:12px 14px;
    width:100%;
    box-sizing:border-box;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:8px;
    background:var(--satoads-surface-2,transparent);
    font-size:13px;
    line-height:1.55;
}
.mps-luck-grant a{
    color:var(--satoads-text,#0a0a0a);
    margin-inline-start:6px;
}
.mps-luck-legend{
    margin:12px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:8px;
}
.mps-luck-legend li{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:8px;
    background:var(--satoads-surface-2,transparent);
    font-size:13px;
}
.mps-luck-legend i{
    width:10px;
    height:10px;
    border-radius:50%;
    flex-shrink:0;
}
.mps-luck-log-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px 16px;
    flex-wrap:wrap;
    margin-bottom:16px;
}
.mps-luck-log-titles h3{
    margin:0;
}
.mps-luck-log-summary{
    margin:0;
    color:var(--satoads-text-muted,#7d8187);
    font-size:13px;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.mps-luck-log-summary[hidden]{
    display:none;
}
.mps-luck-table-wrap{
    width:100%;
    min-width:0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:10px;
    background:var(--satoads-surface-2,transparent);
    transition:opacity .18s ease;
}
.mps-luck-table-wrap.is-busy{
    opacity:.55;
    pointer-events:none;
}
.mps-luck-table{
    width:100%;
    min-width:560px;
    border-collapse:collapse;
}
.mps-luck-table th,
.mps-luck-table td{
    padding:12px 14px;
    text-align:start;
    border-bottom:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    font-size:13px;
    font-weight:400;
    vertical-align:middle;
}
.mps-luck-table thead th{
    color:var(--satoads-text-muted,#7d8187);
    font-size:11px;
    font-weight:500;
    letter-spacing:.06em;
    text-transform:uppercase;
    background:var(--satoads-surface,transparent);
}
.mps-luck-table tbody tr:last-child th,
.mps-luck-table tbody tr:last-child td{
    border-bottom:0;
}
.mps-luck-table tbody tr:hover td{
    background:var(--satoads-surface,rgba(0,0,0,.02));
}
.mps-luck-col-index{
    width:3.25rem;
    color:var(--satoads-text-muted,#7d8187);
    font-variant-numeric:tabular-nums;
    font-size:12px;
}
.mps-luck-col-prize{
    min-width:0;
}
.mps-luck-col-detail{
    color:var(--satoads-text-muted,#7d8187);
    max-width:18rem;
}
.mps-luck-col-date{
    white-space:nowrap;
    color:var(--satoads-text-muted,#7d8187);
    font-variant-numeric:tabular-nums;
}
.mps-luck-col-status{
    width:1%;
    white-space:nowrap;
    text-align:end;
}
.mps-luck-table th.mps-luck-col-status{
    text-align:end;
}
.mps-luck-avatar{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    margin-inline-end:10px;
    border-radius:9999px;
    background:var(--satoads-surface,var(--satoads-input-bg,#fff));
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    color:var(--satoads-text,#0a0a0a);
    font-size:13px;
    font-weight:600;
    line-height:1;
    vertical-align:middle;
}
.mps-luck-prize-name{
    display:inline-block;
    max-width:calc(100% - 48px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle;
    font-weight:500;
}
.mps-luck-status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 10px;
    border-radius:9999px;
    font-size:12px;
    font-weight:500;
    line-height:1;
    white-space:nowrap;
}
.mps-luck-status-badge.is-won{
    background:rgba(22,163,74,.12);
    color:#15803d;
}
.mps-luck-status-badge.is-idle{
    background:var(--satoads-surface,transparent);
    color:var(--satoads-text-muted,#7d8187);
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
}
.mps-luck-table .mps-table-empty{
    text-align:center;
    color:var(--satoads-text-muted,#7d8187);
    padding:36px 16px;
}
.mps-luck-empty-title{
    display:block;
    color:var(--satoads-text,#0a0a0a);
    font-size:15px;
    font-weight:500;
}
#mps-luck-pager{
    margin-top:16px;
}
#mps-luck-pager[hidden]{
    display:none !important;
}
.mps-luck .screen-reader-text{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
html.satoads-dark .mps-luck-status-badge.is-won,
[data-theme="dark"] .mps-luck-status-badge.is-won{
    background:rgba(34,197,94,.16);
    color:#86efac;
}
.mps-luck-result{
    margin-top:4px;
    padding:14px 16px;
    width:100%;
    box-sizing:border-box;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:8px;
    background:var(--satoads-surface-2,transparent);
}
.mps-luck-result strong{
    display:block;
    font-size:16px;
    font-weight:500;
    margin-bottom:4px;
}
.mps-luck-result span{
    color:var(--satoads-body,var(--satoads-text-muted,#7d8187));
    font-size:13px;
}
[data-theme="dark"] .mps-luck-pointer,
html.satoads-dark .mps-luck-pointer{
    border-top-color:#ffffff;
}
[data-theme="dark"] .mps-luck-wheel,
html.satoads-dark .mps-luck-wheel{
    border-color:#ffffff;
}
[data-theme="dark"] .mps-luck-hub,
html.satoads-dark .mps-luck-hub{
    background:#1e1e1e;
    border-color:#373737;
    color:#ffffff;
}
@media (max-width:640px){
    .mps-luck-stage{
        width:min(300px,100%);
    }
    .mps-luck-slice-label{
        font-size:10px;
        padding-top:10%;
    }
    .mps-luck-legend{
        grid-template-columns:1fr 1fr;
    }
    .mps-luck-log-head{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
        margin-bottom:12px;
    }
    .mps-luck-table{
        min-width:0;
    }
    .mps-luck-table thead{
        display:none;
    }
    .mps-luck-table tbody tr{
        display:grid;
        grid-template-columns:2.25rem 1fr auto;
        grid-template-areas:
            "index prize status"
            "index detail status"
            "index date status";
        align-items:center;
        column-gap:8px;
        row-gap:4px;
        padding:12px;
        border-bottom:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    }
    .mps-luck-table tbody tr:last-child{
        border-bottom:0;
    }
    .mps-luck-table th,
    .mps-luck-table td{
        padding:0;
        border-bottom:0;
        background:transparent;
        max-width:none;
    }
    .mps-luck-table tbody tr:hover td{
        background:transparent;
    }
    .mps-luck-col-index{grid-area:index;width:auto}
    .mps-luck-col-prize{grid-area:prize;min-width:0}
    .mps-luck-col-detail{grid-area:detail;font-size:12px}
    .mps-luck-col-date{grid-area:date;font-size:12px}
    .mps-luck-col-status{grid-area:status;width:auto}
    .mps-luck-empty-row{
        display:block;
    }
    .mps-luck-empty-row td{
        display:block;
        padding:28px 14px;
    }
}