/* --u: 1vw fallback; desktop/modern get min() via @supports — לא שובר גודל במחשב */
:root{--u:1vw;--top:calc(50vh - 28.125 * var(--u))}
@supports (width:min(1vw,1.7778vh)){:root{--u:min(1vw,1.7778vh)}}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#061a3a center/cover no-repeat;font-family:Arial,"Segoe UI",sans-serif}
#bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
/* קו מתאר טקסט: text-fill + text-shadow — בלי זה WebKit/LG עלול להסתיר את המילוי עם text-stroke */
#clock{position:fixed;top:var(--top);left:50%;transform:translateX(-50%);z-index:3;direction:ltr;white-space:nowrap;
 font:900 calc(15.2 * var(--u))/1 Arial,sans-serif;color:#fff;-webkit-text-fill-color:#fff;
 -webkit-text-stroke:0 transparent; /* Android: stroke יוצר קווים פנימיים במספר 4 */
 text-shadow:
  calc(.28 * var(--u)) 0 0 #000, calc(-.28 * var(--u)) 0 0 #000,
  0 calc(.28 * var(--u)) 0 #000, 0 calc(-.28 * var(--u)) 0 #000,
  calc(.22 * var(--u)) calc(.22 * var(--u)) 0 #000, calc(-.22 * var(--u)) calc(-.22 * var(--u)) 0 #000,
  calc(.22 * var(--u)) calc(-.22 * var(--u)) 0 #000, calc(-.22 * var(--u)) calc(.22 * var(--u)) 0 #000,
  calc(.14 * var(--u)) calc(.28 * var(--u)) 0 #000, calc(-.14 * var(--u)) calc(-.28 * var(--u)) 0 #000,
  calc(.28 * var(--u)) calc(.14 * var(--u)) 0 #000, calc(-.28 * var(--u)) calc(-.14 * var(--u)) 0 #000,
  0 0 calc(.5 * var(--u)) rgba(0,0,0,.55);
 font-variant-numeric:tabular-nums;letter-spacing:calc(.15 * var(--u))}
#boardDate{position:fixed;top:calc(1.2 * var(--u));left:calc(1.2 * var(--u));z-index:5;direction:rtl;
 display:block;color:#fff;-webkit-text-fill-color:#fff;font:800 calc(2.4 * var(--u))/1 Arial,sans-serif;
 -webkit-text-stroke:0 #000;
 text-shadow:
  calc(.16 * var(--u)) 0 0 #000, calc(-.16 * var(--u)) 0 0 #000,
  0 calc(.16 * var(--u)) 0 #000, 0 calc(-.16 * var(--u)) 0 #000,
  calc(.12 * var(--u)) calc(.12 * var(--u)) 0 #000, calc(-.12 * var(--u)) calc(-.12 * var(--u)) 0 #000,
  calc(.12 * var(--u)) calc(-.12 * var(--u)) 0 #000, calc(-.12 * var(--u)) calc(.12 * var(--u)) 0 #000,
  0 0 calc(.35 * var(--u)) rgba(0,0,0,.7);
 pointer-events:none}
#boardDate .bd-day,#boardDate .bd-date{display:block;white-space:nowrap;color:#fff;-webkit-text-fill-color:#fff}
#boardDate .bd-day{margin-bottom:calc(.15 * var(--u))}

/* תג פינה (בתיאבון / חג / שבת שלום) — בסגנון הלוח (כחול PVC) */
#cornerBadge{position:fixed;top:calc(1.0 * var(--u));right:calc(1.0 * var(--u));left:auto;z-index:6;direction:rtl;
 display:block;color:#fff;-webkit-text-fill-color:#fff;font:800 calc(2.4 * var(--u))/1 Arial,sans-serif;
 -webkit-text-stroke:0 transparent;white-space:nowrap;text-align:center;pointer-events:none;
 padding:calc(.5 * var(--u)) calc(1.35 * var(--u));
 border-radius:calc(999px);
 background:linear-gradient(180deg,rgba(18,55,110,.88),rgba(6,26,58,.92));
 border:calc(.14 * var(--u)) solid rgba(130,190,255,.6);
 box-shadow:0 0 calc(1.0 * var(--u)) rgba(70,150,255,.4),0 calc(.22 * var(--u)) calc(.55 * var(--u)) rgba(0,0,0,.5),inset 0 calc(.08 * var(--u)) 0 rgba(255,255,255,.12);
 text-shadow:
  calc(.14 * var(--u)) 0 0 #000, calc(-.14 * var(--u)) 0 0 #000,
  0 calc(.14 * var(--u)) 0 #000, 0 calc(-.14 * var(--u)) 0 #000,
  calc(.1 * var(--u)) calc(.1 * var(--u)) 0 #000, calc(-.1 * var(--u)) calc(-.1 * var(--u)) 0 #000,
  0 0 calc(.3 * var(--u)) rgba(0,0,0,.65)}
#cornerBadge[hidden]{display:none!important}
/* דסקטופ לנדסקייפ — ~90px (~1.5× מהקודם 62px) */
@media (orientation:landscape) and (min-height:641px){
 #cornerBadge{font-size:calc(4.7 * var(--u));
  padding:calc(.65 * var(--u)) calc(1.8 * var(--u));
  border-width:calc(.16 * var(--u));
  text-shadow:
   calc(.22 * var(--u)) 0 0 #000, calc(-.22 * var(--u)) 0 0 #000,
   0 calc(.22 * var(--u)) 0 #000, 0 calc(-.22 * var(--u)) 0 #000,
   calc(.16 * var(--u)) calc(.16 * var(--u)) 0 #000, calc(-.16 * var(--u)) calc(-.16 * var(--u)) 0 #000,
   0 0 calc(.45 * var(--u)) rgba(0,0,0,.7)}
}

#frame{position:fixed;top:calc(var(--top) + 21.4 * var(--u));left:50%;transform:translateX(-50%);width:calc(66 * var(--u));height:calc(100vh - (var(--top) + 21.4 * var(--u)) - 5.4 * var(--u));z-index:2;
 background:transparent;border:0;overflow:visible}
.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.2,.8,.2,1),filter 1.4s ease}
.slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:0;border-radius:calc(1.1 * var(--u));overflow:hidden;box-shadow:none;background:transparent;margin:0 calc(.6 * var(--u));-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9.5%,#000 90.5%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9.5%,#000 90.5%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 9.5%,#000 90.5%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 9.5%,#000 90.5%,transparent 100%);mask-composite:intersect}
.slide.pair img{max-width:calc(50% - .6 * var(--u))}
.fx-slide{transform:translateX(-60%)}.out-slide{transform:translateX(60%)}
.fx-zoom{transform:scale(1.5)}.out-zoom{transform:scale(.5)}
.fx-rot{transform:rotate(-12deg) scale(.6)}.out-rot{transform:rotate(12deg) scale(.6)}
.fx-blur{filter:blur(2vw);transform:scale(1.15)}.out-blur{filter:blur(2vw)}
.fx-flip{transform:perspective(150vw) rotateY(90deg)}.out-flip{transform:perspective(150vw) rotateY(-90deg)}
.fx-up{transform:translateY(40%)}.out-up{transform:translateY(-40%)}
.slide.on{opacity:1;transform:none;filter:none;animation:kb 7s ease-out forwards}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.06)}}

/* הודעות צמודות מתחת לשעון — בלי לשנות גודל גופן */
#msgs{position:fixed;top:calc(var(--top) + 15.35 * var(--u));bottom:auto;left:0;right:0;z-index:5;
 min-height:calc(2.8 * var(--u));height:auto;max-height:calc(6.0 * var(--u));
 display:flex;align-items:flex-start;justify-content:center;overflow:hidden;pointer-events:none;background:transparent;
 padding:calc(.15 * var(--u)) calc(2 * var(--u)) 0}
#msgs[hidden]{display:none!important}
#msgs span{color:#fff;-webkit-text-fill-color:#fff;font:800 calc(2.4 * var(--u))/1.2 Arial,sans-serif;
 white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;text-align:center;
 max-width:94%;overflow:visible;text-overflow:clip;display:block;
 -webkit-text-stroke:0 #000;
 text-shadow:
  calc(.16 * var(--u)) 0 0 #000, calc(-.16 * var(--u)) 0 0 #000,
  0 calc(.16 * var(--u)) 0 #000, 0 calc(-.16 * var(--u)) 0 #000,
  calc(.12 * var(--u)) calc(.12 * var(--u)) 0 #000, calc(-.12 * var(--u)) calc(-.12 * var(--u)) 0 #000,
  calc(.12 * var(--u)) calc(-.12 * var(--u)) 0 #000, calc(-.12 * var(--u)) calc(.12 * var(--u)) 0 #000,
  0 0 calc(.35 * var(--u)) rgba(0,0,0,.7)}
/* לוגו בפינה הימנית התחתונה בגובה חלון החדשות; החדשות עד הלוגו בלי חפיפה */
#ticker{position:fixed;bottom:0;left:0;right:0;height:calc(5 * var(--u));z-index:3;background:rgba(10,20,45,.78);overflow:hidden;
 border-top:calc(.22 * var(--u)) solid #0038b8;
 display:flex;flex-direction:row;align-items:center;
 padding:0 calc(.35 * var(--u))}
#logo{position:relative;flex:0 0 auto;height:calc(4.2 * var(--u));width:auto;max-width:calc(18 * var(--u));
 object-fit:contain;z-index:4;background:rgba(255,255,255,.95);border-radius:calc(.35 * var(--u));padding:calc(.25 * var(--u));
 box-sizing:border-box;display:block;margin-left:calc(.35 * var(--u));margin-right:0}
#tickerClip{position:relative;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;margin-left:calc(.35 * var(--u))}
#track{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;white-space:nowrap;
 color:#fff;font:700 calc(2.8 * var(--u))/1 Arial,sans-serif;will-change:transform}
#track span{padding:0 calc(1.6 * var(--u))}#track b{color:#6fb3ff;padding:0 calc(.5 * var(--u))}
/* פורטרט: תאריך מעל השעון (בלי חפיפה), הודעות גדולות וקריאות, לבן+מסגרת שחורה */
@media (orientation:portrait){
 #boardDate{top:1.0vh;left:0;right:0;text-align:center;
  font-size:5.2vh;line-height:1.15;z-index:6;
  -webkit-text-stroke:0 #000;
  text-shadow:.18vw 0 0 #000,-.18vw 0 0 #000,0 .18vw 0 #000,0 -.18vw 0 #000,
   .12vw .12vw 0 #000,-.12vw -.12vw 0 #000,.12vw -.12vw 0 #000,-.12vw .12vw 0 #000,0 0 .4vw rgba(0,0,0,.75)}
 #boardDate .bd-day{margin-bottom:.35vh}
 /* פורטרט: תאריך ממורכז למעלה; בתיאבון מתחתיו בימין — מעל השעון, בלי חפיפה */
 #cornerBadge{top:13.5vh;right:2vw;left:auto;font-size:4.8vh;z-index:6;
  padding:.45vh 1.4vw;border-radius:999px;
  background:linear-gradient(180deg,rgba(18,55,110,.88),rgba(6,26,58,.92));
  border:.2vw solid rgba(130,190,255,.6);
  box-shadow:0 0 1.2vw rgba(70,150,255,.4),0 .3vw .7vw rgba(0,0,0,.5),inset 0 .1vw 0 rgba(255,255,255,.12);
  text-shadow:.18vw 0 0 #000,-.18vw 0 0 #000,0 .18vw 0 #000,0 -.18vw 0 #000,
   .12vw .12vw 0 #000,-.12vw -.12vw 0 #000,.12vw -.12vw 0 #000,-.12vw .12vw 0 #000,0 0 .4vw rgba(0,0,0,.75)}
 #clock{top:22.5vh;font-size:14vw;-webkit-text-stroke:0 transparent;-webkit-text-fill-color:#fff;color:#fff;z-index:4;
  text-shadow:.35vw 0 0 #000,-.35vw 0 0 #000,0 .35vw 0 #000,0 -.35vw 0 #000,
   .28vw .28vw 0 #000,-.28vw -.28vw 0 #000,.28vw -.28vw 0 #000,-.28vw .28vw 0 #000,
   .18vw .35vw 0 #000,-.18vw -.35vw 0 #000,.35vw .18vw 0 #000,-.35vw -.18vw 0 #000,0 0 .6vw rgba(0,0,0,.55)}
 #msgs{top:calc(22.5vh + 14.35vw);bottom:auto;min-height:5vh;height:auto;max-height:11vh;z-index:6;padding:0.2vh 3vw 0;align-items:flex-start}
 #frame{top:calc(22.5vh + 14.35vw + 11.8vh);transform:translateX(-50%);width:96vw;height:37.4vh}
 #msgs span{font-size:4.4vh;line-height:1.2;white-space:normal;max-width:94%;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0 #000;
  text-shadow:.22vw 0 0 #000,-.22vw 0 0 #000,0 .22vw 0 #000,0 -.22vw 0 #000,
   .16vw .16vw 0 #000,-.16vw -.16vw 0 #000,.16vw -.16vw 0 #000,-.16vw .16vw 0 #000,0 0 .5vw rgba(0,0,0,.75)}
 #ticker{height:7vh;padding:0 1vw}
 #track{font-size:3.4vh}
 #logo{height:5.8vh;max-width:28vw;padding:.35vh;border-radius:.5vh;margin-left:.6vh}
 #tickerClip{margin-left:.6vh}
}
/* לנדסקייפ נמוך (טלפון לרוחב): --u קטן מדי → הגדלת הודעות/תאריך ב-vh, לבן+מסגרת */
@media (orientation:landscape) and (max-height:640px){
 #boardDate{font-size:5.8vh;top:1.0vh;left:1.2vw;z-index:6;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0 #000;
  text-shadow:.18vh 0 0 #000,-.18vh 0 0 #000,0 .18vh 0 #000,0 -.18vh 0 #000,
   .12vh .12vh 0 #000,-.12vh -.12vh 0 #000,.12vh -.12vh 0 #000,-.12vh .12vh 0 #000,0 0 .4vh rgba(0,0,0,.75)}
 #boardDate .bd-day,#boardDate .bd-date{color:#fff;-webkit-text-fill-color:#fff}
 #cornerBadge{top:1.0vh;right:1.2vw;font-size:5.8vh;z-index:6;color:#fff;-webkit-text-fill-color:#fff;
  padding:.7vh 1.8vh;border-radius:999px;
  background:linear-gradient(180deg,rgba(18,55,110,.88),rgba(6,26,58,.92));
  border:.25vh solid rgba(130,190,255,.6);
  box-shadow:0 0 1.4vh rgba(70,150,255,.4),0 .35vh .8vh rgba(0,0,0,.5),inset 0 .12vh 0 rgba(255,255,255,.12);
  text-shadow:.18vh 0 0 #000,-.18vh 0 0 #000,0 .18vh 0 #000,0 -.18vh 0 #000,
   .12vh .12vh 0 #000,-.12vh -.12vh 0 #000,.12vh -.12vh 0 #000,-.12vh .12vh 0 #000,0 0 .4vh rgba(0,0,0,.75)}
 #msgs{top:calc(var(--top) + 15.35 * var(--u));bottom:auto;min-height:5vh;height:auto;max-height:12vh;z-index:6;padding:0.2vh 2vw 0;align-items:flex-start}
 #frame{top:calc(var(--top) + 15.35 * var(--u) + 12.5vh);width:calc(66 * var(--u));height:calc(28.6 * var(--u))}
 #msgs span{font-size:4.6vh;line-height:1.2;white-space:normal;max-width:94%;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0 #000;
  text-shadow:.2vh 0 0 #000,-.2vh 0 0 #000,0 .2vh 0 #000,0 -.2vh 0 #000,
   .14vh .14vh 0 #000,-.14vh -.14vh 0 #000,.14vh -.14vh 0 #000,-.14vh .14vh 0 #000,0 0 .45vh rgba(0,0,0,.75)}
}
#bgCanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:none}
#bgReal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#04122a}
.bgr-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;transition:opacity 3s ease-in-out}
.bgr-scene.on{opacity:1}
.bgr-panel{flex:1;position:relative;overflow:hidden;margin:0 3px}
.bgr-img{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:center/cover no-repeat;filter:blur(2px) brightness(.55) saturate(1.1);will-change:transform;animation:kb0 20s ease-in-out infinite alternate}
.kb0{animation-name:kb0}.kb1{animation-name:kb1}.kb2{animation-name:kb2}.kb3{animation-name:kb3}
@keyframes kb0{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-3%,-2%)}}
@keyframes kb1{from{transform:scale(1.12) translate(2%,2%)}to{transform:scale(1) translate(-1%,0)}}
@keyframes kb2{from{transform:scale(1.04) translate(-2%,1%)}to{transform:scale(1.14) translate(2%,-2%)}}
@keyframes kb3{from{transform:scale(1.13) translate(0,-3%)}to{transform:scale(1.02) translate(0,2%)}}
#bgReal::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;
 background:radial-gradient(ellipse at 50% 45%,rgba(6,30,70,.15) 0%,rgba(4,15,38,.55) 60%,rgba(2,8,22,.85) 100%),linear-gradient(180deg,rgba(2,10,28,.55),rgba(2,10,28,0) 25%,rgba(2,10,28,0) 75%,rgba(2,10,28,.6))}
/* inset→top/right/bottom/left: Chromium ישן / webOS בלי inset — אחרת הקנבס בגודל 0 */
#bg3d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;background:#061a3a;filter:brightness(.8)}
#bg3d canvas{display:block;width:100%!important;height:100%!important}
#fsHint{position:fixed;left:50%;bottom:calc(6.5 * var(--u));transform:translateX(-50%);z-index:9;background:rgba(0,0,0,.45);color:#fff;font-size:calc(1.1 * var(--u));padding:calc(.4 * var(--u)) calc(1.2 * var(--u));border-radius:calc(1 * var(--u));pointer-events:none;opacity:.8}
#radioBtn{position:fixed;right:calc(.8 * var(--u));bottom:calc(14.8 * var(--u));z-index:5;width:calc(3.4 * var(--u));height:calc(3.4 * var(--u));border-radius:50%;border:0;background:rgba(0,0,0,.4);color:#fff;font-size:calc(1.7 * var(--u));line-height:1;cursor:pointer;opacity:.75;display:flex;align-items:center;justify-content:center}#radioBtn.off{opacity:.5}
@media (orientation:portrait){#radioBtn{right:2vw;bottom:18vh;width:5.5vh;height:5.5vh;font-size:2.8vh}}

body.msgs-on #radioBtn{bottom:calc(18.6 * var(--u))}
body.msgs-on #fsHint{bottom:calc(10.2 * var(--u))}
@media (orientation:portrait){
 body.msgs-on #radioBtn{bottom:24vh}
}

/* fallback סטטי של סצנת ה-3D — רק כש-WebGL/ESM נכשלים (bg-boot) */
#bgStatic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:none;overflow:hidden;background:#061a3a}
#bgStatic.on{display:block}
#bgStatic img{position:absolute;top:50%;left:50%;width:120%;height:120%;max-width:none;
 object-fit:cover;transform:translate(-50%,-50%) scale(1);transform-origin:center center;
 animation:bgKen 48s ease-in-out infinite alternate;pointer-events:none}
@keyframes bgKen{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-52%,-48%) scale(1.08)}}
/* רקע שחור שקוף עם קצוות רכים מאחורי ההודעות — gradient (עובד גם ב-webOS ישן), fallback rgba */
#msgs span{display:inline-block;padding:.08em 1.4em;border-radius:1em;
 background:rgba(0,0,0,.38);
 background:-webkit-radial-gradient(center,ellipse farthest-side,rgba(0,0,0,.52) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.25) 80%,rgba(0,0,0,0) 100%);
 background:radial-gradient(ellipse farthest-side at center,rgba(0,0,0,.52) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.25) 80%,rgba(0,0,0,0) 100%)}
@media (orientation:portrait){#msgs span{padding:0 .5em;max-width:98%}}
/* v2: רקע כהה יותר — ליבה ~80% שחור, קצוות רכים; fallback 65% */
#msgs span{color:#fff;-webkit-text-fill-color:#fff;padding:.12em 1.2em;
 background:rgba(0,0,0,.65);
 background:-webkit-radial-gradient(center,ellipse farthest-side,rgba(0,0,0,.8) 0%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.4) 88%,rgba(0,0,0,0) 100%);
 background:radial-gradient(ellipse farthest-side at center,rgba(0,0,0,.8) 0%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.4) 88%,rgba(0,0,0,0) 100%)}
/* פורטרט: עד 3 שורות, קרוסלה מתחת */
@media (orientation:portrait){
 #msgs{max-height:17.5vh}
 #msgs span{padding:.1em .6em;max-width:98%}
 #frame{top:calc(22.5vh + 14.35vw + 18vh);height:34vh}
}
/* v3: מלבן מעוגל סביב המשפט (לא אליפסה) — 80% שחור + קצוות רכים ב-box-shadow; fallback 65% */
#msgs{overflow:visible}
#msgs span{display:inline-block;width:auto;max-width:94%;padding:.06em .45em;border-radius:.35em;
 background:rgba(0,0,0,.65);background-image:none;
 background:rgba(0,0,0,.8);
 -webkit-box-shadow:0 0 .5em .22em rgba(0,0,0,.8);box-shadow:0 0 .5em .22em rgba(0,0,0,.8)}
@media (orientation:portrait){#msgs span{max-width:96%;padding:.04em .35em}}
@media (orientation:portrait){#frame{top:calc(22.5vh + 14.35vw + 20vh);height:32vh}}
/* v4: קרוסלה גבוהה וגדולה יותר (~12%); הודעות מעליה (z-index) */
#msgs{z-index:6}
#frame{top:calc(var(--top) + 19.6 * var(--u));width:calc(75 * var(--u));height:calc(100vh - (var(--top) + 19.6 * var(--u)) - 5.4 * var(--u));z-index:2}
@media (orientation:landscape) and (max-height:640px){#frame{top:calc(var(--top) + 15.35 * var(--u) + 8vh);width:calc(75 * var(--u));height:calc(32 * var(--u))}}
@media (orientation:portrait){#frame{top:calc(22.5vh + 14.35vw + 13vh);width:96vw;height:37vh}}
@media (orientation:landscape) and (max-height:640px){#frame{height:calc(30.8 * var(--u))}}
/* מזג אוויר ליד התאריך */
#weather{position:fixed;z-index:6;direction:ltr;white-space:nowrap;pointer-events:none;line-height:1;color:#fff;-webkit-text-fill-color:#fff;font-weight:800;font-family:Arial,sans-serif;
 text-shadow:.07em 0 0 #000,-.07em 0 0 #000,0 .07em 0 #000,0 -.07em 0 #000,.05em .05em 0 #000,-.05em -.05em 0 #000,.05em -.05em 0 #000,-.05em .05em 0 #000,0 0 .15em rgba(0,0,0,.7)}
#weather .wx-ic{display:inline-block;vertical-align:middle;width:2.05em;height:2.05em}
#weather .wx-ic svg{display:block;width:100%;height:100%}
#weather .wx-t{display:inline-block;vertical-align:middle;margin-left:.2em;font-size:1.25em}
/* מזג אוויר: אייקון מעל טמפרטורה — צר, נכנס בין התאריך לשעון */
#weather{text-align:center}
#weather .wx-ic{display:block;width:1.25em;height:1.25em;margin:0 auto}
#weather .wx-t{display:block;margin:.02em 0 0;font-size:.95em}
@media (orientation:portrait){#weather .wx-ic{display:inline-block;vertical-align:middle;width:1.4em;height:1.4em}#weather .wx-t{display:inline-block;vertical-align:middle;margin-left:.2em;font-size:1em}}
/* interlude video */
#interlude{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .8s;pointer-events:none;background:transparent;display:none}
#interlude.on{opacity:1}
#interlude.lg{transition:none;opacity:0}
#interlude.lg.on{opacity:1}
#frame,#msgs{transition:opacity .8s}
body.interlude #frame,body.interlude #msgs{opacity:0!important;visibility:hidden;transition:opacity .8s,visibility 0s .8s}
/* מסגרת מזג אוויר בסגנון התג הימני */
#weather{padding:.16em .38em;border-radius:.55em;background:rgba(10,38,82,.9);background:linear-gradient(180deg,rgba(18,55,110,.88),rgba(6,26,58,.92));border:.06em solid rgba(130,190,255,.6);box-shadow:0 0 .42em rgba(70,150,255,.4),0 .09em .23em rgba(0,0,0,.5),inset 0 .035em 0 rgba(255,255,255,.12)}
@media (orientation:portrait){#weather{border-radius:999px;padding:.04em .32em}}