.ycsp {
    --ycsp-primary:var(--uicolor,#10b8b2);
    --ycsp-primary-dark:var(--uicolor3,#0b8985);
    --ycsp-accent:var(--uicolor2,#f7aa32);
    --ycsp-accent-dark:var(--uicolor4,#334692);
    --ycsp-bg:var(--background,#f8f8f8);
    --ycsp-bg-soft:var(--background2,#f4f6f0);
    --ycsp-text:var(--primary-text,#020b1a);
    --ycsp-muted:var(--secondarytext,#51535a);
    --ycsp-border:var(--diver,#e5eaef);
    --ycsp-danger:var(--danger-color,#dc3545);
    --ycsp-step-shift:-18px;
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow-x:hidden;
    overflow-y:auto;
    padding:
        max(18px,env(safe-area-inset-top))
        max(18px,env(safe-area-inset-right))
        max(18px,env(safe-area-inset-bottom))
        max(18px,env(safe-area-inset-left));
    opacity:0;
    pointer-events:none;
    overscroll-behavior:contain;
    transition:opacity .32s ease;
    -webkit-tap-highlight-color:transparent;
}

.ycsp[dir="rtl"] {
    direction:rtl;
    --ycsp-step-shift:18px;
}

.ycsp[dir="ltr"] {
    direction:ltr;
    --ycsp-step-shift:-18px;
}

.ycsp,
.ycsp *,
.ycsp *::before,
.ycsp *::after {
    box-sizing:border-box;
}

.ycsp.is-visible {
    opacity:1;
    pointer-events:auto;
}

.ycsp-backdrop {
    position:absolute;
    inset:0;
    background:color-mix(in srgb,var(--ycsp-text) 34%,transparent);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
    cursor:pointer;
}

.ycsp-card {
    position:relative;
    width:min(682px,100%);
    min-height:560px;
    max-height:calc(100vh - 36px);
    max-height:calc(100dvh - 36px);
    overflow-x:hidden;
    overflow-y:auto;
    padding:28px 28px 36px;
    border:1px solid color-mix(in srgb,var(--ycsp-primary) 18%,transparent);
    border-radius:24px;
    background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--ycsp-bg-soft) 86%,#fff));
    color:var(--ycsp-text);
    box-shadow:
        0 28px 70px color-mix(in srgb,var(--ycsp-text) 20%,transparent),
        inset 0 0 0 7px rgba(255,255,255,.54);
    opacity:1;
    transform:translateY(28px) scale(.94);
    transition:
        transform .46s cubic-bezier(.18,.9,.24,1.18),
        opacity .32s ease;
    scrollbar-width:thin;
    scrollbar-color:
        color-mix(in srgb,var(--ycsp-primary) 35%,transparent)
        transparent;
}

.ycsp-card::-webkit-scrollbar {
    width:7px;
}

.ycsp-card::-webkit-scrollbar-track {
    background:transparent;
}

.ycsp-card::-webkit-scrollbar-thumb {
    border:2px solid transparent;
    border-radius:999px;
    background:color-mix(in srgb,var(--ycsp-primary) 35%,transparent);
    background-clip:padding-box;
}

.ycsp.is-visible .ycsp-card {
    transform:translateY(0) scale(1);
}

.ycsp.is-leaving {
    opacity:0;
}

.ycsp.is-leaving .ycsp-card {
    transform:translateY(22px) scale(.96) rotate(.7deg);
}

.ycsp-close {
    position:absolute;
    top:18px;
    inset-inline-end:18px;
    z-index:7;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:50%;
    appearance:none;
    background:transparent;
    color:var(--ycsp-muted);
    cursor:pointer;
    font:inherit;
    font-size:20px;
    line-height:1;
    transition:
        background-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.ycsp-close:focus-visible,
.ycsp-main-btn:focus-visible,
.ycsp-actions button:focus-visible,
.ycsp-actions a:focus-visible,
.ycsp-claim input[input-model]:focus-visible {
    outline:3px solid color-mix(in srgb,var(--ycsp-accent) 65%,#fff);
    outline-offset:3px;
}

.ycsp-close:active {
    transform:scale(.92);
}

.ycsp-step {
    position:relative;
    display:none;
    min-width:0;
    text-align:center;
    animation:ycspStepIn .45s ease both;
}

.ycsp-step.active {
    display:block;
}

@keyframes ycspStepIn {
    from {
        opacity:0;
        transform:translateX(var(--ycsp-step-shift)) scale(.98);
    }
    to {
        opacity:1;
        transform:translateX(0) scale(1);
    }
}

.ycsp-badge {
    position:absolute;
    top: -27px;
    inset-inline-start: -16px;
    width:max-content;
    max-width:calc(100% - 52px);
    min-height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 12px;
    border-radius:999px;
    background:color-mix(in srgb,var(--ycsp-primary) 16%,#fff);
    color:var(--ycsp-primary-dark);
    font-size:13px;
    font-weight:900;
    line-height:1.35;
    text-align:start;
    overflow-wrap:anywhere;
}

.ycsp h2 {
    max-width:100%;
    margin:12px 0 8px;
    color:var(--ycsp-text);
    font-size:34px;
    line-height:1.18;
    font-weight:950;
    overflow-wrap:anywhere;
}

.ycsp[dir="ltr"] h2 {
    letter-spacing:-.7px;
}

.ycsp p {
    max-width:100%;
    margin:0 auto 18px;
    color:var(--ycsp-muted);
    font-size:15px;
    line-height:1.7;
    overflow-wrap:anywhere;
}

.ycsp-wheel-wrap {
    position:relative;
    width:min(310px,100%);
    aspect-ratio:1;
    margin:22px auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            #fff 0 58%,
            color-mix(in srgb,var(--ycsp-primary) 10%,#fff) 59% 100%
        );
    box-shadow:0 18px 48px color-mix(in srgb,var(--ycsp-primary-dark) 18%,transparent);
}

.ycsp-wheel-wrap::before {
    content:"";
    position:absolute;
    inset:-7px;
    border:1px solid color-mix(in srgb,var(--ycsp-primary-dark) 16%,transparent);
    border-radius:50%;
    pointer-events:none;
}

.ycsp-pointer {
    position:absolute;
    top:-3px;
    left:50%;
    z-index:6;
    width:0;
    height:0;
    transform:translateX(-50%);
    border-inline:16px solid transparent;
    border-top:26px solid var(--ycsp-primary-dark);
    border-radius:11px 11px 0 0;
    filter:drop-shadow(0 5px 5px rgba(0,0,0,.18));
    pointer-events:none;
}

.ycsp-wheel-disc {
    position:relative;
    width:calc(100% - 28px);
    aspect-ratio:1;
    overflow:hidden;
    border:8px solid #fff;
    border-radius:50%;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.72),
        0 16px 36px color-mix(in srgb,var(--ycsp-primary-dark) 20%,transparent);
    transform:rotate(var(--spin-rotation,0deg));
    transition:transform 4.15s cubic-bezier(.07,.72,.08,1);
    will-change:transform;
}

.ycsp-wheel-disc::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    background:
        radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 34%),
        radial-gradient(circle,transparent 0 62%,rgba(255,255,255,.14) 63% 100%);
    mix-blend-mode:soft-light;
    pointer-events:none;
}

.ycsp-slice-label {
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    width:var(--label-width,78px);
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--ycsp-text);
    font-size:var(--slice-font,12px);
    font-weight:900;
    line-height:1.25;
    text-align:center;
    transform:
        translate(-50%,-50%)
        rotate(var(--slice-angle))
        translateY(calc(var(--label-distance,82px) * -1))
        rotate(var(--slice-counter));
    pointer-events:none;
}

.ycsp-slice-label-inner {
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
}

.ycsp-slice-label i {
    flex:0 0 auto;
    color:var(--ycsp-primary-dark);
    font-size:var(--slice-icon,24px);
}

.ycsp-slice-label b {
    display:-webkit-box;
    width:100%;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    overflow-wrap:anywhere;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.ycsp-wheel-dense .ycsp-slice-label {
    line-height:1.15;
}

.ycsp-wheel-ultra .ycsp-slice-label {
    min-height:42px;
}

.ycsp-wheel-ultra .ycsp-slice-label-inner {
    gap:2px;
}

.ycsp-spin-core {
    position:absolute;
    z-index:5;
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:7px solid #fff;
    border-radius:50%;
    background:var(--ycsp-primary-dark);
    color:#fff;
    box-shadow:0 12px 26px color-mix(in srgb,var(--ycsp-primary-dark) 30%,transparent);
    font-size:31px;
    pointer-events:none;
}

@keyframes ycspRotate {
    to {
        transform:rotate(360deg);
    }
}

.ycsp-main-btn {
    width:100%;
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:12px;
    padding:10px 18px;
    border:0;
    border-radius:8px;
    appearance:none;
    background:linear-gradient(180deg,var(--ycsp-primary),var(--ycsp-primary-dark));
    color:#fff;
    box-shadow:0 10px 22px color-mix(in srgb,var(--ycsp-primary-dark) 28%,transparent);
    cursor:pointer;
    font:inherit;
    font-size:17px;
    font-weight:950;
    line-height:1.35;
    text-align:center;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease,
        opacity .2s ease;
}

.ycsp-main-btn span {
    min-width:0;
    overflow-wrap:anywhere;
}

.ycsp-main-btn.loading,
.ycsp.is-spinning [data-spin-action] {
    pointer-events:none;
    opacity:.78;
    cursor:wait;
}

.ycsp-main-btn.loading i,
.ycsp.is-spinning [data-spin-action] i {
    animation:ycspRotate .75s linear infinite;
}

.ycsp-main-btn:active {
    transform:translateY(1px) scale(.99);
    box-shadow:0 7px 16px color-mix(in srgb,var(--ycsp-primary-dark) 24%,transparent);
}

.ycsp-note {
    display:block;
    max-width:100%;
    margin-top:14px;
    color:var(--ycsp-primary-dark);
    font-size:12px;
    font-weight:800;
    line-height:1.55;
    text-decoration:underline;
    text-underline-offset:3px;
    overflow-wrap:anywhere;
}

.ycsp-success-icon {
    width:74px;
    height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:18px auto 16px;
    border-radius:50%;
    background:linear-gradient(145deg,var(--ycsp-primary),var(--ycsp-primary-dark));
    color:#fff;
    box-shadow:0 14px 30px color-mix(in srgb,var(--ycsp-primary) 28%,transparent);
    font-size:40px;
}

.ycsp-claim {
    min-width:0;
}

.ycsp-claim .ycsp-field {
    position:relative;
    display:block;
    min-width:0;
    margin:14px 0;
    text-align:start;
}

.ycsp-claim .-YC-FM-Label {
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 7px;
    color:var(--ycsp-primary-dark);
    font-size:13px;
    font-weight:900;
}

.ycsp-claim .-YC-FM-Label i {
    flex:0 0 auto;
}

.ycsp-claim .-FM-Field-title {
    min-width:0;
    color:inherit;
    font:inherit;
    overflow-wrap:anywhere;
}

.ycsp-claim input[input-model] {
    width:100%;
    min-width:0;
    min-height:54px;
    padding:0 16px;
    border:1px solid var(--ycsp-border);
    border-radius:7px;
    appearance:none;
    background:#fff;
    color:var(--ycsp-text);
    caret-color:var(--ycsp-primary);
    font:inherit;
    font-size:16px;
    line-height:1.4;
    text-align:start;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}

.ycsp-claim input[input-model]::placeholder {
    color:color-mix(in srgb,var(--ycsp-muted) 70%,transparent);
    opacity:1;
}

.ycsp-claim input[input-model]:focus {
    border-color:color-mix(in srgb,var(--ycsp-primary) 65%,var(--ycsp-border));
    box-shadow:0 0 0 4px color-mix(in srgb,var(--ycsp-primary) 13%,transparent);
}

.ycsp-claim .iti {
    width:100%;
    max-width:100%;
    direction:ltr;
}

.ycsp-claim .iti input[input-model][type="tel"] {
    direction:ltr;
    text-align:start;
    /* Required to override the inline spacing injected by intl-tel-input. */
    padding-inline-start:120px !important;
}

.ycsp-claim .iti__country-list {
    max-width:min(360px,calc(100vw - 32px));
    max-height:min(300px,45vh);
    overflow-x:hidden;
    overflow-y:auto;
    white-space:normal;
    text-align:start;
}

.ycsp-ticket {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:18px;
    padding:14px 16px;
    border:1px solid color-mix(in srgb,var(--ycsp-primary) 22%,var(--ycsp-border));
    border-radius:12px;
    background:linear-gradient(
        135deg,
        #fff,
        color-mix(in srgb,var(--ycsp-primary) 12%,var(--ycsp-bg-soft))
    );
    text-align:start;
    flex-direction:row-reverse;
    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

.ycsp-ticket > * {
    min-width:0;
}

.ycsp-ticket div {
    flex:0 1 150px;
    min-width:128px;
    max-width:100%;
    padding:10px;
    border-radius:8px;
    background:#fff;
    outline:2px dashed color-mix(in srgb,var(--ycsp-primary) 28%,var(--ycsp-border));
    outline-offset:-2px;
    text-align:center;
}

.ycsp-ticket small {
    display:block;
    color:var(--ycsp-primary-dark);
    font-size:12px;
    font-weight:900;
    line-height:1.4;
}

.ycsp-ticket strong {
    display:block;
    max-width:100%;
    margin-top:3px;
    color:var(--ycsp-accent);
    direction:ltr;
    font-size:26px;
    font-weight:950;
    line-height:1.2;
    overflow-wrap:anywhere;
}

.ycsp-ticket p {
    flex:1;
    display:flex;
    align-items:center;
    gap:8px;
    max-width:300px;
    margin:0;
    color:var(--ycsp-muted);
    font-size:13px;
    font-weight:800;
    line-height:1.6;
}

.ycsp-ticket p i {
    flex:0 0 auto;
    color:var(--ycsp-primary-dark);
}

.ycsp-ticket.error {
    border-color:color-mix(in srgb,var(--ycsp-danger) 35%,#fff);
    background:color-mix(in srgb,var(--ycsp-danger) 8%,#fff);
}

.ycsp-ticket.error p i,
.ycsp-ticket.error p {
    color:var(--ycsp-danger);
}

.ycsp-ticket.claimed {
    border-color:color-mix(in srgb,var(--ycsp-primary) 42%,var(--ycsp-border));
    box-shadow:0 10px 26px color-mix(in srgb,var(--ycsp-primary) 12%,transparent);
}

.ycsp-actions {
    display:flex;
    gap:10px;
    margin-top:14px;
}

.ycsp-actions button,
.ycsp-actions a {
    flex:1;
    min-width:0;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 14px;
    border:0;
    border-radius:8px;
    appearance:none;
    background:var(--ycsp-primary-dark);
    color:#fff;
    cursor:pointer;
    font:inherit;
    font-weight:900;
    line-height:1.35;
    text-align:center;
    text-decoration:none;
    overflow-wrap:anywhere;
    transition:
        transform .2s ease,
        filter .2s ease,
        box-shadow .2s ease;
}

.ycsp-actions button {
    background:var(--ycsp-accent);
}

.ycsp-actions button:active,
.ycsp-actions a:active {
    transform:translateY(1px) scale(.99);
}

.ycsp-confetti {
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
}

.ycsp-confetti i {
    position:absolute;
    top:34px;
    width:4px;
    height:12px;
    border-radius:3px;
    opacity:0;
    animation:ycspConfetti 1.6s ease infinite;
}

.ycsp-card[data-current-step="claim"] .ycsp-confetti i {
    opacity:1;
}

.ycsp-confetti i:nth-child(1) {
    left:10%;
    background:var(--ycsp-accent);
    animation-delay:.05s;
}

.ycsp-confetti i:nth-child(2) {
    left:17%;
    background:var(--ycsp-primary);
    animation-delay:.12s;
}

.ycsp-confetti i:nth-child(3) {
    left:25%;
    background:var(--ycsp-accent-dark);
    animation-delay:.2s;
}

.ycsp-confetti i:nth-child(4) {
    left:33%;
    background:var(--ycsp-danger);
    animation-delay:.28s;
}

.ycsp-confetti i:nth-child(5) {
    right:10%;
    background:var(--ycsp-accent);
    animation-delay:.18s;
}

.ycsp-confetti i:nth-child(6) {
    right:17%;
    background:var(--ycsp-primary);
    animation-delay:.31s;
}

.ycsp-confetti i:nth-child(7) {
    right:25%;
    background:var(--ycsp-accent-dark);
    animation-delay:.42s;
}

.ycsp-confetti i:nth-child(8) {
    right:33%;
    background:var(--ycsp-accent);
    animation-delay:.52s;
}

@keyframes ycspConfetti {
    0% {
        opacity:0;
        transform:translateY(-12px) rotate(0);
    }
    18% {
        opacity:1;
    }
    100% {
        opacity:0;
        transform:translateY(92px) rotate(160deg);
    }
}

@media (hover:hover) and (pointer:fine) {
    .ycsp-close:hover {
        background:color-mix(in srgb,var(--ycsp-primary) 10%,#fff);
        color:var(--ycsp-primary-dark);
        transform:rotate(4deg);
    }

    .ycsp-main-btn:hover {
        filter:brightness(1.04);
        box-shadow:0 13px 28px color-mix(in srgb,var(--ycsp-primary-dark) 32%,transparent);
        transform:translateY(-2px);
    }

    .ycsp-actions button:hover,
    .ycsp-actions a:hover {
        filter:brightness(1.05);
        transform:translateY(-1px);
    }
}

/* =========================
   Tablet Responsive
========================= */

@media only screen and (max-width:767px) {
    .ycsp {
        padding:
            max(14px,env(safe-area-inset-top))
            max(14px,env(safe-area-inset-right))
            max(14px,env(safe-area-inset-bottom))
            max(14px,env(safe-area-inset-left));
    }

    .ycsp-card {
        min-height:auto;
        padding:26px 22px 30px;
        border-radius:23px;
    }

    .ycsp-close {
        width:40px;
        height:40px;
        top:13px;
        inset-inline-end:13px;
    }

    .ycsp-badge {
        inset-inline-start:-4px;
    }

    .ycsp h2 {
        font-size:clamp(29px,6vw,33px);
    }

    .ycsp-wheel-wrap {
        width:min(292px,100%);
    }

    .ycsp-spin-core {
        width:76px;
        height:76px;
        border-width:6px;
        font-size:29px;
    }
}

/* =========================
   Mobile App Experience
========================= */

@media only screen and (max-width:575px) {
    .ycsp {
        align-items:flex-end;
        padding:0;
    }

    .ycsp-backdrop {
        backdrop-filter:blur(6px);
        -webkit-backdrop-filter:blur(6px);
    }

    .ycsp-card {
        width:100%;
        max-height:calc(100vh - max(8px,env(safe-area-inset-top)));
        max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));
        padding:
            24px
            max(18px,env(safe-area-inset-right))
            max(24px,env(safe-area-inset-bottom))
            max(18px,env(safe-area-inset-left));
        border-inline:0;
        border-bottom:0;
        border-radius:26px 26px 0 0;
        box-shadow:0 -18px 54px color-mix(in srgb,var(--ycsp-text) 22%,transparent);
        transform:translateY(100%);
    }

    .ycsp.is-visible .ycsp-card {
        transform:translateY(0);
    }

    .ycsp.is-leaving .ycsp-card {
        transform:translateY(100%);
    }

    .ycsp-card::before {
        content:"";
        display:block;
        width:44px;
        height:5px;
        margin:0 auto 14px;
        border-radius:999px;
        background:color-mix(in srgb,var(--ycsp-muted) 24%,transparent);
    }

    .ycsp-close {
        width:44px;
        height:44px;
        top:10px;
        inset-inline-end:max(10px,env(safe-area-inset-right));
        background:color-mix(in srgb,var(--ycsp-bg-soft) 82%,#fff);
    }

    .ycsp-badge {
        position:static;
        max-width:calc(100% - 52px);
        margin:0 auto 12px;
    }

    .ycsp h2 {
        margin-top:0;
        font-size:clamp(27px,7.5vw,31px);
        line-height:1.22;
    }

    .ycsp p {
        margin-bottom:15px;
        font-size:14px;
        line-height:1.65;
    }

    .ycsp-wheel-wrap {
        width:min(276px,100%);
        margin-top:18px;
        margin-bottom:16px;
    }

    .ycsp-spin-core {
        width:72px;
        height:72px;
        font-size:27px;
    }

    .ycsp-main-btn {
        min-height:54px;
        font-size:16px;
    }

    .ycsp-success-icon {
        width:68px;
        height:68px;
        margin-top:6px;
        font-size:35px;
    }

    .ycsp-ticket {
        gap:12px;
        padding:12px;
    }

    .ycsp-actions button,
    .ycsp-actions a {
        min-height:48px;
    }
}

/* =========================
   Small Mobile Adjustments
========================= */

@media only screen and (max-width:390px) {
    .ycsp-card {
        padding-inline:
            max(16px,env(safe-area-inset-right))
            max(16px,env(safe-area-inset-left));
    }

    .ycsp h2 {
        font-size:25px;
    }

    .ycsp-wheel-wrap {
        width:min(268px,100%);
    }

    .ycsp-wheel-disc {
        border-width:7px;
    }

    .ycsp-pointer {
        border-inline-width:14px;
        border-top-width:23px;
    }

    .ycsp-spin-core {
        width:68px;
        height:68px;
        border-width:6px;
        font-size:25px;
    }

    .ycsp-ticket {
        flex-direction:column;
        align-items:stretch;
    }

    .ycsp-ticket div {
        flex-basis:auto;
        width:100%;
        min-width:0;
    }

    .ycsp-ticket p {
        max-width:none;
        justify-content:center;
        text-align:center;
    }

    .ycsp-actions {
        gap:8px;
    }

    .ycsp-actions button,
    .ycsp-actions a {
        padding-inline:10px;
        font-size:13px;
    }

    .ycsp-claim .iti input[input-model][type="tel"] {
        padding-inline-start:106px !important;
    }
}

@media only screen and (max-width:340px) {
    .ycsp-card {
        padding-inline:
            max(14px,env(safe-area-inset-right))
            max(14px,env(safe-area-inset-left));
    }

    .ycsp h2 {
        font-size:23px;
    }

    .ycsp-wheel-wrap {
        width:min(260px,100%);
    }

    .ycsp-main-btn {
        font-size:15px;
    }

    .ycsp-actions {
        flex-direction:column;
    }
}

@media (prefers-reduced-motion:reduce) {
    .ycsp,
    .ycsp-card,
    .ycsp-close,
    .ycsp-main-btn,
    .ycsp-actions button,
    .ycsp-actions a,
    .ycsp-wheel-disc,
    .ycsp-step {
        animation-duration:.01ms;
        animation-iteration-count:1;
        scroll-behavior:auto;
        transition-duration:.01ms;
    }

    .ycsp-confetti {
        display:none;
    }
}