/* Features page: the Daily Spin block (07 / DAILY SPIN). A real screenshot of
   the app's spin screen, one per site language, with numbered pins that
   assets/spin-feature.js places per language; the five prizes in the colours
   of their wedges; odds straight from lib/spinWheel.ts (weights 9/7/9/5/4 of
   100). The photo band reuses .fm-photos from music-feature.css. */
.fh-spin{background:#f7f3fb}
.fs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(40px,6vw,96px);align-items:center}
.fs-copy h2{font-size:clamp(3.9rem,6.1vw,7.5rem);line-height:.99;margin:20px 0 26px}
.fs-copy h2 em{color:#7a52e0;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.065em}
.fs-copy>p{max-width:520px;font-size:1.18rem;line-height:1.6;color:#4d5a53;margin:0}
.fs-expl{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px;max-width:560px}
.fs-expl li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid rgba(42,33,54,.12);border-radius:16px;padding:13px 15px}
.fs-expl strong{display:block;color:#183727;font-size:1rem;margin-bottom:2px}
.fs-expl span:not(.fs-pin){display:block;font-size:.93rem;color:#4d5a53;line-height:1.5}
.fs-pin{width:28px;height:28px;border-radius:50%;background:#d34e82;color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center;flex-shrink:0;line-height:1}
.fs-phone{width:100%;max-width:320px;margin:0 auto;border-radius:48px;background:#0d0a14;padding:10px;box-shadow:0 30px 60px -28px rgba(42,20,90,.7)}
.fs-shot{position:relative}
.fs-shot img{display:block;width:100%;height:auto;aspect-ratio:670/1457;border-radius:38px;background:#2a1a52}
.fs-shot .fs-pin{position:absolute;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.35);transform:translateY(-50%);transition:top .2s}
.fs-p1,.fs-p2,.fs-p3,.fs-p4{left:-24px}
.fs-pi{right:-12px;top:10.8%}
.fs-p4{top:80%}
.fs-prizes{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.fs-prize{border-radius:18px;padding:16px;min-height:170px;display:flex;flex-direction:column;gap:4px}
.fs-g{font-size:1.5rem}
.fs-prize small{font-size:.78rem;font-weight:800;opacity:.85}
.fs-prize strong{margin-top:auto;font-size:1.05rem;line-height:1.15}
.fs-prize span:last-child{font-size:.86rem;line-height:1.4;opacity:.92}
.fs-odds{margin:14px 0 0;font-size:1rem;color:#4d5a53}
.fs-odds strong{color:#183727}
.fs-facts{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fs-facts li{background:#fff;border:1px solid rgba(42,33,54,.12);border-radius:14px;padding:12px 14px;font-size:.9rem;color:#4d5a53;line-height:1.45}
.fs-facts strong{display:block;color:#183727;font-size:.98rem}
/* One wide photo: the woman at the prize wheel. */
.fs-one{grid-template-columns:minmax(0,1fr)}
.fs-one .fm-photo{height:clamp(300px,40vw,560px)}
.fs-one .fm-photo img{object-position:50% 35%}
.fs-tile-link{display:inline-flex;gap:8px;margin-top:14px;font-weight:800;font-size:.92rem;color:#183727;text-decoration:none;border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:3px}
.fs-tile-link:hover,.fs-tile-link:focus-visible{color:#c7487d}
@media(max-width:1000px){.fs-prizes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.fs-grid,.fs-facts{grid-template-columns:minmax(0,1fr)}.fs-phone{max-width:300px}}
@media(max-width:600px){.fs-copy h2{font-size:clamp(3.2rem,12vw,4.6rem)}.fs-copy>p{font-size:1.05rem}.fs-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-prize{min-height:150px}.fs-p1,.fs-p2,.fs-p3,.fs-p4{left:-14px}}