/* ============================================================
   AIRDROP · SWIPE — "פוסטר לילה"
   שכבת עיצוב לעמוד ההחלקה בלבד (body.swx-body, scope .swx).
   שפה: הפלטה והטיפוגרפיה של האתר החי (public.css) - שחור עמוק,
   לבן, וגרדיאנט המותג ורוד→סגול→כחול. גופן Birzia בלבד.
   כל מסך הוא פלייר במסך מלא עם ספח כרטיס מנוקב;
   הרקע נצבע מהפלייר של הכרטיס הנוכחי.
   ============================================================ */

/* ── שורש + טוקנים ─────────────────────────────────────────── */
body.swx-body{
  margin:0;background:#0D0D0D;
  height:100%;overflow:hidden;overscroll-behavior:none;
  -webkit-tap-highlight-color:transparent;
}

.swx{
  --swx-void:#0D0D0D;
  --swx-surface:#181818;
  --swx-ink:#fff;
  --swx-dim:rgba(255,255,255,.72);
  --swx-mute:rgba(255,255,255,.55);
  --swx-line:rgba(255,255,255,.12);
  --swx-line-2:rgba(255,255,255,.18);
  /* מבטא שטוח לטקסט וקווים; הגרדיאנט למילויים - בדיוק כמו באתר */
  --swx-volt:#ff3cac;
  --swx-grad:linear-gradient(135deg,#ff3cac 0%,#7a4bff 50%,#2b86c5 100%);
  /* "שומרים" לובש את צבע המותג, "דלגו" נשאר נטול צבע */
  --swx-yes:#ff3cac;
  --swx-no:rgba(255,255,255,.86);
  --swx-info:#5ee7ff;
  --swx-num:'Birzia',system-ui,sans-serif;
  --swx-pad:clamp(15px,4.4vw,24px);

  /* מתעדכנים מ-JS תוך כדי גרירה (0..1) */
  --yes-p:0;
  --no-p:0;
  /* גוון המבטא של הכרטיס הנוכחי (נשאב מהפלייר) */
  --swx-glow:255,60,172;

  position:fixed;inset:0;z-index:1;
  display:grid;
  /* minmax(0,…) בשני הצירים: בלי זה יחס-הגובה של הערימה מנפח את העמודה
     ודוחף את כל המסך הצידה במסכים צרים */
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr) auto;
  color:var(--swx-ink);
  font-family:'Birzia',system-ui,sans-serif;
  padding:calc(env(safe-area-inset-top) + 8px) 0 calc(env(safe-area-inset-bottom) + 8px);
}

/* ── רקע אמביינטי: הפלייר הנוכחי, מטושטש ─────────────────── */
.swx__amb{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--swx-void);contain:layout paint}
.swx__amb-layer{
  position:absolute;inset:-14%;
  background:no-repeat 50% 42%/cover;
  filter:blur(60px) saturate(1.55) brightness(.6);
  transform:scale(1.2);
  opacity:0;transition:opacity .8s ease;
  will-change:opacity;
}
.swx__amb-layer.is-on{opacity:1}
.swx__amb-veil{
  position:absolute;inset:0;
  background:
    radial-gradient(115% 75% at 50% 8%, transparent 0%, rgba(13,13,13,.55) 58%, var(--swx-void) 100%),
    linear-gradient(180deg, rgba(13,13,13,.62) 0%, rgba(13,13,13,.30) 34%, rgba(13,13,13,.86) 100%);
}
.swx__amb-tint{
  position:absolute;inset:0;
  background:radial-gradient(90% 55% at 50% 42%, rgba(var(--swx-glow),.20), transparent 68%);
  transition:background .8s ease;
}
.swx__grain{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ── שטיפת מסך בזמן גרירה (במקום סטמפ בודד) ──────────────── */
.swx__wash{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen}
.swx__wash--yes{
  opacity:var(--yes-p);
  background:radial-gradient(78% 105% at 100% 50%, rgba(255,60,172,.46), transparent 66%);
}
.swx__wash--no{
  opacity:var(--no-p);
  background:radial-gradient(78% 105% at 0% 50%, rgba(255,255,255,.46), transparent 66%);
}

/* ── סרגל עליון ───────────────────────────────────────────── */
.swx__bar{
  position:relative;z-index:5;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:2px var(--swx-pad) 0;
}
.swx__brand{display:flex;align-items:center;gap:9px;min-width:0}
/* אותו טיפול כמו .logo__img באתר: הנכס הוא גליף לבן על שחור, invert הופך אותו לאריח מותג */
.swx__mark{width:30px;height:30px;flex:0 0 30px;object-fit:contain;border-radius:8px;filter:invert(1)}
.swx__wordmark{display:flex;flex-direction:column;line-height:1}
.swx__wordmark b{font-size:13px;font-weight:900;letter-spacing:.12em}
.swx__wordmark small{margin-top:3px;color:var(--swx-mute);font-size:9px;font-weight:700;letter-spacing:.2em}

.swx__segs{display:flex;gap:3px;align-items:center;justify-content:center;direction:ltr;min-width:0}
.swx__seg{
  flex:1 1 auto;height:3px;min-width:4px;max-width:34px;border-radius:99px;
  background:rgba(255,255,255,.16);overflow:hidden;
}
.swx__seg::after{
  content:'';display:block;height:100%;width:0;border-radius:inherit;
  background:var(--swx-grad);transition:width .35s ease;
}
.swx__seg.is-done::after{width:100%}
.swx__seg.is-now::after{width:100%;background:var(--swx-ink)}

.swx__bar-end{display:flex;align-items:center;gap:8px}
.swx__saved{
  display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:99px;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--swx-line);
  font-family:var(--swx-num);font-weight:900;font-size:14px;line-height:1;
  transition:transform .3s cubic-bezier(.2,1.6,.4,1),background .3s ease,box-shadow .3s ease;
}
.swx__saved[hidden]{display:none}
.swx__saved svg{width:14px;height:14px;fill:var(--swx-yes)}
.swx__saved.is-pop{
  transform:scale(1.22);
  background:rgba(255,60,172,.18);box-shadow:inset 0 0 0 1px rgba(255,60,172,.5);
}
.swx__exit{
  width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--swx-line);
  transition:background .18s ease,transform .18s ease;
}
.swx__exit:hover{background:rgba(255,255,255,.14);transform:scale(1.06)}
.swx__exit svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}

/* ── במה ──────────────────────────────────────────────────── */
.swx__stage{
  position:relative;z-index:4;min-height:0;min-width:0;
  /* פיזי: מסילת "דלגו" תמיד משמאל, "שומרים" מימין - כמו כיווני ההחלקה */
  direction:ltr;
  display:flex;align-items:center;justify-content:center;gap:clamp(18px,3.4vw,58px);
  padding:clamp(8px,2vh,18px) var(--swx-pad);
}
.swx__deck{
  direction:rtl;
  position:relative;flex:0 1 auto;min-width:0;
  height:100%;max-height:min(100%,660px);
  aspect-ratio:2/3;
  max-width:min(440px,100%);
  perspective:1400px;
}

/* ── כרטיס ────────────────────────────────────────────────── */
.swx__card{
  position:absolute;inset:0;
  border-radius:26px;overflow:hidden;
  background:#161618 no-repeat 50% 50%/cover;
  box-shadow:0 26px 64px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.10);
  transform-origin:50% 120%;
  transition:transform .5s cubic-bezier(.2,.9,.25,1), opacity .32s ease;
  will-change:transform,opacity;
  backface-visibility:hidden;
  touch-action:none;user-select:none;-webkit-user-select:none;
  cursor:grab;
}
.swx__card:active{cursor:grabbing}
.swx__card[hidden]{display:none}
/* בזמן גרירה - שום מעבר, ה-transform מגיע מ-JS פר פריים */
.swx__card.is-dragging{transition:none}

/* עומק הערימה - הכרטיסים שמאחור מציצים מלמעלה, כדי שהספח למטה יישאר נקי */
.swx__card.is-behind-1,
.swx__card.is-behind-2,
.swx__card.is-deep{transform-origin:50% 50%;pointer-events:none}
.swx__card.is-behind-1{transform:translate3d(0,-11px,0) scale(.955) rotate(-1.6deg)}
.swx__card.is-behind-2{transform:translate3d(0,-20px,0) scale(.915) rotate(2deg);opacity:.8}
.swx__card.is-deep{transform:translate3d(0,-26px,0) scale(.88);opacity:0;visibility:hidden}
/* הכרטיסים שמאחור נשארים אטומים כמו פליירים אמיתיים, אבל מוכהים ובלי טקסט -
   אחרת הכותרות שלהם מבצבצות דרך הכרטיס העליון בזמן ההחלקה */
.swx__card.is-behind-1 .swx__shot,
.swx__card.is-behind-2 .swx__shot,
.swx__card.is-deep .swx__shot{filter:brightness(.48) saturate(.8)}
.swx__card.is-behind-1 .swx__face,
.swx__card.is-behind-2 .swx__face,
.swx__card.is-deep .swx__face{opacity:0}
.swx__card.is-top{z-index:3}
.swx__card.is-flying{z-index:5;pointer-events:none}

.swx__shot{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.02);
}
.swx__veil{
  position:absolute;inset:0;
  background:linear-gradient(0deg,
    rgba(8,8,9,.97) 0%, rgba(8,8,9,.90) 22%, rgba(8,8,9,.55) 46%,
    rgba(8,8,9,.10) 70%, rgba(8,8,9,.34) 100%);
}
/* ברק שנע עם הגרירה */
.swx__glare{
  position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;
  background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,.12) 50%, transparent 70%);
}
.swx__card.is-top .swx__glare{opacity:calc(var(--yes-p) + var(--no-p))}

/* ── סטמפים ───────────────────────────────────────────────── */
.swx__stamp{
  position:absolute;top:clamp(16px,4.6vw,30px);z-index:6;pointer-events:none;opacity:0;
  padding:7px 15px 4px;border:3px solid;border-radius:9px;
  font-family:var(--swx-num);font-weight:900;font-size:clamp(19px,4.6vw,26px);line-height:1;letter-spacing:-.01em;
}
.swx__stamp--yes{
  left:clamp(16px,4.6vw,26px);color:var(--swx-yes);border-color:var(--swx-yes);
  text-shadow:0 0 22px rgba(255,60,172,.7);box-shadow:0 0 26px rgba(255,60,172,.28);
  transform:rotate(-13deg) scale(.72);
}
.swx__stamp--no{
  right:clamp(16px,4.6vw,26px);color:var(--swx-no);border-color:var(--swx-no);
  text-shadow:0 0 22px rgba(255,255,255,.7);box-shadow:0 0 26px rgba(255,255,255,.28);
  transform:rotate(13deg) scale(.72);
}
/* רק הכרטיס העליון מגיב לגרירה - אחרת הסטמפ מבצבץ גם מהכרטיסים שמאחור */
.swx__card.is-top .swx__stamp--yes{
  opacity:var(--yes-p);transform:rotate(-13deg) scale(calc(.72 + var(--yes-p) * .3));
}
.swx__card.is-top .swx__stamp--no{
  opacity:var(--no-p);transform:rotate(13deg) scale(calc(.72 + var(--no-p) * .3));
}

/* ── פני הכרטיס ───────────────────────────────────────────── */
.swx__face{
  position:absolute;left:0;right:0;bottom:0;z-index:4;
  padding:0 var(--swx-pad) clamp(12px,2.6vh,18px);
  transition:opacity .3s ease .06s;
}
.swx__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.swx__tag{
  padding:4px 9px 3px;border-radius:99px;background:rgba(11,11,12,.55);
  box-shadow:inset 0 0 0 1px var(--swx-line);
  font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--swx-dim);
}
.swx__tag--now{background:var(--swx-grad);color:#fff;box-shadow:none;font-weight:800}
.swx__title{
  font-size:clamp(27px,6.6vw,38px);font-weight:900;line-height:1.02;letter-spacing:-.02em;
  text-wrap:balance;
  /* מגבילים לשלוש שורות כדי שהספח תמיד יישאר במסגרת */
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.swx__where{
  margin-top:7px;display:flex;align-items:center;gap:6px;
  color:var(--swx-dim);font-size:13.5px;font-weight:500;
}
.swx__where svg{width:14px;height:14px;flex:0 0 14px;stroke:var(--swx-volt);fill:none;stroke-width:1.8}
.swx__where span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ספח הכרטיס - ניקוב + שלוש עמודות */
.swx__stub{
  position:relative;
  margin:13px calc(-1 * var(--swx-pad)) 0;
  padding:11px var(--swx-pad) 0;
  border-top:1.5px dashed var(--swx-line-2);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;
}
.swx__stub::before,.swx__stub::after{
  content:'';position:absolute;top:0;width:17px;height:17px;border-radius:50%;
  background:var(--swx-void);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}
.swx__stub::before{left:0;transform:translate(-50%,-50%)}
.swx__stub::after{right:0;transform:translate(50%,-50%)}
.swx__cell{display:flex;flex-direction:column;gap:3px;min-width:0;padding-inline:2px}
.swx__cell--mid{align-items:center;text-align:center;border-inline:1px dashed var(--swx-line)}
.swx__cell--end{align-items:flex-end;text-align:end}
.swx__num{
  font-family:var(--swx-num);font-weight:900;font-size:clamp(20px,4.8vw,26px);line-height:1;letter-spacing:-.02em;
  white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;
}
.swx__num--volt{
  background:linear-gradient(135deg,#ff3cac,#a24bff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.swx__lbl{
  font-size:9.5px;font-weight:700;letter-spacing:.07em;color:var(--swx-mute);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}

/* רמז "גררו למעלה" */
.swx__peek{
  margin-top:11px;width:100%;
  display:flex;align-items:center;justify-content:center;gap:7px;
  color:var(--swx-dim);font-size:12px;font-weight:700;
}
.swx__peek::before,.swx__peek::after{content:'';flex:1;height:1px;background:var(--swx-line)}
.swx__peek i{display:grid;place-items:center;animation:swx-bob 2.2s ease-in-out infinite}
.swx__peek svg{width:13px;height:13px;stroke:var(--swx-info);fill:none;stroke-width:2.2;stroke-linecap:round}
@keyframes swx-bob{0%,100%{transform:translateY(2px)}50%{transform:translateY(-2px)}}

/* ── הגיליון: "עוד על האירוע" בתוך אותו מסך ───────────────── */
.swx__sheet{
  position:absolute;inset:0;z-index:7;
  display:flex;flex-direction:column;
  transform:translateY(101%);visibility:hidden;
  transition:transform .42s cubic-bezier(.2,.9,.25,1),visibility 0s linear .42s;
  background:linear-gradient(180deg,
    rgba(11,11,12,.30) 0%, rgba(11,11,12,.86) 13%, #161618 30%, #111113 100%);
  touch-action:none;
}
.swx__card.is-open .swx__sheet{transform:none;visibility:visible;transition-delay:0s}
.swx__card.is-open{cursor:default}
.swx__grab{
  flex:0 0 auto;padding:9px 0 5px;display:grid;place-items:center;cursor:grab;
}
.swx__grab::before{content:'';width:40px;height:4px;border-radius:99px;background:var(--swx-line-2)}
.swx__scroll{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;
  padding:6px var(--swx-pad) calc(var(--swx-pad) + 4px);
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;
}
.swx__scroll::-webkit-scrollbar{width:3px}
.swx__scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:99px}

.swx__sheet-kicker{
  display:flex;align-items:center;gap:8px;margin-bottom:8px;
  color:var(--swx-volt);font-size:10.5px;font-weight:800;letter-spacing:.2em;
}
.swx__sheet-kicker::after{content:'';flex:1;height:1px;background:var(--swx-line)}
.swx__sheet-title{font-size:clamp(23px,5.4vw,30px);font-weight:900;line-height:1.06;letter-spacing:-.02em}
.swx__sheet-where{margin-top:6px;color:var(--swx-dim);font-size:13.5px}

.swx__lede{
  margin-top:14px;padding-inline-start:12px;border-inline-start:2px solid var(--swx-volt);
  color:var(--swx-ink);font-size:15px;line-height:1.5;font-weight:500;
}
.swx__body{margin-top:12px;color:var(--swx-dim);font-size:13.5px;line-height:1.62}
.swx__body p+p{margin-top:9px}

.swx__facts{
  margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:#181818;border:1px solid var(--swx-line);border-radius:12px;overflow:hidden;
}
/* הצללה חיצונית של תא ממלאת את המרווח, כך שמספר אי־זוגי של עובדות לא משאיר ריבוע ריק */
.swx__fact{
  background:#181818;box-shadow:0 0 0 1px var(--swx-line);
  padding:11px 12px;display:flex;flex-direction:column;gap:4px;min-width:0;
}
.swx__fact dt{font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--swx-mute)}
.swx__fact dd{margin:0;font-size:14px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}

.swx__sec{margin-top:18px}
.swx__sec-h{
  display:flex;align-items:center;gap:8px;margin-bottom:10px;
  font-size:10.5px;font-weight:800;letter-spacing:.2em;color:var(--swx-mute);
}
.swx__sec-h::after{content:'';flex:1;height:1px;background:var(--swx-line)}
.swx__lineup{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.swx__lineup::-webkit-scrollbar{display:none}
.swx__artist{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;
  padding-block:5px;padding-inline:5px 13px;border-radius:99px;
  background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--swx-line);
  font-size:12.5px;font-weight:700;white-space:nowrap;
  transition:background .18s ease,box-shadow .18s ease;
}
.swx__artist:hover{background:rgba(255,60,172,.12);box-shadow:inset 0 0 0 1px rgba(255,60,172,.4)}
.swx__artist img,.swx__artist .swx__avatar{
  width:28px;height:28px;flex:0 0 28px;border-radius:50%;object-fit:cover;background:#222;
}
.swx__avatar{
  display:grid;place-items:center;font-family:var(--swx-num);font-size:14px;
  color:#fff;background:var(--swx-grad);
}
.swx__chips{display:flex;flex-wrap:wrap;gap:6px}
.swx__chip{
  padding:5px 11px 4px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--swx-line);
  font-size:12px;font-weight:700;color:var(--swx-dim);
}

.swx__cta{margin-top:20px;display:grid;gap:9px}
.swx__btn{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  min-height:50px;padding:0 22px;border-radius:999px;
  font-size:15px;font-weight:900;letter-spacing:-.01em;
  transition:transform .16s ease,filter .16s ease;
}
.swx__btn:hover{transform:translateY(-2px)}
.swx__btn--primary{background:var(--swx-grad);color:#fff}
.swx__btn--primary:hover{filter:brightness(1.06)}
.swx__btn--ghost{color:var(--swx-ink);box-shadow:inset 0 0 0 1px var(--swx-line-2)}
.swx__btn--ghost:hover{background:rgba(255,255,255,.07)}
.swx__btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.swx__sheet-close{
  position:absolute;top:10px;inset-inline-end:12px;z-index:2;
  width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
  background:rgba(11,11,12,.6);box-shadow:inset 0 0 0 1px var(--swx-line);
  transition:background .18s ease;
}
.swx__sheet-close:hover{background:rgba(11,11,12,.9)}
.swx__sheet-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}

/* ── מסילות דסקטופ ────────────────────────────────────────── */
.swx__rail{
  flex:0 0 auto;align-self:center;z-index:4;
  display:none;grid-template-rows:auto auto;justify-items:center;gap:9px;
  color:var(--swx-mute);font-size:11px;font-weight:700;letter-spacing:.06em;
  transition:color .18s ease,transform .18s ease;
}
.swx__rail i{
  width:60px;height:60px;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--swx-line);
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.swx__rail svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.swx__rail--no:hover{color:var(--swx-no)}
.swx__rail--yes:hover{color:var(--swx-yes)}
.swx__rail:hover i{transform:scale(1.08);background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px currentColor}
.swx__rail--no i{transform:scale(calc(1 + var(--no-p) * .12))}
.swx__rail--yes i{transform:scale(calc(1 + var(--yes-p) * .12))}

/* ── סרגל פעולות ──────────────────────────────────────────── */
.swx__acts{
  position:relative;z-index:5;
  display:flex;align-items:center;justify-content:center;gap:clamp(13px,4.4vw,20px);
  padding:clamp(4px,1.4vh,10px) var(--swx-pad) 0;
  /* פיזי ולא לוגי: "דלגו" תמיד משמאל ו"שומרים" תמיד מימין, כמו כיווני ההחלקה */
  direction:ltr;
}
.swx__act{
  position:relative;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--swx-line);
  color:var(--swx-ink);
  transition:transform .2s cubic-bezier(.2,1.4,.4,1),background .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.swx__act svg{stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.swx__act--sm{width:44px;height:44px;color:var(--swx-mute)}
.swx__act--sm svg{width:19px;height:19px}
.swx__act--lg{width:clamp(58px,15vw,66px);height:clamp(58px,15vw,66px)}
.swx__act--lg svg{width:26px;height:26px}
.swx__act:hover{transform:scale(1.09);background:rgba(255,255,255,.12)}
.swx__act[disabled]{opacity:.3;pointer-events:none}

.swx__act--no{color:var(--swx-no);transform:scale(calc(1 + var(--no-p) * .18))}
.swx__act--no:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 26px rgba(255,255,255,.22)}
.swx__act--yes{color:#fff;background:var(--swx-grad);box-shadow:0 8px 26px rgba(255,60,172,.34);transform:scale(calc(1 + var(--yes-p) * .18))}
.swx__act--yes svg{fill:#fff;stroke:none}
.swx__act--yes:hover{background:var(--swx-grad);filter:brightness(1.1);box-shadow:0 10px 34px rgba(255,60,172,.48)}
.swx__act--info{color:var(--swx-info)}
.swx__act--info:hover{box-shadow:inset 0 0 0 1px rgba(94,231,255,.5)}

.swx__hint{
  position:relative;z-index:5;
  display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  padding:9px var(--swx-pad) 0;
  color:var(--swx-mute);font-size:11px;font-weight:600;
}
.swx__hint b{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.swx__key{
  display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:5px;
  background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--swx-line);
  color:var(--swx-dim);font-size:11px;line-height:1;
}

/* ── מסך סיום ─────────────────────────────────────────────── */
.swx__end{
  position:absolute;inset:0;z-index:8;
  display:flex;flex-direction:column;
  border-radius:20px;overflow:hidden;
  background:linear-gradient(165deg,#181818,#111113);
  box-shadow:inset 0 0 0 1px var(--swx-line);
  animation:swx-rise .42s cubic-bezier(.2,.9,.25,1) both;
}
@keyframes swx-rise{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
/* בסיום אין מה להחליק - הסרגלים מתפוגגים ומפנים מקום לסיכום */
.swx.is-done .swx__acts,
.swx.is-done .swx__hint,
.swx.is-done .swx__rail{opacity:0;pointer-events:none;transition:opacity .3s ease}
.swx__end-head{padding:var(--swx-pad) var(--swx-pad) 12px;flex:0 0 auto}
.swx__end-count{
  font-family:var(--swx-num);font-weight:900;font-size:58px;line-height:.9;letter-spacing:-.03em;
  background:var(--swx-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.swx__end-head h2{margin-top:10px;font-size:24px;font-weight:900;line-height:1.1;letter-spacing:-.02em}
.swx__end-head p{margin-top:6px;color:var(--swx-mute);font-size:13px}
.swx__end-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--swx-pad);display:grid;gap:7px;align-content:start}
.swx__saved-row{
  display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;
  padding:7px;border-radius:12px;background:rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px var(--swx-line);
  transition:background .16s ease;
}
.swx__saved-row:hover{background:rgba(255,60,172,.1)}
.swx__saved-row img{width:46px;height:46px;border-radius:9px;object-fit:cover;background:#222}
.swx__saved-row b{font-size:13.5px;font-weight:800;line-height:1.2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swx__saved-row small{color:var(--swx-mute);font-size:11px}
.swx__saved-row svg{width:16px;height:16px;stroke:var(--swx-volt);fill:none;stroke-width:2;stroke-linecap:round}
.swx__end-foot{flex:0 0 auto;padding:12px var(--swx-pad) var(--swx-pad);display:grid;gap:8px}

/* ── מדריך פתיחה ──────────────────────────────────────────── */
.swx__coach{
  position:absolute;inset:0;z-index:20;
  display:grid;place-items:center;padding:26px;
  background:rgba(6,6,7,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  animation:swx-fade .3s ease both;
}
.swx__coach[hidden]{display:none}
@keyframes swx-fade{from{opacity:0}to{opacity:1}}
.swx__coach-in{width:min(340px,100%);text-align:center}
.swx__coach h2{font-size:26px;font-weight:900;line-height:1.1;letter-spacing:-.02em}
.swx__coach-rows{margin:20px 0 22px;display:grid;gap:11px;text-align:start}
.swx__coach-row{
  display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;
  padding:11px 13px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--swx-line);
}
.swx__coach-row i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07)}
.swx__coach-row svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.swx__coach-row b{display:block;font-size:14px;font-weight:800}
.swx__coach-row span{display:block;color:var(--swx-mute);font-size:12px;margin-top:2px}
.swx__coach-row--no i{color:var(--swx-no)}
.swx__coach-row--yes i{color:var(--swx-yes)}
.swx__coach-row--up i{color:var(--swx-info)}

/* ── דסקטופ: במה קולנועית ─────────────────────────────────── */
@media (min-width:1000px){
  .swx{padding:16px 0 18px}
  .swx__rail{display:grid}
  .swx__hint{padding-top:11px}
  .swx__card{border-radius:22px}
  /* בדסקטופ יש מקום - הערימה נפרשת לשני הצדדים כמו ערימת פליירים אמיתית */
  .swx__card.is-behind-1{transform:translate3d(-15px,-14px,0) scale(.955) rotate(-4.5deg)}
  .swx__card.is-behind-2{transform:translate3d(17px,-25px,0) scale(.915) rotate(5deg);opacity:.8}
  .swx__card.is-deep{transform:translate3d(0,-31px,0) scale(.88)}
}
@media (min-width:1000px) and (pointer:fine){
  /* עם מקלדת ועכבר הכפתורים הקטנים מיותרים פחות - שומרים על סרגל צר */
  .swx__acts{gap:22px}
}

/* ── מובייל: הכרטיס הוא המסך ──────────────────────────────── */
@media (max-width:640px){
  .swx{--swx-pad:16px;padding-top:calc(env(safe-area-inset-top) + 6px)}
  .swx__stage{padding:8px 10px}
  .swx__deck{max-width:100%;max-height:100%}
  .swx__hint{display:none}
  .swx__wordmark small{display:none}
  .swx__acts{gap:16px;padding-top:8px}
}
@media (max-width:640px) and (max-height:700px){
  .swx__peek{margin-top:8px}
  .swx__title{-webkit-line-clamp:2}
}

/* ── נגישות ───────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .swx *,.swx *::before,.swx *::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.12s !important;
  }
  .swx__amb-layer{filter:blur(60px) saturate(1.3) brightness(.6)}
}
.swx :focus-visible{outline:2px solid var(--swx-volt);outline-offset:3px;border-radius:8px}
.swx__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}