.lua-stories-bar,.lua-story-viewer{display:none}
@media(max-width:760px){
  .lua-stories-bar{position:fixed;z-index:49;top:70px;left:0;right:0;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:10px 14px 12px;background:transparent;transition:background-color .3s ease,box-shadow .3s ease}
  .lua-stories-bar::-webkit-scrollbar{display:none}
  .lua-stories-bar.is-scrolled{background:rgba(8,8,7,.97);box-shadow:0 8px 20px #0002}
  .collection-page .lua-stories-bar{position:sticky;top:70px}
  .lua-story-circle{flex:0 0 78px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--gold);font-family:Montserrat,Arial,sans-serif;cursor:pointer;scroll-snap-align:start}
  .lua-story-ring{width:64px;height:64px;display:block;flex:none;overflow:hidden;padding:3px;border:1.5px solid var(--gold);border-radius:50%;background:var(--ivory)}
  .lua-story-ring img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 28%}
  .lua-story-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;text-shadow:0 1px 4px #08080777;font-size:10px;letter-spacing:.2px}
  .collection-page .lua-story-label{text-shadow:none}
  .lua-stories-bar.is-scrolled .lua-story-label{text-shadow:none}
  .lua-story-circle:focus-visible,.lua-story-viewer button:focus-visible,.lua-story-links a:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}
  .lua-story-open{overflow:hidden}
  .lua-story-viewer:not([hidden]){position:fixed;z-index:200;inset:0;display:grid;place-items:center;background:#080807}
  .lua-story-frame{position:relative;width:min(100%,480px);height:100dvh;overflow:hidden;background:#17130f;color:#fff;touch-action:none;user-select:none}
  .lua-story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-drag:none}
  .lua-story-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#080807ae,transparent 28%,transparent 52%,#080807db 86%,#080807f5)}
  .lua-story-top{position:absolute;z-index:2;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 13px) 15px 0}
  .lua-story-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .lua-story-progress span{height:3px;overflow:hidden;border-radius:4px;background:#ffffff77}
  .lua-story-progress i{display:block;width:100%;height:100%;background:var(--gold-soft);transform:scaleX(0);transform-origin:left center}
  .lua-story-progress .complete i{transform:scaleX(1)}
  .lua-story-heading{display:flex;align-items:center;gap:10px;margin-top:15px;color:var(--gold-soft);font-size:11px;letter-spacing:1.6px;text-transform:uppercase}
  .lua-story-category{margin-right:auto}
  .lua-story-count{letter-spacing:.4px}
  .lua-story-close,.lua-story-pause{display:grid;width:34px;height:34px;flex:none;place-items:center;border:0;background:transparent;color:var(--gold-soft);cursor:pointer}
  .lua-story-close{font:300 30px/1 Arial,sans-serif}
  .lua-story-pause svg{width:19px;height:19px;fill:currentColor}
  .lua-story-bottom{position:absolute;z-index:2;right:18px;bottom:calc(env(safe-area-inset-bottom) + 24px);left:18px}
  .lua-story-name{margin:0 0 18px;font:400 clamp(25px,7vw,38px)/1.1 Italiana,Georgia,serif;text-shadow:0 2px 8px #0009}
  .lua-story-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .lua-story-links a{display:grid;min-height:48px;place-items:center;padding:7px 9px;border:1px solid var(--gold);background:#080807d9;color:var(--gold-soft);font-size:10px;letter-spacing:.8px;text-align:center;text-decoration:none;text-transform:uppercase}
  .lua-story-links a:active{background:var(--gold);color:var(--black)}
}