/* KehillaLive v14 — Simcha screen poster (shared by the screen and the admin preview; everything sized for 1920×1080) */
.klsm{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;box-sizing:border-box;direction:rtl;text-align:center;
  font-family:"FRL","Frank Ruhl Libre","David",serif;line-height:1.15;color:var(--ink);background:var(--bg);font-variant-numeric:lining-nums}
.klsm *{box-sizing:border-box;margin:0;padding:0}
.klsm.st-classic{--paper:#f7f1e3;--tint:#efe2cf;--ink:#2b1d14;--ink2:#5a4636;--acc:#7f5733;--line:#8c6239;--soft:#cfb594;--veil:rgba(247,241,227,.84);
  --bg:radial-gradient(ellipse 75% 70% at 50% 48%,#fbf6ec 0%,#f7f1e3 50%,#eadcc4 100%)}
.klsm.st-festive{--paper:#2a1c13;--tint:#3a2a1e;--ink:#f6ecdc;--ink2:#dcc8ad;--acc:#d39e6c;--line:#b98457;--soft:#7d5a3c;--veil:rgba(36,24,17,.80);
  --bg:radial-gradient(ellipse 70% 70% at 50% 46%,#4b3423 0%,#2c1d14 55%,#1a110b 100%)}
.klsm.st-modern{--paper:#fffdf9;--tint:#f4efe8;--ink:#1f1a16;--ink2:#5b524a;--acc:#8a6038;--line:#2a221c;--soft:#d9cbb8;--veil:rgba(255,253,249,.86);--bg:#fffdf9}

/* frame */
.klsm .ks-frame{position:absolute;inset:36px;border:8px solid var(--line);pointer-events:none}
.klsm .ks-frame::after{content:"";position:absolute;inset:14px;border:2.5px solid var(--soft)}
.klsm .ks-cn{position:absolute;width:30px;height:30px;transform:rotate(45deg);border:3px solid var(--acc);background:var(--paper);z-index:1}
.klsm .ks-cn::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--acc)}
.klsm .ks-c1{right:-1px;top:-1px}.klsm .ks-c2{left:-1px;top:-1px}.klsm .ks-c3{right:-1px;bottom:-1px}.klsm .ks-c4{left:-1px;bottom:-1px}
.klsm.st-festive .ks-frame{border-width:5px}
.klsm.st-festive .ks-frame::after{inset:12px;border-width:1.5px;border-color:var(--line);opacity:.7}
.klsm.st-modern .ks-frame{inset:48px;border:2px solid var(--line)}
.klsm.st-modern .ks-frame::after{display:none}
.klsm.st-modern .ks-cn{display:none}

/* festive confetti */
.klsm .ks-cfbox{position:absolute;inset:0;pointer-events:none;direction:ltr}
.klsm .ks-cf{position:absolute;display:block}
.klsm .ks-cf.ks-d{background:var(--acc);transform:rotate(45deg)}
.klsm .ks-cf.ks-o{background:#efdcc0;border-radius:50%}

/* photo as background */
.klsm .ks-bgpic{position:absolute;inset:0;background-size:cover;background-position:center}
.klsm .ks-veil{position:absolute;inset:0;background:var(--veil)}

.klsm .ks-bsd{position:absolute;top:80px;right:100px;font-size:34px;font-weight:500;color:var(--ink2)}
.klsm.st-modern .ks-bsd{top:74px;right:86px}

/* content */
.klsm .ks-main{position:absolute;top:104px;bottom:104px;right:130px;left:130px;display:flex;align-items:center;gap:76px}
.klsm .ks-text{flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.klsm .ks-in{width:100%;--k:1}
.klsm .ks-in>div{font-size:calc(var(--fs) * var(--k))}
.klsm .ks-label{--fs:48px;font-weight:700;color:var(--acc);display:flex;align-items:center;justify-content:center;gap:.6em;letter-spacing:.03em}
.klsm .ks-label .ks-ln{display:block;width:3.2em;height:2px;background:var(--soft)}
.klsm.st-festive .ks-label .ks-ln{background:var(--line)}
.klsm.st-modern .ks-label{letter-spacing:.08em}
.klsm .ks-head{--fs:250px;font-weight:900;color:var(--acc);line-height:1.02;white-space:nowrap;margin-top:.02em}
.klsm.st-festive .ks-head{text-shadow:0 4px 0 rgba(0,0,0,.28)}
.klsm.st-modern .ks-head{color:var(--ink)}
.klsm .ks-fam{--fs:58px;font-weight:500;color:var(--ink2);margin-top:.2em}
.klsm .ks-names{--fs:150px;font-weight:900;color:var(--ink);line-height:1.1;white-space:nowrap;unicode-bidi:isolate}
.klsm .ks-names .ks-dash{color:var(--acc);font-weight:500;margin:0 .28em}
.klsm .ks-div{--fs:40px;color:var(--soft);margin:.45em 0 .4em;line-height:0}
.klsm.st-festive .ks-div{color:var(--line)}
.klsm .ks-orn{display:block;width:13em;height:1em;margin:0 auto}
.klsm .ks-occ{--fs:74px;font-weight:700;color:var(--ink)}
.klsm .ks-who{--fs:66px;font-weight:700;color:var(--ink);margin-top:.15em}
.klsm .ks-det{--fs:54px;font-weight:500;color:var(--ink2);margin-top:.45em}
.klsm .ks-det span{unicode-bidi:isolate}
.klsm .ks-det i{font-style:normal;color:var(--acc);font-size:.5em;margin:0 .8em;vertical-align:.25em}
.klsm .ks-bless{--fs:54px;font-weight:700;color:var(--acc);margin-top:.6em}
.klsm.st-modern .ks-bless{color:var(--ink2)}

/* photo in a frame (left side) */
.klsm .ks-pic{order:2;flex:0 0 auto;max-width:640px;height:100%;display:flex;align-items:center;justify-content:center}
.klsm .ks-pic img{display:block;max-width:640px;max-height:780px;object-fit:contain;border:12px solid var(--paper);box-shadow:0 0 0 3px var(--line),0 22px 44px rgba(0,0,0,.22)}
.klsm.st-festive .ks-pic img{border-color:#f3e6d2}

/* small clock in the corner */
.klsm .ks-clock{position:absolute;left:96px;bottom:86px;direction:ltr;font-size:44px;font-weight:700;color:var(--ink2);background:var(--tint);
  border:2px solid var(--soft);border-radius:999px;padding:4px 26px 6px;line-height:1.1;font-variant-numeric:lining-nums tabular-nums;z-index:2}
.klsm .ks-clock .ks-ap{font-size:22px;margin-left:8px;font-weight:700}
.klsm.st-modern .ks-clock{left:80px;bottom:78px}

/* on the screen: the layer above the regular board */
#simchaLayer{position:absolute;left:0;top:0;width:1920px;height:1080px;z-index:60;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
#simchaLayer.on{opacity:1;visibility:visible;transition:opacity .7s ease}