#bsfc .bsfc-wheel-section{background:linear-gradient(145deg,#161b24,#0e1117);border:1px solid #343b48;border-radius:18px;margin:28px 0;padding:30px}#bsfc .bsfc-wheel-layout{display:grid;grid-template-columns:minmax(230px,1fr) 1fr;gap:32px;align-items:center}#bsfc .bsfc-wheel-stage{position:relative;max-width:390px;width:100%;margin:10px auto}#bsfc .bsfc-wheel-disc{position:relative;aspect-ratio:1;border-radius:50%;border:9px solid #e7bc4b;box-shadow:0 0 0 6px #4a3032,0 15px 35px #0008;transition:transform 4.2s cubic-bezier(.12,.78,.12,1);overflow:hidden}#bsfc .bsfc-wheel-pointer{position:absolute;z-index:3;left:50%;top:-19px;transform:translateX(-50%);font-size:35px;color:#fff;text-shadow:0 2px 6px #000}#bsfc .bsfc-wheel-label{position:absolute;color:#fff;font-size:clamp(9px,1.2vw,13px);font-weight:900;max-width:85px;text-align:center;text-shadow:0 1px 4px #000;line-height:1.1}#bsfc .bsfc-wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#edc34f;color:#111;border:4px solid #fff2bb;width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900;box-shadow:0 3px 10px #0007}#bsfc .bsfc-wheel-result{padding:16px;margin-top:20px;background:#352a1d;border:2px solid #dcb64e;border-radius:12px;color:#fff;font-weight:900;font-size:22px;text-align:center}#bsfc .bsfc-wheel-reveal{animation:bsfc-wheel-pop .55s ease-out}@keyframes bsfc-wheel-pop{0%{transform:scale(.75);opacity:.2}75%{transform:scale(1.07)}100%{transform:scale(1);opacity:1}}@media(max-width:760px){#bsfc .bsfc-wheel-layout{grid-template-columns:1fr}#bsfc .bsfc-wheel-section{padding:20px}#bsfc .bsfc-wheel-label{font-size:10px}}@media(prefers-reduced-motion:reduce){#bsfc .bsfc-wheel-disc{transition:none}#bsfc .bsfc-wheel-reveal{animation:none}}

/* v1.2.7 larger wheel and improved touch area */
#bsfc .bsfc-wheel-layout{grid-template-columns:minmax(320px,1.2fr) minmax(250px,1fr);gap:clamp(20px,3vw,48px)}
#bsfc .bsfc-wheel-stage{max-width:520px;width:100%}
#bsfc .bsfc-wheel-label{font-size:clamp(11px,1.3vw,15px);max-width:108px}
#bsfc #bsfc-wheel-spin{min-height:58px;font-size:17px;touch-action:manipulation}
@media(max-width:950px){#bsfc .bsfc-wheel-layout{grid-template-columns:1fr}#bsfc .bsfc-wheel-stage{max-width:min(100%,480px)}}
@media(max-width:480px){#bsfc .bsfc-wheel-stage{max-width:100%}#bsfc .bsfc-wheel-label{font-size:clamp(9px,2.7vw,12px);max-width:75px}}