/* ShareCardLink – tap the card logo: mark, owner menu, protected preview (scl_logo_view.js) */
.slv-mark { position: absolute; z-index: 5; transform: translateX(-50%); width: 30px; height: 22px; border: 0; padding: 0; cursor: pointer; background: none;
  display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.slv-mark svg { width: 28px; height: 28px; overflow: visible; filter: drop-shadow(0 0 1.2px #fff) drop-shadow(0 0 1.2px #fff) drop-shadow(0 2px 4px rgba(0, 0, 0, .35)); }   /* just the eye (PNG look), a thin white edge keeps it visible on dark logos */
.slv-mark:active { transform: translateX(-50%) scale(.9); }
.slv-guard { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
.slv-menu { position: fixed; transform: translateX(-50%); z-index: 2147483250; display: flex; flex-direction: column; min-width: 190px; padding: 6px; border-radius: 16px;
  background: #15161f; box-shadow: 0 14px 34px rgba(0, 0, 0, .45); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; animation: slvIn .16s ease-out; }
.slv-menu button { font-family: inherit; border: 0; background: none; color: #f3f4f8; text-align: left; padding: 12px 14px; border-radius: 11px; font-size: 15px; font-weight: 600; cursor: pointer; }
.slv-menu button:active, .slv-menu button:hover { background: rgba(255, 255, 255, .08); }
@keyframes slvIn { from { opacity: 0; transform: translate(-50%, -6px); } }
.slv-view { position: fixed; inset: 0; z-index: 2147483300; display: flex; flex-direction: column; background: rgba(6, 7, 14, .94); opacity: 0; pointer-events: none; transition: opacity .2s;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.slv-view.on { opacity: 1; pointer-events: auto; }
.slv-view.guard { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.slv-view.guard canvas { pointer-events: none; }
.slv-view.hid canvas { visibility: hidden; }
.slv-top { display: flex; align-items: center; justify-content: space-between; padding: calc(12px + env(safe-area-inset-top, 0px)) 16px 8px; color: #aab0c0; font-size: 13px; font-weight: 600; }
.slv-x { width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .12); color: #fff; font-size: 17px; cursor: pointer; }
.slv-stage { flex: 1; display: flex; align-items: center; justify-content: center; padding: 10px 20px; }
.slv-stage canvas { border-radius: 22px; box-shadow: 0 20px 50px rgba(0, 0, 0, .5); background: rgba(255, 255, 255, .03); }
.slv-name { text-align: center; color: #fff; font-size: 16px; font-weight: 700; padding: 6px 16px calc(28px + env(safe-area-inset-bottom, 0px)); }
.slv-toast { position: fixed; left: 50%; bottom: calc(100px + env(safe-area-inset-bottom, 0px)); transform: translate(-50%, 10px); z-index: 2147483301; padding: 10px 16px; border-radius: 12px;
  background: #fff; color: #12131c; font: 600 13.5px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; opacity: 0; transition: .2s; pointer-events: none; }
.slv-toast.on { opacity: 1; transform: translate(-50%, 0); }
html.slv-lock, html.slv-lock body { overflow: hidden; }