/* sm-stories.css — story player + "Tonight near you" rail. Shared by home.html and map.html. */
#smStories{position:fixed;inset:0;z-index:2000;display:none;background:#050310;touch-action:none;user-select:none;-webkit-user-select:none;
  font-family:var(--body,'Manrope',sans-serif);color:#fff}
#smStories.open{display:block}
body.ss-open{overflow:hidden}
#smStories .ss-stage{position:absolute;inset:0;overflow:hidden}
@media(min-width:900px){
  #smStories{background:rgba(5,3,16,.82);backdrop-filter:blur(10px)}
  #smStories .ss-stage{inset:auto;left:50%;top:50%;width:420px;height:min(860px,92vh);transform:translate(-50%,-50%)!important;border-radius:28px;
    box-shadow:0 30px 80px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}
}
#smStories .ss-card{position:absolute;inset:0;display:flex;flex-direction:column}
#smStories .ss-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#smStories .ss-bg-none{background:linear-gradient(160deg,#3D2A6E,#170F2E)}
#smStories .ss-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,5,18,.55) 0%,rgba(9,5,18,.18) 34%,rgba(9,5,18,.74) 78%)}
#smStories .ss-loading{position:relative;z-index:2;margin:auto;font-weight:800;color:rgba(255,255,255,.7)}
#smStories .ss-chrome{position:relative;z-index:3;padding:calc(12px + env(safe-area-inset-top)) 12px 0}
#smStories .ss-segs{display:flex;gap:4px}
#smStories .ss-segs i{flex:1;height:3px;border-radius:99px;background:rgba(255,255,255,.28);position:relative;overflow:hidden}
#smStories .ss-segs i b{position:absolute;inset:0;width:0;background:var(--cc,#fff);border-radius:99px}
#smStories .ss-who{display:flex;align-items:center;gap:9px;margin-top:10px}
#smStories .ss-who .av{width:32px;height:32px;border-radius:10px;object-fit:cover;background:rgba(255,255,255,.15);display:block}
#smStories .ss-who b{font-family:var(--display,'Sora',sans-serif);font-size:13.5px;font-weight:800}
#smStories .ss-who span{font-size:12px;color:rgba(255,255,255,.75);font-weight:700}
#smStories .ss-x{margin-left:auto;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:15px;width:34px;height:34px;border-radius:50%;cursor:pointer}
#smStories .ss-body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 18px 150px}
#smStories .ss-glass{background:rgba(22,14,44,.46);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);
  border:1.5px solid color-mix(in srgb,var(--cc,#fff) 55%,rgba(255,255,255,.25));border-top:4px solid var(--cc,#A88BE8);border-radius:22px;padding:18px 18px 20px;
  box-shadow:0 18px 44px rgba(5,3,12,.45),inset 0 1px 0 rgba(255,255,255,.18)}
#smStories .ss-kick{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--cc,#fff)}
#smStories .ss-big{font-family:var(--display,'Sora',sans-serif);font-weight:800;font-size:27px;line-height:1.12;margin:8px 0 6px;letter-spacing:-.01em}
#smStories .ss-mid{font-size:14px;font-weight:700;opacity:.9;line-height:1.5;margin-top:6px}
#smStories .ss-pair{display:flex;align-items:baseline;gap:12px;margin:10px 0 2px}
#smStories .ss-pair .now{font-family:var(--display,'Sora',sans-serif);font-size:42px;font-weight:800;color:#fff}
#smStories .ss-pair .was{font-size:19px;text-decoration:line-through;opacity:.65}
#smStories .ss-count{font-family:var(--display,'Sora',sans-serif);font-size:44px;font-weight:800;letter-spacing:.02em;margin:6px 0 2px;font-variant-numeric:tabular-nums}
#smStories .ss-code{display:inline-block;font-family:var(--display,'Sora',sans-serif);font-weight:800;font-size:21px;letter-spacing:.12em;background:rgba(255,255,255,.16);
  border:1.5px dashed rgba(255,255,255,.5);border-radius:12px;padding:9px 16px;margin:8px 0 4px}
#smStories .ss-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.18);font-weight:800;font-size:14px}
#smStories .ss-row .p{font-family:var(--display,'Sora',sans-serif)}
#smStories .ss-row .w{font-size:12px;opacity:.6;text-decoration:line-through;margin-left:7px}
#smStories .ss-lrow{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800;margin-top:12px}
#smStories .ss-lbar{height:9px;border-radius:99px;background:rgba(255,255,255,.2);margin-top:8px;overflow:hidden}
#smStories .ss-lbar b{display:block;height:100%;width:0;background:#fff;border-radius:99px;transition:width .9s cubic-bezier(.2,.8,.3,1)}
#smStories .ss-plus{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:rgba(168,139,232,.2);border:1px solid rgba(168,139,232,.5);border-radius:99px;
  padding:6px 12px;font-family:var(--display,'Sora',sans-serif);font-weight:800;font-size:12px;color:#D9CBFF;letter-spacing:.02em}
#smStories .ss-cta{position:absolute;left:18px;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:3;display:flex;justify-content:center}
#smStories .ss-cta button{border:0;border-radius:99px;background:#fff;color:#14102a;font-family:var(--display,'Sora',sans-serif);font-weight:800;font-size:14px;padding:14px 26px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#smStories .ss-hint{position:absolute;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:3;text-align:center;font-size:12px;font-weight:700;color:rgba(255,255,255,.45)}
@media(prefers-reduced-motion:reduce){#smStories .ss-stage{transition:none!important}}

/* "Tonight near you" bubble rail */
.ss-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}
.ss-rail::-webkit-scrollbar{display:none}
.ss-bub{flex:0 0 74px;text-align:center;border:0;background:none;color:var(--ink,#201A33);cursor:pointer;padding:0;font-family:var(--body,'Manrope',sans-serif);font-weight:700;font-size:12px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-bub .ring{display:block;width:66px;height:66px;border-radius:20px;padding:3px;margin:0 auto 5px;background:conic-gradient(var(--purple,#6C3FC5),#E3A93C,var(--purple,#6C3FC5))}
.ss-bub.seen .ring{background:var(--line,#E8E6EF)}
.ss-bub .av{width:100%;height:100%;border-radius:16px;border:3px solid var(--canvas,#F7F6FA);object-fit:cover;display:block;background:var(--surface,#fff)}
.ss-bub .av.glyph{display:flex;align-items:center;justify-content:center;font-family:var(--display,'Sora',sans-serif);font-weight:800;font-size:22px;color:var(--purple-deep,#57309C)}
.ss-rail-empty{font-size:13px;color:var(--ink-soft,#5C566F);padding:8px 2px}