/* Shared public wheel presentation: owner preview and visitor wheel. */
.k-wheel-modal__wheel-holder{position:relative;width:min(100%,29rem);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.k-wheel-modal__rim{position:absolute;inset:-.1rem;border-radius:50%;background:conic-gradient(from 10deg,#ffebaa,#ad6420 7%,#f4b948 17%,#fff1ba 30%,#bd7527 43%,#ffe397 57%,#b26b23 69%,#ffe9a6 83%,#d69232 94%,#ffebaa);box-shadow:0 .5rem 1.5rem rgba(180,115,38,.17),inset 0 0 0 .27rem rgba(255,244,199,.78),inset 0 0 .9rem rgba(101,50,8,.25);pointer-events:none}
.k-wheel-modal__wheel{position:relative;z-index:1;width:calc(100% - 2.8rem);height:calc(100% - 2.8rem);border-radius:50%;border:.25rem solid #fff9eb;box-shadow:inset 0 .2rem .8rem rgba(100,35,20,.13),0 0 0 .18rem #cb8d36;transform:rotate(0deg);overflow:hidden;backface-visibility:hidden;will-change:transform}
.k-wheel-modal__wheel:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 29%,rgba(255,255,255,.24),transparent 47%);pointer-events:none}
.k-wheel-modal__wheel:after{content:'';position:absolute;inset:0;z-index:0;border-radius:50%;background:conic-gradient(transparent 0 var(--winner-start,0deg),rgba(255,255,255,.34) var(--winner-start,0deg) var(--winner-end,0deg),transparent var(--winner-end,0deg) 360deg);pointer-events:none;opacity:0;transition:opacity .35s ease}
.k-wheel-modal__wheel.has-winner:after{opacity:1}
.k-wheel-modal__wheel.is-spinning,.k-wheel-modal__wheel.is-spinning .k-wheel-modal__segment-number{transition:none}
.k-wheel-modal__wheel.is-finishing{filter:drop-shadow(0 0 .4rem rgba(250,190,90,.28))}
.k-wheel-modal__bulbs{position:absolute;inset:0;z-index:3;pointer-events:none}
.k-wheel-modal__bulb{position:absolute;width:.75rem;height:.75rem;border:.1rem solid #fff2bf;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 24%,#fff,#fff8d6 45%,#ffcc69);box-shadow:0 0 .35rem rgba(255,241,191,.8),0 0 .6rem rgba(255,218,105,.38);opacity:.85;animation:k-wheel-bulb-glow 2.8s ease-in-out infinite alternate}
.k-wheel-modal__wheel-holder.is-spinning .k-wheel-modal__bulb{animation-duration:.95s}
.k-wheel-modal__wheel-holder.is-celebrating .k-wheel-modal__bulb{animation-duration:.5s;box-shadow:0 0 .5rem #fff,0 0 .9rem #ffe283}
.k-wheel-modal__segment-number{position:absolute;left:50%;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;min-width:2rem;max-width:9rem;line-height:1.13;text-align:center;white-space:normal;overflow-wrap:break-word;color:#512c38;font-size:1.03rem;font-weight:800;text-shadow:0 .1rem .24rem rgba(255,255,255,.8);pointer-events:none}
.k-wheel-modal__segment-number.is-label-short{font-size:1.25rem}
.k-wheel-modal__hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:5.4rem;height:5.4rem;display:grid;place-items:center;border-radius:50%;border:.35rem solid #f9dea1;background:radial-gradient(circle at 29% 19%,#fffef5 3%,#fff1c0 42%,#e7a938 78%,#b46f21);color:#915a1b;box-shadow:0 .25rem .9rem rgba(119,58,15,.25),0 0 0 .18rem rgba(255,254,244,.85)}
.k-wheel-modal__hub svg{width:2.6rem;height:2.6rem}
.k-wheel-modal__pointer{position:absolute;top:-1.15rem;left:50%;z-index:6;width:3.6rem;height:4.6rem;display:block;color:#e94048;transform:translateX(-50%);transform-origin:50% 22%;filter:drop-shadow(0 .26rem .24rem rgba(86,39,18,.36))}
.k-wheel-modal__pointer svg{display:block;width:100%;height:100%}
@keyframes k-wheel-bulb-glow{from{opacity:.63}to{opacity:1}}
@media(max-width:700px){
    .k-wheel-modal__segment-number{font-size:.9rem}
    .k-wheel-modal__segment-number.is-label-short{font-size:1.12rem}
    .k-wheel-modal__hub{width:4.6rem;height:4.6rem}
    .k-wheel-modal__hub svg{width:2.4rem;height:2.4rem}
}