.lj-wheel-page{position:relative;isolation:isolate;min-height:calc(100vh - 82px);display:grid;place-items:center;padding:54px 20px;overflow:hidden;background:radial-gradient(circle at 50% 34%,#a8752738,transparent 18%),radial-gradient(circle at 8% 88%,#53213a52,transparent 32%),radial-gradient(circle at 93% 12%,#49346c45,transparent 28%),linear-gradient(145deg,#08090d,#15100e 50%,#090b0e)}.lj-wheel-page:before,.lj-wheel-page:after{content:"";position:absolute;z-index:-1;width:480px;aspect-ratio:1;border:1px solid #e8bf6252;border-radius:50%;filter:blur(.2px)}.lj-wheel-page:before{top:-265px;left:-160px;box-shadow:0 0 70px #d68b3245,inset 0 0 80px #d68b3217}.lj-wheel-page:after{right:-250px;bottom:-230px;box-shadow:0 0 90px #8c4eb24a,inset 0 0 80px #8c4eb21a}.lj-wheel-card{position:relative;width:min(640px,100%);padding:40px 34px 34px;text-align:center;border:1px solid #e9c66c77;border-radius:28px;background:linear-gradient(145deg,#211a14ef,#0e1015f4);box-shadow:0 30px 90px #000b,inset 0 1px #fff1ba24;overflow:hidden}.lj-wheel-card:before{content:"";position:absolute;inset:8px;border:1px solid #f0c96c22;border-radius:21px;pointer-events:none}.lj-wheel-card h1{position:relative;margin:5px 0 10px;font-size:clamp(36px,7vw,58px);letter-spacing:-2px;text-shadow:0 4px 22px #000}.lj-wheel-page__intro{position:relative;max-width:480px;margin:0 auto 28px;color:#d0c4b4;line-height:1.55}.lj-wheel-stage{position:relative;width:min(440px,88vw);aspect-ratio:1;margin:14px auto 25px;display:grid;place-items:center}.lj-wheel-stage:before{content:"";position:absolute;inset:-16px;border:1px solid #edc7654d;border-radius:50%;box-shadow:0 0 0 8px #2d211447,0 0 42px #e9ae4142,0 0 100px #b6672d27;animation:lj-wheel-aura 3.8s ease-in-out infinite}.lj-wheel-stage:after{content:"";position:absolute;inset:-7px;border:2px dotted #f6d98595;border-radius:50%;opacity:.72;animation:lj-wheel-lights 9s linear infinite;pointer-events:none}.lj-wheel-pointer{position:absolute;z-index:7;top:-25px;left:50%;width:45px;height:48px;display:grid;place-items:center;transform:translateX(-50%);border:2px solid #f8dc8a;border-radius:13px 13px 20px 20px;background:linear-gradient(145deg,#ffe3a0,#bd792c);box-shadow:0 5px 12px #0009,0 0 20px #f0ba4b8a;color:#542710;font-size:25px;line-height:1;text-shadow:0 1px #fff4c8}.lj-wheel{--wheel-turn:0deg;position:relative;z-index:2;width:100%;height:100%;border:11px solid #e7bc5d;border-radius:50%;background:conic-gradient(from -22.5deg,#7c2632 0deg 45deg,#d3a443 45deg 90deg,#493266 90deg 135deg,#2d725e 135deg 180deg,#ae6325 180deg 225deg,#365a83 225deg 270deg,#9b7127 270deg 315deg,#66243f 315deg 360deg);box-shadow:0 0 0 7px #5e3f18,0 0 0 11px #160e0a,0 19px 35px #000b,inset 0 0 26px #0007;transition:none;will-change:transform}.lj-wheel:before{content:"";position:absolute;inset:12px;border:2px solid #ffe5a65c;border-radius:50%;box-shadow:inset 0 0 22px #0008;pointer-events:none}.lj-wheel.is-spinning{transform:rotate(var(--wheel-turn));transition:transform 4.2s cubic-bezier(.08,.73,.11,1)}.lj-wheel::after{content:"";position:absolute;z-index:3;inset:40%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4c3b22,#15120d 65%);border:4px solid #f3d079;box-shadow:0 3px 12px #000,inset 0 1px #fff2b26b}.lj-wheel i{position:absolute;z-index:4;inset:42%;display:grid;place-items:center;border-radius:50%;color:#ffe6a1}.lj-wheel i img{display:block;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 2px 3px #000) drop-shadow(0 0 4px #f1c15a55)}.lj-wheel span{position:absolute;z-index:2;top:18%;left:50%;height:32%;transform-origin:50% 100%;color:#fff7dd;font:900 21px/1 Georgia,serif;text-shadow:0 2px 5px #000,0 0 8px #000}.lj-wheel span:nth-of-type(1){transform:translateX(-50%) rotate(0deg)}.lj-wheel span:nth-of-type(2){transform:translateX(-50%) rotate(45deg)}.lj-wheel span:nth-of-type(3){transform:translateX(-50%) rotate(90deg)}.lj-wheel span:nth-of-type(4){transform:translateX(-50%) rotate(135deg)}.lj-wheel span:nth-of-type(5){transform:translateX(-50%) rotate(180deg)}.lj-wheel span:nth-of-type(6){transform:translateX(-50%) rotate(225deg)}.lj-wheel span:nth-of-type(7){transform:translateX(-50%) rotate(270deg)}.lj-wheel span:nth-of-type(8){transform:translateX(-50%) rotate(315deg)}.lj-wheel-confetti{position:absolute;z-index:8;inset:0;pointer-events:none}.lj-wheel-confetti i{position:absolute;left:50%;top:45%;width:8px;height:14px;border-radius:2px;background:var(--confetti,#ffd56e);opacity:0}.has-result .lj-wheel-confetti i{animation:lj-wheel-confetti 1.4s cubic-bezier(.12,.72,.23,1) forwards}.lj-wheel-status{min-height:26px;margin:11px 0;color:#ffe0a2;font-weight:700}.lj-wheel-countdown{min-height:24px;margin:0 0 18px;color:#c6bcad;font-variant-numeric:tabular-nums}.lj-wheel-card [data-wheel-spin]{min-width:190px;box-shadow:0 7px 22px #b2682f40;transition:transform .2s,filter .2s}.lj-wheel-card [data-wheel-spin]:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}.lj-wheel-close{display:block;width:max-content;margin:20px auto 0;color:#d8b96e;font-size:13px;border-bottom:1px solid transparent}.lj-wheel-close:hover{border-color:#d8b96e}@keyframes lj-wheel-aura{50%{transform:scale(1.035);opacity:.75;box-shadow:0 0 0 8px #2d211447,0 0 55px #e9ae4165,0 0 115px #b6672d36}}@keyframes lj-wheel-lights{to{transform:rotate(360deg)}}@keyframes lj-wheel-confetti{0%{transform:translate(-50%,-50%) rotate(0) scale(.3);opacity:1}100%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r));opacity:0}}@media(max-width:500px){.lj-wheel-page{padding:26px 12px}.lj-wheel-card{padding:30px 15px 26px;border-radius:20px}.lj-wheel-card:before{inset:6px;border-radius:15px}.lj-wheel span{font-size:17px}.lj-wheel-stage{width:min(365px,90vw)}.lj-wheel-pointer{top:-19px;width:39px;height:42px;font-size:21px}}@media(prefers-reduced-motion:reduce){.lj-wheel-stage:before,.lj-wheel-stage:after{animation:none}.lj-wheel.is-spinning{transition-duration:.01ms}.has-result .lj-wheel-confetti i{animation:none}}
.lj-wheel-history{margin:30px 0 0;padding:18px;border-top:1px solid #e7bd5b35;background:#fff4dc05;text-align:left}.lj-wheel-history h2{margin:3px 0 14px;font-size:18px;letter-spacing:-.3px}.lj-wheel-history .lj-eyebrow{margin:0;font-size:9px}.lj-wheel-history__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lj-wheel-history__list>p{grid-column:1/-1;margin:0;color:#afa79c;font-size:13px}.lj-wheel-history__list article{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid #e6bd6230;border-radius:9px;background:#0b0d10a6}.lj-wheel-history__list strong{color:#ffe0a0;font-size:14px}.lj-wheel-history__list time{color:#aaa196;font-size:10px}@media(max-width:500px){.lj-wheel-history__list{grid-template-columns:1fr}}

/* Premium casino-stage composition aligned with the Fortune Wheel screen. */
.lj-wheel-page{min-height:calc(100vh - 82px);padding:36px 20px 68px;background:linear-gradient(90deg,#050506c9 0%,#07060968 22%,#10090b32 50%,#07060968 78%,#050506c9 100%),url('../images/fortune-wheel-casino-stage-v1.webp') center/cover fixed}.lj-wheel-page:before{width:640px;top:-380px;left:-300px;border-color:#e8bf6242;box-shadow:0 0 100px #d68b3240,inset 0 0 100px #d68b3214}.lj-wheel-page:after{width:620px;right:-330px;bottom:-280px;border-color:#bd7ce238;box-shadow:0 0 110px #8c4eb23b,inset 0 0 100px #8c4eb216}.lj-wheel-card{width:min(740px,100%);padding:37px 46px 38px;border-color:#edc766aa;border-radius:31px;background:linear-gradient(145deg,#211b16f6,#0b0c0ff5 68%,#15100deF);box-shadow:0 36px 100px #000c,0 0 0 1px #050403,inset 0 1px #fff1ba29}.lj-wheel-card:before{inset:9px;border-color:#f5d37436;border-radius:23px}.lj-wheel-card .lj-eyebrow{color:#f3b918;font-weight:900;letter-spacing:3px}.lj-wheel-card h1{font-size:clamp(42px,6.7vw,66px);line-height:.98;color:#fff;background:linear-gradient(100deg,#fff 20%,#fff8de 48%,#f3bf3f 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 5px 10px #000)}.lj-wheel-page__intro{max-width:540px;font-size:16px;color:#f0e9df}.lj-wheel-stage{width:min(490px,86vw);margin:10px auto 27px}.lj-wheel-stage:before{inset:-21px;border-color:#f2ca6f78;box-shadow:0 0 0 9px #2b1f134d,0 0 52px #e9ae4155,0 0 120px #b6672d32}.lj-wheel-stage:after{inset:-10px;border:0;background:repeating-conic-gradient(from 0deg,#ffe9a9 0deg 2deg,transparent 2deg 18deg);mask:radial-gradient(transparent 67%,#000 68% 72%,transparent 73%);opacity:.9}.lj-wheel-pointer{top:-27px;width:53px;height:57px;border:2px solid #ffe29a;border-radius:17px 17px 23px 23px;background:linear-gradient(145deg,#ffe9a7,#a95f1e);box-shadow:0 5px 14px #0009,0 0 26px #f5bd4c9c;color:#5b240c;font-size:28px}.lj-wheel{border-width:12px;box-shadow:0 0 0 8px #68491a,0 0 0 13px #191008,0 20px 39px #000d,inset 0 0 26px #0008}.lj-wheel:before{inset:13px;border-color:#ffeca875}.lj-wheel::after{inset:39%;border-width:4px}.lj-wheel i{inset:41%}.lj-wheel span{font-size:22px}.lj-wheel-status{font-size:16px;color:#ffe39a}.lj-wheel-countdown{font-size:15px;color:#eee5d8}.lj-wheel-card [data-wheel-spin]{min-width:230px;min-height:54px;font-size:14px;font-weight:900;letter-spacing:.3px;background:linear-gradient(135deg,#ffe08a,#bc781d);border-color:#ffe6a0;color:#201205;box-shadow:inset 0 1px #fff7c3,0 8px 22px #d18a2e4d}.lj-wheel-history{margin-top:28px;border:1px solid #e7bd5b2d;border-radius:14px;background:#08090a99}.lj-wheel-close{margin-top:21px}@media(max-width:700px){.lj-wheel-page{padding:24px 12px 44px;background-attachment:scroll}.lj-wheel-card{padding:31px 19px 29px}.lj-wheel-stage{width:min(430px,91vw)}.lj-wheel-card h1{font-size:clamp(39px,11vw,55px)}}
