:root{--gold1:#e2cc8f;--gold2:#a38342;--ink:#0c0c0d;--cream:#f3e9c9;--rose:#a65c6b}
.bsw-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:2147483647;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.bsw-overlay.show{display:flex;animation:bswFadeIn .4s ease-out}
@keyframes bswFadeIn{from{opacity:0}to{opacity:1}}
.bsw-modal{position:relative;background:linear-gradient(180deg,#111,#0b0b0c);border:1px solid rgba(226,204,143,.25);box-shadow:0 40px 100px rgba(0,0,0,.6);border-radius:26px;padding:22px 22px 28px;max-width:420px;width:90vw;display:flex;flex-direction:column;align-items:center;animation:wheelFade .8s cubic-bezier(.25,.1,.25,1) both}
@keyframes wheelFade{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.bsw-close{position:absolute;top:12px;right:12px;background:transparent;border:2px solid var(--gold1);color:var(--gold1);font-size:20px;font-weight:bold;border-radius:50%;width:34px;height:34px;cursor:pointer;transition:all .3s ease;z-index:3;display:flex;align-items:center;justify-content:center}
.bsw-close:hover{background:var(--gold1);color:#000;transform:scale(1.1)}
.bsw-header{text-align:center;margin-bottom:8px;width:100%}
.bsw-title{font-family:'Playfair Display',serif;font-size:28px;line-height:1.1;background:linear-gradient(180deg,var(--gold1),var(--gold2));-webkit-background-clip:text;color:transparent;margin:10px 0 4px}
.bsw-sub{color:#d8d3c2;font-size:14px;margin-bottom:14px}
.bsw-stage{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}
.bsw-pointer{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:26px solid var(--gold1);margin:auto;margin-bottom:-10px;z-index:2;position:relative}
#bswWheel{border-radius:50%;background:radial-gradient(circle,#183228 0%,#0e2a23 80%);box-shadow:0 0 50px rgba(0,0,0,.6);width:min(80vw,70vh);max-width:340px;height:auto;display:block}
#bswConfetti{position:absolute;inset:0;pointer-events:none}
.bsw-actions{display:flex;flex-direction:column;align-items:center}
.bsw-spin{margin-top:16px;padding:12px 26px;border:none;border-radius:50px;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#000;font-weight:700;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.4);font-size:16px;transition:transform .2s, box-shadow .3s ease}
.bsw-spin:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(226,204,143,.4)}
#bswResult{margin-top:18px;font-size:18px;color:var(--cream);font-family:'Playfair Display',serif;opacity:0;transition:opacity .6s ease,text-shadow .6s ease;text-align:center;line-height:1.4}
#bswResult.show{opacity:1;text-shadow:0 0 10px rgba(226,204,143,.4)}
.bsw-copy{margin-left:8px;padding:8px 14px;border:none;border-radius:999px;background:linear-gradient(180deg,var(--gold1),#c8a968);color:#1a1712;font-weight:700;cursor:pointer}
.bsw-continue{margin-left:8px;margin-top:10px;padding:10px 16px;border:1px solid rgba(226,204,143,.6);border-radius:999px;background:transparent;color:var(--cream);font-weight:700;cursor:pointer}
.bsw-continue:hover{background:rgba(226,204,143,.08)}
@media(max-width:560px){
  .bsw-modal{width:92vw;padding:14px 14px 24px;max-width:95vw}
  .bsw-title{font-size:22px}
  .bsw-pointer{border-left-width:12px;border-right-width:12px;border-bottom-width:20px;margin-bottom:-8px}
  #bswWheel{width:80vw;max-width:320px}
  .bsw-spin{padding:11px 22px;font-size:15px}
  #bswResult{font-size:16px;margin-top:14px}
  .bsw-close{top:10px;right:10px;width:30px;height:30px;font-size:18px}
}