/* Dorax Finance — the owner's wins in the v6 look (v404; features/phone/r6-wins.js, r6-win-share.js; the canvas "Logros-V6", "Vacio-Logros-V6",
   "Logro-compartir-V6"). The page's black #070808, cards #121414 with the rim, text #EFF1F6, lime #9FD182 for the main button and what is won,
   muted white #D9DCE1 for what is chosen, Apple's green for a switch that is on. The moment itself: look-r6-win-moment.css. */
@media (max-width: 920px) {
  /* ---------- Your wins ---------- */
  :root.land #overlay .r6-wins { display: flex; flex-direction: column; padding-bottom: 28px; }
  :root.land #overlay .drawer:has(> .body.r6-wins) .r6-go svg { flex: none; width: 19px; height: 19px; stroke-width: 2.2; }
  :root.land #overlay .r6w-top { display: flex; flex-direction: column; margin-top: 6px; }
  :root.land #overlay .r6w-top > span:first-child { display: flex; align-items: baseline; gap: 8px; }
  :root.land #overlay .r6w-top b { color: #EFF1F6; font-size: 52px; font-weight: 300; line-height: 1; letter-spacing: -.045em; }
  :root.land #overlay .r6w-top b.none { color: rgba(239, 241, 246, .42); }
  :root.land #overlay .r6w-top > span:first-child > span { color: rgba(239, 241, 246, .6); font-size: 17px; }
  :root.land #overlay .r6w-meter { display: block; height: 8px; margin-top: 16px; overflow: hidden; border-radius: 4px; background: rgba(239, 241, 246, .08); }
  :root.land #overlay .r6w-meter i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #9FD182, #C9EDB0); animation: r6w-meter 1.1s cubic-bezier(.2, .9, .25, 1) .15s both; }
  :root.land #overlay .r6w-meter.none { height: 14px; margin-top: 18px; box-sizing: border-box; border: 1.5px dashed rgba(239, 241, 246, .18); border-radius: 7px; background: none; }
  :root.land #overlay .r6w-meter.none i { display: none; }
  @keyframes r6w-meter { from { width: 0; } }
  :root.land #overlay .r6w-top small { margin-top: 12px; color: rgba(239, 241, 246, .55); font-size: 13.5px; }
  :root.land #overlay .r6w-sec { margin-top: 32px; }
  :root.land #overlay .r6w-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
  :root.land #overlay .r6w-h h3 { margin: 0; color: #EFF1F6; font-size: 18px; font-weight: 500; letter-spacing: -.02em; }
  :root.land #overlay .r6w-h small { color: rgba(239, 241, 246, .55); font-size: 14px; }
  /* a family's card: the rim; at none, one dashed card */
  :root.land #overlay :is(.r6w-list, .r6w-free) { display: flex; flex-direction: column; margin: 0; padding: 4px 16px; list-style: none; border-radius: 28px; border: 1px solid transparent;
    background: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 55%) padding-box, linear-gradient(#121414, #121414) padding-box, linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05) 30%, rgba(255, 255, 255, .025) 70%, rgba(255, 255, 255, .06)) border-box; }
  :root.land #overlay .r6w-list.none { padding: 0 18px 0 14px; border: 1.5px dashed rgba(239, 241, 246, .14); border-radius: 30px; background: none; }
  :root.land #overlay .r6w-row { display: flex; align-items: center; gap: 14px; min-height: 78px; animation: r6w-in .42s cubic-bezier(.2, .9, .25, 1) both; }
  :root.land #overlay .r6w-row + .r6w-row { box-shadow: inset 0 1px 0 rgba(239, 241, 246, .07); }
  :root.land #overlay .r6w-list.none .r6w-row { min-height: 72px; }
  :root.land #overlay .r6w-list.none .r6w-row + .r6w-row { box-shadow: none; border-top: 1px dashed rgba(239, 241, 246, .09); }
  :root.land #overlay .r6w-wk { min-height: 92px; animation: none; }
  @keyframes r6w-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  :root.land #overlay .r6w-med { flex: none; display: grid; place-items: center; width: 64px; height: 64px; }
  :root.land #overlay .r6w-list.none .r6w-med { width: 52px; }
  /* v431 (owner, 2026-10-31: "las monedas de Logros siguen con el tranque, los días de libertad se ven fluidos"): the coins turned in 3D
     (rotateY under a perspective), which a phone redraws frame by frame on an SVG; the same turn is now drawn flat, its width following the
     turn's cosine, sampled along the old easing (linear between the steps), as the suns' rise always was */
  :root.land #overlay .r6w-med.lit > svg { animation: r6w-lit .7s linear both; animation-delay: inherit; }
  @keyframes r6w-lit { 0% { opacity: 0; transform: scale(-0.517, 0.55); } 2% { opacity: 0.089; transform: scale(-0.59, 0.59); } 4% { opacity: 0.177; transform: scale(-0.607, 0.63); } 6% { opacity: 0.262; transform: scale(-0.564, 0.668); } 8% { opacity: 0.343; transform: scale(-0.466, 0.704); } 10% { opacity: 0.418; transform: scale(-0.328, 0.738); } 12% { opacity: 0.488; transform: scale(-0.166, 0.769); } 16% { opacity: 0.607; transform: scale(0.161, 0.823); } 20% { opacity: 0.699; transform: scale(0.43, 0.865); } 24% { opacity: 0.769; transform: scale(0.621, 0.896); } 32% { opacity: 0.863; transform: scale(0.833, 0.938); } 40% { opacity: 0.917; transform: scale(0.923, 0.963); } 48% { opacity: 0.951; transform: scale(0.963, 0.978); } 56% { opacity: 0.971; transform: scale(0.982, 0.987); } 64% { opacity: 0.984; transform: scale(0.991, 0.993); } 72% { opacity: 0.992; transform: scale(0.996, 0.996); } 80% { opacity: 0.997; transform: scale(0.998, 0.998); } 88% { opacity: 0.999; transform: scale(1, 1); } 96% { opacity: 1; transform: scale(1, 1); } 100% { opacity: 1; transform: scale(1, 1); } }
  :root.land #overlay .r6w-row.now .r6w-med > svg { border-radius: 50%; animation: r6w-now 2.6s ease-in-out 1.1s infinite; }
  @keyframes r6w-now { 0%, 100% { box-shadow: 0 0 0 0 rgba(217, 220, 225, 0); } 50% { box-shadow: 0 0 0 6px rgba(217, 220, 225, .12); } }
  :root.land #overlay .r6w-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.land #overlay .r6w-t b { color: rgba(239, 241, 246, .7); font-size: 15px; font-weight: 500; line-height: 1.3; }
  :root.land #overlay .r6w-row:is(.on, .now) .r6w-t b, :root.land #overlay .r6w-fr .r6w-t b { color: #EFF1F6; }
  :root.land #overlay .r6w-list.none .r6w-t b { color: rgba(239, 241, 246, .62); font-size: 13.5px; font-weight: 500; }
  :root.land #overlay .r6w-list.none .r6w-row.now .r6w-t b { color: #EFF1F6; }
  :root.land #overlay .r6w-t small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.35; }
  :root.land #overlay .r6w-day { flex: none; padding: 3px 9px; border-radius: 999px; background: rgba(239, 241, 246, .06); color: rgba(239, 241, 246, .5); font-size: 11.5px; font-weight: 600; white-space: nowrap; }
  :root.land #overlay .r6w-row.now .r6w-day { background: #D9DCE1; color: #101212; }
  :root.land #overlay .r6w-sh { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.land #overlay .r6w-sh svg { stroke-width: 2; }
  :root.land #overlay .r6w-sh:focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  /* days of freedom: the four suns side by side, then each reached one with its day */
  :root.land #overlay .r6w-free { padding: 20px 12px 4px; }
  :root.land #overlay .r6w-suns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin: 0 0 14px; padding: 0; list-style: none; }
  :root.land #overlay .r6w-sun { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
  :root.land #overlay .r6w-sm { display: flex; align-items: flex-end; justify-content: center; height: 76px; }
  :root.land #overlay .r6w-sm.lit > svg { animation: r6w-dawn .8s cubic-bezier(.2, .9, .25, 1) both; animation-delay: inherit; }
  @keyframes r6w-dawn { from { opacity: 0; transform: translateY(8px) scale(.9); } to { opacity: 1; transform: none; } }
  :root.land #overlay .r6w-sun b { color: rgba(239, 241, 246, .62); font-size: 14px; font-weight: 500; }
  :root.land #overlay .r6w-sun.on b { color: #EFF1F6; }
  :root.land #overlay .r6w-sun small { color: rgba(239, 241, 246, .5); font-size: 12.5px; text-align: center; }
  :root.land #overlay .r6w-got { display: flex; flex-direction: column; margin: 0; padding: 0 4px; list-style: none; }
  /* v426: a won one is a button that opens its moment again (the share button stays beside it) */
  :root.land #overlay .r6w-open { all: unset; box-sizing: border-box; cursor: pointer; flex: 1 1 auto; min-width: 0; align-self: stretch; display: flex; align-items: center; gap: 14px; border-radius: 18px; -webkit-tap-highlight-color: transparent; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
  :root.land #overlay .r6w-open:active { transform: scale(.975); }
  :root.land #overlay .r6w-open:focus-visible { outline: 2px solid #9FD182; outline-offset: 2px; }
  :root.land #overlay .r6w-open.sun { flex-direction: column; justify-content: flex-start; gap: 6px; width: 100%; padding-bottom: 4px; }
  /* back from a moment: the list as it was, nothing coming in again */
  :root.land #overlay .r6-wins.still :is(.r6w-meter i, .r6w-row, .r6w-med.lit > svg, .r6w-sm.lit > svg) { animation: none; }
  :root.land #overlay .r6w-fr { min-height: 72px; box-shadow: inset 0 1px 0 rgba(239, 241, 246, .07); }
  /* at none: what comes, each family its faint silhouette */
  :root.land #overlay .r6w-sils { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  :root.land #overlay .r6w-sil { display: flex; flex-direction: column; align-items: center; gap: 8px; }
  :root.land #overlay .r6w-sil > span { display: flex; align-items: flex-end; justify-content: center; height: 64px; opacity: .8; }
  :root.land #overlay .r6w-sil small { color: rgba(239, 241, 246, .45); font-size: 12px; text-align: center; }

  /* ---------- a win's image to share ---------- */
  :root.land #overlay .r6ls { position: fixed; inset: 0; z-index: 70; display: flex; flex-direction: column; background: #070808; color: #EFF1F6; animation: r6ls-in .3s cubic-bezier(.2, .9, .25, 1) both; }
  @keyframes r6ls-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
  :root:is(.ov-r6la, #pm-0) #r6-foot { visibility: hidden; }
  :root.land #overlay .r6ls-top { flex: none; display: flex; align-items: center; gap: 10px; padding: calc(16px + var(--safe-t, 0px)) 16px 0; }
  :root.land #overlay .r6ls-top h1 { flex: 1 1 auto; margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; outline: none; }
  :root.land #overlay .r6ls-x { all: unset; box-sizing: border-box; cursor: pointer; flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.land #overlay .r6ls-stage { flex: 1 1 auto; min-height: 0; display: grid; place-items: center; padding: 16px 16px 12px; }
  :root.land #overlay .r6ls-card { overflow: hidden; border-radius: 28px; background: #0B0D0C; box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12), 0 30px 60px -22px rgba(0, 0, 0, .95);
    transition: width .45s cubic-bezier(.32, .72, 0, 1), height .45s cubic-bezier(.32, .72, 0, 1), border-radius .45s cubic-bezier(.32, .72, 0, 1); }
  :root.land #overlay .r6ls-card.story { width: min(220px, calc((100dvh - 420px) * .5627)); height: min(391px, calc(100dvh - 420px)); }
  :root.land #overlay .r6ls-card.square { width: min(300px, calc(100vw - 64px), calc(100dvh - 420px)); height: min(300px, calc(100vw - 64px), calc(100dvh - 420px)); border-radius: 24px; }
  :root.land #overlay .r6ls-card > svg { display: block; width: 100%; height: 100%; }
  :root.land #overlay .r6ls-opts { flex: none; display: flex; flex-direction: column; gap: 14px; padding: 0 16px; }
  :root.land #overlay .r6ls-seg { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 999px; background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
  :root.land #overlay .r6ls-seg > i { position: absolute; top: 3px; bottom: 3px; left: calc(3px + var(--at, 0) * (100% - 6px) / 2); width: calc((100% - 6px) / 2); border-radius: 999px; background: #D9DCE1; transition: left .32s cubic-bezier(.3, 1.2, .5, 1); }
  :root.land #overlay .r6ls-seg button { all: unset; position: relative; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border-radius: 999px; color: rgba(239, 241, 246, .62); font-size: 14px; font-weight: 500; transition: color .25s; }
  :root.land #overlay .r6ls-seg button[aria-checked="true"] { color: #101212; }
  :root.land #overlay .r6ls-fig { display: flex; align-items: center; gap: 14px; min-height: 60px; }
  :root.land #overlay .r6ls-fig > span { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.land #overlay .r6ls-fig b { color: #EFF1F6; font-size: 15px; font-weight: 500; }
  :root.land #overlay .r6ls-fig small { color: rgba(239, 241, 246, .55); font-size: 13px; line-height: 1.35; }
  :root.land #overlay .r6ls-sw { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; flex: none; display: flex; align-items: center; width: 52px; height: 44px; }
  :root.land #overlay .r6ls-sw > span { display: flex; align-items: center; width: 52px; height: 32px; padding: 3px; box-sizing: border-box; border-radius: 999px; background: rgba(239, 241, 246, .16); transition: background-color .25s ease; }
  :root.land #overlay .r6ls-sw i { display: block; width: 26px; height: 26px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 2px 6px rgba(0, 0, 0, .35); transition: transform .3s cubic-bezier(.2, .9, .3, 1.25); }
  :root.land #overlay .r6ls-sw[aria-checked="true"] > span { background: #30D158; }
  :root.land #overlay .r6ls-sw[aria-checked="true"] i { transform: translateX(20px); }
  :root.land #overlay .r6ls-acts { flex: none; display: flex; gap: 10px; padding: 18px 20px calc(28px + var(--safe-b, 0px)); }
  :root.land #overlay .r6ls-acts button { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; gap: 8px; height: 54px; border-radius: 999px; font-size: 15px; font-weight: 500; white-space: nowrap; }
  :root.land #overlay .r6ls-acts .r6ls-save { flex: none; padding: 0 17px 0 14px; background: rgba(26, 29, 29, .92); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14), 0 8px 22px rgba(0, 0, 0, .45); color: #EFF1F6; }
  :root.land #overlay .r6ls-acts .r6ls-send { flex: 1 1 auto; min-width: 0; padding: 0 16px; background: #9FD182; box-shadow: 0 8px 22px rgba(0, 0, 0, .45); color: #101212; font-size: 16px; }
  :root.land #overlay .r6ls-acts svg { flex: none; stroke-width: 2.1; }
  :root.land #overlay :is(.r6ls-x, .r6ls-seg button, .r6ls-sw, .r6ls-acts button):focus-visible { outline: 2px solid #9FD182; outline-offset: 3px; }
  @media (max-width: 359px) { :root.land #overlay .r6ls-acts .r6ls-save { width: 54px; padding: 0; } :root.land #overlay .r6ls-save span { display: none; } }      /* a narrow phone: Save as its icon, its name for a screen reader */

  @media (prefers-reduced-motion: reduce) {
    :root.land #overlay :is(.r6w-meter i, .r6w-row, .r6w-med.lit > svg, .r6w-row.now .r6w-med > svg, .r6w-sm.lit > svg, .r6ls) { animation: none; }
    :root.land #overlay :is(.r6ls-card, .r6ls-seg > i, .r6ls-sw > span, .r6ls-sw i) { transition: none; }
  }
}
/* v450: the share image leaves as it came, a short fade down (before, it vanished) */
@media (max-width: 920px) { :root.land #overlay.out .r6ls { animation: r6ls-out .2s ease-in both; } }
@keyframes r6ls-out { to { opacity: 0; transform: translateY(12px); } }