body:has(.fortune-page) .column-left .content-bg > .content-header{display:none!important}
.fortune-page{padding:18px 0 10px;color:#aeb7bd}
.fortune-page *,.fortune-page *:before,.fortune-page *:after{box-sizing:border-box}
.fortune-eyebrow{display:block;color:#b4a76a;font-size:9px;line-height:12px;font-weight:800;letter-spacing:.75px;text-transform:uppercase}

.fortune-head{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:145px;padding:24px 26px;margin-bottom:12px;background:radial-gradient(circle at 82% 10%,rgba(198,180,101,.07),transparent 32%),linear-gradient(135deg,rgba(16,21,24,.98),rgba(8,12,15,.99));border:1px solid rgba(206,188,103,.11);border-left:3px solid #cdbd72;border-radius:4px}
.fortune-head h1{margin:6px 0 5px;color:#eef1f2;font-size:28px;line-height:33px}
.fortune-head p{max-width:540px;margin:0;color:#6f7b82;font-size:11px;line-height:17px}
.fortune-head__right{display:flex;gap:8px}
.fortune-counter,.fortune-balance{min-width:120px;padding:10px 12px;background:rgba(5,8,10,.65);border:1px solid rgba(255,255,255,.05);border-radius:4px}
.fortune-counter>span,.fortune-balance>span{display:block;color:#5f696f;font-size:8px;line-height:11px;text-transform:uppercase}
.fortune-counter strong,.fortune-balance strong{color:#ded17f;font-size:22px;line-height:27px}
.fortune-counter small,.fortune-balance small{color:#879096;font-size:9px}
.fortune-balance a{display:block;margin-top:4px;color:#cabc75;font-size:8px;text-decoration:none}

.fortune-tabs{display:flex;gap:5px;margin-bottom:10px}
.fortune-tabs a{padding:7px 10px;color:#69747a;background:#0d1215;border:1px solid rgba(255,255,255,.05);border-radius:3px;font-size:9px;text-decoration:none}
.fortune-tabs a.is-active{color:#d7ca7d;border-color:rgba(203,188,111,.18)}

.fortune-machine{display:grid;grid-template-columns:185px minmax(0,1fr) 190px;gap:10px;min-height:510px}
.fortune-side,.fortune-center{background:linear-gradient(180deg,rgba(10,14,17,.99),rgba(6,10,12,.995));border:1px solid rgba(255,255,255,.05);border-radius:4px}
.fortune-side{overflow:hidden}
.fortune-panel-title{padding:12px;border-bottom:1px solid rgba(255,255,255,.045)}
.fortune-panel-title strong{display:block;color:#c9bc77;font-size:10px;line-height:13px;text-transform:uppercase}
.fortune-panel-title span{display:block;margin-top:2px;color:#59646b;font-size:8px}
.fortune-panel-title--second{border-top:1px solid rgba(255,255,255,.045)}

.fortune-category{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:47px;padding:8px 10px;color:inherit;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.035);text-align:left;cursor:pointer}
.fortune-category:hover{background:rgba(255,255,255,.025)}
.fortune-category i{width:5px;height:22px;background:var(--cat);box-shadow:0 0 8px rgba(255,255,255,.08)}
.fortune-category span{overflow:hidden;color:#a8b0b4;font-size:9px;line-height:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.fortune-category b{color:#c8bb72;font-size:8px}
.fortune-secure{margin:10px;padding:8px;color:#59656b;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.035);border-radius:3px;font-size:8px;line-height:12px}
.fortune-secure i{margin-right:4px;color:#8f8659}

.fortune-center{display:flex;align-items:center;flex-direction:column;padding:14px 10px 18px;overflow:hidden}
.fortune-status{min-height:17px;margin-bottom:8px;color:#68747a;font-size:9px;line-height:13px;text-align:center}
.fortune-wheel{position:relative;width:min(420px,94%);aspect-ratio:1/1}
.fortune-wheel__frame{position:absolute;z-index:0;inset:-10px;border:2px solid #665b36;border-radius:50%;background:radial-gradient(circle,transparent 69%,rgba(111,94,47,.18) 70%,rgba(18,21,22,.95) 73%,rgba(8,10,11,.98) 100%);box-shadow:0 0 0 2px #111618,0 0 0 4px rgba(179,154,78,.12),0 18px 40px rgba(0,0,0,.45)}
.fortune-wheel__spinner{position:absolute;z-index:2;inset:9px;overflow:hidden;border:2px solid rgba(189,163,83,.34);border-radius:50%;transition:transform 5.4s cubic-bezier(.08,.69,.09,1);box-shadow:inset 0 0 45px rgba(0,0,0,.52)}
.fortune-wheel__spinner:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 1deg,rgba(218,195,113,.20) 1deg 1.4deg,transparent 1.4deg 30deg);pointer-events:none}
.fortune-wheel__spinner:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 0 24%,rgba(6,9,10,.08) 25% 50%,rgba(5,7,8,.34) 84%,rgba(0,0,0,.62) 100%);pointer-events:none}
.fortune-wheel__label{position:absolute;z-index:5;top:50%;left:50%;width:1px;height:1px;transform:rotate(var(--angle))}
.fortune-wheel__label span{position:absolute;left:112px;top:-7px;width:95px;overflow:hidden;transform:rotate(90deg);transform-origin:left center;color:rgba(237,229,194,.78);font-size:8px;line-height:11px;font-weight:800;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #000;white-space:nowrap}
.fortune-wheel__inner{position:absolute;z-index:4;inset:28%;border:1px solid rgba(196,169,82,.26);border-radius:50%;box-shadow:0 0 0 7px rgba(7,10,11,.62),0 0 0 8px rgba(196,169,82,.10);pointer-events:none}
.fortune-wheel__hub{position:absolute;z-index:8;top:50%;left:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:104px;height:104px;margin:-52px 0 0 -52px;color:#c8b96c;background:radial-gradient(circle at 50% 38%,#252b2d,#0a0e10 70%);border:2px solid #76663b;border-radius:50%;box-shadow:0 0 0 6px #0b0f11,0 0 0 7px rgba(196,169,82,.25),0 7px 17px rgba(0,0,0,.55);font-size:8px;letter-spacing:1px;pointer-events:none}
.fortune-wheel__hub span{width:18px;height:18px;margin-bottom:6px;transform:rotate(45deg);background:linear-gradient(135deg,#8c6bd0,#332160);border:1px solid #c8aaff;box-shadow:0 0 13px rgba(131,86,214,.55)}
.fortune-wheel__pointer{position:absolute;z-index:10;top:50%;left:-13px;display:flex;align-items:center;justify-content:center;width:39px;height:46px;margin-top:-23px;color:#e4cf73;font-size:39px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85)) drop-shadow(0 0 5px rgba(220,190,85,.25))}
.fortune-spin-button{min-width:145px;min-height:38px;margin-top:16px;color:#e4d586;background:linear-gradient(180deg,#282417,#12130f);border:1px solid #81713f;border-radius:3px;box-shadow:0 5px 13px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);font-family:inherit;font-size:10px;line-height:14px;font-weight:800;cursor:pointer}
.fortune-spin-button:hover:not(:disabled){color:#f3e9ae;border-color:#b39d59;box-shadow:0 0 15px rgba(184,156,76,.13)}
.fortune-spin-button:disabled{opacity:.42;cursor:default}
.fortune-spin-button i{margin-right:5px}
.fortune-wheel.is-spinning .fortune-spin-button i{animation:fortuneSpin .7s linear infinite}
@keyframes fortuneSpin{to{transform:rotate(360deg)}}

.fortune-result{width:100%;min-height:53px;margin-top:12px}
.fortune-win{max-width:440px;margin:0 auto;padding:9px 11px;background:rgba(195,174,100,.035);border:1px solid rgba(195,174,100,.10);border-radius:3px;text-align:center}
.fortune-win>strong{display:block;color:#cfc27a;font-size:10px}
.fortune-win__jackpot{margin-bottom:5px;color:#d7b64c;font-size:8px;font-weight:800}
.fortune-win__items{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:5px}
.fortune-win__items>span{display:flex;align-items:center;gap:4px;padding:3px 5px;color:#99a3a8;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.04);border-radius:3px;font-size:8px}
.fortune-win__items img{width:22px;height:22px;object-fit:contain}
.fortune-win__items b{color:#d8ca78}
.fortune-win__items em{color:#a887d7;font-size:7px;font-style:normal}
.fortune-error{padding:7px;color:#ad746c;font-size:9px;text-align:center}

.fortune-guarantee{padding:12px;text-align:center}
.fortune-guarantee__icon{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 8px;background:rgba(255,255,255,.02);border:1px solid rgba(196,169,82,.12);border-radius:4px}
.fortune-guarantee__icon img{width:50px;height:50px;object-fit:contain}
.fortune-guarantee__icon span{position:absolute;right:-4px;bottom:-4px;padding:1px 4px;color:#ddcf7e;background:#090c0e;border:1px solid rgba(196,169,82,.15);border-radius:7px;font-size:7px}
.fortune-guarantee>strong{display:block;color:#aeb6ba;font-size:9px;line-height:13px}
.fortune-guarantee__count{margin-top:8px;color:#827a55;font-size:8px}
.fortune-progress{height:5px;margin-top:5px;overflow:hidden;background:#080c0e;border-radius:4px}
.fortune-progress span{display:block;height:100%;background:linear-gradient(90deg,#7d6d3b,#d1bd66)}
.fortune-muted{padding:14px 12px;color:#5f6a70;font-size:8px;line-height:12px;text-align:center}
.fortune-winner{display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.03)}
.fortune-winner>i{color:#af9342;font-size:10px}
.fortune-winner strong,.fortune-winner span{display:block}
.fortune-winner strong{color:#9fa8ac;font-size:8px}
.fortune-winner span{color:#5e696f;font-size:7px}

.fortune-catalog,.fortune-history{margin-top:11px;background:#090d0f;border:1px solid rgba(255,255,255,.05);border-radius:4px}
.fortune-catalog__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;padding:0 14px;color:#b6bec1;background:#0e1316;border:0;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}
.fortune-catalog__toggle i{color:#8c8050;transition:transform .18s ease}
.fortune-catalog.is-open .fortune-catalog__toggle i{transform:rotate(180deg)}
.fortune-catalog__body{display:none}
.fortune-catalog.is-open .fortune-catalog__body{display:block}
.fortune-catalog-category{padding:13px;border-top:1px solid rgba(255,255,255,.04)}
.fortune-catalog-category__head{display:grid;grid-template-columns:6px auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:10px}
.fortune-catalog-category__head i{width:5px;height:20px;background:var(--cat)}
.fortune-catalog-category__head strong{color:#c4b567;font-size:10px}
.fortune-catalog-category__head span{color:#657078;font-size:8px}
.fortune-catalog-category__head b{color:#b5a863;font-size:8px}
.fortune-catalog-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.fortune-catalog-item{min-width:0;padding:7px;background:rgba(255,255,255,.012);border:1px solid rgba(255,255,255,.04);border-radius:3px}
.fortune-catalog-item__icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:5px;background:rgba(0,0,0,.23);border:1px solid rgba(196,169,82,.08);border-radius:3px}
.fortune-catalog-item__icon img{width:38px;height:38px;object-fit:contain}
.fortune-catalog-item__icon span{position:absolute;right:-4px;bottom:-3px;padding:1px 4px;color:#ddcf7f;background:#080c0e;border-radius:7px;font-size:7px}
.fortune-catalog-item>strong{display:block;overflow:hidden;color:#9ea7ab;font-size:8px;line-height:11px;text-overflow:ellipsis;white-space:nowrap}
.fortune-catalog-item>small{display:block;margin-top:2px;color:#5d696f;font-size:7px}

.fortune-history__title{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.04)}
.fortune-history__title h2{margin:2px 0 0;color:#c7ced1;font-size:15px}
.fortune-history__row{display:grid;grid-template-columns:120px minmax(0,1fr) 120px 95px;align-items:center;gap:7px;min-height:48px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.035);color:#7e898e;font-size:8px}
.fortune-history__row--head{min-height:31px;color:#59656b;background:rgba(255,255,255,.012);font-size:7px;text-transform:uppercase}
.fortune-history__dot{display:inline-block;width:6px;height:15px;margin-right:5px;background:var(--cat);vertical-align:middle}
.fortune-history__rewards{display:flex;flex-wrap:wrap;gap:4px}
.fortune-history__rewards>span{display:inline-flex;align-items:center;gap:3px}
.fortune-history__rewards img{width:23px;height:23px;object-fit:contain}
.fortune-history__rewards b{color:#b8aa65}
.fortune-history__rewards em{color:#8b71b7;font-size:6px;font-style:normal}
.fortune-old{color:#4f5a60}
.fortune-choice-link{padding:4px 6px;color:#c5b76f;background:rgba(196,169,82,.04);border:1px solid rgba(196,169,82,.12);border-radius:3px;font-size:7px;cursor:pointer}
.fortune-badge{display:inline-block;padding:2px 5px;border-radius:3px;font-size:7px;font-weight:700}
.fortune-badge--done{color:#759a7a;background:rgba(83,137,89,.06)}
.fortune-badge--pending{color:#b99b62;background:rgba(180,137,67,.06)}

.fortune-modal{position:fixed;z-index:999999;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,4,5,.82)}
.fortune-modal.is-open{display:flex}
.fortune-modal__dialog{position:relative;width:min(600px,100%);padding:20px;background:#0c1114;border:1px solid rgba(196,169,82,.16);border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,.55)}
.fortune-modal__dialog h3{margin:4px 0 14px;color:#d0d5d7;font-size:17px}
.fortune-modal__close{position:absolute;top:9px;right:9px;color:#6b757a;background:transparent;border:0;cursor:pointer}
.fortune-choice-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.fortune-choice-item{padding:9px 7px;color:#9ea7ab;background:rgba(255,255,255,.018);border:1px solid rgba(196,169,82,.08);border-radius:3px;font-family:inherit;cursor:pointer}
.fortune-choice-item:hover:not(:disabled){border-color:rgba(196,169,82,.22)}
.fortune-choice-item img{display:block;width:44px;height:44px;margin:0 auto 5px;object-fit:contain}
.fortune-choice-item strong{display:block;font-size:8px;line-height:11px}
.fortune-choice-item span{display:block;margin-top:3px;color:#c5b76d;font-size:8px}

@media(max-width:1080px){
    .fortune-machine{grid-template-columns:160px minmax(0,1fr)}
    .fortune-side:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
    .fortune-head{align-items:stretch;flex-direction:column}
    .fortune-head__right{width:100%}
    .fortune-head__right>*{flex:1}
    .fortune-machine{grid-template-columns:1fr}
    .fortune-side:last-child{grid-column:auto;display:block}
    .fortune-center{order:-1}
    .fortune-catalog-items{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fortune-history__row{grid-template-columns:90px minmax(0,1fr)}
    .fortune-history__row>*:nth-child(3),.fortune-history__row>*:nth-child(4){display:none}
    .fortune-choice-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* V11: item sectors */
.fortune-wheel__label>div{position:absolute;left:108px;top:-17px;width:100px;transform:rotate(90deg);transform-origin:left center;text-align:center}
.fortune-wheel__label>div>span{display:block;overflow:hidden;color:rgba(237,229,194,.78);font-size:8px;line-height:11px;font-weight:800;text-overflow:ellipsis;text-shadow:0 1px 3px #000;white-space:nowrap}
.fortune-wheel__label--item>div{display:flex;align-items:center;justify-content:flex-start;gap:3px}
.fortune-wheel__label--item img{width:31px;height:31px;object-fit:contain;padding:2px;background:rgba(5,8,10,.70);border:1px solid rgba(221,200,121,.16);border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.30)}
.fortune-wheel__label--item b{color:#eadb8c;font-size:7px;line-height:10px;text-shadow:0 1px 3px #000}

/* ==========================================================================
   V12 — BALANCED WHEEL
   ========================================================================== */

/* Чуть компактнее и пропорциональнее основной блок */
.fortune-machine {
    grid-template-columns: 205px minmax(0, 1fr) 205px;
    min-height: 500px;
}

.fortune-center {
    min-height: 500px;
    padding: 12px 10px 14px;
}

.fortune-wheel {
    width: min(380px, 92%);
}

.fortune-result {
    min-height: 44px;
    margin-top: 8px;
}


/* --------------------------------------------------------------------------
   Список предметов слева в режиме одной RANDOM-категории
   -------------------------------------------------------------------------- */

.fortune-prize-list {
    max-height: 405px;
    overflow-y: auto;
    overflow-x: hidden;
}

.fortune-prize-row {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;

    min-height: 52px;
    padding: 7px 9px;

    border-bottom: 1px solid rgba(255,255,255,.035);
}

.fortune-prize-row:hover {
    background: rgba(255,255,255,.02);
}

.fortune-prize-row__icon {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    background: rgba(0,0,0,.25);
    border: 1px solid rgba(205,188,111,.07);
    border-radius: 3px;
}

.fortune-prize-row__icon img {
    width: 31px;
    height: 31px;
    object-fit: contain;
}

.fortune-prize-row__icon > span {
    position: absolute;
    right: -4px;
    bottom: -3px;

    min-width: 16px;
    padding: 1px 3px;

    color: #d9ca79;
    background: #080c0e;

    border: 1px solid rgba(205,188,111,.12);
    border-radius: 7px;

    font-size: 6px;
    line-height: 9px;
    font-weight: 700;
    text-align: center;
}

.fortune-prize-row__name {
    min-width: 0;
}

.fortune-prize-row__name strong {
    display: block;

    overflow: hidden;

    color: #aeb6ba;

    font-size: 8px;
    line-height: 11px;
    font-weight: 700;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.fortune-prize-row__name small {
    display: block;

    margin-top: 1px;

    color: #556168;

    font-size: 6px;
    line-height: 9px;
}

.fortune-prize-row > b {
    color: #cbbb69;

    font-size: 7px;
    line-height: 10px;
    font-weight: 800;
}


/* --------------------------------------------------------------------------
   Колесо: равномерные предметы и правильная ориентация иконок
   -------------------------------------------------------------------------- */

.fortune-wheel__label {
    position: absolute;
    z-index: 6;

    top: 50%;
    left: 50%;

    width: 1px;
    height: 1px;

    transform: rotate(var(--angle));
}

/*
 * Старые правила V11 вращали содержимое ещё на +90deg.
 * Из-за этого иконки по кругу выглядели повернутыми.
 */
.fortune-wheel__label > div {
    position: absolute;

    left: 126px;
    top: -19px;

    width: 38px;
    height: 38px;

    transform: rotate(calc(-1 * var(--angle)));
    transform-origin: 19px 19px;

    text-align: center;
}

.fortune-wheel__label--item > div {
    display: block;
}

.fortune-wheel__item {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(37,43,45,.92),
            rgba(7,10,12,.94)
        );

    border: 1px solid rgba(215,193,113,.18);
    border-radius: 4px;

    box-shadow:
        0 3px 8px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.fortune-wheel__item img {
    width: 34px;
    height: 34px;

    padding: 1px;

    object-fit: contain;

    background: transparent;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
}

.fortune-wheel__item b {
    position: absolute;

    right: -5px;
    bottom: -4px;

    min-width: 18px;
    padding: 1px 4px;

    color: #e8d984;
    background: #070b0d;

    border: 1px solid rgba(215,193,113,.16);
    border-radius: 8px;

    font-size: 7px;
    line-height: 10px;
    font-weight: 800;

    text-shadow: 0 1px 2px #000;
}


/* Категории тоже не должны вращаться боком */
.fortune-wheel__label--category > div {
    left: 117px;
    top: -10px;

    width: 64px;
    height: 20px;

    transform: rotate(calc(-1 * var(--angle)));
    transform-origin: 32px 10px;
}

.fortune-wheel__label--category > div > span {
    display: block;

    overflow: hidden;

    color: rgba(237,229,194,.80);

    font-size: 7px;
    line-height: 10px;
    font-weight: 800;

    text-overflow: ellipsis;
    text-shadow: 0 1px 3px #000;
    white-space: nowrap;
}


/* Указатель немного массивнее */
.fortune-wheel__pointer {
    left: -10px;

    color: #ebd674;

    font-size: 42px;
}


/* Центральная часть чуть меньше, чтобы предметы читались свободнее */
.fortune-wheel__hub {
    width: 92px;
    height: 92px;

    margin:
        -46px
        0
        0
        -46px;
}

.fortune-wheel__hub span {
    width: 16px;
    height: 16px;
}


/* Убираем лишнюю визуальную пустоту */
.fortune-spin-button {
    margin-top: 28px;
}


/* Scrollbar списка наград */
.fortune-prize-list::-webkit-scrollbar {
    width: 5px;
}

.fortune-prize-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,.01);
}

.fortune-prize-list::-webkit-scrollbar-thumb {
    background: rgba(201,188,119,.18);
    border-radius: 5px;
}


/* Адаптация */
@media (max-width: 1080px) {
    .fortune-machine {
        grid-template-columns: 185px minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .fortune-machine {
        grid-template-columns: 1fr;
    }

    .fortune-prize-list {
        max-height: 300px;
    }

    .fortune-wheel {
        width: min(360px, 92%);
    }

    .fortune-wheel__label > div {
        left: 118px;
    }
}

/* ==========================================================================
   V14 — FIVE CLEAN CATEGORY SECTORS
   ========================================================================== */

/*
 * Убираем декоративную сетку V11/V12 на 12 делений.
 * Границы пяти настоящих секторов рисует conic-gradient в JS.
 */
.fortune-wheel__spinner::before {
    background:
        radial-gradient(
            circle at 50% 50%,
            transparent 0 61%,
            rgba(222, 198, 112, .045) 61.5% 62%,
            transparent 62.5% 100%
        ) !important;
}

.fortune-wheel__spinner::after {
    background:
        radial-gradient(
            circle,
            transparent 0 25%,
            rgba(6, 9, 10, .06) 25% 48%,
            rgba(5, 7, 8, .22) 78%,
            rgba(0, 0, 0, .50) 100%
        ) !important;
}

/*
 * Название категории располагается на радиусе сектора,
 * но визуально всегда остаётся горизонтальным.
 */
.fortune-wheel__label--category > div {
    left: 98px !important;
    top: -14px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 92px !important;
    height: 28px !important;
    padding: 0 6px;

    transform: rotate(calc(-1 * var(--angle))) !important;
    transform-origin: 46px 14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(12, 16, 18, .78),
            rgba(6, 9, 11, .68)
        );

    border: 1px solid rgba(214, 193, 112, .12);
    border-radius: 3px;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, .26),
        inset 0 1px 0 rgba(255,255,255,.02);
}

/* Сбрасываем старое rotate(90deg) у текста. */
.fortune-wheel__label--category > div > span {
    position: static !important;
    left: auto !important;
    top: auto !important;

    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;

    overflow: hidden;

    transform: none !important;
    transform-origin: center !important;

    color: #ddd08a !important;

    font-size: 8px !important;
    line-height: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .12px;

    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 1px 3px #000;
    white-space: nowrap;
}

/* Джекпот — отдельный золотой акцент. */
.fortune-wheel__label--jackpot > div {
    background:
        linear-gradient(
            180deg,
            rgba(72, 58, 19, .88),
            rgba(22, 18, 8, .82)
        );

    border-color: rgba(235, 204, 92, .40);

    box-shadow:
        0 0 12px rgba(211, 174, 57, .22),
        0 3px 10px rgba(0, 0, 0, .32),
        inset 0 1px 0 rgba(255, 241, 171, .06);
}

.fortune-wheel__label--jackpot > div > span {
    color: #f0d772 !important;
}

.fortune-wheel__label--jackpot i {
    margin-right: 3px;
    color: #e2bd4f;
    font-size: 7px;
}

/* Чище внутреннее кольцо — без ощущения второй сетки. */
.fortune-wheel__inner {
    inset: 30%;
    border-color: rgba(196, 169, 82, .17);
    box-shadow:
        0 0 0 5px rgba(7,10,11,.54),
        0 0 0 6px rgba(196,169,82,.065);
}

/* Немного освобождаем центр под названия секторов. */
.fortune-wheel__hub {
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
}

.fortune-wheel__hub span {
    width: 15px;
    height: 15px;
}

/* Указатель становится более заметным, но не крупнее самого колеса. */
.fortune-wheel__pointer {
    left: -11px;
    color: #ecd676;
    font-size: 43px;
}

/* Кнопку оставляем на согласованной позиции v13. */
.fortune-spin-button {
    margin-top: 28px;
}

@media (max-width: 760px) {
    .fortune-wheel__label--category > div {
        left: 90px !important;
        width: 82px !important;
        transform-origin: 41px 14px !important;
    }
}

/* ==========================================================================
   V15 — DARK FANTASY ARTIFACT WHEEL
   ========================================================================== */

/* Основной круг чуть тяжелее и глубже. */
.fortune-wheel {
    width: min(392px, 93%);
}

.fortune-wheel__frame {
    inset: -13px !important;
    overflow: visible;

    border: 1px solid rgba(216, 190, 99, .44) !important;

    background:
        radial-gradient(
            circle,
            transparent 0 79%,
            rgba(5, 7, 8, .92) 79.5% 84%,
            rgba(48, 42, 24, .95) 84.5% 87%,
            rgba(8, 11, 12, .98) 87.5% 100%
        ) !important;

    box-shadow:
        0 0 0 2px #070a0b,
        0 0 0 4px rgba(168, 143, 64, .20),
        0 0 0 7px rgba(0, 0, 0, .35),
        0 18px 42px rgba(0,0,0,.55),
        inset 0 0 24px rgba(214, 184, 87, .08) !important;
}

/* Тонкие насечки по неподвижному внешнему кольцу. */
.fortune-wheel__frame::before {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    pointer-events: none;

    background:
        repeating-conic-gradient(
            from -1deg,
            rgba(218, 191, 102, .24) 0deg .45deg,
            transparent .45deg 9deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0 91%,
            #000 91.3% 94%,
            transparent 94.3% 100%
        );
    mask:
        radial-gradient(
            circle,
            transparent 0 91%,
            #000 91.3% 94%,
            transparent 94.3% 100%
        );
}

/* Внутреннее бронзовое кольцо рамки. */
.fortune-wheel__frame::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(203, 177, 88, .16);
    border-radius: 50%;
    box-shadow:
        inset 0 0 14px rgba(0,0,0,.40),
        0 0 9px rgba(190, 158, 66, .04);
    pointer-events: none;
}

/* Заклёпки по кругу. */
.fortune-wheel__rivet {
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 50%;
    width: 47.7%;
    height: 1px;
    transform: rotate(var(--rivet-angle));
    transform-origin: 0 0;
    pointer-events: none;
}

.fortune-wheel__rivet::after {
    content: "";
    position: absolute;
    right: -3px;
    top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #ddd2aa 0 15%,
            #8e835f 25% 48%,
            #302b1c 55% 100%
        );

    box-shadow:
        0 0 0 1px rgba(0,0,0,.70),
        0 1px 2px rgba(0,0,0,.85);
}

/* Сектора темнее и менее "цветная диаграмма". */
.fortune-wheel__spinner {
    inset: 14px !important;
    border: 1px solid rgba(211, 187, 101, .24) !important;
    box-shadow:
        inset 0 0 48px rgba(0,0,0,.58),
        inset 0 0 0 2px rgba(0,0,0,.28),
        0 0 12px rgba(183, 151, 56, .04) !important;
}

.fortune-wheel__spinner::before {
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.018) 0 49%,
            transparent 49.5% 67%,
            rgba(211, 187, 101, .045) 67.4% 67.9%,
            transparent 68.3% 100%
        ) !important;
}

.fortune-wheel__spinner::after {
    background:
        radial-gradient(
            circle at 48% 43%,
            transparent 0 22%,
            rgba(5,7,8,.10) 23% 52%,
            rgba(3,5,6,.23) 73%,
            rgba(0,0,0,.58) 100%
        ) !important;
}

/* --------------------------------------------------------------------------
   Категории: вместо прямоугольной плашки — герб сектора.
   -------------------------------------------------------------------------- */

.fortune-wheel__label--category > div,
.fortune-wheel__label--jackpot > div {
    left: 103px !important;
    top: -36px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    width: 88px !important;
    height: 72px !important;
    padding: 0 !important;

    transform: rotate(calc(-1 * var(--angle))) !important;
    transform-origin: 44px 36px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.fortune-wheel__sector-content {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    width: 88px !important;
    height: 72px !important;

    transform: none !important;
}

.fortune-wheel__sector-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 34px !important;
    height: 34px !important;
    margin-bottom: 5px !important;

    color: #ddd197 !important;

    background:
        radial-gradient(
            circle at 48% 38%,
            rgba(46, 49, 44, .92),
            rgba(8, 11, 12, .86) 68%
        ) !important;

    border: 1px solid color-mix(in srgb, var(--sector-color) 42%, #8c7a40) !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 0 3px rgba(0,0,0,.28),
        0 0 12px color-mix(in srgb, var(--sector-color) 16%, transparent),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.fortune-wheel__sector-icon i {
    margin: 0 !important;
    color: color-mix(in srgb, var(--sector-color) 68%, #e8d995) !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.fortune-wheel__sector-content > strong {
    display: block !important;
    max-width: 86px !important;

    overflow: hidden;

    color: #d8cf9f !important;
    font-size: 8px !important;
    line-height: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .18px;

    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 1px 4px #000;
    white-space: nowrap;
}

.fortune-wheel__sector-content > small {
    display: block !important;
    margin-top: 2px !important;

    color: rgba(190,183,145,.50) !important;
    font-size: 6px !important;
    line-height: 8px !important;
    font-weight: 700 !important;
}

/* Джекпот получает отдельный золотой ореол. */
.fortune-wheel__label--jackpot .fortune-wheel__sector-icon {
    color: #f1dc85 !important;
    border-color: rgba(227,190,70,.72) !important;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(83, 63, 18, .96),
            rgba(17, 14, 8, .94) 70%
        ) !important;

    box-shadow:
        0 0 0 3px rgba(0,0,0,.30),
        0 0 16px rgba(219,177,51,.28),
        inset 0 1px 0 rgba(255,242,172,.09) !important;
}

.fortune-wheel__label--jackpot .fortune-wheel__sector-icon i {
    color: #e6bf4f !important;
}

.fortune-wheel__label--jackpot .fortune-wheel__sector-content > strong {
    color: #eed77c !important;
}

/* Сбрасываем все старые стили обычного span из v14. */
.fortune-wheel__label--category > div > span,
.fortune-wheel__label--jackpot > div > span {
    position: static !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    background: none !important;
    border: 0 !important;
}

/* --------------------------------------------------------------------------
   Центр колеса — тяжелее и дороже.
   -------------------------------------------------------------------------- */

.fortune-wheel__inner {
    inset: 31.5% !important;
    border: 1px solid rgba(199, 173, 86, .13) !important;
    box-shadow:
        0 0 0 5px rgba(5,8,9,.70),
        0 0 0 6px rgba(181,151,68,.08),
        inset 0 0 18px rgba(0,0,0,.42) !important;
}

.fortune-wheel__hub {
    width: 94px !important;
    height: 94px !important;
    margin: -47px 0 0 -47px !important;

    background:
        radial-gradient(
            circle at 50% 35%,
            #272b2a 0,
            #101415 46%,
            #06090a 72%
        ) !important;

    border: 1px solid #85723c !important;

    box-shadow:
        0 0 0 4px #070a0b,
        0 0 0 6px rgba(170,143,65,.26),
        0 0 18px rgba(0,0,0,.58),
        inset 0 0 18px rgba(0,0,0,.45) !important;
}

.fortune-wheel__hub span {
    position: relative;
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 7px !important;

    background:
        linear-gradient(
            135deg,
            #c09bff,
            #7350bb 42%,
            #2d1c4d 100%
        ) !important;

    border: 1px solid #cfb2ff !important;

    box-shadow:
        0 0 8px rgba(164,111,235,.72),
        0 0 18px rgba(115,69,186,.34) !important;
}

.fortune-wheel__hub b {
    color: #d5c66e;
    font-size: 7px;
    letter-spacing: 1.15px;
    text-shadow: 0 1px 3px #000;
}

/* Стрелка — не стандартный caret, а металлический указатель. */
.fortune-wheel__pointer {
    left: -9px !important;
    width: 38px !important;
    height: 48px !important;
    margin-top: -24px !important;

    background:
        linear-gradient(
            90deg,
            #8a7332 0,
            #f0d66d 48%,
            #9b8134 100%
        );

    clip-path: polygon(0 18%, 66% 18%, 100% 50%, 66% 82%, 0 82%, 24% 50%);

    filter:
        drop-shadow(0 2px 2px rgba(0,0,0,.90))
        drop-shadow(0 0 5px rgba(214,178,64,.20)) !important;
}

.fortune-wheel__pointer i {
    display: none !important;
}

/* Кнопка чуть шире, но по-прежнему ниже колеса. */
.fortune-spin-button {
    min-width: 158px !important;
    margin-top: 28px !important;
}

@media (max-width: 760px) {
    .fortune-wheel {
        width: min(365px, 93%);
    }

    .fortune-wheel__label--category > div,
    .fortune-wheel__label--jackpot > div {
        left: 94px !important;
        width: 82px !important;
        transform-origin: 41px 36px !important;
    }

    .fortune-wheel__sector-content {
        width: 82px !important;
    }
}

/* ==========================================================================
   V16 — SUPER / JACKPOT EXPERIENCES
   ========================================================================== */

/* SUPER result before choice */
.fortune-super-result {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    max-width: 500px;
    margin: 0 auto;
    padding: 10px 12px;
    background:
        radial-gradient(circle at 12% 20%, rgba(127,75,190,.12), transparent 38%),
        rgba(16,12,21,.72);
    border: 1px solid rgba(150,93,211,.18);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.fortune-super-result__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #c39aff;
    background: radial-gradient(circle,#34204f,#100c17 72%);
    border: 1px solid rgba(172,112,235,.28);
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(128,69,190,.18);
    font-size: 15px;
}

.fortune-super-result small,
.fortune-super-result strong,
.fortune-super-result p {
    display: block;
}

.fortune-super-result small {
    color: #766286;
    font-size: 6px;
    line-height: 9px;
    font-weight: 800;
    letter-spacing: .5px;
}

.fortune-super-result strong {
    margin-top: 1px;
    color: #cfa8f4;
    font-size: 11px;
    line-height: 14px;
}

.fortune-super-result p {
    margin: 2px 0 0;
    color: #747d83;
    font-size: 7px;
    line-height: 10px;
}

.fortune-choice-link--large {
    min-height: 30px;
    padding: 0 10px;
    color: #d0acee;
    background: rgba(135,76,184,.09);
    border-color: rgba(174,112,226,.24);
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}


/* SUPER choice modal */
.fortune-modal--super {
    backdrop-filter: blur(3px);
}

.fortune-modal--super .fortune-modal__dialog {
    width: min(670px,100%);
    padding: 20px 22px 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 0%, rgba(112,60,164,.15), transparent 34%),
        linear-gradient(180deg,#0e1115,#090c0f);
    border-color: rgba(156,101,211,.22);
    box-shadow:
        0 24px 70px rgba(0,0,0,.64),
        0 0 36px rgba(106,56,156,.08);
}

.fortune-modal--super .fortune-modal__dialog:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg,transparent,#8f55bf,#c19be2,#8f55bf,transparent);
    opacity: .72;
}

.fortune-choice-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 30px 14px 0;
    border-bottom: 1px solid rgba(255,255,255,.045);
}

.fortune-choice-head__gem {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    color: #cfadf3;
    background:
        radial-gradient(circle at 50% 42%,#4e2b73,#17101f 67%);
    border: 1px solid rgba(190,132,239,.28);
    border-radius: 50%;
    box-shadow:
        inset 0 0 15px rgba(207,167,248,.06),
        0 0 20px rgba(126,66,181,.15);
    font-size: 18px;
}

.fortune-choice-head h3 {
    margin: 2px 0 2px;
    color: #ece7f0;
    font-size: 18px;
    line-height: 22px;
}

.fortune-choice-head p {
    margin: 0;
    color: #68737a;
    font-size: 8px;
    line-height: 12px;
}

.fortune-choice-items {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px;
    margin-top: 14px;
}

.fortune-choice-item {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    min-height: 158px;
    padding: 13px 9px 10px;
    color: #abb2b7;
    background:
        linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.10));
    border: 1px solid rgba(154,100,205,.10);
    border-radius: 4px;
    transition: border-color .15s ease,transform .15s ease,background .15s ease;
}

.fortune-choice-item:hover:not(:disabled) {
    transform: translateY(-2px);
    background:
        radial-gradient(circle at 50% 24%,rgba(112,60,164,.09),transparent 45%),
        rgba(255,255,255,.024);
    border-color: rgba(190,132,239,.30);
    box-shadow: 0 7px 18px rgba(0,0,0,.18);
}

.fortune-choice-item:disabled {
    cursor: default;
}

.fortune-choice-item__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-bottom: 8px;
    background: rgba(0,0,0,.24);
    border: 1px solid rgba(186,126,230,.13);
    border-radius: 5px;
}

.fortune-choice-item__icon img {
    width: 62px;
    height: 62px;
    margin: 0;
    object-fit: contain;
}

.fortune-choice-item__icon > b {
    position: absolute;
    right: -5px;
    bottom: -4px;
    min-width: 24px;
    padding: 2px 5px;
    color: #e2c8fa;
    background: #0b0c10;
    border: 1px solid rgba(181,122,229,.23);
    border-radius: 9px;
    font-size: 8px;
    line-height: 10px;
}

.fortune-choice-item > strong {
    display: block;
    width: 100%;
    min-height: 23px;
    color: #bcc3c7;
    font-size: 8px;
    line-height: 11px;
    text-align: center;
}

.fortune-choice-item > small {
    display: block;
    margin-top: 3px;
    color: #59646b;
    font-size: 6px;
    line-height: 9px;
}

.fortune-choice-item > em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 72px;
    min-height: 23px;
    margin-top: auto;
    padding: 0 7px;
    color: #a785c2;
    background: rgba(131,74,176,.06);
    border: 1px solid rgba(168,110,212,.12);
    border-radius: 3px;
    font-size: 7px;
    font-style: normal;
    font-weight: 800;
}

.fortune-choice-item.is-selected {
    border-color: rgba(203,157,240,.50);
    box-shadow: 0 0 22px rgba(128,70,178,.13);
}

.fortune-choice-item.is-selected > em {
    color: #dac1ef;
    border-color: rgba(193,141,233,.30);
}

.fortune-modal.is-processing .fortune-choice-item:not(.is-selected) {
    opacity: .34;
}

.fortune-choice-foot {
    margin-top: 11px;
    padding-top: 10px;
    color: #59636a;
    border-top: 1px solid rgba(255,255,255,.04);
    font-size: 7px;
    line-height: 10px;
    text-align: center;
}

.fortune-choice-foot i {
    margin-right: 3px;
    color: #806898;
}


/* Chosen SUPER reward */
.fortune-super-chosen {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 470px;
    margin: 0 auto;
    padding: 9px 11px;
    background: rgba(78,44,104,.10);
    border: 1px solid rgba(154,102,198,.17);
    border-radius: 4px;
}

.fortune-super-chosen__gem {
    color: #c49ae7;
    font-size: 14px;
}

.fortune-super-chosen__reward {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    flex: 1;
}

.fortune-super-chosen__reward img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.fortune-super-chosen__reward small,
.fortune-super-chosen__reward strong,
.fortune-super-chosen__reward span {
    display: block;
}

.fortune-super-chosen__reward small {
    color: #705b82;
    font-size: 6px;
}

.fortune-super-chosen__reward strong {
    color: #bfc5c9;
    font-size: 8px;
    line-height: 11px;
}

.fortune-super-chosen__reward span {
    color: #c9aee0;
    font-size: 7px;
}

.fortune-super-chosen > b {
    color: #709176;
    font-size: 7px;
    white-space: nowrap;
}


/* JACKPOT result */
.fortune-jackpot-result {
    position: relative;
    max-width: 530px;
    margin: 0 auto;
    padding: 12px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%,rgba(207,172,67,.12),transparent 48%),
        linear-gradient(180deg,rgba(34,29,13,.70),rgba(10,11,9,.90));
    border: 1px solid rgba(216,181,73,.25);
    border-radius: 5px;
    box-shadow:
        0 0 25px rgba(204,167,55,.07),
        inset 0 1px 0 rgba(255,238,169,.035);
}

.fortune-jackpot-result:before,
.fortune-jackpot-result:after {
    content: "✦";
    position: absolute;
    color: rgba(230,198,99,.20);
    font-size: 13px;
    pointer-events: none;
}

.fortune-jackpot-result:before {
    left: 18px;
    top: 14px;
}

.fortune-jackpot-result:after {
    right: 20px;
    bottom: 18px;
}

.fortune-jackpot-result__glow {
    position: absolute;
    left: 50%;
    top: -55px;
    width: 240px;
    height: 110px;
    margin-left: -120px;
    background: radial-gradient(ellipse,rgba(214,178,64,.17),transparent 70%);
    pointer-events: none;
}

.fortune-jackpot-result__head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.fortune-jackpot-result__head > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    color: #e4c35c;
    background: radial-gradient(circle,#493b16,#171307 72%);
    border: 1px solid rgba(226,193,91,.28);
    border-radius: 50%;
    box-shadow: 0 0 18px rgba(203,167,55,.12);
    font-size: 14px;
}

.fortune-jackpot-result__head small,
.fortune-jackpot-result__head strong,
.fortune-jackpot-result__head p {
    display: block;
}

.fortune-jackpot-result__head small {
    color: #85743d;
    font-size: 6px;
    line-height: 9px;
    letter-spacing: .6px;
}

.fortune-jackpot-result__head strong {
    color: #e4ca6e;
    font-size: 16px;
    line-height: 19px;
    text-shadow: 0 0 10px rgba(211,175,58,.16);
}

.fortune-jackpot-result__head p {
    margin: 1px 0 0;
    color: #777a68;
    font-size: 7px;
}

.fortune-jackpot-result__items {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
}

.fortune-jackpot-item {
    min-width: 0;
    padding: 8px 6px;
    background: rgba(0,0,0,.19);
    border: 1px solid rgba(214,181,75,.09);
    border-radius: 3px;
    text-align: center;
}

.fortune-jackpot-item__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    margin: 0 auto 5px;
    background: rgba(0,0,0,.20);
    border: 1px solid rgba(215,183,76,.11);
    border-radius: 4px;
}

.fortune-jackpot-item__icon img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.fortune-jackpot-item__icon b {
    position: absolute;
    right: -4px;
    bottom: -3px;
    padding: 1px 4px;
    color: #ead67d;
    background: #0a0b08;
    border: 1px solid rgba(215,181,72,.16);
    border-radius: 8px;
    font-size: 7px;
}

.fortune-jackpot-item > strong {
    display: block;
    overflow: hidden;
    color: #b9b7a2;
    font-size: 7px;
    line-height: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fortune-jackpot-item > small {
    display: block;
    margin-top: 2px;
    color: #a98c3c;
    font-size: 6px;
}

.fortune-jackpot-item--guarantee {
    border-color: rgba(150,112,184,.15);
}

.fortune-jackpot-result__sent {
    position: relative;
    z-index: 2;
    margin-top: 9px;
    color: #728778;
    font-size: 7px;
    text-align: center;
}

.fortune-jackpot-result__sent i {
    margin-right: 3px;
    color: #79987d;
}

@media(max-width:760px){
    .fortune-super-result{grid-template-columns:38px minmax(0,1fr)}
    .fortune-super-result .fortune-choice-link--large{grid-column:1/-1;width:100%}
    .fortune-choice-items{grid-template-columns:1fr}
    .fortune-choice-item{min-height:135px}
    .fortune-jackpot-result__items{grid-template-columns:1fr}
}



/* ==========================================================================
   V17 — SERVER/VISUAL RESULT SYNC
   ========================================================================== */

.fortune-wheel__label--winner
.fortune-wheel__sector-content {
    filter:
        brightness(1.35)
        drop-shadow(
            0 0 7px
            rgba(225, 196, 97, .34)
        );
}

.fortune-wheel__label--winner
.fortune-wheel__sector-icon {
    border-color:
        rgba(234, 205, 107, .46) !important;

    box-shadow:
        0 0 12px
        rgba(213, 179, 69, .18) !important;
}

.fortune-wheel__label--winner
.fortune-wheel__item {
    border-color:
        rgba(234, 205, 107, .42) !important;

    box-shadow:
        0 0 12px
        rgba(213, 179, 69, .16) !important;
}

/* ==========================================================================
   V18 — GUARANTEE + HISTORY
   ========================================================================== */

/* GUARANTEE */

.fortune-guarantee {
    position: relative;
    overflow: hidden;
    padding: 14px 13px 15px;
    text-align: center;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.fortune-guarantee__shine {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 150px;
    height: 105px;
    margin-left: -75px;
    background:
        radial-gradient(
            circle,
            rgba(213, 190, 99, .10),
            transparent 68%
        );
    pointer-events: none;
}

.fortune-guarantee__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 9px;
    background:
        radial-gradient(
            circle at 50% 36%,
            rgba(53, 58, 56, .72),
            rgba(8, 11, 12, .96)
        );
    border-color:
        rgba(205, 187, 103, .18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 6px 16px rgba(0,0,0,.22);
}

.fortune-guarantee__icon img {
    width: 54px;
    height: 54px;
}

.fortune-guarantee > strong {
    position: relative;
    display: block;
    min-height: 26px;
    color: #b8c0c3;
    font-size: 9px;
    line-height: 13px;
}

.fortune-guarantee__progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    color: #5e696f;
    font-size: 7px;
    line-height: 10px;
    text-transform: uppercase;
}

.fortune-guarantee__progress-head b {
    color: #c9b96c;
    font-size: 8px;
}

.fortune-guarantee .fortune-progress {
    height: 6px;
    margin-top: 5px;
    border: 1px solid rgba(255,255,255,.025);
}

.fortune-guarantee .fortune-progress > span {
    position: relative;
    background:
        linear-gradient(
            90deg,
            #675a31,
            #b49d4e,
            #dcc76d
        );
    box-shadow:
        0 0 8px rgba(210, 183, 90, .18);
    transition: width .35s ease;
}

.fortune-guarantee__message {
    min-height: 26px;
    margin-top: 9px;
    padding: 6px 7px;
    color: #8d969a;
    background: rgba(255,255,255,.015);
    border: 1px solid rgba(255,255,255,.035);
    border-radius: 3px;
    font-size: 7px;
    line-height: 12px;
}

.fortune-guarantee__message i {
    margin-right: 3px;
    color: #9f9156;
}

.fortune-guarantee__message b {
    color: #d1c371;
}

.fortune-guarantee__note {
    display: block;
    margin-top: 8px;
    color: #4e595f;
    font-size: 6px;
    line-height: 10px;
}

.fortune-guarantee.is-next {
    background:
        radial-gradient(
            circle at 50% 22%,
            rgba(205, 176, 73, .08),
            transparent 48%
        );
}

.fortune-guarantee.is-next
.fortune-guarantee__icon {
    border-color:
        rgba(225, 196, 90, .34);
    box-shadow:
        0 0 18px rgba(202, 169, 66, .12),
        inset 0 1px 0 rgba(255,255,255,.03);
}

.fortune-guarantee.is-next
.fortune-guarantee__message {
    color: #d1c478;
    border-color: rgba(218, 188, 83, .13);
}

.fortune-guarantee.is-triggered {
    animation:
        fortuneGuaranteePulse
        1.1s
        ease;
}

.fortune-guarantee.is-triggered
.fortune-guarantee__message {
    color: #dfd083;
    border-color: rgba(224, 197, 95, .22);
    background: rgba(206, 176, 72, .055);
}

@keyframes fortuneGuaranteePulse {
    0% {
        box-shadow:
            inset 0 0 0 rgba(225,194,86,0);
    }

    35% {
        box-shadow:
            inset 0 0 35px rgba(225,194,86,.10);
    }

    100% {
        box-shadow:
            inset 0 0 0 rgba(225,194,86,0);
    }
}


/* HISTORY */

.fortune-history {
    overflow: hidden;
}

.fortune-history__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 62px;
    padding: 12px 14px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent
        );
}

.fortune-history__hint {
    color: #59656b;
    font-size: 7px;
    line-height: 10px;
}

.fortune-history__row {
    grid-template-columns:
        145px
        minmax(0,1fr)
        118px
        92px;
    min-height: 64px;
    padding: 8px 12px;
    transition: background .15s ease;
}

.fortune-history__row:not(.fortune-history__row--head):hover {
    background: rgba(255,255,255,.012);
}

.fortune-history__row--head {
    min-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.fortune-history__type {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.fortune-history__type-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    color: #c8b96d;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.025),
            rgba(0,0,0,.13)
        );
    border: 1px solid rgba(255,255,255,.045);
    border-left: 2px solid var(--cat);
    border-radius: 3px;
    font-size: 9px;
}

.fortune-history__type > div {
    min-width: 0;
}

.fortune-history__type strong {
    display: block;
    overflow: hidden;
    color: #aeb7bb;
    font-size: 8px;
    line-height: 11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fortune-history__type small {
    display: block;
    margin-top: 2px;
    color: #556168;
    font-size: 6px;
    line-height: 9px;
}

.fortune-history__guarantee-tag {
    color: #b5a55f !important;
}

.fortune-history__guarantee-tag i {
    margin-right: 2px;
}

.fortune-history__row--jackpot
.fortune-history__type-icon {
    color: #e0c563;
    border-color: rgba(210, 179, 67, .16);
    border-left-color: #d8b649;
    box-shadow:
        inset 0 0 12px rgba(208,170,52,.035);
}

.fortune-history__row--super
.fortune-history__type-icon {
    color: #a681de;
}

.fortune-history__row--legacy {
    opacity: .72;
}

.fortune-history__rewards {
    align-items: center;
    gap: 5px;
}

.fortune-history-reward {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    max-width: 205px;
    min-height: 37px;
    padding: 3px 7px 3px 3px;
    color: #8f999e;
    background: rgba(255,255,255,.012);
    border: 1px solid rgba(255,255,255,.035);
    border-radius: 3px;
}

.fortune-history-reward--guarantee {
    border-color: rgba(211,185,85,.12);
    background: rgba(194,165,64,.025);
}

.fortune-history-reward__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    background: rgba(0,0,0,.22);
    border-radius: 2px;
}

.fortune-history-reward__icon img {
    width: 29px !important;
    height: 29px !important;
    object-fit: contain;
}

.fortune-history-reward__icon > b {
    position: absolute;
    right: -4px;
    bottom: -3px;
    min-width: 15px;
    padding: 0 3px;
    color: #d9ca76;
    background: #070a0c;
    border-radius: 7px;
    font-size: 6px;
    line-height: 9px;
    text-align: center;
}

.fortune-history-reward__name {
    display: block;
    overflow: hidden;
    min-width: 0;
    color: #909a9e;
    font-size: 7px;
    line-height: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fortune-history-reward__name em {
    display: block;
    margin-top: 1px;
    color: #bcae67;
    font-size: 6px;
    line-height: 8px;
    font-style: normal;
}

.fortune-history__date {
    color: #667178;
    font-size: 7px;
    line-height: 11px;
    white-space: nowrap;
}

.fortune-history__date i {
    margin-right: 3px;
    color: #505c62;
}

.fortune-badge {
    white-space: nowrap;
}

.fortune-badge i {
    margin-right: 2px;
}

.fortune-history__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 130px;
    color: #505b61;
    text-align: center;
}

.fortune-history__empty > i {
    margin-bottom: 8px;
    color: #766c48;
    font-size: 18px;
}

.fortune-history__empty strong {
    color: #7d878c;
    font-size: 9px;
}

.fortune-history__empty span {
    margin-top: 3px;
    font-size: 7px;
}


@media (max-width: 760px) {
    .fortune-history__row {
        grid-template-columns:
            105px
            minmax(0,1fr);
    }

    .fortune-history__row > *:nth-child(3),
    .fortune-history__row > *:nth-child(4) {
        display: none;
    }

    .fortune-history-reward {
        max-width: 165px;
    }
}

/* ==========================================================================
   V19 — ITEM TOOLTIPS / BIGGER TYPE / CLEAN CHANCES
   ========================================================================== */

/* Tooltip uses the exact global DropList appearance from main.css. */
.fortune-page #droplist-tooltip {
    z-index: 9999999;
}

.fortune-page .js-droplist-item {
    cursor: help;
}


/* --------------------------------------------------------------------------
   TEXT ABOVE THE WHEEL
   -------------------------------------------------------------------------- */

.fortune-status {
    position: relative;
    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;

    width: auto;
    min-width: 270px;
    min-height: 30px;

    margin: 0 auto 11px;
    padding: 6px 15px;

    color: #9da8ad !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 23, 26, .78),
            rgba(8, 12, 14, .70)
        );

    border: 1px solid rgba(255,255,255,.045);
    border-radius: 3px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018);

    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 600;

    text-shadow:
        0 1px 2px rgba(0,0,0,.85);
}

.fortune-status::before {
    content: "\f2f1";

    margin-right: 6px;

    color: #9b8d55;

    font-family: "Font Awesome 5 Free";
    font-size: 8px;
    font-weight: 900;
}


/* --------------------------------------------------------------------------
   LEFT PANEL — NO CHANCES
   -------------------------------------------------------------------------- */

.fortune-category {
    grid-template-columns:
        8px
        minmax(0,1fr) !important;

    min-height: 52px;

    padding:
        9px
        11px;
}

.fortune-category i {
    width: 5px;
    height: 25px;
}

.fortune-category span {
    color: #b2babd;

    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 700;
}

.fortune-category b {
    display: none !important;
}

.fortune-panel-title strong {
    font-size: 12px !important;
    line-height: 16px !important;
}

.fortune-panel-title span {
    font-size: 9px !important;
    line-height: 12px !important;
}

.fortune-secure {
    font-size: 9px !important;
    line-height: 13px !important;
}


/* Single-random legacy display, if it is ever used again. */
.fortune-prize-row {
    grid-template-columns:
        42px
        minmax(0,1fr) !important;
}

.fortune-prize-row > b {
    display: none !important;
}

.fortune-prize-row__name strong {
    font-size: 10px !important;
    line-height: 14px !important;
}

.fortune-prize-row__name small {
    font-size: 8px !important;
    line-height: 11px !important;
}


/* --------------------------------------------------------------------------
   WHEEL LABELS
   -------------------------------------------------------------------------- */

/* Probability line was removed from HTML/JS. */
.fortune-wheel__sector-content > small {
    display: none !important;
}

.fortune-wheel__sector-content > strong {
    max-width: 92px !important;

    color: #e0d6a3 !important;

    font-size: 10px !important;
    line-height: 13px !important;
    letter-spacing: .15px;

    text-shadow:
        0 1px 3px rgba(0,0,0,.95),
        0 0 5px rgba(0,0,0,.50);
}

.fortune-wheel__sector-icon {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 6px !important;
}

.fortune-wheel__sector-icon i {
    font-size: 14px !important;
}


/* --------------------------------------------------------------------------
   GUARANTEE
   -------------------------------------------------------------------------- */

.fortune-guarantee > strong {
    font-size: 10px !important;
    line-height: 14px !important;
}

.fortune-guarantee__progress-head {
    font-size: 8px !important;
    line-height: 11px !important;
}

.fortune-guarantee__progress-head b {
    font-size: 10px !important;
}

.fortune-guarantee__message {
    font-size: 9px !important;
    line-height: 14px !important;
}

.fortune-guarantee__note {
    font-size: 8px !important;
    line-height: 12px !important;
}


/* --------------------------------------------------------------------------
   REWARD CATALOG — NO CHANCES, BIGGER TEXT
   -------------------------------------------------------------------------- */

.fortune-catalog__toggle {
    font-size: 11px !important;
}

.fortune-catalog-category__head {
    grid-template-columns:
        6px
        auto
        minmax(0,1fr) !important;
}

.fortune-catalog-category__head > b {
    display: none !important;
}

.fortune-catalog-category__head strong {
    font-size: 12px !important;
    line-height: 16px !important;
}

.fortune-catalog-category__head span {
    font-size: 9px !important;
    line-height: 13px !important;
}

.fortune-catalog-item {
    padding: 9px;
}

.fortune-catalog-item__icon {
    width: 48px;
    height: 48px;
}

.fortune-catalog-item__icon img {
    width: 44px;
    height: 44px;
}

.fortune-catalog-item > strong {
    margin-top: 2px;

    color: #aeb7bb;

    font-size: 10px !important;
    line-height: 14px !important;

    white-space: normal;
}

.fortune-catalog-item > small {
    display: none !important;
}


/* --------------------------------------------------------------------------
   HISTORY — BIGGER / MORE READABLE
   -------------------------------------------------------------------------- */

.fortune-history__title h2 {
    font-size: 18px !important;
    line-height: 22px !important;
}

.fortune-history__hint {
    font-size: 9px !important;
    line-height: 12px !important;
}

.fortune-history__row {
    grid-template-columns:
        160px
        minmax(0,1fr)
        125px
        100px;

    min-height: 70px;

    font-size: 9px !important;
}

.fortune-history__row--head {
    min-height: 34px;

    font-size: 8px !important;
}

.fortune-history__type-icon {
    flex-basis: 34px;
    width: 34px;
    height: 34px;

    font-size: 11px;
}

.fortune-history__type strong {
    font-size: 10px !important;
    line-height: 14px !important;
}

.fortune-history__type small {
    font-size: 8px !important;
    line-height: 11px !important;
}

.fortune-history-reward {
    max-width: 240px;
    min-height: 44px;

    padding:
        4px
        9px
        4px
        4px;
}

.fortune-history-reward__icon {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
}

.fortune-history-reward__icon img {
    width: 34px !important;
    height: 34px !important;
}

.fortune-history-reward__icon > b {
    font-size: 7px !important;
    line-height: 10px !important;
}

.fortune-history-reward__name {
    font-size: 9px !important;
    line-height: 13px !important;
}

.fortune-history-reward__name em {
    font-size: 7px !important;
    line-height: 10px !important;
}

.fortune-history__date {
    font-size: 8px !important;
    line-height: 12px !important;
}

.fortune-badge {
    padding:
        3px
        6px;

    font-size: 8px !important;
    line-height: 11px !important;
}


/* --------------------------------------------------------------------------
   CHOICE / RESULT CARDS
   -------------------------------------------------------------------------- */

.fortune-choice-item strong {
    font-size: 10px !important;
    line-height: 14px !important;
}

.fortune-choice-item small {
    font-size: 8px !important;
    line-height: 11px !important;
}

.fortune-choice-item__icon img {
    cursor: help;
}

.fortune-jackpot-item strong,
.fortune-win__items,
.fortune-super-chosen__reward strong {
    font-size: 10px !important;
}


/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 760px) {
    .fortune-status {
        min-width: 0;
        width: calc(100% - 20px);

        font-size: 10px !important;
    }

    .fortune-history__row {
        grid-template-columns:
            115px
            minmax(0,1fr);
    }

    .fortune-history-reward {
        max-width: 180px;
    }
}

/* ==========================================================================
   V20 — CLEAR GAP ABOVE WHEEL
   ========================================================================== */

.fortune-status {
    margin-bottom: 28px !important;
}

/*
 * Чуть больше воздуха в верхней части центральной колонки,
 * чтобы статус и колесо визуально не слипались.
 */
.fortune-center {
    padding-top: 14px !important;
}

/* ==========================================================================
   V21 — WHEEL FX / WIN FX
   ========================================================================== */

.fortune-wheel {
    isolation: isolate;
}

/* Постоянная очень мягкая аура вокруг механизма */
.fortune-wheel__aura {
    position: absolute;
    z-index: -1;
    inset: -34px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(196, 169, 82, .075) 0,
            rgba(196, 169, 82, .028) 38%,
            transparent 70%
        );
    filter: blur(9px);
    opacity: .65;
    pointer-events: none;
}

/* Во время прокрутки механизм "оживает" */
.fortune-wheel.is-spinning
.fortune-wheel__aura {
    animation:
        fortuneAuraSpin
        1.35s
        ease-in-out
        infinite alternate;
}

.fortune-wheel.is-spinning
.fortune-wheel__frame {
    animation:
        fortuneFrameCharge
        1.05s
        ease-in-out
        infinite alternate;
}

.fortune-wheel.is-spinning
.fortune-wheel__hub span {
    animation:
        fortuneGemCharge
        .72s
        ease-in-out
        infinite alternate;
}

.fortune-wheel.is-spinning
.fortune-wheel__pointer {
    animation:
        fortunePointerTick
        .32s
        ease-in-out
        infinite alternate;
}

@keyframes fortuneAuraSpin {
    from {
        opacity: .45;
        transform: scale(.98);
    }

    to {
        opacity: 1;
        transform: scale(1.035);
    }
}

@keyframes fortuneFrameCharge {
    from {
        filter:
            brightness(1)
            drop-shadow(
                0 0 0
                rgba(215, 186, 88, 0)
            );
    }

    to {
        filter:
            brightness(1.12)
            drop-shadow(
                0 0 10px
                rgba(215, 186, 88, .16)
            );
    }
}

@keyframes fortuneGemCharge {
    from {
        transform:
            rotate(45deg)
            scale(.92);
        box-shadow:
            0 0 9px
            rgba(131, 86, 214, .40);
    }

    to {
        transform:
            rotate(45deg)
            scale(1.13);
        box-shadow:
            0 0 22px
            rgba(166, 116, 255, .80);
    }
}

@keyframes fortunePointerTick {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(3px);
    }
}


/* FX container */
.fortune-wheel__effects {
    position: absolute;
    z-index: 30;
    inset: 0;
    overflow: visible;
    border-radius: 50%;
    pointer-events: none;
}

.fortune-fx-flash,
.fortune-fx-ring,
.fortune-fx-particle,
.fortune-fx-crown,
.fortune-fx-guarantee {
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
}


/* Центральная вспышка */
.fortune-fx-flash {
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    border-radius: 50%;
    opacity: 0;
    animation:
        fortuneFxFlash
        .8s
        ease-out
        forwards;
}

.fortune-fx-flash--normal {
    background:
        radial-gradient(
            circle,
            rgba(238, 213, 124, .46),
            rgba(214, 184, 81, .15) 34%,
            transparent 70%
        );
}

.fortune-fx-flash--super {
    background:
        radial-gradient(
            circle,
            rgba(177, 119, 255, .60),
            rgba(119, 68, 197, .19) 36%,
            transparent 72%
        );
}

.fortune-fx-flash--jackpot {
    width: 180px;
    height: 180px;
    margin: -90px 0 0 -90px;
    background:
        radial-gradient(
            circle,
            rgba(255, 235, 151, .72),
            rgba(227, 181, 44, .24) 36%,
            transparent 72%
        );
}

@keyframes fortuneFxFlash {
    0% {
        opacity: 0;
        transform: scale(.35);
    }

    25% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(2.25);
    }
}


/* Волна по колесу */
.fortune-fx-ring {
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
    border-radius: 50%;
    opacity: 0;
    animation:
        fortuneFxRing
        1.15s
        cubic-bezier(.12,.63,.24,1)
        forwards;
}

.fortune-fx-ring--normal {
    border: 1px solid rgba(232, 207, 119, .75);
    box-shadow:
        0 0 15px
        rgba(210, 179, 73, .18);
}

.fortune-fx-ring--super {
    border: 1px solid rgba(181, 123, 255, .88);
    box-shadow:
        0 0 20px
        rgba(139, 82, 218, .28);
}

.fortune-fx-ring--jackpot {
    border: 2px solid rgba(245, 216, 107, .95);
    box-shadow:
        0 0 28px
        rgba(222, 177, 42, .35);
}

@keyframes fortuneFxRing {
    0% {
        opacity: .9;
        transform: scale(.4);
    }

    100% {
        opacity: 0;
        transform: scale(5.15);
    }
}


/* Искры */
.fortune-fx-particle {
    width: var(--fx-size);
    height: var(--fx-size);
    margin:
        calc(var(--fx-size) / -2)
        0
        0
        calc(var(--fx-size) / -2);
    opacity: 0;
    border-radius: 50%;
    animation:
        fortuneFxParticle
        1.2s
        cubic-bezier(.13,.65,.25,1)
        var(--fx-delay)
        forwards;
}

.fortune-fx-particle--normal {
    background: #e5ce79;
    box-shadow:
        0 0 7px
        rgba(222, 190, 84, .65);
}

.fortune-fx-particle--super {
    background: #b887ff;
    box-shadow:
        0 0 9px
        rgba(157, 94, 243, .78);
}

.fortune-fx-particle--jackpot {
    background: #ffe8a1;
    box-shadow:
        0 0 10px
        rgba(244, 196, 58, .90);
}

@keyframes fortuneFxParticle {
    0% {
        opacity: 0;
        transform:
            translate(0,0)
            scale(.35)
            rotate(0deg);
    }

    16% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform:
            translate(
                var(--fx-x),
                var(--fx-y)
            )
            scale(.08)
            rotate(var(--fx-rotate));
    }
}


/* Корона при джекпоте */
.fortune-fx-crown {
    z-index: 35;
    margin: -19px 0 0 -20px;
    color: #f1cb58;
    font-size: 39px;
    opacity: 0;
    filter:
        drop-shadow(
            0 0 10px
            rgba(237, 190, 47, .55)
        );
    animation:
        fortuneJackpotCrown
        1.75s
        cubic-bezier(.18,.74,.17,1)
        forwards;
}

@keyframes fortuneJackpotCrown {
    0% {
        opacity: 0;
        transform:
            translateY(12px)
            scale(.35)
            rotate(-8deg);
    }

    25% {
        opacity: 1;
        transform:
            translateY(-60px)
            scale(1.16)
            rotate(4deg);
    }

    72% {
        opacity: 1;
        transform:
            translateY(-70px)
            scale(1)
            rotate(0);
    }

    100% {
        opacity: 0;
        transform:
            translateY(-88px)
            scale(.86);
    }
}


/* Звезда отдельно при срабатывании гарантии */
.fortune-fx-guarantee {
    z-index: 36;
    margin: -12px 0 0 -12px;
    color: #fff0a5;
    font-size: 24px;
    opacity: 0;
    filter:
        drop-shadow(
            0 0 8px
            rgba(238, 210, 98, .72)
        );
    animation:
        fortuneGuaranteeStar
        1.55s
        ease-out
        forwards;
}

@keyframes fortuneGuaranteeStar {
    0% {
        opacity: 0;
        transform:
            scale(.2)
            rotate(-90deg);
    }

    25% {
        opacity: 1;
        transform:
            scale(1.35)
            rotate(0deg);
    }

    70% {
        opacity: 1;
        transform:
            scale(1)
            rotate(18deg);
    }

    100% {
        opacity: 0;
        transform:
            scale(.7)
            rotate(42deg);
    }
}


/* Общий pulse после результата */
.fortune-wheel.is-win-normal
.fortune-wheel__hub {
    animation:
        fortuneHubNormalWin
        .75s
        ease-out;
}

.fortune-wheel.is-win-super
.fortune-wheel__hub {
    animation:
        fortuneHubSuperWin
        1.05s
        ease-out;
}

.fortune-wheel.is-win-jackpot
.fortune-wheel__hub {
    animation:
        fortuneHubJackpotWin
        1.3s
        ease-out;
}

@keyframes fortuneHubNormalWin {
    40% {
        box-shadow:
            0 0 0 6px #0b0f11,
            0 0 0 8px rgba(215,190,98,.42),
            0 0 28px rgba(209,177,72,.24);
    }
}

@keyframes fortuneHubSuperWin {
    40% {
        box-shadow:
            0 0 0 6px #0b0f11,
            0 0 0 8px rgba(164,108,239,.55),
            0 0 34px rgba(146,87,229,.38);
    }
}

@keyframes fortuneHubJackpotWin {
    35% {
        transform: scale(1.08);
        box-shadow:
            0 0 0 6px #0b0f11,
            0 0 0 9px rgba(239,203,91,.62),
            0 0 42px rgba(229,182,43,.48);
    }
}


/* Выигравший сектор читается ярче */
.fortune-wheel.is-win-normal
.fortune-wheel__label--winner
.fortune-wheel__sector-content,
.fortune-wheel.is-win-jackpot
.fortune-wheel__label--winner
.fortune-wheel__sector-content,
.fortune-wheel.is-win-super
.fortune-wheel__label--winner
.fortune-wheel__sector-content {
    animation:
        fortuneWinnerSectorPulse
        1.25s
        ease-out;
}

@keyframes fortuneWinnerSectorPulse {
    0% {
        filter: brightness(1);
    }

    35% {
        filter:
            brightness(1.65)
            drop-shadow(
                0 0 9px
                rgba(225, 198, 99, .45)
            );
    }

    100% {
        filter: brightness(1);
    }
}


/* Уважение reduce-motion */
@media (prefers-reduced-motion: reduce) {
    .fortune-wheel__aura,
    .fortune-wheel__frame,
    .fortune-wheel__hub,
    .fortune-wheel__hub span,
    .fortune-wheel__pointer,
    .fortune-fx-flash,
    .fortune-fx-ring,
    .fortune-fx-particle,
    .fortune-fx-crown,
    .fortune-fx-guarantee {
        animation: none !important;
    }

    .fortune-wheel__effects {
        display: none !important;
    }
}

/* ==========================================================================
   V22 — LARGER SUPER CHOICE TYPOGRAPHY
   ========================================================================== */

/* Верхняя подпись "СУПЕР НАГРАДА" */
.fortune-modal--super .fortune-eyebrow {
    font-size: 11px !important;
    line-height: 15px !important;
    letter-spacing: .8px;
}

/* Главный заголовок */
.fortune-choice-head h3 {
    margin-top: 3px;
    margin-bottom: 4px;

    font-size: 23px !important;
    line-height: 28px !important;
}

/* Подзаголовок под "ВЫБЕРИТЕ ОДИН ПРЕДМЕТ" */
.fortune-choice-head p {
    font-size: 11px !important;
    line-height: 16px !important;
}

/* Название предмета */
.fortune-choice-item > strong,
.fortune-choice-item strong {
    min-height: 34px;

    font-size: 12px !important;
    line-height: 16px !important;
}

/* "Нажмите, чтобы выбрать" */
.fortune-choice-item > small,
.fortune-choice-item small {
    margin-top: 5px;

    font-size: 9px !important;
    line-height: 13px !important;
}

/* Кнопка "Выбрать" */
.fortune-choice-item > em {
    min-width: 86px;
    min-height: 28px;
    padding: 0 10px;

    font-size: 9px !important;
    line-height: 12px !important;
}

/* Количество x1 / x10 */
.fortune-choice-item__icon > b {
    min-width: 28px;
    padding: 2px 6px;

    font-size: 10px !important;
    line-height: 13px !important;
}

/* Нижняя подсказка */
.fortune-choice-foot {
    margin-top: 13px;
    padding-top: 12px;

    font-size: 9px !important;
    line-height: 13px !important;
}

/* Иконка-самоцвет сверху чуть читабельнее */
.fortune-choice-head__gem {
    font-size: 21px;
}