.fsw{--wine:#951d1e;--gold:#e6bd70;max-width:670px;margin:28px auto;padding:35px 18px;background:linear-gradient(145deg,#fff9f1,#fff);border:1px solid #eedcc4;border-radius:24px;text-align:center;font-family:'Noto Kufi Arabic',Tahoma,sans-serif;box-shadow:0 12px 45px #72101115}.fsw *{box-sizing:border-box}.fsw-head h2{font-size:clamp(23px,4vw,36px);color:var(--wine);margin:8px 0}.fsw-head p{color:#654b48;margin:4px 0 24px}.fsw-star{font-size:35px;color:var(--gold)}.fsw-wheel-wrap{width:min(370px,90%);aspect-ratio:1;position:relative;margin:20px auto 32px}.fsw-disc{position:absolute;inset:0;border-radius:50%;border:10px solid var(--gold);background:conic-gradient(from -36deg,#951d1e 0 72deg,#fff0d6 72deg 144deg,#951d1e 144deg 216deg,#fff0d6 216deg 288deg,#951d1e 288deg 360deg);box-shadow:0 6px 25px #4e0c0c30;transition:transform 5.4s cubic-bezier(.15,.72,.08,1);transform:rotate(0deg)}.fsw-pointer{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:37px solid #d4a34c;z-index:5;filter:drop-shadow(0 2px 2px #0004)}.fsw-label{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a));font-size:23px;font-weight:800;color:white}.fsw-label::first-line{line-height:1}.fsw-label{display:flex;align-items:center;justify-content:center;white-space:nowrap}.fsw-label{padding-top:0}.fsw-label{line-height:1}.fsw-label{ text-indent:0}.fsw-label{transform:rotate(var(--a)) translateY(-119px) rotate(calc(-1 * var(--a)));}.fsw-label:nth-child(odd){color:#721011}.fsw-label:nth-child(even){color:#fff}.fsw-label.fsw-small{font-size:15px}.fsw-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;background:var(--gold);border:5px solid #fff4dd;display:grid;place-items:center;color:var(--wine);font-size:27px;box-shadow:0 2px 9px #0003}.fsw form{max-width:390px;margin:auto;display:grid;gap:12px}.fsw label{color:#5d3937;font-weight:700}.fsw input{border:1px solid #dbc8b8;border-radius:12px;background:white;text-align:center;direction:ltr;font-size:20px;padding:13px;width:100%}.fsw button{border:0;border-radius:12px;background:var(--wine);color:#fff;font-size:20px;font-weight:800;padding:15px;cursor:pointer}.fsw button:disabled{opacity:.55;cursor:not-allowed}.fsw-result{margin:18px auto 0;max-width:420px;color:var(--wine);font-weight:700;line-height:2}.fsw-result code{display:inline-block;direction:ltr;background:#fff0d6;border:1px dashed var(--wine);padding:5px 14px;font-size:20px;user-select:all}.fsw-foot{font-size:12px;color:#806e65;margin:20px 0 0}

/* v1.0.1: keep all sectors and labels aligned */
.fsw .fsw-disc{background:conic-gradient(from -36deg,#951d1e 0deg 72deg,#fff3df 72deg 144deg,#721011 144deg 216deg,#fff3df 216deg 288deg,#951d1e 288deg 360deg);border-color:#e8b956;--wheel-rotation:0deg}
.fsw .fsw-label{width:105px;height:38px;margin-left:-52.5px;margin-top:-19px;padding:0;white-space:nowrap;text-indent:0;line-height:1.35;transform:rotate(var(--a)) translateY(clamp(-119px,-31vw,-75px)) rotate(calc(-1 * var(--a) - var(--wheel-rotation)));transition:transform 5.4s cubic-bezier(.15,.72,.08,1);font-size:22px;text-shadow:none}
.fsw .fsw-label:nth-child(1),.fsw .fsw-label:nth-child(3),.fsw .fsw-label:nth-child(5){color:#fff!important}
.fsw .fsw-label:nth-child(2),.fsw .fsw-label:nth-child(4){color:#721011!important}
.fsw .fsw-label.fsw-small{font-size:15px;white-space:nowrap}
.fsw .fsw-pointer{border-top-color:#e8b956}
.fsw .fsw-hub{background:#e8b956}
.fsw button{background:#951d1e}
@media(max-width:420px){.fsw .fsw-label{transform:rotate(var(--a)) translateY(-28vw) rotate(calc(-1 * var(--a) - var(--wheel-rotation)));font-size:19px}.fsw .fsw-label.fsw-small{font-size:13px}}