/* This interactive selector has no random draw, purchase or reward action. */
.feature-dial{--dial-accent:var(--index-leaf);--dial-line:var(--index-leaf);--dial-ground:var(--index-east-solid);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr);gap:clamp(24px,4vw,54px);align-items:center;padding:clamp(18px,3.3vw,42px);border:1px solid var(--dial-line);border-radius:28px;background:radial-gradient(ellipse at 28% 45%,#c23a2b61,transparent 68%),var(--index-east-solid);min-width:0;transition:background .4s,border-color .4s}
.feature-dial[data-tradition=west]{--dial-accent:var(--index-west);--dial-line:var(--index-west-2);--dial-ground:var(--index-west-solid);background:radial-gradient(ellipse at 28% 45%,#26a67843,transparent 68%),var(--index-west-solid)}
.feature-dial-stage{min-width:0;display:grid;justify-items:center;gap:12px}
.feature-dial-legend{display:flex;gap:24px;justify-content:center;font-size:.78rem;font-weight:600}
.feature-dial-legend span:before{content:'';display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;margin-right:7px}.dial-east{color:var(--index-leaf)}.dial-west{color:var(--index-west)}
.feature-dial-wheel{width:min(100%,480px);aspect-ratio:1;position:relative;border-radius:50%;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;outline-offset:5px;isolation:isolate}
.feature-dial-rotor{position:absolute;inset:0;border:1px solid #a18a64;border-radius:50%;background:conic-gradient(from -45deg,#6a1c16bb 0 180deg,#174b39bb 180deg 360deg);box-shadow:inset 0 0 0 6px #1a142a,inset 0 0 0 7px #ab8c6370,0 12px 50px #0003;pointer-events:none}
.feature-dial-rotor:after{content:'';position:absolute;inset:28%;border-radius:50%;background:var(--dial-ground);border:1px solid var(--dial-line);box-shadow:0 0 32px #120d2480;transition:background .4s}
.feature-dial-ticks{position:absolute;inset:3%;border-radius:50%;background:repeating-conic-gradient(from -45deg,#dbc49c90 0 .4deg,transparent .4deg 5deg);mask:radial-gradient(transparent 66%,#000 66%)}
.feature-dial-half{position:absolute;inset:6%;border-radius:50%;border:1px solid #d4bb8b66}.feature-dial-half.west{inset:24%;border-color:#adb8ec70}
.feature-dial-item{position:absolute;z-index:2;width:clamp(80px,7.8vw,94px);height:clamp(80px,7.8vw,94px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #b5976d;border-radius:50%;background:var(--index-east-solid);color:#fff2da;box-shadow:0 4px 14px #0004;cursor:pointer;padding:4px;font:600 clamp(14px,1.2vw,16px)/1.2 var(--f-body);white-space:normal;text-align:center;overflow-wrap:normal}
.feature-dial-item.west{border-color:var(--index-west-2);background:var(--index-west-solid);color:#dcffed}
.feature-dial-item .emo{width:clamp(22px,2.4vw,30px);height:clamp(22px,2.4vw,30px);flex:none}
.feature-dial-item>span{max-width:100%}.feature-dial-item[aria-pressed=true]{border:2px solid var(--dial-accent);background:#57231e;box-shadow:0 0 0 4px #ffdc911a,0 4px 20px #0005}
.feature-dial[data-tradition=west] .feature-dial-item[aria-pressed=true]{background:#164d3a;box-shadow:0 0 0 4px #4fd1a520,0 4px 20px #0005}
.feature-dial-item i{position:absolute;right:1px;top:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#82eed7;color:#18372e;font:700 12px/1 var(--f-body)}
.feature-dial-needle{position:absolute;z-index:3;inset:29.5% 47% 50%;pointer-events:none;filter:drop-shadow(0 2px 4px #0008)}
.feature-dial-needle span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff645b 50%,#c82730 50%);clip-path:polygon(50% 0,100% 90%,50% 75%,0 90%)}
.feature-dial-hub{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(80px,9vw,108px);height:clamp(80px,9vw,108px);border-radius:50%;border:1px solid #82eed7;background:radial-gradient(circle at 40% 30%,#e9fff7,#9edecd 78%);display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:#24192f;text-decoration:none;font:600 clamp(13px,1.1vw,16px)/1.3 var(--f-body);box-shadow:0 0 24px #c49fff22}
.feature-dial-hub .emo{width:30px;height:30px;filter:drop-shadow(0 1px 1px #25163266)}.feature-dial-hint{font-size:.76rem;color:#d4c9e0;text-align:center;line-height:1.6;margin:0}
.feature-dial-arrows{display:flex;align-items:center;justify-content:center;gap:20px}.feature-dial-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #9c8aa9;color:#fff3e7;background:#32293e;font:500 20px/1 var(--f-body);cursor:pointer}.feature-dial-arrows span{font-size:.76rem;color:#d4c9e0;min-width:44px;text-align:center}
.feature-dial-panel{min-width:0;display:grid;gap:22px}.feature-dial-tradition{font:600 .78rem/1.5 var(--f-body);text-transform:uppercase;letter-spacing:.12em;color:var(--dial-accent)}
[data-dial-detail]{display:grid;justify-items:start;gap:15px;min-width:0;min-height:260px}.feature-dial-selected-icon{width:58px;height:58px;background:#ffffff09;border:1px solid var(--dial-line);border-radius:18px;display:grid;place-items:center}.feature-dial-selected-icon>.emo{width:34px;height:34px}
.feature-dial-panel h3{font:500 clamp(1.8rem,3vw,2.6rem)/1.2 var(--f-display);margin:0;color:#fff4e7}.feature-dial-panel p{font-size:.9rem;line-height:1.7;margin:0;color:#d8cce5}.feature-dial-price{font-size:.75rem;color:var(--dial-accent)}
.feature-dial .feature-dial-panel .btn.primary{gap:18px;text-align:center;max-width:100%;white-space:normal;font-size:.88rem;background:var(--dial-accent);color:#211b30;box-shadow:none;min-height:48px}
.feature-dial-panel .feature-dial-connection{font-size:.76rem;line-height:1.7;padding-top:20px;border-top:1px solid #8b779c66;color:#d4c9e0}
@media(max-width:899px){.feature-dial{grid-template-columns:minmax(0,1fr);gap:22px;padding:20px 12px;border-radius:22px}.feature-dial-wheel{max-width:400px}.feature-dial-item{width:clamp(78px,20vw,90px);height:clamp(78px,20vw,90px);font-size:14px}.feature-dial-item .emo{width:24px;height:24px}.feature-dial-panel{gap:12px;padding:0 6px}.feature-dial-panel h3{font-size:1.9rem}.feature-dial-selected-icon{display:none}[data-dial-detail]{gap:12px;min-height:0}.feature-dial-panel .btn{width:100%;justify-content:center}.feature-dial-panel .feature-dial-connection{padding-top:14px}.feature-dial-legend{font-size:.74rem;gap:22px}}
@media(max-width:350px){.feature-dial{padding-inline:0}.feature-dial-panel{padding-inline:16px}.feature-dial-wheel{width:100%}.feature-dial-item{font-size:14px;width:78px;height:78px;padding:4px;gap:3px}.feature-dial-item .emo{width:22px;height:22px}.feature-dial-hub{width:76px;height:76px}}
@media(prefers-reduced-motion:reduce){.feature-dial,.feature-dial *{transition:none!important}}

.feature-dial-options{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;min-width:0;padding-top:4px}.feature-option-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid var(--dial-line);border-radius:999px;color:#f4eadd;background:#ffffff08;text-decoration:none;font:500 .76rem/1.4 var(--f-body);text-align:center;max-width:100%;white-space:normal}.feature-option-chip small{font-size:.63rem;color:var(--dial-accent);white-space:nowrap}.feature-option-chip:hover,.feature-option-chip:focus-visible{background:#ffffff15}

.feature-dial-item.shared{background:linear-gradient(calc(45deg + var(--dial-angle,0deg)),var(--index-west-solid) 50%,var(--index-east-solid) 50%);border-color:var(--index-leaf);color:#f1ebe2}.feature-dial-item.shared[aria-pressed=true]{background:linear-gradient(calc(45deg + var(--dial-angle,0deg)),#164d3a 50%,#57231e 50%)}.feature-dial[data-tradition=both]{background:linear-gradient(90deg,#371411,#102e24);--dial-accent:var(--index-leaf);--dial-ground:#1a1b19}