/* הזרימה הפשוטה (js/screens/simple.js) - על הטוקנים של style.css, לפי artifacts/redesign/mockup.html */
.sx { min-height:calc(100dvh - 120px); gap:12px; position:relative; }
.sx .g { color:var(--green); } .sx .r { color:var(--red); } .sx .y { color:var(--gold); } .sx .m { color:var(--mut); }
.sx-top { display:flex; align-items:center; gap:10px; padding-inline-end:36px; }
.sx-live { background:var(--red); border-radius:99px; padding:3px 10px; font-size:12px; font-weight:800; }
.sx-live::before { content:'● '; }
.sx-step { margin-inline-start:auto; font-size:13px; color:var(--mut); }
.sx-meter { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:12px; }
.sx-mtop { display:flex; align-items:baseline; gap:8px; }
.sx-big { font-size:40px; line-height:1; }
.sx-mtop .m { font-size:14px; }
.sx-bar { position:relative; height:16px; background:var(--bg2); border-radius:99px; margin-top:8px; }
.sx-fill { height:100%; border-radius:99px; background:linear-gradient(90deg,var(--gold),#ffb020); transition:width .6s ease; }
.sx-fill.ok { background:linear-gradient(90deg,#24b866,var(--green)); }
.sx-mark { position:absolute; top:-5px; bottom:-5px; right:50.83%; width:3px; background:#fff; border-radius:2px; }
.sx-mark::after { content:'61'; position:absolute; top:-16px; left:-6px; font-size:10px; color:#fff; font-weight:800; }
.sx-body { display:flex; flex-direction:column; gap:12px; }
.sx-mid { justify-content:center; min-height:60dvh; }
.sx-q { font-size:24px; font-weight:800; line-height:1.25; text-align:center; padding:4px; }
.sx-q small { display:block; font-size:14px; font-weight:400; color:var(--mut); margin-top:6px; }
.sx-title { font-family:'Secular One','Heebo',sans-serif; font-size:40px; }
.sx-ch { display:flex; align-items:center; gap:12px; width:100%; text-align:start; color:var(--ink); font:inherit; background:var(--card2); border:1.5px solid var(--line); border-radius:18px; padding:14px; min-height:78px; cursor:pointer; }
.sx-ch.rec { border-color:var(--gold); box-shadow:0 0 0 3px rgba(255,209,102,.15); }
.sx-ch:active { transform:scale(.98); }
.sx-ch.sm { min-height:56px; padding:8px 12px; }
.sx-ic { flex:0 0 48px; height:48px; border-radius:50%; display:grid; place-items:center; font-size:24px; background:var(--bg2); border:2px solid var(--line); }
.sx-ch .face, .sx-pt .face, .sx-demand .face { border-radius:50%; object-fit:cover; border:2px solid var(--pc,var(--line)); flex:none; }
.sx-t { display:block; font-size:18px; font-weight:600; }
.sx-c { display:block; font-size:14px; font-weight:800; margin-top:3px; }
.sx-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.sx-pt { background:var(--card2); border:1.5px solid var(--line); border-radius:16px; padding:10px 4px; text-align:center; color:var(--ink); font:inherit; display:flex; flex-direction:column; align-items:center; gap:4px; }
.sx-pt b { font-size:13px; line-height:1.2; }
.sx-pt .num { font-size:14px; }
button.sx-pt { cursor:pointer; }
.sx-pt.in { border-color:var(--green); } .sx-pt.ask { border-color:var(--gold); } .sx-pt.no { opacity:.4; }
.sx-pt.rec { box-shadow:0 0 0 3px rgba(255,209,102,.25); }
.sx-cta { background:var(--card2); color:var(--ink); border:1.5px solid var(--line); text-align:center; font:800 18px 'Rubik'; border-radius:16px; padding:16px; cursor:pointer; width:100%; }
.sx-cta.gold { background:var(--gold); color:#2a1d00; border:0; }
.sx-tip { background:var(--card); border:1px dashed var(--gold); border-radius:14px; padding:10px 12px; font-size:13px; color:var(--mut); text-align:center; }
.sx-toast { text-align:center; font-weight:800; color:var(--gold); }
.sx-demand { background:linear-gradient(160deg,#1c2850,#111a30); border:2px solid var(--gold); border-radius:22px; padding:18px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:4px; }
.sx-who { font-size:14px; color:var(--mut); }
.sx-what { font-size:26px; font-weight:800; }
.sx-ask { font-size:15px; color:var(--body,#d3d8ea); }
.sx-btns { display:grid; grid-template-columns:repeat(auto-fit,minmax(0,1fr)); gap:8px; }
.sx-b { border-radius:14px; padding:14px 4px; text-align:center; font:800 15px 'Rubik'; color:var(--ink); background:var(--card2); border:1.5px solid var(--line); cursor:pointer; }
.sx-b small { display:block; font-weight:400; font-size:12px; margin-top:3px; }
.sx-b.ok { background:var(--green); color:#04210f; border:0; }
.sx-boom { font-size:64px; text-align:center; animation:in .5s ease both; }
.sx-help { position:absolute; top:0; left:0; width:30px; height:30px; border-radius:50%; border:1px solid var(--line); background:var(--card); color:var(--mut); font:700 14px 'Rubik'; cursor:pointer; z-index:3; }
.sx-sheet { position:fixed; left:0; right:0; bottom:0; z-index:50; max-width:520px; margin:0 auto; background:var(--card); border:1px solid var(--line); border-radius:22px 22px 0 0; padding:20px 18px calc(24px + env(safe-area-inset-bottom)); box-shadow:0 -10px 40px rgba(0,0,0,.6); font-size:15px; line-height:1.55; color:var(--body,#d3d8ea); }
.sx-sheet[hidden] { display:none; }
.sx-close { position:absolute; top:10px; left:12px; background:none; border:0; color:var(--mut); font-size:18px; cursor:pointer; }
.sx-list { display:flex; flex-direction:column; gap:8px; max-height:70dvh; overflow:auto; }
.sx-list > p { font-weight:800; color:var(--ink); }
body.simple #app { padding-top:14px; }
.sx-pt [data-m]::after { content:' ' attr(data-m); }
/* s2: מלא את המסך - פריסה אנכית, כרטיסים גדולים, בלי חצי תחתון ריק */
body.simple .screen.sx { animation-duration:.12s; }
.sx { min-height:calc(100dvh - 40px); padding-bottom:24px !important; }
.sx-body { flex:1; justify-content:space-evenly; }
.sx-ch { min-height:92px; padding:16px; }
.sx-ch .face { width:64px !important; height:64px !important; }
.sx-t { font-size:20px; }
.sx-c { font-size:15px; }
.sx-meter { padding:14px 14px 22px; }
.sx-mark::after { top:auto; bottom:-17px; }
.sx-grid { gap:12px; }
.sx-pt { padding:14px 4px; }
.sx-pt .face { width:58px !important; height:58px !important; }
.sx-pt b { font-size:15px; }
.sx-demand { padding:26px 18px; gap:8px; }
.sx-demand .face { width:120px !important; height:120px !important; }
.sx-what { font-size:28px; line-height:1.25; }
.sx-b { padding:20px 4px; font-size:17px; }
.sx-boom { font-size:84px; }
/* מערכה 3 */
.sx-n::before, .sx-qic::before { content:attr(data-i); }
.sx-n { font:800 20px 'Rubik'; color:var(--gold); }
.sx-qic { font-size:64px; text-align:center; line-height:1; }
.sx-cc .sx-t { font-size:21px; }
.sx-pips { display:flex; gap:6px; justify-content:center; }
.sx-pips i { width:34px; height:8px; border-radius:99px; background:var(--bg2); border:1px solid var(--line); }
.sx-pips i.on { background:var(--gold); border-color:var(--gold); }
.sx-res { font-size:32px; }
.sx-res.g { color:var(--green); } .sx-res.r { color:var(--red); } .sx-res.y { color:var(--gold); }
.s-x12 .face { margin:0 auto; border-radius:50%; border:3px solid var(--gold); }
#kamario-next:empty { display:none; }
.sx-help::before { content:attr(data-i); }
.sx-step::before { content:'⏳ '; }
.s-x9 .sx-step::before, .s-x11 .sx-step::before, .s-x12 .sx-step::before, .s-x8 .sx-step::before, .s-x2 .sx-step::before, .s-x1 .sx-step::before { content:''; }
.sx-fill.bad { background:linear-gradient(90deg,#c0303f,var(--red)); }
.sx-step:empty::before { content:none; }
.sx-ic[data-i]::before { content:attr(data-i); }
.sx-ctx { text-align:center; font-size:14px; font-weight:600; color:var(--mut); margin-bottom:-6px; }
.sx-offer .sx-what { font-size:24px; }
/* s3: הגיליון נפתח מלמעלה - לא מכסה את הכפתור הראשי בתחתית; הקשה מחוץ לו סוגרת */
.sx-sheet { top:0; bottom:auto; border-radius:0 0 22px 22px; padding:calc(20px + env(safe-area-inset-top)) 18px 22px; max-height:50dvh; overflow:auto; box-shadow:0 10px 40px rgba(0,0,0,.6); }
/* n3: מראה המשך של "הדרך ל-61" - רצועת שידור, מבזקים, גיבור + מספר גדול, תגית זהב */
.sx-band { display:flex; align-items:center; gap:8px; margin:-16px -16px 0; padding:9px 14px 9px 50px; font-size:12px; background:linear-gradient(90deg,rgba(10,14,30,.88),rgba(6,9,20,.92)); border-bottom:1px solid rgba(255,255,255,.09); position:sticky; top:0; z-index:5; backdrop-filter:blur(14px); }
.sx-band .sx-live { color:#fff; background:linear-gradient(135deg,#ef2b4b,#b3122c); font-size:10.5px; font-weight:700; box-shadow:0 4px 14px -5px rgba(239,43,75,.9); white-space:nowrap; }
.sx-bt { font-weight:600; color:#dfe4f5; white-space:nowrap; } .sx-bt b { color:var(--gold); }
.sx-band .sx-step { margin:0; font-size:12px; }
.sx-seats { color:var(--gold); font-weight:800; }
.sx-date { margin-inline-start:auto; color:#93a0c0; font-family:'Heebo',sans-serif; font-weight:800; }
.sx .sx-help { top:-13px; left:-4px; z-index:6; } /* n28: בתוך שורת הכותרת, ליד התאריך */
#sx-ticker { position:fixed; bottom:0; left:0; right:0; z-index:40; height:calc(34px + env(safe-area-inset-bottom,0px)); padding-bottom:env(safe-area-inset-bottom,0px); box-sizing:border-box; display:flex; background:#0a0f22f8; border-top:1px solid var(--line); backdrop-filter:blur(8px); }
.sx-tl { flex:none; display:flex; align-items:center; background:var(--red); color:#fff; padding:0 12px; font:700 11.5px 'Rubik'; }
.sx-tv { flex:1; overflow:hidden; display:flex; align-items:center; }
.sx-tv { position:relative; -webkit-mask-image:linear-gradient(90deg,transparent,#000 64px,#000 calc(100% - 64px),transparent); mask-image:linear-gradient(90deg,transparent,#000 64px,#000 calc(100% - 64px),transparent); }
.sx-tt { display:flex; flex:none; width:max-content; white-space:nowrap; font-size:12.5px; color:#c8cede; animation:sxtick 90s linear infinite; }
.sx-tg { display:flex; flex:none; } .sx-tg > span { flex:none; padding-inline:22px; } .sx-tg > span::after { content:'●'; color:var(--red); font-size:8px; margin-inline-start:22px; vertical-align:middle; }
@keyframes sxtick { from { transform:translateX(0); } to { transform:translateX(50%); } }
@media (prefers-reduced-motion:reduce) { .sx-tt { animation:none; } }
.sx-ch.rec, .sx-hero.rec, .sx-pt.rec { position:relative; }
.sx-ch.rec::after, .sx-hero.rec::after { content:'מומלץ'; position:absolute; top:-9px; inset-inline-start:14px; background:var(--gold); color:#2a1d00; font:800 10.5px 'Rubik'; padding:2px 8px; border-radius:6px; box-shadow:0 4px 10px -4px rgba(255,209,102,.7); }
.sx-heros { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sx-hero { display:flex; flex-direction:column; align-items:center; gap:2px; padding:14px 6px 12px; border-radius:var(--radius,18px); color:var(--ink); font:inherit; cursor:pointer; background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--pc) 35%,transparent),transparent 70%),linear-gradient(165deg,#1a2547,#111a30); border:1.5px solid var(--line); box-shadow:0 14px 30px -18px #000; }
.sx-hero.rec { border-color:var(--gold); }
.sx-hero .face { width:96px !important; height:96px !important; border-radius:50%; object-fit:cover; border:3px solid var(--pc); }
.sx-hn { font-family:'Heebo','Secular One',sans-serif; font-weight:900; font-size:52px; line-height:1; margin-top:-14px; text-shadow:0 4px 16px rgba(0,0,0,.7); }
.sx-hl { display:block; font-size:12px; color:#c8cede; }
.sx-spot { display:flex; align-items:center; justify-content:center; gap:16px; padding:14px; border-radius:22px; background:linear-gradient(160deg,#1c2850,#111a30); border:1px solid var(--line); }
.sx-spot .face { width:110px !important; height:110px !important; border-radius:50%; object-fit:cover; border:3px solid var(--gold); }
.sx-spot .sx-hn { margin:0; font-size:64px; color:var(--gold); }
.sx-endhero .sx-hn { color:var(--ink); }
.sx-q, .sx-title { font-family:'Secular One','Heebo',sans-serif; font-weight:400; }
.sx-bt::before, .sx-date::before, .sx-seats::before { content:attr(data-t); }
.sx-seats:not([data-t]) { display:none; }
.sx-endhero { flex-direction:column; gap:0; padding:16px 16px 12px; background:radial-gradient(100% 70% at 50% 100%,rgba(29,111,242,.45),transparent 70%),linear-gradient(160deg,#1c2850,#111a30); }
.sx-endhero .face { width:170px !important; height:190px !important; border-radius:18px; border:0; -webkit-mask-image:linear-gradient(#000 70%,transparent); mask-image:linear-gradient(#000 70%,transparent); }
.sx-endhero > div { text-align:center; margin-top:-56px; position:relative; }
.sx-endhero .sx-hn { font-size:76px; }
.s-x6 .sx-body { flex:1; justify-content:space-evenly; }
/* n4: רצועת גיבור (מד 61) */
.sx-hm { display:flex; align-items:stretch; gap:0; padding:0 !important; overflow:hidden; border-radius:20px; border:1px solid rgba(255,255,255,.1); background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--pc) 45%,transparent),transparent 65%),linear-gradient(160deg,#1c2850,#0d1428); max-height:30dvh; }
.sx-hmp { flex:0 0 118px; position:relative; }
.sx-hmp .face { width:118px !important; height:150px !important; border-radius:0 !important; border:0 !important; object-fit:cover; object-position:50% 20%; display:block; -webkit-mask-image:linear-gradient(to left,#000 70%,transparent); mask-image:linear-gradient(to left,#000 70%,transparent); }
.sx-hmi { flex:1; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:10px 12px 12px 14px; min-width:0; }
.sx-hmc { align-self:flex-start; font-size:10.5px; font-weight:700; color:#fff; background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.14); border-radius:99px; padding:2px 9px; white-space:nowrap; }
.sx-hmc::before { content:'● '; color:#ef2b4b; }
.sx-hmn { display:flex; align-items:baseline; gap:6px; }
.sx-hmn b { font-family:'Heebo','Secular One',sans-serif; font-weight:900; font-size:64px; line-height:.95; color:#fff; text-shadow:0 4px 16px rgba(0,0,0,.6); }
.sx-hmn b.g { color:var(--green); }
.sx-hmn > span { font-size:22px; font-weight:800; color:#93a0c0; }
.sx-hmn em { font-style:normal; margin-inline-start:auto; align-self:center; background:var(--gold); color:#2a1d00; font:800 11px 'Rubik'; padding:3px 8px; border-radius:6px; white-space:nowrap; }
.sx-hmn em.ok { background:var(--green); color:#04210f; }
.sx-hml { font-size:13px; color:#c8cede; font-weight:600; }
.sx-hbar { height:6px; background:rgba(255,255,255,.1); border-radius:99px; overflow:hidden; margin-top:2px; }
.sx-hbar .sx-fill { height:100%; }
/* n4: הטיקר לא מכסה את הכרטיס האחרון */
body.sx-on .screen.sx { padding-bottom:calc(var(--ticker-h,34px) + env(safe-area-inset-bottom,0px) + 28px) !important; }
.sx-why { text-align:center; font-size:14px; color:#c8cede; margin:-4px 0 0; }
/* n9: הטיקר במסלול הדף (sticky) - לא צף באמצע מסך ארוך / צילום עמוד מלא */
body.sx-on { display:flex; flex-direction:column; min-height:100dvh; }
body.sx-on > #app { width:100%; box-sizing:border-box; }
body.sx-on #sx-ticker { position:sticky; margin-top:auto; flex:none; }
body.sx-on .screen.sx { padding-bottom:24px !important; }
body.sx-on #app { padding-bottom:16px; }
/* n9: בית כמו ליל בחירות */
.sx-homehero { position:relative; text-align:center; padding:18px 12px 6px; border-radius:22px; border:1px solid rgba(255,255,255,.1); background:radial-gradient(90% 70% at 50% 100%,rgba(29,111,242,.35),transparent 70%),radial-gradient(70% 50% at 50% 0%,rgba(239,43,75,.22),transparent 70%),linear-gradient(170deg,#1c2850,#0b1124); overflow:hidden; }
.sx-homehero .sx-title { font-size:56px; line-height:1; padding:8px 0 0; text-shadow:0 6px 24px rgba(0,0,0,.7); }
.sx-homehero .sx-title small { font-size:16px; color:#dfe4f5; }
.sx-hemi { margin-top:6px; } .sx-hemi svg { width:100%; height:auto; display:block; }
.sx-chip { display:inline-block; background:var(--gold); color:#2a1d00; font:800 12px 'Rubik'; padding:4px 10px; border-radius:8px; }
.sx-fill.neu { background:linear-gradient(90deg,#5b6787,#8b96b5); }
.sx-note { text-align:center; font-size:13px; color:#93a0c0; }
/* n9: מסך סוף כאירוע */
.sx-ev { border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.1); background:linear-gradient(170deg,#1a2547,#0d1428); --tc:var(--gold); }
.sx-ev.loss { --tc:var(--red); } .sx-ev.mid { --tc:#c9b27a; }
.sx-evp { position:relative; display:flex; justify-content:center; align-items:flex-end; gap:14px; padding-top:14px; background:radial-gradient(80% 70% at 50% 100%,color-mix(in srgb,var(--tc) 40%,transparent),transparent 70%); }
.sx-evp .face { margin:0 !important; width:190px !important; height:250px !important; border-radius:16px !important; border:0 !important; object-fit:cover; object-position:50% 15%; -webkit-mask-image:linear-gradient(#000 60%,transparent); mask-image:linear-gradient(#000 60%,transparent); }
.sx-evn { position:static; flex:0 0 auto; align-self:center; text-align:center; min-width:80px; }
.sx-evn b { display:block; font-family:'Heebo',sans-serif; font-weight:900; font-size:84px; line-height:.9; color:#fff; text-shadow:0 6px 24px rgba(0,0,0,.8); }
.sx-evn span { font-size:14px; font-weight:700; color:#dfe4f5; }
@media (min-width:1024px) { .sx-evp { gap:28px; } .sx-evn b { font-size:120px; } .sx-evn span { font-size:18px; } }   /* n41: מספר + דיוקן כקבוצה אחת במרכז (כמו m61) */
.sx-evb { padding:14px 16px 16px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.sx-ev.loss .sx-chip { background:var(--red); color:#fff; } .sx-ev.mid .sx-chip { background:#c9b27a; }
.sx-verdict { font-family:'Secular One','Heebo',sans-serif; font-weight:400; font-size:40px; line-height:1.1; color:var(--tc); }
.sx-evl { font-size:16px; color:#dfe4f5; font-weight:600; }
.sx-evw { width:100%; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:10px 12px; font-size:14px; line-height:1.5; color:#c8cede; }
/* n15: שבב "אתה" + אווטאר משני של ראש הממשלה */
.sx-hmp { position:relative; }
.sx-you { position:absolute; bottom:8px; inset-inline-start:8px; background:var(--gold); color:#2a1d00; font:800 12px 'Rubik'; padding:2px 9px; border-radius:99px; box-shadow:0 2px 8px rgba(0,0,0,.5); }
.sx-hmc { white-space:normal !important; }
.sx-hsec { display:flex; align-items:center; gap:6px; margin-top:4px; font-size:12px; color:#c8cede; }
.sx-hsec .face { width:26px !important; height:26px !important; border-radius:50% !important; }
.sx-hsec b { color:#fff; font-weight:700; } .sx-hsec i { font-style:normal; color:var(--gold); font-weight:800; }
.sx-hq { justify-content:center; min-height:110px; } .sx-hq .sx-hmi { align-items:center; } .sx-hq .sx-hmn b { color:#93a0c0; }
.sx-cnt { display:block; text-align:center; font:800 13px 'Rubik'; color:var(--gold); margin:2px 0 4px; letter-spacing:.3px; }
/* n16: הסבר הסוף מאחורי "?" */
details.sx-evw > summary { list-style:none; display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,.3); cursor:pointer; font-weight:800; }
details.sx-evw > summary::-webkit-details-marker { display:none; }
/* n18: כיתוב מתחת למספר הגיבור + מילת מצב בכרטיסי הלוח */
.sx-hcap { display:block; font:700 13px 'Rubik',sans-serif; color:#c8cede; margin-top:2px; }
.sx-pst { font-size:11px; font-weight:700; color:var(--muted,#93a0c0); }
.sx-pt.ask .sx-pst { color:var(--gold); } .sx-pt.in .sx-pst { color:var(--green); } .sx-pt.no .sx-pst { color:#f87171; }
/* n20: ממשלת היריב באופוזיציה - אדום, והמטרה שלך בשבב */
.sx-hcap.rv { color:#ff8f8f; font-size:15px; }
.sx-hmn b.rv { color:#ff9a9a; }
.sx-fill.rv { background:linear-gradient(90deg,#b8323a,#ff6b6b); }
/* n26: מסך בחירת מנהיג - כרטיסים גדולים יותר */
.s-pick .sx-hero { padding:20px 8px 16px; }
.s-pick .sx-hero .face { width:128px !important; height:128px !important; }
.s-pick .sx-hero .sx-hn { font-size:34px; }
/* n26 */ .s-crisis .sx-cxl, .s-crisis .sx-cxr { display:contents; }
/* n26: מחשב >=1024 - מסכים פשוטים רחבים יותר; משבר בשני טורים (הקשר משמאל, בחירות מימין) */
@media (min-width:1024px) {
  body.sx-on #app:has(.screen[class*="s-x"]) { max-width:880px; }
  .screen.sx { font-size:18px; }
  .sx .sx-q { font-size:34px; }
  .sx .sx-ch { padding:18px 20px; } .sx .sx-ch .sx-t { font-size:21px; } .sx .sx-ch .sx-c { font-size:16px; }
  .sx-band { font-size:14px; } .sx-tt { font-size:15px; } #sx-ticker { height:40px; }
  .s-pick .sx-heros { gap:18px; } .s-pick .sx-hero .face { width:160px !important; height:160px !important; }
  .sx-mini .face { width:60px !important; height:60px !important; }
  .sx-flash .sx-q { font-size:32px; } .sx-fi { width:84px; height:84px; font-size:54px; }
  body.sx-on #app:has(.screen.s-crisis[class*="s-x"]) { max-width:1040px; }
  .s-crisis .sx-fill-body { display:grid; grid-template-columns:1fr 1fr; column-gap:28px; align-content:center; align-items:center; }
  .s-crisis .sx-cxr { display:flex; flex-direction:column; gap:12px; order:-1; }
  .s-crisis .sx-cxl { display:flex; flex-direction:column; gap:14px; }
  .s-crisis .sx-q { font-size:30px; }
}
.sx-tight { flex:1 1 auto !important; justify-content:flex-start !important; gap:10px; margin-top:4px; }
/* n32: שורת היריב המשנית בגיבור */
.sx-rvl { flex-wrap:wrap; font-size:14px; } .sx-rvl b { font:700 15px 'Rubik',sans-serif; } .sx-rvl.foe b { color:#ff8f8f; }
.sx-rvl i.dn { color:#3ddc84; font-weight:800; } .sx-rvl.foe i.dn { color:#3ddc84; } .sx-rvl i.up { color:#ff8f8f; font-weight:800; } .sx-rvl small { width:100%; font-size:11px; color:#9aa3b8; }
.sx-rvl:not(.foe) i.up { color:#3ddc84; } .sx-rvl:not(.foe) i.dn { color:#ff8f8f; }
/* n36: מבזק ברוחב מלא בכרטיס משבר */
.sx-flash { position:relative; display:flex; align-items:center; gap:12px; padding:22px 16px 16px; border-radius:16px; overflow:hidden; text-align:start;
  background:linear-gradient(100deg,color-mix(in srgb,var(--fc) 70%,#0a0f22),color-mix(in srgb,var(--fc) 22%,#0a0f22)); border:1px solid color-mix(in srgb,var(--fc) 60%,transparent); box-shadow:0 14px 30px -16px var(--fc); }
.sx-flash::after { content:''; position:absolute; inset-inline:0; bottom:0; height:4px; background:var(--fc); }
.sx-fk { position:absolute; top:0; inset-inline-start:0; background:#ef2b4b; color:#fff; font:800 11px 'Rubik'; padding:3px 10px; border-end-end-radius:10px; letter-spacing:.5px; }
.sx-fi { flex:none; width:64px; height:64px; display:grid; place-items:center; border-radius:14px; background:rgba(0,0,0,.28); font-size:40px; line-height:1; }
.sx-fi::before { content:attr(data-i); }
.sx-flash .sx-q { margin:0; text-align:start; font-size:24px; line-height:1.2; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.5); }
.s-crisis .sx-fill-body { justify-content:flex-start !important; }
.s-crisis .sx-flash { margin-top:4px; }
/* n36: מפלגות קטנות - שורת פורטרטים גלויה */
.sx-minis { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.sx-mini { display:flex; flex-direction:column; align-items:center; gap:2px; padding:6px 4px 4px; min-width:58px; border-radius:12px; background:#111a30; border:1px solid var(--line); color:var(--ink); font:inherit; cursor:pointer; }
.sx-mini .face { width:44px !important; height:44px !important; border-radius:50%; object-fit:cover; border:2px solid var(--pc); }
.sx-mini b { font:800 13px 'Heebo',sans-serif; }
.sx-fk::before, .sx-mini b::before { content:attr(data-t); }
@media (min-width:1024px) { .sx-flash { padding:30px 22px 22px; } .sx-flash .sx-q { font-size:34px; } .sx-fi { width:88px; height:88px; font-size:56px; } .sx-mini .face { width:60px !important; height:60px !important; } .sx-mini b { font-size:16px; } }

/* n37: מבוי סתום - מי מסרבת בשורה אחת, בלי פס ריק */
.s-x5 .sx-body.sx-dead { justify-content:center; gap:16px; }
.sx-why { text-align:center; color:#c3c9de; font-weight:600; margin:-6px 0 8px; }
/* n45: מסך פתיחה הדוק - מד גושים במקום פס ריק, פחות רווח מת */
.s-x1 .sx-body.sx-mid { justify-content:center; gap:16px; min-height:calc(100dvh - 130px); }
.s-x1 .sx-homehero { padding:20px 4px 6px; }
.s-x1 .sx-homehero .sx-title { font-size:66px; }
.s-x1 .sx-hemi { margin-top:10px; }
.s-x1 .sx-cta { min-height:64px; }
.sx-blocs .sx-mtop { gap:6px; align-items:baseline; }
/* n47b: מסכי החלטה - הכפתורים באזור האגודל, בלי שליש תחתון ריק */
body.sx-on .screen.sx { min-height:calc(100dvh - var(--ticker-h,34px) - 30px); box-sizing:border-box; }
.sx:not(.s-x8):not(.s-x1) > .sx-body:not(.sx-mid):not(.sx-dead) { flex:1 1 auto; justify-content:flex-start; }
.sx:not(.s-x8):not(.s-x1) > .sx-body:not(.sx-mid):not(.sx-dead) > :is(.sx-ch,.sx-grid,.sx-btns,.sx-cta,.sx-heros):not(:is(.sx-ch,.sx-grid,.sx-btns,.sx-cta,.sx-heros) ~ *) { margin-top:auto; }
/* n47b: השבעה - כרטיסים מלאים + פרץ זהב */
.s-x8 .sx-body.sx-mid { position:relative; justify-content:center; gap:14px; min-height:0; flex:1; }
.sx-burst { position:relative; height:120px; display:grid; place-items:center; pointer-events:none; }
.sx-burst::before { content:''; position:absolute; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(255,209,102,.55),rgba(255,209,102,0) 70%); animation:sxglow 1.6s ease-out both; }
.sx-burst b { position:relative; font:800 54px 'Secular One','Heebo',sans-serif; color:var(--gold); text-shadow:0 0 24px rgba(255,209,102,.5); animation:in .5s ease both; }
.sx-burst i { position:absolute; top:50%; left:50%; width:7px; height:14px; border-radius:2px; background:var(--gold); opacity:0; animation:sxconf 1.4s cubic-bezier(.2,.7,.3,1) both; animation-delay:calc(var(--k) * 25ms); transform:rotate(var(--a)) translateY(0); }
.sx-burst i:nth-child(3n) { background:#fff; } .sx-burst i:nth-child(3n+1) { background:#ffb020; width:5px; height:10px; }
@keyframes sxconf { 0% { opacity:1; transform:rotate(var(--a)) translateY(0) scale(.6); } 100% { opacity:0; transform:rotate(var(--a)) translateY(-110px) rotate(200deg) scale(1); } }
@keyframes sxglow { 0% { transform:scale(.3); opacity:0; } 40% { opacity:1; } 100% { transform:scale(1.4); opacity:.35; } }
.sx-sworn { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sx-sc { background:linear-gradient(160deg,#1c2850,#111a30); border:1.5px solid var(--line); border-radius:18px; padding:12px; text-align:center; display:flex; flex-direction:column; gap:4px; align-items:center; }
.sx-sc.vote { border-color:var(--gold); }
.sx-sc small { font-size:12px; color:var(--mut); font-weight:600; }
.sx-sc > b { font-size:28px; line-height:1.1; }
.sx-sc .faces { display:flex; justify-content:center; }
.sx-sc .faces .face { margin-inline-start:-8px; } .sx-sc .faces .face:first-child { margin-inline-start:0; }
.sx-sc p { margin:0; font-size:13px; font-weight:700; line-height:1.3; }
@media (prefers-reduced-motion:reduce) { .sx-burst i, .sx-burst::before { animation:none; opacity:0; } }
.s-x8 .sx-body.sx-mid { justify-content:flex-start; padding-top:8px; }
.s-x8 .sx-body.sx-mid > .sx-cta { margin-top:auto; }
@media (max-height:720px) { .sx-burst { height:84px; } .sx-burst b { font-size:44px; } }
/* n48: מפת מושבים במסכים דלילים */
.sx-smap { margin:0 auto; width:100%; max-width:330px; flex:1 1 0; min-height:0; max-height:200px; overflow:hidden; container-type:size; }
.sx-smap > .sx-smw { height:100%; display:flex; flex-direction:column; }
.sx-smap svg { flex:1 1 0; min-height:0; width:100%; height:0; display:block; }
.sx-smk { flex:none; }
.sx-smk { display:flex; justify-content:center; gap:12px; font-size:13px; opacity:.9; margin-top:2px; }
.sx-smk i { display:inline-block; width:9px; height:9px; border-radius:50%; margin-inline-end:4px; vertical-align:middle; }
.sx-smk i.g { background:#ffd166; } .sx-smk i.m { background:#5a6480; } .sx-smk i.r { background:#ef476f; }
.sx-smb { display:none; height:10px; border-radius:99px; overflow:hidden; gap:2px; margin:0 4px 3px; }
.sx-smb i { display:block; min-width:0; } .sx-smb i.g { background:#ffd166; } .sx-smb i.m { background:#5a6480; } .sx-smb i.r { background:#ef476f; }
@container (max-height:90px) { .sx-smap .sx-smw svg { display:none; } .sx-smw { justify-content:center; } .sx-smb { display:flex; } }
@container (max-height:22px) { .sx-smw { display:none !important; } }
/* n49: מסכים נמוכים (390x700) - הכול נכנס בלי גלילה */
@media (max-height:760px) {
  .sx-evp { padding-top:8px; }
  .sx-evp .face { width:120px !important; height:145px !important; }
  .sx-evn b { font-size:60px; }
  .sx-evb { padding:10px 14px 12px; gap:5px; }
  .sx-verdict { font-size:28px !important; line-height:1.15; }
  .sx-evl { font-size:14px; }
  .s-end .sx-cta { padding-top:8px !important; padding-bottom:8px !important; min-height:0 !important; }
  .s-end .sx-body { gap:9px; }
  .s-end #kamario-next { font-size:13px; }
  .s-x3 .sx-body, .s-x4 .sx-body { gap:8px; }
  .s-x3 .sx-q, .s-x4 .sx-q { margin:0; }
}
@media (max-height:760px) { .s-x4 .sx-spot { padding-top:8px !important; padding-bottom:8px !important; } .s-x4 .sx-spot .face { width:96px !important; height:96px !important; } .s-x4 .sx-q { font-size:20px; } }

.sx-sc.vote .sx-tal { display:flex !important; flex-direction:column; gap:0; align-items:center; font-size:22px !important; white-space:nowrap; } .sx-tal .m { display:none; }
/* n53: מערכה 3 - האפשרויות באזור האגודל, רצועת יציבות באמצע */
.s-crisis .sx-fill-body { flex:1 1 auto; }
@media (max-width:1023px) { .s-crisis .sx-cxr > .sx-ch:first-child { margin-top:auto; } .s-crisis .sx-cstrip { margin-block:auto; } }
.sx-cstrip { display:flex; flex-direction:column; gap:7px; padding:12px 14px; border-radius:14px; background:#111a30; border:1px solid var(--line); }
.sx-csh { display:flex; align-items:baseline; gap:8px; } .sx-csh b { font:700 15px 'Rubik',sans-serif; } .sx-csh .num { font:800 26px 'Heebo',sans-serif; } .sx-csh .ok { color:#3ddc84; } .sx-csh .bad { color:#ffd166; } .sx-csh small { color:#9aa3b8; font-size:13px; margin-inline-start:auto; }
.sx-csb { position:relative; display:flex; height:14px; border-radius:7px; overflow:visible; background:#0a0f22; } .sx-csb i { display:block; height:100%; } .sx-csb i:first-child { border-start-start-radius:7px; border-end-start-radius:7px; } .sx-csb i:last-of-type { border-start-end-radius:7px; border-end-end-radius:7px; }
.sx-csb i.g, .sx-csk i.g { background:#ffd166; } .sx-csb i.y, .sx-csk i.y { background:#7fa3e8; } .sx-csb i.m, .sx-csk i.m { background:#3a4360; }
.sx-csb em { position:absolute; top:-4px; bottom:-4px; width:2px; background:#fff; }
.sx-csk { position:relative; display:flex; flex-wrap:wrap; gap:4px 12px; font-size:12px; color:#9aa3b8; } .sx-csk i { display:inline-block; width:9px; height:9px; border-radius:2px; margin-inline-end:4px; } .sx-csk b { color:#e8ecf5; } .sx-csk .k61 { position:absolute; inset-inline-start:calc(61 / 120 * 100%); transform:translateX(50%); color:#fff; font-weight:700; }
.sx-csb i.r { background:#ef476f; } .sx-csh .rv { color:#ff8f8f; }
/* n59: כרטיס אופוזיציה בסגנון רצועת חדשות */
.sx-strapq .strap.lt3 { margin:4px 0 0; } .sx-strapq .strap-t { font-size:26px; text-align:start; }
.sx-verdict { text-wrap:balance; } /* n59: + nbsp לפני המילה האחרונה כגיבוי */
/* n59: בלי פסים ריקים באמצע - הכל נערם מלמעלה במרווח קבוע */
@media (max-width:1023px) { .s-crisis .sx-cstrip { margin-block:0; } .s-crisis .sx-cxr > .sx-ch:first-child { margin-top:6px; } .s-crisis .sx-fill-body { gap:12px; } }
@media (max-width:1023px) { .s-x5 .sx-body.sx-dead { justify-content:flex-start; padding-top:22px; } .s-x8.s-xfail .sx-body.sx-mid { padding-top:22px; } .s-x8.s-xfail .sx-body.sx-mid > .sx-cta { margin-top:22px; } }
/* n62: no empty bands - negotiation board + sworn-in screen sit as one centred block, CTA right under the content */
.s-x5 > .sx-body:not(.sx-dead) { justify-content:space-evenly !important; gap:14px; }
.s-x8:not(.s-xfail) .sx-burst { height:48px; margin-bottom:-8px; }
.s-x5 > .sx-body:not(.sx-dead) > * { margin-top:0 !important; }
.s-x8:not(.s-xfail) .sx-body.sx-mid { justify-content:center; padding-top:0; gap:16px; }
.s-x8:not(.s-xfail) .sx-body.sx-mid > .sx-cta { margin-top:6px; }
/* n63: רגע תוצאה אחרי כל בחירה במערכה 3 */
.s-xres .sx-body { display:flex; flex-direction:column; gap:12px; }
.sx-res { display:flex; flex-direction:column; gap:10px; animation:sxResIn .35s ease-out both; }
.sx-res .strap.lt3 { margin:0; } .sx-res .strap-t { font-size:26px; }
.sx-res.bad .strap-k { background:#b3121f; } .sx-res.ok .strap-k { background:#1d7a4a; }
.sx-rdel { display:flex; align-items:baseline; justify-content:center; gap:10px; font:400 30px 'Secular One'; color:#cfd6e4; }
.sx-rdel b { font-size:44px; color:#fff; } .sx-rdel em { font-style:normal; font:700 22px 'Rubik'; padding:2px 10px; border-radius:99px; background:rgba(255,255,255,.08); }
.sx-rdel.up em { color:#2bd47d; background:rgba(43,212,125,.14); } .sx-rdel.dn em { color:#ff5a6e; background:rgba(255,90,110,.14); }
.sx-rsub { margin:0; text-align:center; font-weight:800; color:var(--gold); }
.sx-rwho { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.05); animation:sxResIn .35s .5s ease-out both; }
.sx-rwho b { display:block; font-size:15px; } .sx-rwho q { display:block; font-size:18px; color:#e8ecf4; }
.sx-rwho i { font-style:normal; font-size:13px; margin-inline-start:6px; } .sx-rwho i.up { color:#2bd47d; } .sx-rwho i.dn { color:#ff5a6e; }
@keyframes sxResIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .sx-res, .sx-rwho { animation:none; } }
/* n64: סיבה + שבבי הפרש; ההירו נושא את תג ההפרש */
.sx-rwhy { margin:0; text-align:center; font-weight:700; font-size:18px; color:#e8ecf4; text-wrap:balance; }
.sx-chips { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; animation:sxResIn .35s .25s ease-out both; }
.sx-chip { display:flex; align-items:center; gap:10px; padding:12px 14px; min-height:56px; box-sizing:border-box; border-radius:14px; background:rgba(255,255,255,.06); font-size:18px; font-weight:700; min-width:0; }
.sx-chip span { color:#e8ecf4; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sx-chip b { font:700 22px 'Rubik'; }
.sx-chip.up b { color:#2bd47d; } .sx-chip.dn b { color:#ff5a6e; } .sx-chip.eq b { color:#9aa3b5; }
.sx-chip img, .sx-chip .face { width:34px; height:34px; border-radius:50%; flex:none; }
.sx-hdel { font-style:normal; font:700 20px 'Rubik'; padding:2px 10px; border-radius:99px; align-self:center; background:rgba(255,255,255,.1); color:#cfd6e4; }
.sx-hdel.up { color:#2bd47d; background:rgba(43,212,125,.16); } .sx-hdel.dn { color:#ff5a6e; background:rgba(255,90,110,.16); }
.s-xres .sx-body { justify-content:space-between; padding-bottom:12px; }
.s-xres .sx-res { flex:0 0 auto; justify-content:flex-start; gap:14px; } .s-xres .sx-cta { margin-top:auto; } .sx-chip.up { box-shadow:inset 3px 0 0 #2bd47d; } .sx-chip.dn { box-shadow:inset 3px 0 0 #ff5a6e; }
/* n65: כרטיס עם סיכוי - סיכוי · ✓ אם מצליח · ✗ אם נכשל */
.sx-oc { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; align-items:center; }
.sx-oc > * { font:800 14px 'Rubik'; padding:3px 8px; border-radius:8px; white-space:nowrap; }
.sx-op { background:rgba(255,255,255,.12); color:#fff; } .sx-op.g { background:#1d7a4a; } .sx-op.y { background:#8a6a12; } .sx-op.r { background:#b3121f; }
.sx-ow { background:rgba(43,212,125,.14); color:#2bd47d; } .sx-ol { background:rgba(255,90,110,.14); color:#ff5a6e; } .sx-ox { background:rgba(255,255,255,.07); color:#c9cfdb; }
.sx-ow::before { content:'✓ '; } .sx-ol::before { content:'✗ '; }

/* n66: נימוק ההמלצה על התג ("מומלץ · רווח גדול"); כותרת עם פני הסיעה */
.sx-ch.rec[data-why]::after { content:'מומלץ · ' attr(data-why); }
.sx-who { display:flex; align-items:center; gap:8px; } .sx-who > img, .sx-who > .face { flex:none; border-radius:50%; } .sx-who > .strap { flex:1; min-width:0; }
.sx-flash > img, .sx-flash > .face { border-radius:50%; flex:none; }
/* n67: הבזק תוצאה במו"מ + צ'יפ סיבה ליד המספר */
.fx-card.fx-res { background:radial-gradient(ellipse at 50% 35%, rgba(14,20,40,.97), rgba(4,6,14,.97)); }
.fxr { display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; max-width:420px; padding:0 16px; }
.fxr-t.ok { color:#2bd47d; } .fxr-t.bad { color:#ff5a6e; }
.fxr-h { display:flex; align-items:baseline; gap:10px; direction:ltr; } .fxr-h b { font:800 64px 'Rubik'; color:#fff; } .fxr-h b.g { color:#2bd47d; }
.fxr-h .fxr-a { font:700 30px 'Rubik'; color:#8c94ab; } .fxr-h i { font-style:normal; color:#8c94ab; font-size:26px; } .fxr-h small { color:#c3c9de; font-size:15px; direction:rtl; }
.fxr-cz, .sx-hcz { margin:0; padding:4px 12px; border-radius:99px; font:700 15px 'Rubik'; background:rgba(255,255,255,.08); color:#cfd6e4; }
.fxr-cz.up, .sx-hcz.up { color:#2bd47d; background:rgba(43,212,125,.16); } .fxr-cz.dn, .sx-hcz.dn { color:#ff5a6e; background:rgba(255,90,110,.16); }
.fxr-ch { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.sx-hcz { align-self:center; width:max-content; margin:4px auto 0; font-size:14px; }
.sx-b .sx-oc { justify-content:center; margin-top:4px; } .sx-b .sx-oc > * { font-size:12px; padding:2px 6px; }
.sx-b.gold .sx-oc > .sx-ow, .sx-b.gold .sx-oc > .sx-ol { background:rgba(0,0,0,.28); } .sx-b.gold .sx-ow { color:#eafff2; } .sx-b.gold .sx-ol { color:#ffe3e7; }

/* n68: לוח מו"מ ברור - כותרת, קבוצות לפי מצב, צ'יפים */
.pill { display:inline-block; border-radius:99px; padding:2px 9px; font-size:12px; font-weight:800; background:var(--bg2); border:1px solid var(--line); color:var(--ink); white-space:nowrap; }
.pill.g { color:var(--green); border-color:rgba(46,204,113,.45); }
.sx-pt .pill.seat { font-size:12px; color:var(--gold); }
.sx-pt.in .pill.seat { color:var(--green); }
.sx-pt { position:relative; }
.sx-ok { position:absolute; top:6px; inset-inline-start:6px; width:22px; height:22px; border-radius:50%; background:var(--green); color:#062; font-style:normal; font-weight:900; font-size:13px; display:grid; place-items:center; }
.sx-grp { display:flex; flex-direction:column; gap:6px; }
.sx-grp .sx-gl { align-self:flex-start; }
.sx-grp.in .sx-gl { color:var(--green); border-color:rgba(46,204,113,.45); }
.sx-grp.ask .sx-gl { color:var(--gold); }
.s-x5 .sx-q { padding:0; font-size:22px; }
.s-x5 .sx-body:not(.sx-dead) { gap:10px; }
.s-x5 .sx-body:not(.sx-dead) > * { margin-top:0 !important; }
.s-x5 .sx-c .pill { margin-inline-end:4px; }
.sx-ok::before { content:"✓"; }
/* n69: סיכום תקופה + הרגע המכריע */
.s-xrecap .sx-res { flex:0 0 auto; gap:14px; } .s-xrecap .sx-cta { margin-top:auto; }
.sx-rq { margin:0; text-align:center; font:800 26px 'Rubik'; }
.sx-rdecs { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.sx-rdec { display:flex; align-items:center; gap:10px; background:var(--card2); border-radius:12px; padding:10px 12px; font-weight:700; font-size:17px; }
.sx-rdec .pill { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; font-weight:900; color:#fff; flex:0 0 auto; }
.sx-rdec.ok .pill { background:#1d7a4a; } .sx-rdec.bad .pill { background:#b3121f; }
.sx-key { margin:6px 0 0; font-weight:700; font-size:15px; color:var(--gold); }

/* n70: לפני→אחרי ברור ב-RTL: ערך חדש גדול + פס הפרש + "מ-X" קטן; תג סוף קריא; הרגע המכריע מאוזן */
.sx-chip.sx-ba b { font:800 26px 'Rubik'; } .sx-dp { font-style:normal; font:800 14px 'Rubik'; padding:3px 8px; border-radius:999px; background:rgba(154,163,181,.18); color:#c7cede; }
.sx-chip.up .sx-dp { background:rgba(43,212,125,.18); color:#2bd47d; } .sx-chip.dn .sx-dp { background:rgba(255,90,110,.18); color:#ff5a6e; }
.sx-from { font-size:13px; color:#93a0c0; font-weight:600; white-space:nowrap; }
.s-xrecap .sx-body { justify-content:center; gap:22px; } .sx.s-xrecap > .sx-body > .sx-cta { margin-top:0 !important; }   /* n70: הכפתור צמוד לתוכן, באזור האגודל */
.sx-evb .sx-chip { display:inline-block; min-height:0; padding:5px 12px; border-radius:8px; background:var(--gold); color:#2a1d00; font:800 13px 'Rubik'; }
.sx-ev.loss .sx-evb .sx-chip { background:var(--red); color:#fff; } .sx-ev.mid .sx-evb .sx-chip { background:#c9b27a; color:#1d1606; }
.sx-ev .sx-key { text-wrap:balance; }
.sx-rk { background:rgba(255,150,40,.16) !important; color:#ffb35c !important; } .sx-rk::before { content:'⚠ '; } .sx-b.gold .sx-rk { color:#fff1dc !important; }
/* n73: בלוק "בינתיים" נפרד, תג ניטרלי, הפתעה */
.sx-res.nu .strap-k { background:#3a4256; }
.sx-later { display:flex; flex-direction:column; gap:8px; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.035); border:1px dashed rgba(255,255,255,.14); animation:sxResIn .35s .4s ease-out both; }
.sx-later h4 { margin:0; font:800 14px 'Rubik'; color:var(--gold); letter-spacing:.02em; }
.sx-lwhy { margin:0; font-weight:700; font-size:17px; color:#e8ecf4; text-wrap:balance; overflow-wrap:anywhere; }
.sx-lwhy.surp { color:#ffb84d; }
.sx-rwhy { overflow-wrap:anywhere; }
.sx-rwhy bdi.num { white-space:nowrap; }
/* n74: "יציבות ▼X כי Y" מתחת לכותרת */
.sx-rwhy.sx-sw { font-size:16px; color:#ffb4bf; } .sx-res.ok .sx-rwhy.sx-sw { color:#9ff0c4; }

/* ===== n78 look: studio backdrop + card depth ===== */
body.sx-on { background:radial-gradient(ellipse 120% 70% at 50% -10%, #1d2b55 0, #0f1a36 35%, #0b1224 62%, #070b16 100%) fixed, #0b1224; }
body.sx-on::before { filter:none;
  background:
    radial-gradient(closest-side at 88% 12%, rgba(37,99,235,.26), transparent 72%),
    radial-gradient(closest-side at 8% 86%, rgba(229,57,70,.16), transparent 72%),
    radial-gradient(closest-side at 50% 0%, rgba(255,209,102,.07), transparent 70%); }
body.sx-on::after { background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/24px 24px,
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/24px 24px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.5) 35%,transparent 62%); mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.5) 35%,transparent 62%); }
body.sx-on #app { position:relative; z-index:1; }

/* card depth: gradient border via double background, inset highlight, soft shadow */
body.sx-on :is(.sx-meter,.sx-ch,.sx-pt,.sx-hero,.sx-spot,.sx-demand,.sx-ev,.sx-hm,.sx-b:not(.ok),.sx-cta:not(.gold)) {
  --cb:linear-gradient(160deg,#18234a,#0f172f);
  border-color:transparent !important; border-style:solid;
  background:var(--cbg,var(--cb)) padding-box, linear-gradient(180deg,rgba(255,209,102,.38),rgba(255,255,255,.08) 38%,rgba(255,255,255,.03)) border-box !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 8px 24px -6px rgba(0,0,0,.5);
}
body.sx-on .sx-hero { --cbg:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--pc) 35%,transparent),transparent 70%),linear-gradient(165deg,#1a2547,#111a30); }
body.sx-on .sx-ev { --cbg:linear-gradient(170deg,#1a2547,#0d1428); }
body.sx-on :is(.sx-hero,.sx-ch,.sx-demand,.sx-spot).rec, body.sx-on .sx-demand { background:var(--cbg,var(--cb)) padding-box, linear-gradient(180deg,var(--gold),rgba(255,209,102,.35)) border-box !important; }
body.sx-on .sx-cta.gold { box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 10px 26px -8px rgba(255,177,32,.55); }
/* tap feedback */
body.sx-on :is(.sx-ch,.sx-pt,.sx-hero,.sx-b,.sx-cta,button.sx-spot) { transition:transform .12s ease, filter .12s ease; }
body.sx-on :is(.sx-ch,.sx-pt,.sx-hero,.sx-b,.sx-cta,button.sx-spot):active { transform:scale(.97); filter:brightness(1.12); }
@media (prefers-reduced-motion:reduce) { body.sx-on :is(.sx-ch,.sx-pt,.sx-hero,.sx-b,.sx-cta,button.sx-spot) { transition:none; } body.sx-on :is(.sx-ch,.sx-pt,.sx-hero,.sx-b,.sx-cta):active { transform:none; } }
body.sx-on :is(.sx-ch,.sx-hero).rec { box-shadow:0 0 0 3px rgba(255,209,102,.18), inset 0 1px 0 rgba(255,255,255,.1), 0 8px 24px -6px rgba(0,0,0,.5); }
body.sx-on :is(.sx-ch,.sx-hero,.sx-spot).rec { background:var(--cbg,var(--cb)) padding-box, linear-gradient(var(--gold),var(--gold)) border-box !important; }
body.sx-on .sx-pt.in { background:var(--cb) padding-box, linear-gradient(var(--green),var(--green)) border-box !important; }
body.sx-on .sx-pt.ask { background:var(--cb) padding-box, linear-gradient(var(--gold),var(--gold)) border-box !important; }
body.sx-on::before { background:
    radial-gradient(closest-side at 88% 12%, rgba(37,99,235,.34), transparent 72%),
    radial-gradient(closest-side at 8% 86%, rgba(229,57,70,.2), transparent 72%),
    radial-gradient(closest-side at 50% 0%, rgba(255,209,102,.07), transparent 70%); }
/* n79: מסך תוצאה כפאנל שידור - רצועה חיה, אריחי נתונים 2 עמודות, טיקר "בינתיים" */
.s-xres .sx-body { justify-content:flex-start !important; gap:14px; }
.s-xres .sx-res { gap:12px; }
.s-xres .sx-res .strap.lt3 { position:relative; border-radius:14px; overflow:hidden; background:linear-gradient(90deg,#16213d,#1d2b55); box-shadow:0 8px 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.08); }
.s-xres .sx-res.ok .strap.lt3 { background:linear-gradient(100deg,#0f3b2a,#1d7a4a 120%); box-shadow:0 8px 28px rgba(29,122,74,.35), inset 0 0 0 1px rgba(43,212,125,.35); }
.s-xres .sx-res.bad .strap.lt3 { background:linear-gradient(100deg,#3b0f16,#b3121f 120%); box-shadow:0 8px 28px rgba(179,18,31,.35), inset 0 0 0 1px rgba(255,90,110,.35); }
.s-xres .sx-res .strap.lt3::after { content:''; position:absolute; inset:0; background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%); transform:translateX(120%); animation:n79sheen 1.4s .3s ease-out both; pointer-events:none; }
.s-xres .sx-res .strap-t { font-size:30px; font-weight:900; letter-spacing:-.01em; }
.s-xres .sx-res .strap-k { position:relative; padding-inline-start:22px; }
.s-xres .sx-res .strap-k::before { content:''; position:absolute; inset-inline-start:9px; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:#fff; animation:n79pulse 1.6s infinite; }
.s-xres .sx-res > .sx-chips, .s-xres .sx-later > .sx-chips { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.s-xres .sx-chips > .sx-chip:only-child, .s-xres .sx-chips > .sx-chip:last-child:nth-child(odd) { grid-column:1 / -1; }
.s-xres .sx-res > .sx-chips > .sx-chip { position:relative; display:grid; grid-template-columns:auto 1fr; grid-template-areas:"f s" "n n" "m m"; align-items:center; gap:6px 8px; min-height:118px; padding:12px 14px 14px; border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 6px 18px rgba(0,0,0,.3); border-top:4px solid #9aa3b5; overflow:hidden; }
.s-xres .sx-res > .sx-chips > .sx-chip.up { border-top-color:#2bd47d; background:linear-gradient(180deg,rgba(43,212,125,.16),rgba(255,255,255,.03) 70%); }
.s-xres .sx-res > .sx-chips > .sx-chip.dn { border-top-color:#ff5a6e; background:linear-gradient(180deg,rgba(255,90,110,.16),rgba(255,255,255,.03) 70%); }
.s-xres .sx-res > .sx-chips > .sx-chip > span { grid-area:s; white-space:normal; font-size:15px; line-height:1.2; color:#cfd6e4; }
.s-xres .sx-res > .sx-chips > .sx-chip > :is(img,.face) { grid-area:f; width:30px; height:30px; }
.s-xres .sx-res > .sx-chips > .sx-chip > b { grid-area:n; font:900 46px/1 'Rubik'; font-variant-numeric:tabular-nums; letter-spacing:-.02em; text-shadow:0 2px 14px currentColor; justify-self:start; }
.s-xres .sx-res > .sx-chips > .sx-chip > :is(em,small) { grid-area:n; justify-self:end; }
.n79m { grid-area:m; height:6px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden; }
.n79m i { display:block; height:100%; width:var(--a); border-radius:inherit; background:currentColor; transition:width 1s cubic-bezier(.2,.8,.2,1); }
.sx-chip.up .n79m { color:#2bd47d; } .sx-chip.dn .n79m { color:#ff5a6e; } .sx-chip.eq .n79m { color:#9aa3b5; }
.s-xres .sx-later { flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:0 0 0 0; border:0; border-radius:12px; overflow:hidden; background:linear-gradient(90deg,#0b1224,#121b36); box-shadow:inset 0 0 0 1px rgba(255,209,102,.25); }
.s-xres .sx-later > h4 { align-self:stretch; display:flex; align-items:center; padding:8px 12px; background:var(--gold); color:#0b1224; font:900 15px 'Rubik'; clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
.s-xres .sx-later > .sx-lwhy { flex:1; padding:8px 4px; font-size:16px; }
.s-xres .sx-later > .sx-chips { flex:1 1 100%; display:flex; flex-direction:row; flex-wrap:wrap; gap:8px; padding:0 10px 10px; animation:none; }
.s-xres .sx-later .sx-chip { min-height:0; padding:6px 12px 6px 6px; border-radius:99px; gap:8px; font-size:15px; background:rgba(255,255,255,.07); box-shadow:none; }
.s-xres .sx-later .sx-chip:not(:has(.face,img)) { padding-inline-start:12px; }
.s-xres .sx-later .sx-chip b { font-size:20px; font-variant-numeric:tabular-nums; }
.s-xres .sx-later .sx-chip:is(.up,.dn) { box-shadow:inset 0 0 0 1px currentColor; } .s-xres .sx-later .sx-chip.up { color:#2bd47d; } .s-xres .sx-later .sx-chip.dn { color:#ff5a6e; }
.s-xres .sx-later .sx-chip span { color:#e8ecf4; flex:0 1 auto; }
.s-xres .sx-later:not(:has(.sx-lwhy)) > .sx-chips { flex:1 1 0; padding:8px 0; }
.s-xres .sx-rwho { background:linear-gradient(90deg,rgba(255,209,102,.12),rgba(255,255,255,.03)); border-inline-start:4px solid var(--gold); }
.s-xres .sx-rwho q { font-size:19px; font-weight:700; }
.s-xres .sx-cta { margin-top:10px !important; }
.s-xres .sx-res > .sx-chips > .sx-chip { animation:sxResIn .35s ease-out both; } .s-xres .sx-res > .sx-chips > .sx-chip:nth-child(2) { animation-delay:.08s; } .s-xres .sx-res > .sx-chips > .sx-chip:nth-child(3) { animation-delay:.16s; }
@keyframes n79sheen { to { transform:translateX(-120%); } }
@keyframes n79pulse { 50% { opacity:.25; } }
@media (prefers-reduced-motion: reduce) { .s-xres .strap.lt3::after, .s-xres .strap-k::before, .s-xres .sx-chip { animation:none !important; } .n79m i { transition:none; } }
.s-xres .sx-res > .sx-chips > .sx-chip:only-child, .s-xres .sx-res > .sx-chips > .sx-chip:last-child:nth-child(odd) { grid-template-columns:auto 1fr auto; grid-template-areas:"f s n" "m m m"; min-height:96px; }
.s-xres .sx-res > .sx-chips > .sx-chip:only-child > b, .s-xres .sx-res > .sx-chips > .sx-chip:last-child:nth-child(odd) > b { justify-self:end; font-size:52px; }
.s-xres .sx-res > .sx-chips > .sx-chip:only-child > span { font-size:20px; color:#fff; }
/* n80: מד 120 המושבים + אריחי גושים (כמו בדרך ל-61) */
.s-xres .n80.pill { display:block; padding:6px 0 0; border:0; border-radius:0; background:none; white-space:normal; font-size:inherit; font-weight:inherit; color:inherit; }
.n80svg { display:block; width:100%; max-width:330px; height:auto; margin:0 auto; overflow:visible; }
.n80bg { fill:none; stroke:rgba(255,255,255,.07); stroke-width:30; }
.n80s { fill:none; stroke-width:30; stroke-dashoffset:var(--o0); transition:stroke-dashoffset 1.1s .35s cubic-bezier(.6,0,.2,1), opacity .6s .35s; }
.n80s.op { opacity:.72; } .n80.go .n80s { stroke-dashoffset:var(--o1); }
.n80s.mv { opacity:1; animation:n80p 1s 1.5s 2 ease-in-out; } @keyframes n80p { 50% { stroke-width:38; } }
.n80l { stroke:#ffd166; stroke-width:2.5; stroke-dasharray:4 3; } .n80t { font:900 15px 'Rubik'; fill:#ffd166; }
.n80n { font:900 50px/1 'Rubik'; fill:#fff; font-variant-numeric:tabular-nums; } .n80n.ok { fill:#2bd47d; } .n80u { font:700 13px 'Rubik'; fill:#aab3c6; }
.n80bl { display:flex; gap:8px; margin-top:8px; }
.n80b { flex:1; position:relative; padding:8px 10px; border-radius:12px; background:rgba(255,255,255,.05); box-shadow:inset 0 3px 0 var(--c); text-align:center; }
.n80b span { display:block; font:700 13px 'Rubik'; color:#aab3c6; } .n80b b { display:block; font:900 30px/1.1 'Rubik'; color:var(--c); font-variant-numeric:tabular-nums; }
.n80b.hi { background:color-mix(in srgb, var(--c) 18%, transparent); box-shadow:inset 0 3px 0 var(--c), 0 0 0 1px var(--c); }
.n80b em { position:absolute; top:6px; inset-inline-end:6px; font:900 12px 'Rubik'; font-style:normal; padding:1px 6px; border-radius:99px; background:var(--c); color:#0b1224; }
.n79m { position:relative; } .n79m s { position:absolute; inset-block:0; inset-inline-start:0; width:var(--a); border-inline-end:2px solid rgba(255,255,255,.7); text-decoration:none; }
@media (max-height:760px) { .s-xres .n80bl { display:none; } .n80svg { max-width:280px; } }
/* n81: party-color accents, hero numerals, micro-motion */
body.sx-on :is(.sx-ch,.sx-pt,.sx-chip,.sx-demand).pcx:not(.rec) { box-shadow:inset -4px 0 0 var(--pc), 0 8px 22px -12px color-mix(in srgb,var(--pc) 70%,transparent); background-image:linear-gradient(270deg,color-mix(in srgb,var(--pc) 22%,transparent),transparent 55%); }
body.sx-on :is(.sx-ch,.sx-pt,.sx-chip,.sx-demand).pcx .face { border:2.5px solid var(--pc); box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 30%,transparent), 0 0 14px -2px var(--pc); }
body.sx-on :is(.sx-ch,.sx-pt).pcx .pill.seat, body.sx-on .sx-chip.pcx b { background:color-mix(in srgb,var(--pc) 30%,rgba(255,255,255,.06)); border:1px solid color-mix(in srgb,var(--pc) 60%,transparent); border-radius:99px; padding:1px 8px; }
body.sx-on .s-x5 .sx-pt.pcx { position:relative; overflow:hidden; padding-top:18px; box-shadow:0 8px 22px -12px color-mix(in srgb,var(--pc) 80%,transparent); background-image:linear-gradient(180deg,color-mix(in srgb,var(--pc) 30%,transparent),transparent 60%); }
body.sx-on .s-x5 .sx-pt.pcx::before { content:''; position:absolute; inset:0 0 auto; height:6px; background:var(--pc); box-shadow:0 0 12px var(--pc); }
.sx-big, .sx-hn, .sx-hmn b, .sx-spot .sx-hn, .num { font-variant-numeric:tabular-nums; }
.sx-big, .sx-hn, .sx-hmn b { font-weight:900; letter-spacing:-.02em; }
.sx-hn { text-shadow:0 0 18px color-mix(in srgb,var(--pc,#fff) 55%,transparent), 0 4px 14px rgba(0,0,0,.6); }
.sx-spot .sx-hn { text-shadow:0 0 22px rgba(255,209,102,.5), 0 4px 14px rgba(0,0,0,.6); }
.sx-hmn b { text-shadow:0 0 22px color-mix(in srgb,var(--pc,#fff) 50%,transparent), 0 4px 14px rgba(0,0,0,.6); }
.sx-hmn b.g { text-shadow:0 0 22px rgba(34,197,94,.5), 0 4px 14px rgba(0,0,0,.6); }
.sx-big.g { text-shadow:0 0 18px rgba(34,197,94,.5); }
.sx-hmn { align-items:center; } .sx-hmn > span { opacity:.75; }
.n81in { animation:n81in .26s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--i,0) * 60ms); }
@keyframes n81in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
.sx-band .sx-live { animation:n81live 1.6s ease-in-out infinite; }
@keyframes n81live { 50% { box-shadow:0 0 0 6px rgba(239,43,75,0), 0 0 16px rgba(239,43,75,.9); transform:scale(1.05); } }
.sx-fill { transition:width .3s ease-out; }
@media (prefers-reduced-motion:reduce) { .n81in, .sx-band .sx-live { animation:none; } .sx-fill { transition:none; } }
body.sx-on :is(.sx-ch,.sx-pt,.sx-chip,.sx-demand).pcx:not(.rec) { box-shadow:inset -5px 0 0 var(--pc), 0 8px 22px -12px color-mix(in srgb,var(--pc) 70%,transparent); border-color:color-mix(in srgb,var(--pc) 55%,var(--line)) !important; }
body.sx-on .s-x5 .sx-pt.pcx { border:2px solid color-mix(in srgb,var(--pc) 75%,transparent) !important; box-shadow:0 10px 26px -12px var(--pc); background-image:linear-gradient(180deg,color-mix(in srgb,var(--pc) 42%,transparent),transparent 65%); }
body.sx-on .s-x5 .sx-pt.pcx.rec { box-shadow:0 0 0 3px rgba(255,209,102,.35), 0 10px 26px -12px var(--pc); }
body.sx-on .s-x5 .sx-pt.pcx::before { height:8px; }
.n81d { display:inline-flex; margin-inline-end:5px; vertical-align:middle; } .n81d i { width:9px; height:9px; border-radius:50%; background:var(--pc); box-shadow:0 0 0 1.5px rgba(0,0,0,.5), 0 0 6px var(--pc); margin-inline-start:-3px; } .n81d i:first-child { margin:0; }
/* n83: תפריט פעולות אופוזיציה (כמו דרך ל-61) */
.s-omenu .om-body { display:flex; flex-direction:column; gap:8px; justify-content:flex-end; }
.om-hd { display:flex; align-items:center; justify-content:space-between; font-weight:800; font-size:17px; }
.om-cnt { background:#ef2b4b; color:#fff; border-radius:99px; padding:2px 10px; font-size:15px; }
.om-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.om-c { position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; padding:9px 4px 7px; min-height:112px; border-radius:14px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#fff; font:inherit; cursor:pointer; text-align:center; }
.om-c.rec { border-color:#ffd166; box-shadow:0 0 0 2px rgba(255,209,102,.35); }
.om-c:active { transform:scale(.97); }
.om-i { font-size:24px; line-height:1; }
.om-t { font-size:14px; line-height:1.15; }
.om-tg { font-size:11px; color:#c9cfdb; }
.om-p { font-size:13px; font-weight:800; border-radius:99px; padding:1px 8px; color:#fff; } .om-p.g { background:#1d7a4a; } .om-p.y { background:#8a6a12; } .om-p.r { background:#b3121f; }
.om-pl { display:flex; flex-direction:column; gap:2px; width:100%; }
.om-pl .pill { font-size:10.5px; border-radius:6px; padding:1px 3px; white-space:normal; line-height:1.2; overflow-wrap:anywhere; }
.om-new { position:absolute; top:-6px; inset-inline-start:-4px; background:#ffd166; color:#111; font-size:10px; font-weight:800; border-radius:99px; padding:1px 6px; }
.om-lock, .om-done { opacity:.38; filter:grayscale(1); cursor:default; min-height:0; }
.om-why { font-size:11px; color:#c9cfdb; }
@media (min-width:700px){ .om-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.om-i::before { content:attr(data-i); }
/* n84: תפריט קומפקטי + הון פוליטי + גלגלת מזל */
.s-omenu .sx-flash { padding:6px 10px; } .s-omenu .sx-flash .sx-q { font-size:15px; } .s-omenu .sx-fi { display:none; }
.om-c { min-height:0; padding:6px 3px 5px; gap:2px; border-radius:12px; }
.om-i { font-size:19px; } .om-t { font-size:12.5px; } .om-pl .pill { font-size:10px; }
.om-c.om-sel { border-color:#fff; background:rgba(255,255,255,.16); box-shadow:0 0 0 2px #fff; }
.om-pc { background:#2b3550; color:#ffd166; border-radius:99px; padding:2px 10px; font-size:13px; }
.om-lockrow { font-size:12px; color:#9aa3b5; background:rgba(255,255,255,.04); border-radius:10px; padding:5px 8px; line-height:1.3; }
.om-conf { display:flex; align-items:center; gap:6px; flex-wrap:wrap; background:rgba(255,255,255,.08); border-radius:12px; padding:6px 8px; }
.om-ct { font-size:14px; flex:1 1 100%; display:flex; gap:6px; align-items:center; }
.om-bst { display:flex; gap:6px; flex:1; } .om-b { flex:1; font:inherit; font-size:12.5px; font-weight:700; color:#ffd166; background:transparent; border:1px solid #ffd16688; border-radius:99px; padding:5px 4px; }
.om-b.on { background:#ffd166; color:#111; } .om-b:disabled { opacity:.35; }
.om-go { font:inherit; font-weight:800; font-size:15px; color:#fff; background:#ef2b4b; border:0; border-radius:99px; padding:7px 18px; }
.om-roll { position:fixed; inset:0; z-index:50; display:flex; align-items:center; justify-content:center; background:rgba(5,8,16,.78); }
.om-rb { width:min(340px,86vw); text-align:center; color:#fff; }
.om-rt { font-size:16px; font-weight:800; margin-bottom:10px; }
.om-tr { position:relative; height:26px; border-radius:99px; overflow:hidden; background:linear-gradient(to left, #1d7a4a 0 var(--p), #b3121f var(--p) 100%); }
.om-nd { position:absolute; top:-2px; bottom:-2px; width:5px; margin-right:-2px; background:#fff; border-radius:3px; box-shadow:0 0 8px #fff; right:0; }
.om-rl { direction:rtl; display:flex; justify-content:space-between; font-size:12px; color:#c9cfdb; margin-top:4px; }
.om-rr { display:block; font-size:26px; margin-top:10px; min-height:32px; } .om-rr.ok { color:#3ddc84; } .om-rr.no { color:#ff5a6e; }
.om-hint { font-size:11px; color:#9aa3b5; flex:1 1 100%; }
.om-c { padding:5px 3px 4px; } .om-i { font-size:16px; } .om-pl { flex-direction:row; gap:2px; } .om-pl .pill { flex:1; font-size:9.5px; }
.om-grid { gap:5px; } .s-omenu .om-body { gap:5px; } .om-ct { flex:0 1 auto; } .om-conf { flex-wrap:nowrap; padding:5px 6px; } .om-b { font-size:11.5px; padding:5px 2px; }
.s-omenu .sx-flash { padding:4px 10px; margin:0; }
.om-pl { flex-direction:column; } .om-b { white-space:nowrap; } .om-ct { white-space:nowrap; }
/* n85: מבזק קומפקטי בתפריט - התג בתוך השורה (לא צף מעל הכותרת) */
.s-omenu .sx-flash { gap:8px; } .s-omenu .sx-fk { position:static; flex:none; border-radius:6px; padding:2px 7px; font-size:10.5px; }
.s-omenu .sx-flash .sx-q { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* n85: תפריט הפעולות נכנס במסך אחד ב-390x844 - בלי 31px גלילה (פס המשוב + ריפוד #app לא נספרו ב-min-height) */
body.sx-on .screen.sx.s-omenu { min-height:calc(100dvh - var(--ticker-h,34px) - 96px); }
.s-omenu .om-c { gap:1px; padding:4px 3px 3px; } .s-omenu .om-pl .pill { line-height:1.25; }
.om-roll.pill, .om-ct.pill, .om-bst.pill { border:0; border-radius:0; padding:0; white-space:nowrap; } .om-roll.pill { background:rgba(5,8,16,.78); white-space:normal; font-size:inherit; } .om-bst.pill { background:transparent; font-size:inherit; } .om-ct.pill { background:transparent; font-size:14px; }

/* n86: כרטיסים נעולים שנפתחים בהמשך + כרטיסים גדולים כשיש מעט */
.om-c.om-lock { opacity:.42; filter:grayscale(.9); cursor:default; border-style:dashed; }
.om-lk { font-size:10px; line-height:1.2; background:rgba(255,255,255,.08); border-radius:8px; padding:2px 5px; color:#cdd3df; }
.om-grid.om-big { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.om-grid.om-big .om-c { min-height:128px; padding:12px 6px 10px; gap:5px; }
.om-grid.om-big .om-i { font-size:26px; } .om-grid.om-big .om-t { font-size:16px; }
.sx-wk { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:9px 12px; border-radius:12px; border:1px solid rgba(255,209,102,.5); background:rgba(255,209,102,.1); color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.sx-wk[disabled] { opacity:.6; cursor:default; border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.04); justify-content:center; font-weight:400; font-size:13px; }
.sx-back { align-self:center; background:none; border:0; color:#9aa3b5; font:inherit; font-size:13px; cursor:pointer; padding:4px 10px; }
/* n87: רגעים במו"מ השבועי */
.n87-tag { margin:2px 0 0; padding:3px 12px; border-radius:99px; font:800 14px 'Rubik'; background:rgba(255,196,60,.16); color:#ffc43c; }
.n87-tag.dn { background:rgba(255,90,110,.16); color:#ff5a6e; }
.n87-win .fxr-t { color:#ffc43c; text-shadow:0 0 18px rgba(255,196,60,.55); animation:n87pop .6s cubic-bezier(.2,1.6,.4,1); }
.n87-lost .fxr-t { animation:n87shake .5s; }
@keyframes n87pop { from { transform:scale(.6); opacity:0 } to { transform:none; opacity:1 } }
@keyframes n87shake { 25% { transform:translateX(-6px) } 75% { transform:translateX(6px) } }
@media (prefers-reduced-motion: reduce) { .n87-win .fxr-t, .n87-lost .fxr-t { animation:none } }
/* n93: חדר המו"מ */
.s-room .rm-body { gap:8px; justify-content:flex-start; }
.rm-hemi { position:relative; } .rm-hemi .hemi { width:100%; max-height:150px; display:block; }
.rm-pulse { animation:rmP 1.1s ease-in-out infinite alternate; } @keyframes rmP { from { opacity:.35 } to { opacity:1 } }
.rm-read { display:flex; gap:6px; justify-content:center; margin-top:-6px; } .rm-read .pill { font:800 14px 'Rubik'; } .rm-read .g { background:var(--green); color:#04210f; }
.rm-if { border:1.5px dashed var(--pc); }
.rm-who { display:flex; gap:10px; align-items:center; background:linear-gradient(160deg,#1c2850,#111a30); border:2px solid var(--pc); border-radius:16px; padding:8px 10px; }
.rm-who b { font:800 17px 'Rubik'; } .rm-dem { display:flex; flex-wrap:wrap; gap:4px; margin-top:4px; }
.rm-w { font-size:12px; background:#ffd16622; border:1px solid var(--gold); } .rm-w.gone { opacity:.4; text-decoration:line-through; }
.rm-veto, .rm-reply { font-size:13px; text-align:center; padding:6px 10px; border-radius:12px; } .rm-veto { background:#ff4d6d22; border:1px solid #ff4d6d; } .rm-reply { background:#ffd16618; border:1px solid var(--gold); }
.rm-board { display:grid; grid-template-columns:repeat(6,1fr); gap:4px; }
.rm-m { position:relative; aspect-ratio:1; border-radius:10px; border:1.5px solid #2a3352; background:#121a30; color:var(--ink); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2px; cursor:pointer; }
.rm-m i { font-style:normal; font-size:17px; line-height:1; } .rm-m .pill { font-size:9px; padding:0; background:none; border:0; white-space:nowrap; overflow:hidden; max-width:100%; }
.rm-m.big { border-color:#ffd16688; } .rm-m.want { box-shadow:inset 0 0 0 1.5px var(--gold); }
.rm-m.on { background:color-mix(in srgb,var(--pc) 65%,#0b1020); border-color:var(--gold); border-width:2.5px; transform:scale(1.04); } .rm-m.tk { background:color-mix(in srgb,var(--pc) 45%,#0b1020); opacity:.75; cursor:default; }
.rm-m .face { position:absolute; top:-4px; left:-4px; width:18px !important; height:18px !important; border-radius:50%; }
.rm-sp { display:flex; flex-wrap:wrap; gap:5px; justify-content:center; } .rm-left { border:1px solid var(--pc); font-size:12px; }
.rm-t { font:700 12px 'Rubik'; color:var(--ink); background:var(--card2); border:1.5px solid var(--line); cursor:pointer; } .rm-t.on { background:var(--gold); color:#1a1200; }
.rm-odds { display:flex; align-items:center; gap:8px; } .rm-bar { flex:1; height:12px; border-radius:8px; background:#1c2540; overflow:hidden; }
.rm-bar i { display:block; height:100%; transition:width .3s; } .rm-bar.g i { background:var(--green); } .rm-bar.y i { background:var(--gold); } .rm-bar.r i { background:#ff4d6d; }
.rm-p { font:800 18px 'Rubik'; } .rm-p.g { color:var(--green); } .rm-p.y { color:var(--gold); } .rm-p.r { color:#ff4d6d; }
.rm-btns { grid-template-columns:repeat(3,1fr); } .rm-btns .sx-b { padding:12px 4px; font-size:14px; }
.sx-pt[data-room] { cursor:pointer; } .sx-got { font-size:10px; }
.rm-abst { grid-column:1/-1; text-align:center; }
.rm-m i::before { content:attr(data-i); }

/* n94: חדר מו"מ קומפקטי */
.s-room .rm-body { gap:6px; padding-bottom:0; }
.rm-hemi .hemi { max-height:118px; }
.rm-who { padding:6px 8px; gap:8px; } .rm-who .face { width:44px !important; height:44px !important; } .rm-who b { font-size:15px; }
.rm-w.met { background:#06d6a033; border-color:var(--green); } .rm-w.un { background:#ff4d6d1f; border:1.5px dashed #ff4d6d; }
.rm-if { display:inline-flex; align-items:center; gap:4px; background:color-mix(in srgb,var(--pc) 28%,#0b1020); border:1.5px solid var(--pc); } .rm-if .face { width:20px !important; height:20px !important; border-radius:50%; }
.rm-m { aspect-ratio:auto; min-height:50px; background:#121a30 !important; border-radius:9px; gap:2px; }
.rm-m .rm-ml { font:700 10px 'Rubik'; line-height:1.1; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:clip; color:var(--ink); }
.rm-m.on, .rm-m.tk { box-shadow:inset 0 -5px 0 var(--pc); border-color:var(--pc); } .rm-m.on { border-color:var(--gold); background:#2a2a14 !important; }
.rm-m .face { top:-5px; left:-5px; border:1.5px solid var(--pc); }
.rm-foot { position:sticky; bottom:0; margin-top:auto; background:linear-gradient(to top,#0b1020 85%,#0b102000); padding:6px 0 8px; display:flex; flex-direction:column; gap:6px; z-index:3; }
.rm-btns .sx-b { padding:9px 4px; font-size:13px; }
.rm-lock .rm-pulse { animation:rmFill .9s cubic-bezier(.3,1.6,.5,1) both; opacity:1; } @keyframes rmFill { 0% { r:2; } 60% { r:8; } 100% { r:5.6; } }
.rm-signed .rm-hemi::after { content:'✍️ נחתם!'; position:absolute; inset:30% 0 auto; text-align:center; font:900 28px 'Rubik'; color:var(--gold); animation:rmPop .9s ease-out both; text-shadow:0 2px 10px #000; }
@keyframes rmPop { from { transform:scale(.3); opacity:0 } to { transform:scale(1); opacity:1 } }

.rm-red { display:flex; flex-wrap:wrap; gap:4px; margin:4px 0 0; } .rm-rl { font-size:11px; opacity:.8; } .rm-rl.hit { color:#ff6b6b; border-color:#ff6b6b; opacity:1; }
.rm-m.cont { position:relative; } .rm-x { position:absolute; top:1px; left:2px; font:700 9px 'Rubik'; font-style:normal; color:#ffb347; } .rm-m.on .rm-x { background:#3a1d10; border-radius:4px; padding:0 2px; }
.rm-cw { color:#ffb347; font-size:11px; }
.rm-unity { width:100%; margin-top:6px; padding:8px; border-radius:12px; border:2px dashed var(--gold); background:#1d1a0c; color:#fff; font:800 15px 'Rubik'; } .rm-unity.on { border-style:solid; background:#3a300c; } .rm-unity small { display:block; font:500 11px 'Rubik'; opacity:.85; }
.rm-lock .rm-board, .rm-lock .rm-sp { pointer-events:none; opacity:.75; }

.rm-veto { white-space:normal; overflow-wrap:anywhere; max-width:100%; box-sizing:border-box; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.35; } .rm-veto.soft { opacity:.4 !important; animation:none !important; background:transparent; border-style:dashed; font-size:12px; -webkit-line-clamp:1; } .rm-x { top:2px; left:3px; font-size:10px; line-height:1; background:none!important; padding:0!important; }
.rm-m.need { box-shadow:0 0 0 2.5px #ff6b6b, 0 0 12px #ff6b6b99; animation:rmNeed 1s ease-in-out 3; } @keyframes rmNeed { 50% { transform:scale(1.08); } } .rm-go:disabled { opacity:.55; }
/* n102: מילון "?" + מדדים + רמז חדר */
.gq { display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; margin-inline-start:4px; border-radius:50%; background:#2a3352; color:#cfd8ff; font:700 11px 'Rubik'; cursor:pointer; vertical-align:middle; flex:none; }
.gq::before { content:'?'; }
.gbub { display:block; position:relative; z-index:40; margin:4px 0; padding:6px 9px !important; background:#1d2742 !important; border:1px solid #3c4a75 !important; border-radius:9px; color:#e8ecff; font:500 12px/1.35 'Rubik' !important; white-space:normal !important; max-width:300px; text-align:start; }
.gfirst { display:block; margin:6px 0; padding:6px 9px !important; border-radius:9px; background:color-mix(in srgb,var(--mc,#ffd166) 16%,#0b1020) !important; border:1px solid var(--mc,#ffd166) !important; color:#e8ecff; font:500 12px/1.35 'Rubik' !important; white-space:normal !important; }
.gmet { color:var(--mc); font-weight:700; white-space:nowrap; }
.gwin { display:block; background:none !important; border:0 !important; padding:0 !important; color:#ff9a9a; font:600 11px 'Rubik' !important; }
.rm-board { display:block !important; }
.rm-gh { display:flex; align-items:center; margin:6px 0 3px; background:none !important; border:0 !important; padding:0 !important; font:700 11px 'Rubik' !important; color:#9aa6cc; }
.rm-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.rm-grid.g6 { grid-template-columns:repeat(3,1fr); gap:6px; }
.rm-grid.g6 .rm-m { min-height:58px; } .rm-grid.g6 .rm-m i { font-size:22px; } .rm-grid.g6 .rm-m .rm-ml { font-size:13px; }
.rm-grid:not(.g6) .rm-m { min-height:44px; } .rm-grid:not(.g6) .rm-m .rm-ml { font-size:9px; }
.s-room .rm-body { position:relative; }
.rm-hint { position:absolute; inset:auto 8px 120px 8px; z-index:50; display:flex; flex-direction:column; gap:6px; padding:12px !important; border-radius:14px; background:#0b1020ee !important; border:2px solid var(--gold) !important; color:var(--gold); font:700 15px 'Rubik' !important; white-space:normal !important; box-shadow:0 8px 30px #000a; }
.rm-hint button { align-self:flex-start; padding:4px 12px !important; border-radius:8px; background:var(--gold) !important; color:#111; font:700 13px 'Rubik'; border:0; }
.gico { font-style:normal; background:none !important; border:0 !important; padding:0 3px 0 0 !important; }
/* n106: פרימיום - תפריט פעולות (s-x9 / s-omenu) ומסך תוצאה (s-xres): מדליון מאויר לאייקון, ברק עדין, כניסה מדורגת */
.s-omenu .om-c { --h:212; background:linear-gradient(180deg, hsla(var(--h),60%,62%,.16), rgba(255,255,255,.035) 62%), rgba(12,18,32,.55); border-color:hsla(var(--h),70%,75%,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 6px 14px -8px rgba(0,0,0,.6); overflow:hidden; }
.s-omenu .om-c:nth-child(6n+2) { --h:350; } .s-omenu .om-c:nth-child(6n+3) { --h:150; } .s-omenu .om-c:nth-child(6n+4) { --h:38; } .s-omenu .om-c:nth-child(6n+5) { --h:270; } .s-omenu .om-c:nth-child(6n) { --h:190; }
.s-omenu .om-c::after { content:''; position:absolute; inset:0 0 auto; height:46%; background:linear-gradient(180deg, rgba(255,255,255,.09), transparent); pointer-events:none; }
.s-omenu .om-i { display:grid; place-items:center; width:1.62em; height:1.62em; border-radius:50%; background:radial-gradient(circle at 34% 28%, hsla(var(--h),90%,88%,.95), hsla(var(--h),62%,52%,.95) 46%, hsla(var(--h),70%,22%,1) 100%); box-shadow:inset 0 -3px 6px rgba(0,0,0,.35), inset 0 2px 3px rgba(255,255,255,.45), 0 0 0 1.5px hsla(var(--h),80%,80%,.5), 0 4px 10px -3px hsla(var(--h),80%,40%,.7); }
.s-omenu .om-i::before { font-size:.78em; filter:drop-shadow(0 1px 1px rgba(0,0,0,.45)); }
.s-omenu .om-c.rec { --h:44; border-color:#ffd166; box-shadow:0 0 0 2px rgba(255,209,102,.4), 0 8px 18px -8px rgba(255,190,60,.55); }
.s-omenu .om-c.rec::after { background:linear-gradient(105deg, transparent 30%, rgba(255,233,170,.22) 48%, transparent 66%) 0 0/250% 100%; height:100%; animation:n106sheen 3.2s ease-in-out 1s infinite; }
.s-omenu .om-c.om-lock .om-i { background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
.s-omenu .om-grid > .om-c { animation:n106in .32s cubic-bezier(.2,.8,.3,1) both; } .s-omenu .om-grid > .om-c:nth-child(2) { animation-delay:.04s; } .s-omenu .om-grid > .om-c:nth-child(3) { animation-delay:.08s; } .s-omenu .om-grid > .om-c:nth-child(4) { animation-delay:.12s; } .s-omenu .om-grid > .om-c:nth-child(n+5) { animation-delay:.16s; }
.s-omenu .om-hd .pill { background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)); box-shadow:inset 0 1px 0 rgba(255,255,255,.14); }
.s-xres .sx-res { position:relative; padding:14px 12px 12px; border-radius:18px; background:radial-gradient(120% 70% at 50% 0%, rgba(29,122,74,.26), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(120,220,160,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 12px 28px -14px rgba(0,0,0,.7); }
.s-xres .sx-res.bad { background:radial-gradient(120% 70% at 50% 0%, rgba(179,18,31,.28), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border-color:rgba(255,120,130,.24); }
.s-xres .sx-res.nu { background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); border-color:rgba(255,255,255,.14); }
.s-xres .sx-res .strap-k { box-shadow:0 3px 10px -3px rgba(0,0,0,.5); }
.s-xres .sx-chips .sx-chip { animation:n106in .3s ease-out .18s both; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
.s-xres .sx-cta.gold { background:linear-gradient(180deg, #ffe08a, #f2b43a); box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 8px 20px -8px rgba(242,180,58,.8); }
@keyframes n106in { from { opacity:0; transform:translateY(6px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes n106sheen { 0%,60% { background-position:120% 0; } 100% { background-position:-120% 0; } }
@media (prefers-reduced-motion: reduce) { .s-omenu .om-grid > .om-c, .s-xres .sx-chips .sx-chip, .s-omenu .om-c.rec::after { animation:none; } }
.rm-more { display:block; width:100%; margin:6px 0 3px; padding:8px !important; font:700 12px 'Rubik'; color:#c9d3f5; background:#1b2340; border:1px solid #2f3a63; border-radius:10px; cursor:pointer; }

/* n113: נעולות כמדליונים + כרטיסים גדולים שממלאים את המסך */
.om-meds { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; background:transparent; padding:2px 0; }
.om-med { width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); opacity:.42; filter:grayscale(1); display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer; }
.om-med .om-i { font-size:16px; } .om-med:active { opacity:.7; }
.om-lwhy { margin:0; min-height:15px; font-size:12px; color:#c9cfdb; text-align:center; }
@media (max-width:699px){ .s-omenu .om-c { min-height:132px; padding:10px 4px 8px; gap:4px; } .s-omenu .om-i { font-size:24px; } .s-omenu .om-t { font-size:14px; } .s-omenu .om-pl .pill { font-size:10.5px; } .s-omenu .om-grid { gap:7px; } }
/* n118: broadcast icon set (mask SVG, no emoji) + board/end polish */
.ico { display:inline-block; width:1.05em; height:1.05em; vertical-align:-.15em; background:currentColor; -webkit-mask:var(--m) center/contain no-repeat; mask:var(--m) center/contain no-repeat; }
.i-share { --m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203v12M7%208l5-5%205%205%27/%3E%3Cpath%20d%3D%27M5%2013v6a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2v-6%27/%3E%3C/svg%3E"); }
.i-again { --m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%2012a8%208%200%201%201-2.3-5.7%27/%3E%3Cpath%20d%3D%27M20%204v5h-5%27/%3E%3C/svg%3E"); }
.i-list { --m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%274%27%20width%3D%2714%27%20height%3D%2717%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M9%209h6M9%2013h6M9%2017h3%27/%3E%3C/svg%3E"); }
.i-send { --m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%203%2010%2014%27/%3E%3Cpath%20d%3D%27M21%203%2014%2021l-4-7-7-4z%27/%3E%3C/svg%3E"); }
.i-dice { --m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%274%27%20width%3D%2716%27%20height%3D%2716%27%20rx%3D%274%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%279%27%20r%3D%27.6%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%2715%27%20r%3D%27.6%27/%3E%3Ccircle%20cx%3D%2715%27%20cy%3D%279%27%20r%3D%27.6%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%2715%27%20r%3D%27.6%27/%3E%3C/svg%3E"); }
.i-clock { --m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.5%27/%3E%3Cpath%20d%3D%27M12%207v5l3%202%27/%3E%3C/svg%3E"); }
/* board: orphan tile centred, week strap, send-all medallion card */
.s-x5 .sx-grid > :last-child:nth-child(3n+1) { grid-column:2; }
.s-x5 .sx-grp { position:relative; }
.sx-wk { position:relative; overflow:hidden; border:0 !important; border-inline-start:3px solid var(--gold) !important; border-radius:10px; background:linear-gradient(90deg,rgba(255,209,102,.04),rgba(255,209,102,.16)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 16px -10px rgba(0,0,0,.8); }
.sx-wk .sx-wkt { display:inline-flex; align-items:center; gap:7px; } .sx-wk .ico { color:var(--gold); }
.s-x5 button.sx-ch[data-ch="__all"] { position:relative; border:1px solid rgba(255,209,102,.35) !important; background:radial-gradient(120% 140% at 100% 0,rgba(255,209,102,.16),transparent 55%),linear-gradient(165deg,#1b2750,#0f1730) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 14px 28px -14px rgba(0,0,0,.9); }
.s-x5 button.sx-ch[data-ch="__all"]::after { content:''; position:absolute; inset:auto 18px 0; height:2px; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.7; }
.sx-med { background:radial-gradient(circle at 35% 30%,#ffe9a8,#f2b43a 60%,#a8720f) !important; border:2px solid rgba(255,255,255,.35) !important; color:#2a1d00; font-size:22px; box-shadow:0 0 0 4px rgba(255,209,102,.14), 0 8px 18px -8px rgba(242,180,58,.8); }
.s-x5 .sx-ch[data-ch="__all"] .pill { display:inline-flex; align-items:center; gap:5px; } .s-x5 .sx-ch[data-ch="__all"] .pill .ico { color:var(--gold); }
/* end: depth + medallion number + iconed CTAs + short entrance */
.s-end .sx-ev { box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 30%,transparent), 0 24px 50px -24px color-mix(in srgb,var(--tc) 55%,transparent), inset 0 1px 0 rgba(255,255,255,.1); }
.s-end .sx-ev .sx-hn { background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--tc) 60%,#fff)); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 4px 14px rgba(0,0,0,.6)); }
.s-end .sx-cta { display:flex; align-items:center; justify-content:center; gap:10px; }
.s-end .sx-cta .ico { font-size:20px; }
.s-end .sx-cta:not(.gold) { background:linear-gradient(180deg,#1d2a52,#131c38); border-color:rgba(255,255,255,.14); }
.s-end .sx-cta.gold { background:linear-gradient(180deg,#ffe08a,#f2b43a); box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 10px 24px -8px rgba(242,180,58,.75); }
.s-end .sx-body > * { animation:n118up .28s ease-out both; } .s-end .sx-body > :nth-child(2) { animation-delay:.06s; } .s-end .sx-body > :nth-child(n+3) { animation-delay:.12s; }
@keyframes n118up { from { opacity:0; transform:translateY(8px); } }
@media (prefers-reduced-motion:reduce) { .s-end .sx-body > * { animation:none; } }
.s-end .sx-endhero .sx-hn { background:linear-gradient(180deg,#fff 35%,#ffd166); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 4px 14px rgba(0,0,0,.7)); }
.s-end .sx-endhero { box-shadow:inset 0 -2px 0 rgba(255,209,102,.5), inset 0 1px 0 rgba(255,255,255,.1); }
.s-end #kamario-next > * { box-shadow:0 14px 28px -16px rgba(0,0,0,.9); }
/* n119: end-screen hero number gets the gold gradient (was flat white) */
.s-end .sx-evn b { background:linear-gradient(180deg,#fff 30%,#ffd166 75%,#f2b43a); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none; filter:drop-shadow(0 4px 14px rgba(0,0,0,.7)); }
.sx-ends { margin:8px auto 0; font-size:13px; font-weight:700; color:var(--gold); opacity:.85; }
.ends-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; padding:10px; }
.ends-grid[hidden] { display:none; }
.end-cell { display:flex; gap:6px; align-items:center; font-size:12.5px; padding:6px 8px; border-radius:8px; background:rgba(255,255,255,.04); opacity:.55; }
.end-cell.on { opacity:1; color:var(--gold); }
.sx-riv { display:flex; align-items:center; gap:10px; margin:6px auto 0; padding:6px 12px 6px 6px; font-size:13px; width:min(92%,360px); border:1px solid rgba(229,72,77,.35); background:rgba(229,72,77,.08); border-radius:14px; }
.sx-riv .riv-who { display:flex; flex-direction:column; line-height:1.2; flex:1; min-width:0; } .sx-riv .riv-who small { font-size:11px; opacity:.7; } .sx-riv .riv-who b { font-size:14px; }
.sx-riv .riv-mood { display:flex; flex-direction:column; align-items:center; gap:3px; } .sx-riv .riv-mood b { font-size:13px; } .sx-riv .riv-bar { width:64px; height:6px; }
.sx-riv.lv0 .riv-mood b { color:#5fd08a; } .sx-riv.lv1 .riv-mood b { color:#f5c542; } .sx-riv.lv2 .riv-mood b { color:#ff9f43; } .sx-riv.lv3 .riv-mood b { color:#ff5a5f; }
.sx-rivcard { display:block; width:100%; box-sizing:border-box; margin:10px 0; padding:12px; border-radius:14px; background:linear-gradient(135deg,rgba(229,72,77,.22),rgba(229,72,77,.06)); border:1px solid rgba(229,72,77,.55); text-align:start; animation:rcIn .35s ease-out; }
.sx-rivcard .rc-hd { display:flex; align-items:center; gap:10px; } .sx-rivcard .rc-hd img { border-radius:50%; border:2px solid #e5484d; } .sx-rivcard .rc-hd b { font-size:17px; color:#ff8a8d; }
.sx-rivcard .rc-tx { margin:8px 0; font-size:14px; line-height:1.4; }
.sx-rivcard .rc-opts { display:flex; gap:6px; } .rc-b { flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:8px 4px; border-radius:10px; border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,.25); color:inherit; font:inherit; font-size:13px; cursor:pointer; } .rc-b small { opacity:.75; font-size:11px; }
.rc-out { margin:6px 0 0; font-weight:600; } .rc-out.ok { color:#5fd08a; } .rc-out.bad { color:#ff7a7a; }
.sx-rivend { display:block; margin:6px auto 0; width:auto; max-width:92%; padding:5px 12px; font-size:13px; line-height:1.35; white-space:normal; overflow:visible; text-overflow:clip; text-align:center; height:auto; border:1px solid rgba(229,72,77,.4); border-radius:14px; }
@keyframes rcIn { from { transform:scale(.94); opacity:0 } to { transform:none; opacity:1 } }
.sx-riv img, .sx-rivmv img { border-radius:50%; flex:none; }
.riv-bar { display:inline-block; width:48px; height:5px; border-radius:3px; background:rgba(255,255,255,.12); overflow:hidden; }
.riv-bar > i { display:block; height:100%; background:linear-gradient(90deg,#f5c542,#e5484d); }
.sx-rivmv { display:flex; gap:8px; align-items:center; text-align:start; font-size:13px; line-height:1.35; padding:8px 10px; margin:8px 0; border-inline-start:3px solid #e5484d; }
.sx-rivmv.calm { border-color:#3ba776; }
/* n127: מסך מהלך-נגד של היריב */
.s-rivx { background:radial-gradient(120% 70% at 50% 0%,rgba(229,72,77,.35),transparent 60%),#120a0c; }
.rx-wrap { display:flex; flex-direction:column; align-items:center; gap:8px; padding:22px 16px 18px; max-width:440px; margin:0 auto; box-sizing:border-box; min-height:100%; animation:rcIn .35s ease-out; }
.rx-face img { width:132px; height:132px; border-radius:50%; border:3px solid #e5484d; box-shadow:0 0 0 6px rgba(229,72,77,.18),0 10px 30px rgba(0,0,0,.5); object-fit:cover; }
.rx-h { margin:4px 0 0; font-size:26px; color:#ff8a8d; text-align:center; }
.rx-act { margin:0; font-size:17px; line-height:1.4; text-align:center; white-space:normal; overflow-wrap:anywhere; }
.rx-eff { margin:0; padding:4px 12px; border-radius:99px; background:rgba(229,72,77,.18); border:1px solid rgba(229,72,77,.5); font-size:14px; }
.rx-q { margin:10px 0 2px; font-size:15px; opacity:.8; }
.rx-opts { display:flex; flex-direction:column; gap:8px; width:100%; }
.rx-c { display:flex; flex-wrap:wrap; gap:6px; align-items:center; width:100%; padding:11px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:inherit; font:inherit; text-align:start; cursor:pointer; }
.rx-c:active { transform:scale(.98); }
.rx-ct { display:flex; justify-content:space-between; width:100%; } .rx-ct b { font-size:16px; } .rx-ct em { font-style:normal; font-weight:700; color:#ffd479; }
.rx-c .pill { font-size:12px; padding:2px 8px; border-radius:99px; } .rx-c .pill.ok { background:rgba(95,208,138,.16); color:#5fd08a; } .rx-c .pill.bad { background:rgba(255,122,122,.14); color:#ff7a7a; }

/* n132: המפה הפוליטית */
.s-map .pm-body { gap:8px; justify-content:flex-start; }
.pm-map { position:relative; background:radial-gradient(120% 90% at 50% 100%,#1a2550 0%,#0d142a 60%,transparent 100%); border-radius:20px; padding:4px 2px 6px; }
.pm-svg { width:100%; display:block; overflow:visible; }
.pm-z { stroke:none; } .pm-z.mine { fill:rgba(255,209,102,.13); } .pm-z.mid { fill:rgba(140,160,220,.08); } .pm-z.them { fill:rgba(0,0,0,.28); }
.pm-zl { font:800 12px 'Rubik'; fill:#9aa3b5; letter-spacing:.3px; } .pm-zl.mine { fill:var(--gold); } .pm-zl.them { fill:#6b7390; }
.pm-b { cursor:pointer; transition:opacity .2s; } .pm-b.no { cursor:default; } .pm-b.ask circle { stroke:rgba(255,255,255,.35); stroke-width:.8; }
.pm-b.ask { animation:pmBreath 1.8s ease-in-out infinite alternate; } @keyframes pmBreath { from { opacity:.7 } to { opacity:1 } }
.pm-b.in circle { stroke:#ffd166; stroke-width:.9; }
.pm-b.king circle { stroke:#ffd166; stroke-width:1.6; filter:drop-shadow(0 0 3px #ffd166); }
.pm-b.focus { animation:none; } .pm-b.focus circle { stroke:#fff; stroke-width:1.4; filter:drop-shadow(0 0 4px var(--pc)); }
.pm-b.fresh circle { animation:pmFly .7s cubic-bezier(.2,1.5,.4,1) both; transform-box:fill-box; transform-origin:center; }
@keyframes pmFly { 0% { transform:scale(0) translateY(-30px); opacity:0 } 100% { transform:none; opacity:1 } }
.pm-red { fill:none; stroke:#ff3355; stroke-width:2.4; stroke-linejoin:miter; filter:drop-shadow(0 0 2px #ff3355); opacity:.85; }
.pm-red.hot { stroke-width:3.2; animation:pmHot .5s steps(2) infinite; } @keyframes pmHot { 50% { opacity:.3 } }
.pm-crown { font-size:15px; filter:drop-shadow(0 0 4px #ffd166); }
.pm-61 { stroke:#ffd166; stroke-width:3.5; stroke-linecap:round; filter:drop-shadow(0 0 4px rgba(255,209,102,.8)); }
.pm-n { font:900 34px 'Rubik'; fill:#fff; } .pm-ns { font:800 13px 'Rubik'; fill:var(--gold); }
.pm-map.won .pm-n { fill:var(--green); } .pm-map.won .pm-61 { stroke:var(--green); }
.pm-count { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin-top:-2px; font:800 15px 'Rubik'; }
.pm-count i { width:5px; height:5px; border-radius:50%; background:#6b7390; } .pm-count .r { color:#ff6b81; } .pm-count .g { color:var(--green); }
.pm-kl, .pm-rl { font:700 11px 'Rubik'; padding:2px 7px; border-radius:99px; } .pm-kl { background:#ffd16622; color:var(--gold); } .pm-rl { background:#ff335522; color:#ff6b81; }
.s-map .sx-q { margin:2px 0 0; font-size:20px; }
.pm-chips { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.pm-chips .sx-pt { flex-direction:row; padding:6px 7px; gap:6px; border-radius:13px; text-align:start; border-inline-start:4px solid var(--pc,var(--line)); min-width:0; }
.pm-chips .sx-pt .face { width:30px !important; height:30px !important; }
.pm-chips .sx-pt b { font-size:12px; flex:1; min-width:0; white-space:normal; line-height:1.1; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }   /* b168: שם מלא, עד 2 שורות */
.pm-chips .sx-pt .pill { font-size:11px; padding:1px 6px; } .pm-chips .sx-got { display:none; }
.pm-chips .sx-pt.king { box-shadow:0 0 0 2px #ffd166, 0 0 12px rgba(255,209,102,.4); }
.pm-chips .sx-pt.in { background:linear-gradient(160deg,#1b2a22,#121a30); } .pm-chips .sx-ok { display:none; }
/* חדר המו"מ כמגירה מעל המפה */
.s-drawer .rm-body { padding-top:0; }
.s-drawer .rm-hemi .pm-map { background:none; padding:0; } .s-drawer .rm-hemi .pm-svg { max-height:128px; }
.s-drawer .rm-sheet { display:flex; flex-direction:column; gap:6px; background:linear-gradient(180deg,#16203f,#0b1020 120px); border:1px solid #2a3560; border-bottom:0; border-radius:22px 22px 0 0; padding:4px 8px 0; margin:0 -8px; box-shadow:0 -10px 30px rgba(0,0,0,.55); animation:rmUp .38s cubic-bezier(.2,1.2,.4,1) both; flex:1; }
.rm-grab { display:block; width:44px; height:5px; border-radius:9px; background:#4a5580; margin:2px auto 2px; }
@keyframes rmUp { from { transform:translateY(60%); opacity:.2 } to { transform:none; opacity:1 } }
.rm-lock .pm-b.focus circle { animation:pmFly .8s cubic-bezier(.2,1.5,.4,1) both; transform-box:fill-box; transform-origin:center; fill:var(--pc); }
@media (prefers-reduced-motion: reduce) { .pm-b, .pm-b circle, .s-drawer .rm-sheet, .pm-red.hot { animation:none !important } }
.pm-zl, .pm-crown, .pm-61l, .pm-n { position:absolute; transform:translate(-50%,-50%); pointer-events:none; white-space:nowrap; }
.pm-61l { font:900 13px 'Rubik'; color:var(--gold); text-shadow:0 0 6px rgba(255,209,102,.7); }
.pm-n { font:900 34px 'Rubik'; color:#fff; line-height:1; } .pm-map.won .pm-n { color:var(--green); }
.pm-crown { font-size:15px; }
.pm-chips { grid-template-columns:repeat(2,1fr); } .pm-chips .sx-pt b { font-size:13.5px; }
.s-map .pm-body { justify-content:space-evenly; }
.pm-red { stroke-width:3; paint-order:stroke; } .pm-61l { background:#0d142a; padding:0 4px; border-radius:6px; }
/* n133: "שלהם" בצבע הסיעה (עמום), ח"כים שעברו, תוויות זונות */
.pm-b.no circle { opacity:.42; } .pm-b.mkx circle { stroke:#fff; stroke-width:1.1; stroke-dasharray:2 1.5; }
.pm-zl { font:800 12px 'Rubik'; color:#c3cadb; background:rgba(13,20,42,.85); padding:1px 7px; border-radius:99px; border:1px solid rgba(255,255,255,.12); }
.pm-zl.mine { color:var(--gold); border-color:#ffd16655; } .pm-zl.them { color:#aab2c8; }
.pm-b.mkx.fresh circle { animation:pmJump .9s cubic-bezier(.3,1.4,.4,1) both; transform-box:fill-box; transform-origin:center; }
@keyframes pmJump { 0% { transform:translate(-120px,-40px) scale(.4); opacity:0 } 60% { opacity:1 } 100% { transform:none } }
.dx-sheet { display:flex; flex-direction:column; gap:7px; }
.dx-mks { display:flex; flex-wrap:wrap; gap:4px; } .dx-mks span { font:600 11.5px 'Rubik'; padding:2px 7px; border-radius:99px; background:#ffffff10; border-inline-start:3px solid var(--pc); }
.dx-mks span.gone { opacity:.4; text-decoration:line-through; }
.dx-mv { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; text-align:start; padding:8px 10px; border-radius:13px; background:#16203d; border:1px solid #ffffff18; color:#fff; font:700 14px 'Rubik'; }
.dx-mv small { display:block; font:500 11.5px 'Rubik'; color:#aab2c8; } .dx-mv .pill { font:800 13px 'Rubik'; } .dx-mv:disabled { opacity:.45; }
.dx-mv .gq { margin-inline-start:4px; }
.dx-mv > span:nth-child(2) { min-width:0; } .dx-mv small.pill { white-space:normal; background:none; padding:0; } .dx-mv > b.pill { white-space:nowrap; }
/* n134: מפה באופוזיציה + גיליון ח"כים + רגע ההצבעה */
.s-omenu .om-map { position:relative; } .s-omenu .om-map .pm-map { padding:2px 4px 0; } .s-omenu .om-map .pm-svg { max-height:112px; width:100%; display:block; }
.om-mapn { position:relative; display:block; margin:-22px auto 0; width:max-content; font:800 12px 'Rubik'; } .om-map.won .om-mapn { color:var(--green); }
.om-nc { display:block; margin:4px auto 0; font:900 15px 'Rubik'; padding:8px 16px; border-radius:99px; background:linear-gradient(180deg,#ffd166,#f0a020); color:#1a1200; border:0; box-shadow:0 0 0 3px rgba(255,209,102,.35); animation:n134p 1.2s ease-in-out infinite; }
@keyframes n134p { 50% { box-shadow:0 0 0 8px rgba(255,209,102,.12); } }
.om-sh { background:rgba(12,18,32,.92); border:1px solid color-mix(in srgb, var(--pc) 60%, transparent); border-radius:14px; padding:8px; } .om-sh .rm-who { display:flex; align-items:center; gap:8px; } .om-shx { margin-inline-start:auto; }
.om-sh .dx-mks { background:none; padding:0; } .dx-mks span.lead { font-weight:800; } .dx-prom { font:600 11.5px 'Rubik'; margin:0; }
.om-vote { position:fixed; inset:0; z-index:90; display:grid; place-items:center; background:rgba(5,8,18,.88); }
.om-vb { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; } .om-vb small { font:700 14px 'Rubik'; color:#aab2c8; }
.om-vn { font:900 96px 'Rubik'; color:#fff; line-height:1; } .om-vn.g { color:var(--green); } .om-vr { font:900 26px 'Rubik'; font-style:normal; min-height:32px; }
.om-vote.ok .om-vr { color:var(--green); } .om-vote.bad .om-vr { color:#ef2b4b; }
.om-shw:not(:empty) { scroll-margin:8px; }
.dx-mks.pill { background:none; padding:0; border:0; } .dx-nm { font:800 inherit; background:none; padding:0; color:#fff; }

/* b135: רצועות 61 - ירוק >=61, ענבר 58-60, אדום <=57; תמיכה מבחוץ = פס מקווקו חלש (לא נספר לרוב) */
i.t-ok, .sx-fill.t-ok { background:linear-gradient(90deg,#24b866,#3ddc84) !important; }
i.t-am, .sx-fill.t-am { background:linear-gradient(90deg,#e0a020,#ffc240) !important; }
i.t-bad, .sx-fill.t-bad { background:linear-gradient(90deg,#c0303f,#ff5a66) !important; }
.sx-csb i.y { background:repeating-linear-gradient(45deg,rgba(127,163,232,.45) 0 4px,rgba(127,163,232,.12) 4px 8px) !important; }
/* b141: "?" הסבר לכל מהלך */
.om-q { display:inline-block; min-width:15px; height:15px; line-height:15px; margin-inline-start:4px; border-radius:50%; font-size:10px !important; text-align:center; opacity:.7; border:1px solid currentColor; padding:0 !important; }
.sx-sw.zs { font-weight:700; } .sx-sw.zs .up { color:var(--ok, #3fb37f); } .sx-sw.zs .dn { color:var(--bad, #e05a5a); }
/* b143: צבע שורת התוצאה = טוב/רע לשחקן, לא טון המסך */
.sx-res .sx-rwhy.sx-sw.dn, .sx-res.ok .sx-rwhy.sx-sw.dn { color:#ffb4bf; } .sx-res .sx-rwhy.sx-sw.up, .sx-res.ok .sx-rwhy.sx-sw.up { color:#9ff0c4; }
.sx-res .sx-sw.zs { color:#e6e9f2 !important; } .sx-res .sx-sw.zs .up { color:#3fb37f; } .sx-res .sx-sw.zs .dn { color:#ff6b7d; } .sx-res .sx-sw.zs .nu { color:#c9cfdd; }
/* b143: מעבר מושבים ≤600ms + נקודות עפות */
.n80s { transition:stroke-dashoffset .55s .05s cubic-bezier(.6,0,.2,1), opacity .4s .05s; }
.n80s.mv { animation:n80p .5s .6s 1 ease-in-out; }
.n80f { opacity:0; transform:translate(0,0); transition:transform .5s cubic-bezier(.5,0,.2,1), opacity .5s; }
.n80.go .n80f { transform:translate(var(--dx),var(--dy)); animation:n80fo .55s forwards; } @keyframes n80fo { 0% { opacity:0 } 15% { opacity:1 } 85% { opacity:1 } 100% { opacity:0 } }
@media (prefers-reduced-motion: reduce) { .n80s, .n80f { transition:none !important; animation:none !important; } .n80f { display:none; } }
.sx-need{display:block;width:max-content;margin:4px auto 0;font-weight:700;color:var(--gold,#d9b54a)}
/* b145: תג קלות + רמזים אופציונליים */
.pm-chips .sx-pt { flex-wrap:wrap; }
.pm-chips .sx-pt .ez { font-size:10.5px; padding:1px 5px; border-radius:8px; }
.ez-easy { background:#1f5a3a; color:#b8f5cf; } .ez-mid { background:#5a4a1f; color:#ffe3a1; } .ez-hard { background:#5a2a1f; color:#ffc0a8; } .ez-blk { background:#3a2030; color:#e6a4b8; } .ez-in { background:#1f3a5a; color:#bfe0ff; }
.pm-chips .sx-pt .ez-h { flex-basis:100%; font-size:10px; padding:0 4px; color:#ffd166; background:none; text-align:center; }
.pm-chips .sx-pt.no { opacity:.78; } .pm-chips .sx-pt.rec { box-shadow:0 0 0 1.5px #ffd166; }
/* b151: מפת המושבים בממשל */
.sx-gmap{margin:6px auto 0;max-width:250px;width:100%}
.sx-gmap .pm-map{margin:0}
.sx-gmap .pm-count{font-size:12px;margin-top:2px}
/* b154: 4-5 אפשרויות במשבר - כרטיסים קומפקטיים במובייל */
@media (max-width:1023px) {
  .s-crisis:has(.sx-cc ~ .sx-cc ~ .sx-cc ~ .sx-cc) .sx-gmap { zoom:.62; }
  .s-crisis:has(.sx-cc ~ .sx-cc ~ .sx-cc ~ .sx-cc) .sx-cc { padding-block:6px; min-height:0; margin-block:3px; }
  .s-crisis:has(.sx-cc ~ .sx-cc ~ .sx-cc ~ .sx-cc) .sx-cc .sx-t { font-size:15px; }
  .s-crisis:has(.sx-cc ~ .sx-cc ~ .sx-cc ~ .sx-cc) .sx-flash { padding-block:8px; }
  .s-crisis:has(.sx-cc ~ .sx-cc ~ .sx-cc ~ .sx-cc) .sx-flash h2 { font-size:22px; }
}

/* b158: צד שלך / יריב - טבעת מתאר על הגוש, ✕ על חסומים, מיקוד פועם */
.n80me { fill:none; stroke-width:4; stroke-linecap:round; opacity:.9; } .n80me.foe { opacity:.55; }
.pm-x { position:absolute; transform:translate(-50%,-50%); font:900 22px/1 'Rubik'; color:#ff3355; text-shadow:0 0 6px #000, 0 0 3px #ff3355; pointer-events:none; }
.pm-b.focus { animation:pmFocus 1s ease-in-out infinite alternate; } @keyframes pmFocus { from { opacity:.75 } to { opacity:1; filter:drop-shadow(0 0 6px var(--pc)) } }
@media (prefers-reduced-motion: reduce) { .pm-b.focus { animation:none; } }
.sx-strip { display:flex; flex-wrap:wrap; gap:4px; justify-content:center; margin:6px 0; } .sx-strip i { font:800 13px/22px 'Rubik'; font-style:normal; width:22px; height:22px; border-radius:6px; text-align:center; } .sx-strip i.ok { background:rgba(43,212,125,.2); color:#2bd47d; } .sx-strip i.bad { background:rgba(255,90,110,.2); color:#ff5a6e; }
.sx-chip.eq.foe b, .sx-chip.eq.foe .n79m { color:#ff5a6e; } .s-xres .sx-res > .sx-chips > .sx-chip.eq.foe { border-top-color:#ff5a6e; }
/* b159: אופוזיציה - הגוש שלך מוקף, יעדים (מתלבטים) פועמים */
.s-omenu .om-map .pm-b.in circle { stroke:#ffd166; stroke-width:1.4; }
.s-omenu .om-map .pm-b.ask circle { animation:omPulse 1.6s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
@keyframes omPulse { 50% { transform:scale(1.25); filter:brightness(1.35); } }
@media (prefers-reduced-motion:reduce) { .s-omenu .om-map .pm-b.ask circle { animation:none; } }
.om-cap { display:block; margin:6px auto 0; width:max-content; max-width:94%; white-space:normal; text-align:center; font:700 11px 'Rubik'; color:var(--gold, #ffd166); }
.pm-chips .sx-pt .ez-dem { flex-basis:100%; font-size:10px; padding:0 6px; color:#e9e2ff; background:rgba(255,255,255,.08); text-align:center; white-space:normal; line-height:1.15; }
/* b175: סיכום מהלכים עם תוויות - מה הצליח ומה נכשל */
.sx-recap { display:grid; grid-template-columns:1fr 1fr; gap:3px 8px; margin:6px 0; text-align:start; } .sx-recap p { display:flex; align-items:center; gap:5px; margin:0; font:500 12px/1.3 'Rubik'; min-width:0; } .sx-recap i { font-style:normal; font-weight:800; width:18px; height:18px; flex:none; border-radius:5px; text-align:center; line-height:18px; } .sx-recap .ok i { background:rgba(43,212,125,.2); color:#2bd47d; } .sx-recap .bad i { background:rgba(255,90,110,.2); color:#ff5a6e; } .sx-recap b { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; } .sx-recap small { opacity:.65; flex:none; white-space:nowrap; }

/* b176: שורת סיכון נשברת בתוך הכרטיס, עד 2 שורות */
.sx-oc > .sx-rk { white-space:normal; max-width:100%; font-size:12px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-align:right; }
.sx-hcap { display:block; font:700 11px 'Rubik'; color:#c9cfdb; white-space:nowrap; margin-top:2px; }
/* b178: שורת העמדה בכרטיס ההמלצות - תמיד גלויה, נשברת לשורה שנייה במקום להיחתך */
.pm-chips .sx-pt .ez-st { flex-basis:100%; max-width:100%; white-space:normal; overflow:visible; text-overflow:clip; text-align:center; line-height:1.2; font-size:10.5px; padding:1px 6px; }
/* b179: שמות מלאים בכרטיסי סבב ההמלצות + תגי מחיר/יריב */
.s-xrec .pm-chips .sx-pt b, .s-xrec .sx-pt b { white-space:nowrap; -webkit-line-clamp:unset; display:block; overflow:visible; text-overflow:clip; font-size:12.5px; letter-spacing:-.2px; flex:1 0 auto; }
.s-xrec .ez-key { font-size:11px; background:rgba(255,209,102,.14); color:#ffd166; white-space:normal; }
.s-xrec .ez-riv { font-size:11px; color:#ef476f; white-space:normal; }
/* b181: סבב ההמלצות - כרטיסים פתוחים ברוחב מלא עם חבילות הבטחה; וטו מקופל לשורה אחת */
.s-xrec .pm-chips.rc-list { grid-template-columns:1fr; gap:8px; }
.s-xrec .pm-chips .sx-pt.rc { padding:8px 10px; gap:6px; align-items:center; }
.s-xrec .rc-of { flex-basis:100%; display:flex; flex-direction:column; gap:5px; }
.s-xrec .rc-o { display:flex; justify-content:space-between; align-items:center; gap:8px; width:100%; padding:7px 10px; border-radius:10px; border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--ink); font:inherit; font-size:13px; cursor:pointer; text-align:start; }
.s-xrec .rc-o b { font-size:14px; } .s-xrec .rc-o.g b { color:var(--green,#06d6a0); } .s-xrec .rc-o.y b { color:#ffd166; } .s-xrec .rc-o.r b { color:#ef476f; }
.s-xrec .rc-cu { flex-basis:100%; background:none; border:0; color:#b9b4d6; font:inherit; font-size:11.5px; text-decoration:underline; cursor:pointer; padding:2px; }
.s-xrec .rc-veto { opacity:.55; font-size:12px; padding:6px 8px; border:1px dashed var(--line); border-radius:12px; margin-top:6px; }
.s-xrec .rc-veto summary { cursor:pointer; display:flex; align-items:center; gap:4px; flex-wrap:wrap; list-style:none; }
.s-xrec .rc-veto .face { border-radius:50%; object-fit:cover; } .s-xrec .rc-veto p { margin:4px 0; display:flex; gap:4px; align-items:center; }
.s-xrec .rc-cu.dim { text-decoration:none; cursor:default; opacity:.6; }

/* b184: שבבי סיעות נעולות */
.s-xrec .rc-locked { margin-top:8px; }
.s-xrec .rc-lh { display:block; opacity:.75; font-size:12px; margin-bottom:4px; }
.s-xrec .rc-chips { display:flex; flex-wrap:wrap; gap:6px; }
.s-xrec .rc-chip { font-size:12.5px; border:1px solid var(--line); border-inline-start:3px solid var(--pc,#888); border-radius:999px; padding:3px 9px 3px 6px; background:rgba(255,255,255,.04); }
.s-xrec .rc-chip[open] { border-radius:12px; flex-basis:100%; }
.s-xrec .rc-chip summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:5px; white-space:nowrap; }
.s-xrec .rc-chip summary::-webkit-details-marker { display:none; }
.s-xrec .rc-chip .face { border-radius:50%; object-fit:cover; }
.s-xrec .rc-chip .rc-why { opacity:.8; }
.s-xrec .rc-chip p { margin:4px 2px 2px; }
/* b184: ציר זמן קריא - שורה לכל צעד: מה · מי | חודש · השפעה */
.sx-recap { grid-template-columns:1fr; } .sx-recap p { flex-wrap:nowrap; } .sx-recap b { white-space:normal; flex:1 1 auto; min-width:0; } .sx-recap .rw { font-weight:500; opacity:.8; } .sx-recap small { white-space:nowrap; }
/* b190: שם מלא תמיד (בלי "ליברמ"), תג התנגשות שובר שורה במקום להיחתך */
.pm-chips .sx-pt b { flex:1 0 auto; -webkit-line-clamp:unset; display:block; overflow:visible; white-space:nowrap; }
.pm-chips .sx-pt .ez-clash, .pm-chips .sx-pt .ez-blk { flex-basis:100%; white-space:normal; overflow:visible; text-overflow:clip; max-width:100%; line-height:1.25; }
/* b197: הימנעות - סמן ניטרלי; תוצאת ההצבעה בשורה */
.mid > i { background:rgba(180,190,210,.18) !important; color:#c8d0e0 !important; }
.rres { color:#ffd166; font-weight:700; }

/* b201: תאריך + השפעה באותה שורה עם המהלך גם בטלפון */
.sx-recap small { flex:none; font-size:11px; margin-inline-start:auto; text-align:end; line-height:1.2; }
.sx-recap small { white-space:nowrap; }   /* b202: 10/27 · -4 תמיד בשורה אחת */
.sx-recap small bdi { white-space:nowrap; }
/* b202: סכום/מספר מוחשי על כרטיס תקציב */
.sx-amt { display:inline-block; margin:2px 0 1px; padding:1px 7px; border-radius:8px; font-size:13px; font-weight:700; background:rgba(212,160,23,.16); color:#b8860b; }
.rm-w[data-broke] { white-space:normal; max-width:100%; text-align:start; line-height:1.3; }   /* b202: הפרת הבטחה נשברת לשורות בטלפון */

/* ===== clarity pass: contrast + obvious primary action (sizes unchanged per owner) ===== */
:root { --mut:#a6aec6; }
.btn.gold { font-weight:700; box-shadow:0 8px 24px rgba(255,196,61,.35), 0 0 0 2px rgba(255,209,102,.55); }
.btn.ghost { color:#c3c9de; border-color:#3a4870; }
.btn:focus-visible, button:focus-visible { outline:3px solid #ffd166; outline-offset:2px; }

/* ux-simple pass: coach-mark never covers the action buttons */
.rm-hint { inset:56px 8px auto 8px !important; flex-direction:row !important; flex-wrap:wrap; align-items:center; gap:4px 10px !important; padding:8px 10px !important; font-size:13px !important; }
.rm-hint b::after { content:none; }
/* room buttons: one gold main (submit), others secondary chips */
.rm-btns { grid-template-columns:1fr 1fr !important; }
.rm-btns .rm-go { grid-column:1 / -1; order:-1; padding:13px 6px !important; font-size:15px !important; }
.rm-btns .rm-all { background:transparent !important; border:1.5px solid #ffffff40 !important; color:inherit; font-weight:600; }
.rm-btns .rm-all small { opacity:.75; }
/* map: bulk submit is risky/secondary */
.sx-ch.sx-risky { opacity:.85; border-style:dashed !important; background:transparent !important; }
.sx-rk { font-size:11px; color:#ffb347; border:1px solid #ffb34766; margin-inline-start:4px; }
/* negotiation menu: outcome labels */
.om-pl .sx-ow, .om-pl .sx-ol { white-space:normal; }
/* secondary CTA (dim) vs gold */
.sx-cta.dim { background:transparent !important; color:var(--ink, #e8ecf4) !important; border:1.5px solid #ffffff4d !important; box-shadow:none !important; font-weight:600; opacity:.9; }
.sx-cta.dim:active { background:#ffffff14 !important; }
/* end screen "all moves" fold */
.s-end details.sx-recap > summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; border:1.5px solid #ffffff33; background:#ffffff0d; font-weight:600; }
.s-end details.sx-recap > summary::-webkit-details-marker { display:none; }
.s-end details.sx-recap > summary::marker { content:''; }
.s-end details.sx-recap > summary::before { content:'▸'; color:var(--gold); transform:scaleX(-1); }
.s-end details.sx-recap[open] > summary::before { content:'▾'; transform:none; }
.s-end details.sx-recap[open] > summary { margin-bottom:8px; }
/* UX פשוט: מטרה, מנדטים של הסיעה בנפרד, "מומלץ" */
.sx-goal { display:block; margin:4px 0 8px; padding:6px 10px; border-radius:10px; background:rgba(255,209,102,.12); color:#ffd166; font-weight:700; font-size:13px; text-align:center; }
.sx-own { display:block; margin:2px 0 6px; color:#9aa3b5; font-size:12px; text-align:center; }
.om-rec { display:inline-block; margin-inline-start:6px; padding:1px 7px; border-radius:8px; background:#ffd166; color:#1a1a1a; font-size:11px; font-weight:800; }
p.om-hint { margin:4px 0 8px; text-align:center; }
/* טסטר: שם המפלגה מתחת לשם ראש המפלגה בכל כרטיס */
.sx-pt b .pn, .rc-chip b .pn, .rm-who b .pn { display:block; font:600 12px/1.15 'Heebo', sans-serif; opacity:.72; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.rm-who b .pn { font-size:12px; }
.rc-chip summary b .pn { display:inline; margin-inline-start:4px; }
/* d2: דסקטופ בלי zoom ובלי גלילה (1440x800 / 1920x960 / 2560x1290): הבחירות צמודות לתוכן, התרשים מוגבל לגובה,
   ובמסכים רחבים שתי עמודות - מפה/מידע מימין, בחירות משמאל. הטלפון לא נוגע (הכול תחת min-width) */
@media (min-width:900px) {
  body, body.sx-on { min-height:100dvh; }
  .sx, body.sx-on .screen.sx { min-height:0; }
  body.sx-on .screen.sx { padding-bottom:12px !important; }
  body.sx-on #app { padding-top:16px; padding-bottom:8px; }
  .sx-body { flex:0 0 auto; }
  .sx-mid { min-height:0; }
  .s-x1 .sx-body.sx-mid { min-height:0; }
  .sx:not(.s-x8):not(.s-x1) > .sx-body:not(.sx-mid):not(.sx-dead) > :is(.sx-ch,.sx-grid,.sx-btns,.sx-cta,.sx-heros) { margin-top:8px; }
  .s-x8 .sx-body.sx-mid > .sx-cta, .s-xres .sx-cta, .s-xrecap .sx-cta { margin-top:12px; }
  .s-xres .sx-body { justify-content:flex-start; }
  /* תרשימים: גובה לפי החלון */
  .pm-svg { max-height:34dvh; margin-inline:auto; }
  .s-x1 .sx-homehero { max-height:56dvh; overflow:hidden; }
  .s-x1 .sx-homehero svg, .s-x1 .sx-homehero img:not(.face) { max-height:30dvh; width:auto; max-width:100%; margin-inline:auto; display:block; }
  .s-end .sx-ev svg, .s-end .sx-ev .pm-svg { max-height:26dvh; width:auto; max-width:100%; margin-inline:auto; display:block; }
  .sx-ch { min-height:64px; padding:10px 14px; }
}
@media (min-width:1200px) {
  body.sx-on #app:has(.screen:is(.s-xrec,.s-omenu)) { max-width:min(1320px, 94vw); }
  /* שתי עמודות: גוף עם מפה/תרשים - המפה בעמודה הימנית, כל השאר בשמאלית (בלי row-gap: המפה מתפרשת על שורות) */
  .s-xrec .sx-body.pm-body, .s-omenu .sx-body.om-body { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); column-gap:22px; row-gap:0; align-items:start; align-content:start; }
  .s-xrec .sx-body.pm-body > *, .s-omenu .sx-body.om-body > * { grid-column:2; margin-top:0; margin-bottom:10px; }
  .s-xrec .sx-body.pm-body > .pm-map, .s-omenu .sx-body.om-body > .om-map { grid-column:1; grid-row:1 / span 12; }
  .s-xrec .pm-map .pm-svg { max-height:44dvh; }
  .s-omenu .om-map .pm-svg { max-height:36dvh; }
  /* תפריט הפעולות: המפה על 4 השורות הראשונות, שורת המדליות הנעולות מתחתיה (חוסך גובה בעמודת הבחירות) */
  .s-omenu .sx-body.om-body { grid-auto-flow:row dense; }
  .s-omenu .sx-body.om-body > :is(.om-map,.sx-gmap) { grid-column:1; grid-row:1 / span 4; margin-bottom:0; }
  .s-omenu .sx-body.om-body > :is(.om-lockrow,.om-lwhy) { grid-column:1; margin-top:10px; }
  .s-omenu .om-grid.om-big { grid-template-columns:repeat(4,minmax(0,1fr)); }
  /* סבב ההמלצות: המסך בגובה החלון, רשימת המפלגות (3 טורים) נגללת בתוך עצמה - העמוד לא */
  body.sx-on .screen.sx.s-xrec { height:calc(100dvh - 96px); display:flex; flex-direction:column; box-sizing:border-box; padding-bottom:12px !important; }
  .s-xrec .sx-body.pm-body { flex:1 1 0; min-height:0; grid-template-rows:auto auto auto minmax(0,1fr) auto auto; }
  .s-xrec .sx-body.pm-body > .pm-map { grid-row:1 / -1; }
  .s-xrec .pm-chips.rc-list { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; max-height:100%; overflow:auto; overscroll-behavior:contain; padding-inline-end:4px; }
  /* בניית קואליציה (x5): אותו סידור - המפה מימין, השאלה/המפלגות/הבחירות משמאל */
  body.sx-on #app:has(.screen.s-x5 .sx-body.pm-body) { max-width:min(1320px, 94vw); }
  .s-x5 .sx-body.pm-body { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); column-gap:22px; row-gap:0; align-items:start; align-content:start; }
  .s-x5 .sx-body.pm-body > * { grid-column:2; margin-top:0 !important; margin-bottom:10px; }
  .s-x5 .sx-body.pm-body > .pm-map { grid-column:1; grid-row:1 / span 12; }
  .s-x5 .pm-map .pm-svg { max-height:44dvh; }
  .s-x5 .pm-chips { grid-template-columns:repeat(3,minmax(0,1fr)); }
  /* חדר המו"מ (x6): הגיליון בגובה החלון, נגלל בתוכו והכפתורים (rm-foot דביק) תמיד גלויים */
  .s-room.s-drawer .rm-sheet { max-height:calc(100dvh - 305px); overflow:auto; overscroll-behavior:contain; }
  /* משבר (x9): הטיפ הראשוני ברוחב מלא ולא תופס עמודה */
  .s-crisis .sx-fill-body > .gtip { grid-column:1 / -1; order:-2; }
  .s-crisis .sx-cxr { gap:8px; } .s-crisis .sx-cxr .sx-cc { min-height:0; padding-block:8px; margin-block:0; }
  .s-crisis:has(.sx-cc ~ .sx-cc ~ .sx-cc ~ .sx-cc) .sx-cc { padding-block:5px; } .s-crisis:has(.sx-cc ~ .sx-cc ~ .sx-cc ~ .sx-cc) .sx-cc .sx-t { font-size:18px; }
  /* תוצאת מהלך עם מד מושבים: המד מימין, ההסבר והשבבים משמאל */
  body.sx-on #app:has(.screen.s-xres .sx-res > .n80) { max-width:min(1320px, 94vw); }
  .s-xres .sx-res:has(> .n80) { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); column-gap:22px; row-gap:0; align-content:start; align-items:start; }
  .s-xres .sx-res:has(> .n80) > * { grid-column:2; margin-top:0; margin-bottom:10px; }
  .s-xres .sx-res:has(> .n80) > :first-child { grid-column:1 / -1; }
  .s-xres .sx-res:has(> .n80) > .n80 { grid-column:1; grid-row:2 / span 12; }
  /* מסך הסיום: הדיוקן והמספר מימין, הפסק והמהלכים משמאל */
  .s-end .sx-ev { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); align-items:stretch; }
  .s-end .sx-ev > .sx-evp { flex-direction:column; align-items:center; justify-content:center; padding:18px 10px; gap:10px; background:radial-gradient(80% 70% at 50% 60%,color-mix(in srgb,var(--tc) 35%,transparent),transparent 70%); }
  .s-end .sx-ev > .sx-evp .face { -webkit-mask-image:none; mask-image:none; width:170px !important; height:210px !important; }
  .s-end .sx-ev > :not(.sx-evp) { grid-column:2; }
  .s-end .sx-ev > .sx-evp { grid-row:1 / span 6; }
}
/* d2: מחשב עם חלון נמוך (1440x800, 125%/150% ב-Windows) - מכווצים את הכותרת והמרווחים כדי שהכול ייכנס בלי גלילה */
@media (min-width:900px) and (max-height:900px) {
  body.sx-on #app { padding-top:10px; }
  .sx { gap:8px; } .sx-body { gap:8px; }
  .sx-hmp { flex-basis:92px; } .sx-hmp .face { width:92px !important; height:112px !important; }
  .sx-hmi { gap:2px; padding:6px 12px 8px 14px; }
  .sx-hmn b { font-size:46px; } .sx-hmn > span { font-size:18px; }
  .sx .sx-q { font-size:26px; }
  .sx-cta { min-height:48px; padding-block:10px; }
  .n80svg { max-height:17dvh; width:auto; }
  .s-end .sx-body.sx-mid { gap:6px; }
  .s-xres .sx-rivmv { padding-block:4px; }
  .s-end .sx-ev > .sx-evp .face { width:140px !important; height:170px !important; }
  .s-end .sx-evn b { font-size:96px; }
  .s-omenu .om-grid.om-big .om-c { min-height:0; padding:8px 6px 8px; gap:3px; }
  .s-omenu .om-more > summary { padding-block:8px; }
  .s-x5 .sx-body.pm-body > .sx-ch { min-height:0; padding-block:8px; }
}
/* d2: מסך גדול וגבוה (2560x1290, 2048x1032) - הגדלה מתונה בלי zoom: עמודה רחבה יותר וטקסט קצת גדול */
@media (min-width:1800px) and (min-height:1000px) {
  body.sx-on #app:has(.screen[class*="s-x"]) { max-width:1060px; }
  body.sx-on #app:has(.screen:is(.s-xrec,.s-omenu,.s-x5)), body.sx-on #app:has(.screen.s-xres .sx-res > .n80), body.sx-on #app:has(.screen.s-crisis[class*="s-x"]) { max-width:min(1500px, 90vw); }
  .screen.sx { font-size:20px; } /* b227: +1px ועמודה רחבה מעט (בקשת בודק ב-2560) */
  .sx-band { font-size:15px; } .sx-hml { font-size:15px; }
}
/* s1: פישוט - פורמט בחירה אחד, בחירות צמודות לתוכן (בלי פסים ריקים), סבב המלצות במסך אחד, חדר מו"מ שטוח */
.sx-ch.oc { min-height:0; padding:12px 14px; align-items:center; }
.sx-ch.oc .oc-b { display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-width:0; flex:1; }
.oc-p { display:inline-block; font:800 13px 'Rubik', sans-serif; padding:2px 9px; border-radius:99px; background:rgba(255,255,255,.07); }
.oc-p.g { color:#2bd47d; background:rgba(43,212,125,.13); } .oc-p.y { color:#ffd166; background:rgba(255,209,102,.13); } .oc-p.r { color:#ff6b7d; background:rgba(255,90,110,.13); }
.oc-l { display:block; font-size:12.5px; line-height:1.3; color:#aeb6c8; font-weight:500; }
.sx:not(.s-x8):not(.s-x1) > .sx-body:not(.sx-mid):not(.sx-dead) > :is(.sx-ch,.sx-grid,.sx-btns,.sx-cta,.sx-heros):not(:is(.sx-ch,.sx-grid,.sx-btns,.sx-cta,.sx-heros) ~ *) { margin-top:0; }
.sx-body, .s-x6 .sx-body { justify-content:flex-start; }
.s-x8 .sx-body.sx-mid > .sx-cta { margin-top:8px; }
.s-x4 .sx-spot { padding-block:6px; }
/* מפה בתחתית הלוח בסבב ההמלצות - קטנה */
.s-xrec .sx-body.pm-body > .pm-map { order:9; }
.s-xrec .pm-map .pm-svg { max-height:170px; }
/* x5: אריח עם % + שורה */
.pm-chips .sx-pt .oc-p { font-size:11.5px; padding:1px 7px; } .pm-chips .sx-pt .oc-l { font-size:11px; flex-basis:100%; }
/* xwk: עד 4 כרטיסים ברוחב מלא */
.om-list { display:flex; flex-direction:column; gap:8px; }
.om-list .sx-ch.om-sel { border-color:#ffd166; box-shadow:0 0 0 3px rgba(255,209,102,.3); }
.om-bst small { align-self:center; font-size:11px; color:#aeb6c8; white-space:nowrap; }
/* xrec: אריח מפלגה = כותרת + מתג הבטחה + כפתור בקשה אחד */
.s-xrec .pm-chips .sx-pt.rc { flex-wrap:wrap; }
.s-xrec .sx-pt.rc > .sx-ch.oc { flex:1 1 100%; padding:8px 10px; border-radius:12px; gap:8px; }
.s-xrec .sx-pt.rc > .sx-ch.oc .sx-t { font-size:16px; }
.s-xrec .sx-pt.rc > .sx-ch.oc .sx-ic { font-size:18px; }
.rc-pk { flex:1 1 100%; display:flex; align-items:center; gap:8px; text-align:start; font:inherit; font-size:13px; color:var(--ink); background:rgba(255,255,255,.04); border:1px dashed #ffd16688; border-radius:10px; padding:6px 10px; cursor:pointer; }
.rc-pk > i { flex:none; width:18px; height:18px; border-radius:5px; border:1.5px solid #ffd166; display:grid; place-items:center; font-style:normal; font-size:12px; color:#2a1d00; }
.rc-pk.on { border-style:solid; background:rgba(255,209,102,.1); } .rc-pk.on > i { background:#ffd166; }
.rc-pk b { margin-inline-start:auto; color:#2bd47d; }
.rc-res { flex:1 1 100%; margin:0; font-size:13px; font-weight:700; } .rc-res.up { color:#2bd47d; } .rc-res.dn { color:#ff6b7d; }
/* x6 שטוח: שורות דרישה עם מתג, אחוז אחד, כפתור אחד - הכול מתחת לתוכן */
.s-room .rm-flat { gap:8px; justify-content:flex-start; }
.rm-wh { margin:4px 0 0; font-size:16px; }
.rm-rows { display:flex; flex-direction:column; gap:6px; }
.rm-row { display:flex; align-items:center; gap:10px; width:100%; text-align:start; font:inherit; color:var(--ink); background:var(--card2); border:1.5px solid var(--line); border-radius:14px; padding:10px 12px; cursor:pointer; }
.rm-row > span { flex:1; min-width:0; font-size:15px; font-weight:600; } .rm-row small { display:block; font-size:12px; color:#ff8a9a; font-weight:500; }
.rm-row .rm-ri::before { content:attr(data-i); font-style:normal; font-size:20px; }
.rm-sw { flex:none; width:40px; height:22px; border-radius:99px; background:#2a3352; position:relative; transition:background .15s; }
.rm-sw::after { content:''; position:absolute; top:3px; inset-inline-end:3px; width:16px; height:16px; border-radius:50%; background:#cfd6e6; transition:inset-inline-end .15s; }
.rm-row.on { border-color:#ffd166; } .rm-row.on .rm-sw { background:#ffd166; } .rm-row.on .rm-sw::after { inset-inline-end:21px; background:#2a1d00; }
.rm-row:disabled { opacity:.5; cursor:default; }
.rm-imp { margin:0; font-size:14px; color:#c9d0e0; } .rm-imp:empty { display:none; } .rm-imp .g { color:#2bd47d; }
.rm-flat .rm-btns { position:static; margin-top:2px; }
@media (min-width:900px) {
  .s-room .rm-flat { max-width:640px; margin-inline:auto; width:100%; }
}
@media (min-width:1200px) {
  body.sx-on .screen.sx.s-xrec { height:auto; display:flex; }
  .s-xrec .sx-body.pm-body { flex:0 0 auto; grid-template-rows:none; }
  .s-xrec .sx-body.pm-body > .pm-map { grid-row:1 / span 12; }
  .s-xrec .pm-chips.rc-list { max-height:none; overflow:visible; }
}
.rm-flat .rm-btns { display:flex; flex-direction:column; gap:6px; } .rm-flat .rm-btns .sx-b { width:100%; }
.rm-flat .rm-later { background:transparent; border:0; color:#aeb6c8; font-size:14px; min-height:0; padding:6px; }
.s-xblock .sx-smap { max-height:140px; }
.s-xblock .sx-smap { height:140px; flex:none; }
.s-xrec .pm-map .pm-count { display:none; }   /* s1: המספר כבר בגיבור + במרכז המליאה - לא פעם שלישית */
@media (min-width:1200px) {
  .s-omenu .sx-body.om-body:not(:has(.om-map)) { display:flex; flex-direction:column; max-width:760px; margin-inline:auto; width:100%; }
  .s-xrec .pm-chips.rc-list { display:block; columns:2; column-gap:10px; }
  .s-xrec .pm-chips.rc-list > .sx-pt { break-inside:avoid; margin-bottom:10px; }
}
@media (min-width:1800px) { .s-xrec .pm-chips.rc-list { columns:3; } }
/* b216: גשר 61 (המלצות → חתימות) + תג דרישה ראשית באריח הסיעה + תווית שורה במסך התוצאה */
.sx-bridge { margin:0 0 8px; padding:9px 12px; border-radius:12px; background:rgba(255,200,80,.1); border:1px solid rgba(255,200,80,.35); color:var(--gold); font-weight:800; font-size:14px; line-height:1.4; text-align:center; }
.pm-chips .sx-pt .sx-dem { display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; font-size:11px; font-weight:700; padding:1px 7px; border-radius:999px; background:rgba(255,255,255,.09); color:inherit; }
.sx-rdec .pill.sx-rk { width:auto; height:auto; min-height:24px; border-radius:999px; padding:2px 9px; font-size:12px; white-space:nowrap; background:#3a4256; }
/* b217: סבבים ממוספרים (כמו "סבב N מתוך 5" בדרך ל-61) + מסך המלצות אחד */
.co-spine { display:flex; align-items:center; gap:6px; margin:10px 0 2px; direction:rtl; }
.co-spine i { flex:1; height:8px; border-radius:6px; background:rgba(255,255,255,.12); font-size:0; font-style:normal; transition:background .3s; }
.co-spine i.done { background:#ffd16699; } .co-spine i.on { background:#ffd166; box-shadow:0 0 10px -2px #ffd166; }
.co-spine b { flex:none; font-size:13px; font-weight:800; color:var(--gold); margin-inline-start:6px; white-space:nowrap; }
.co-tag { display:block; margin:6px 4px -4px; font-size:11.5px; font-weight:700; color:#9aa3c0; }
.co-ret { margin-top:10px; opacity:.85; }
.co-dead { color:#ffb4a8; }
.co-head { display:flex; gap:12px; align-items:center; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.05); border-inline-start:4px solid var(--pc,#ffd166); }
.co-head b { font-size:17px; } .co-head .lead-fair { margin:4px 0 0; font-size:13px; line-height:1.45; color:#c3c9de; }
.co-emo { font-size:64px; line-height:1; text-align:center; animation:co-pop .5s cubic-bezier(.2,2,.4,1) both; }
@keyframes co-pop { from { transform:scale(.3); opacity:0; } to { transform:scale(1); opacity:1; } }
.co-strip { text-align:center; font-size:20px; letter-spacing:2px; margin:6px 0; } .co-strip b { font-size:20px; letter-spacing:0; } .co-strip b.up { color:#2bd47d; } .co-strip b.dn { color:#ff5a6e; }
.co-hemi { max-width:340px; margin:0 auto; }
.co-faces { display:flex; justify-content:center; gap:4px; flex-wrap:wrap; margin:4px 0 10px; }
.s-rec1 .lead-fair { font-size:13px; color:#c3c9de; text-align:center; margin:-4px 0 8px; }
.co-recs { display:flex; flex-direction:column; gap:6px; }
.co-rr { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; padding:8px 10px; border-radius:12px; background:rgba(255,255,255,.04); border-inline-start:3px solid var(--pc,#888); }
.co-rr > b { font-size:15px; display:flex; flex-direction:column; line-height:1.15; } .co-rr > b .pn { font-size:11px; font-weight:500; color:#9aa3c0; }
.co-rr .seat { margin-inline-end:auto; }
.co-rr.no { opacity:.6; padding:5px 10px; } .co-rr.in { background:rgba(43,212,125,.08); }
.co-rr.rec { box-shadow:0 0 0 1.5px #ffd16699 inset; }
.co-rb { flex:1 1 100%; display:flex; gap:6px; }
.co-b { flex:1; display:flex; align-items:center; justify-content:space-between; gap:6px; min-height:44px; padding:6px 10px; font:inherit; font-size:14px; font-weight:700; color:var(--ink,#fff); background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:10px; cursor:pointer; text-align:start; }
.co-b.pk { border-style:dashed; border-color:#ffd16688; } .co-b.rec { border:1.5px solid #ffd166; background:rgba(255,209,102,.12); }
.co-b .oc-p { flex:none; font-size:14px; }
.co-rr .rc-res { flex:1 1 100%; font-size:13px; font-weight:700; } .co-rr .rc-res.up { color:#2bd47d; } .co-rr .rc-res.dn { color:#ff5a6e; }
@media (prefers-reduced-motion:reduce) { .co-emo { animation:none; } }
.co-locked { display:flex; flex-wrap:wrap; gap:4px 6px; align-items:center; margin:8px 0 0; font-size:12.5px; color:#9aa3c0; }
.co-locked > small { flex:1 1 100%; font-weight:700; }
.co-lc { display:inline-flex; align-items:center; gap:4px; padding:2px 8px 2px 4px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
.co-lc b { color:#c3c9de; }

/* b218: מסך בחירת המהלך - במובייל בלי מליאה; במחשב (≥1200px) שתי עמודות: מליאה בצד, הכרטיסים לידה */
.co-side { display:none; }
@media (min-width:1200px) {
  body.sx-on #app:has(.screen.s-copick) { max-width:min(1180px, 94vw); }
  .s-copick .sx-body.co-pickb { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); column-gap:26px; row-gap:0; align-content:start; }
  .s-copick .sx-body.co-pickb > * { grid-column:2; }
  .s-copick .sx-body.co-pickb > .co-tag { margin:10px 4px 4px; }
  .s-copick .sx-body.co-pickb > .co-side { display:block; grid-column:1; grid-row:1 / span 20; max-width:none; align-self:start; position:sticky; top:12px; }
}

/* b219: "בינתיים" של שחיקת הזמן - ניטרלי, לא אזהרה */
.sx-rdec .pill.sx-rk.nu { background:#3a4256 !important; color:#c9cfdb !important; border-color:#c9cfdb44; } .sx-rdec .pill.sx-rk.nu::before { content:''; }
/* b220: קשת האופוזיציה - 13 סבבים בשלושה שלבים + ההכרעה; מסך ההכרעה; חצי-עיגול בהצבעה */
.om-arc { display:flex; gap:3px; justify-content:center; margin:2px 16px 4px; }
.om-arc i { flex:1; max-width:22px; height:6px; border-radius:99px; background:var(--bg2); border:1px solid var(--line); }
.om-arc i.p2 { border-color:#3a4a6a; } .om-arc i.p3 { border-color:#7a4a2a; } .om-arc i.p4 { border-color:#ffd166; }
.om-arc i.on { background:#8fa3c8; } .om-arc i.p3.on { background:#e08a1e; } .om-arc i.now { background:var(--gold); border-color:var(--gold); box-shadow:0 0 0 2px rgba(255,209,102,.25); }
.s-ofinal .om-fin { display:block; text-align:center; font:800 16px 'Rubik'; margin:6px 0; background:none; border:0; }
.s-ofinal .om-map { position:relative; } .s-ofinal .om-map .pm-svg { width:100%; max-height:150px; display:block; }
.s-ofinal .om-final { display:block; width:100%; margin-top:10px; font-size:18px; padding:14px; }
.om-vmap { width:min(340px, 86vw); } .om-vmap .pm-svg { width:100%; display:block; } .om-vmap .pm-count, .om-vmap .pm-n { display:none; }
/* b223 (L3): ההגרלה בכרטיס אטום משלו - לא נכתבת על כותרת השאלה שמאחוריה */
.om-roll, .om-roll.pill { background:rgba(5,8,16,.9); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.om-rb { background:#141c33; border:1px solid rgba(255,209,102,.35); border-radius:16px; padding:16px 18px 12px; box-shadow:0 12px 40px rgba(0,0,0,.6); }
/* b223 (L1): מי שהמליצה עכשיו - הדגשה על הפיל במקום שורה כפולה */
.co-rr.in.rc-new .ez-in { box-shadow:0 0 0 2px #3ddc84; }
.co-lc small { font-size:10px; opacity:.75; }
/* b223 (L6): במפת האופוזיציה המקרא "👑 מכריע" לא מוצג - בלי כתר יתום */
.om-map .pm-crown { display:none; }
.sx-tal .ab { color:#c9cfdb; font-size:15px; }
/* b225: כרטיס מעבר שלב (שלב 1 המלצות · 2 הרכבה · 3 לשלוט/אופוזיציה) - מסך מלא, הקשה אחת */
.stg-card { position:fixed; inset:0; z-index:60; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(4,7,16,.82); backdrop-filter:blur(6px); animation:stgIn .28s ease-out both; }
.stg-in { width:min(420px,100%); background:linear-gradient(160deg,#16213c,#0c1224); border:1px solid rgba(255,209,102,.35); border-radius:22px; padding:22px 20px 18px; text-align:center; box-shadow:0 24px 60px -20px rgba(0,0,0,.8); display:flex; flex-direction:column; gap:10px; }
.stg-pips { display:flex; justify-content:center; gap:8px; }
.stg-pips i { width:34px; height:6px; border-radius:99px; background:rgba(255,255,255,.14); }
.stg-pips i.done { background:rgba(255,209,102,.45); } .stg-pips i.on { background:var(--gold); box-shadow:0 0 12px rgba(255,209,102,.7); }
.stg-k { color:var(--mut); font-size:13px; font-weight:600; letter-spacing:.02em; }
.stg-t { font-family:'Heebo',sans-serif; font-weight:900; font-size:40px; line-height:1.05; color:var(--gold); }
.stg-s { margin:0; font-size:19px; font-weight:700; line-height:1.35; color:var(--ink); }
.stg-n { margin:0; font-size:14.5px; line-height:1.5; color:#c9cfdb; background:rgba(255,255,255,.05); border-radius:12px; padding:10px 12px; text-align:start; }
.stg-go { margin-top:6px; background:linear-gradient(135deg,#ffd166,#f4a300); color:#1a1300; font-weight:800; border:0; }
@keyframes stgIn { from { opacity:0; transform:scale(.97); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .stg-card { animation:none; } }
.stg-card .stg-go { width:100%; padding:16px; border-radius:16px; font:800 18px 'Rubik'; cursor:pointer; background:linear-gradient(135deg,#ffd166,#f4a300); color:#1a1300; border:0; box-shadow:0 8px 24px -8px rgba(255,209,102,.7); }
.sx-band .sx-step { white-space:nowrap; } @media (max-width:400px) { .sx-band { gap:6px; } .sx-band .sx-bt { font-size:11.5px; } }

/* b227: "מי איפה" - שבב בגובה 0 (לא מזיז את הפריסה), חלון צף */
.sx-who { position:relative; height:0; z-index:40; }
.sx-who > summary { position:absolute; top:6px; inset-inline-start:8px; list-style:none; cursor:pointer; font-size:12.5px; font-weight:700; padding:4px 10px; background:rgba(20,28,51,.92); border:1px solid rgba(255,255,255,.18); border-radius:99px; }
.sx-who > summary::-webkit-details-marker { display:none; }
.sx-who-p { position:absolute; top:38px; inset-inline-start:8px; width:min(420px, calc(100vw - 32px)); display:grid; grid-template-columns:1fr 1fr; gap:12px; background:#141c33; border:1px solid rgba(255,209,102,.35); border-radius:16px; padding:12px; box-shadow:0 12px 40px rgba(0,0,0,.6); }
.sx-who-p b { display:block; font-size:14px; margin-bottom:6px; } .sx-who-p b.g { color:#3ddc84; } .sx-who-p b.r { color:#ff7a7a; }
.sx-who-p ul { list-style:none; margin:0; padding:0; display:grid; gap:4px; }
.sx-who-p li { display:flex; align-items:center; gap:6px; font-size:13px; } .sx-who-p li span { flex:1; min-width:0; } .sx-who-p li .face { flex:none; border-radius:50%; }
/* b227: חלוקת תיקים - שורה = תיק, הקשה מעבירה לסיעה הבאה */
.s-port .pt-list { display:grid; gap:6px; margin:10px 0; }
.pt-row { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto; align-items:center; gap:8px; width:100%; padding:9px 12px; border-radius:14px; background:#141c33; border:1px solid rgba(255,255,255,.12); color:var(--ink); font:inherit; text-align:start; cursor:pointer; }
.pt-row.broke { border-color:#ff7a7a; background:rgba(255,80,80,.08); }
.pt-m { font-size:16px; } .pt-who { display:flex; align-items:center; gap:6px; font-weight:700; } .pt-who .face { border-radius:50%; } .pt-tag { font-size:12px; color:var(--mut); } .pt-row.broke .pt-tag { color:#ff9a9a; }
.pt-sum { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin-bottom:10px; } .pt-d.r { color:#ff9a9a; } .pt-d.g { color:#3ddc84; }
/* b228: בחירות חוזרות */
.sx-repd { display:flex; flex-direction:column; align-items:center; gap:2px; padding:14px; margin:14px 0; } .sx-repd b { font-size:40px; color:var(--gold); }
.sx-rbl { display:flex; justify-content:space-between; align-items:center; gap:8px; font-weight:700; margin:4px 0; } .sx-rbl b { font-size:22px; } .sx-rbl .me b { color:var(--gold); } .sx-rbl .m61 { opacity:.6; font-size:13px; }
.sx-rtab { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2px 6px; font-size:14px; max-width:100%; }
.sx-rrow { display:flex; align-items:center; gap:5px; padding:3px 5px; border-radius:8px; min-width:0; } .sx-rrow span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sx-rrow .dot { width:10px; height:10px; border-radius:50%; background:var(--pc); flex:none; } .sx-rrow i:not(.dot) { font-style:normal; font-size:12px; min-width:24px; text-align:end; flex:none; } .sx-rrow b { flex:none; }
.sx-rrow.me { background:color-mix(in srgb, var(--gold) 22%, transparent); box-shadow:inset 0 0 0 1.5px var(--gold); font-weight:800; }
.sx-rrow .up, .sx-rbl .up { color:#4ade80; font-style:normal; } .sx-rrow .dn { color:#f87171; } .sx-rrow .eq { opacity:.5; }
/* b231 (#34): בחירת מפלגה ישירה לתיק */
.pt-row.open { border-color:var(--gold,#ffd166); }
.pt-chev { font-style:normal; margin-inline-start:6px; opacity:.7; }
.pt-pick { display:flex; flex-wrap:wrap; gap:6px; padding:6px 4px 4px; animation:ptIn .15s ease-out; }
@keyframes ptIn { from { opacity:0; transform:translateY(-4px); } }
.pt-opt { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:5px 12px 5px 8px; border-radius:999px; border:1.5px solid color-mix(in srgb,var(--pc) 60%,transparent); background:color-mix(in srgb,var(--pc) 14%,#10172b); color:var(--ink); font:inherit; font-weight:700; cursor:pointer; }
.pt-opt .face { width:26px !important; height:26px !important; border-radius:50%; }
.pt-opt small { font-weight:400; font-size:11px; opacity:.8; }
.pt-opt.on { background:var(--pc); color:#fff; box-shadow:0 0 0 2px #fff3; }
/* b231 (#35): גודל טקסט - zoom על #app בלבד */
body[data-fs="1"] #app { zoom:1.12; } body[data-fs="2"] #app { zoom:1.25; }
/* b234: פס האישור של מהלך נבחר (שם + סיכוי + חיזוק + לבצע) - בטלפון צר שם ארוך דחף את 'לבצע' מחוץ למסך (nowrap). עכשיו: שורה 1 = שם (עד 2 שורות) + סיכוי, שורה 2 = חיזוק + לבצע, תמיד בתוך המסך */
.s-omenu .om-cbar { min-width:0; max-width:100%; }
.s-omenu .om-conf { flex-wrap:wrap; min-width:0; max-width:100%; box-sizing:border-box; row-gap:6px; }
.s-omenu .om-conf .om-ct { flex:1 1 100%; min-width:0; white-space:normal; line-height:1.3; }
.s-omenu .om-conf .om-ct .om-nm { flex:1; min-width:0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.s-omenu .om-conf .om-ct .om-p { flex:none; }
.s-omenu .om-conf .om-bst { flex:1 1 0; min-width:0; }
.s-omenu .om-conf .om-b { flex:1 1 0; min-width:0; min-height:44px; overflow:hidden; text-overflow:ellipsis; }
.s-omenu .om-conf .om-go { flex:none; min-height:44px; min-width:88px; margin-inline-start:auto; }
.s-omenu .om-lockrow { overflow-wrap:anywhere; }
/* b235: מדדים מוסברים - ⓘ קטן ליד שם המדד + חלון הסבר צף (לא מזיז את הפריסה) */
.mx { cursor:pointer; text-decoration:underline dotted color-mix(in srgb,currentColor 55%,transparent); text-underline-offset:3px; white-space:nowrap; -webkit-tap-highlight-color:transparent; }
.mx-i { font-style:normal; font-size:.8em; opacity:.75; margin-inline-start:3px; text-decoration:none; display:inline-block; }
.mx-hint { display:block; margin:4px auto 0; text-align:center; font:500 12px/1.3 'Rubik' !important; color:#cfd8ff !important; opacity:.85; }
.mx-pop { position:fixed; inset:0; z-index:9000; display:flex; align-items:flex-end; justify-content:center; padding:16px; background:rgba(5,8,18,.55); }
.mx-card { position:relative; box-sizing:border-box; width:min(380px,100%); max-height:80vh; overflow:auto; padding:14px 16px 12px !important; border-radius:16px; background:#162038 !important; border:1px solid #3c4a75 !important; color:#e8ecff; font:500 15px/1.45 'Rubik' !important; white-space:normal !important; text-align:start; direction:rtl; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.mx-card p { margin:6px 0 0; } .mx-0 { color:#ffd9a0; } .mx-s { font-size:13px; opacity:.85; }
.mx-h { display:block; font-size:17px; padding-inline-end:36px; }
.mx-x { position:absolute; top:8px; inset-inline-end:8px; width:36px; height:36px; border-radius:50%; border:0; background:#2a3352; color:#fff; font-size:16px; cursor:pointer; }
@media (min-width:700px) { .mx-pop { align-items:center; } }