/* word-train.css — רכבת המילים (סבב A, ee-v274, 5.10.26). הועתק מאב-הטיפוס
   (output/2026-10-01_word-train-prototype/index.html), עם תחילית wt- ובגודל המכל (לא המסך).
   שכבות: בתוך .ft-overlay ⇒ .ft-view ⇒ [data-role="ft-words"]. .wt-root יוצר הקשר-ערימה משלו
   (z-index:0), כך שהמפה (20) לעולם לא עולה מעל 🏠 / כפתור-ההורים / שעון-החול של הזמן החופשי.
   מגע: אף שכבה מצוירת לא מקבלת אירועים — כל הקשה נוחתת על .wt-root ו-hitAt() מכריעה לפי ערוץ
   השקיפות של הציור (state/word-train.js). בלי inset/aspect-ratio — אייפדים ישנים. */

.wt-root { position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; overflow:hidden; direction:ltr;
  background:#7cc4f5; touch-action:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent; }
.wt-root * { pointer-events:none; -webkit-user-select:none; user-select:none; }
.wt-root img { -webkit-user-drag:none; }

/* רקע (שכבות-מסך, פרלקסה לפי המצלמה) */
.wt-bg { position:absolute; top:0; right:0; bottom:0; left:0; transform-origin:50% 85%; }
.wt-sky { position:absolute; top:0; right:0; bottom:0; left:0; background:url(assets/train/bg_sky.jpg) repeat-x 0 0; background-size:auto 100%; }
.wt-hills { position:absolute; left:0; right:0; bottom:0; height:62%; background:url(assets/train/bg_hills.webp) repeat-x 0 100%; background-size:auto 100%; }
.wt-fg { position:absolute; left:0; right:0; bottom:0; height:13%; background:url(assets/train/bg_grass.webp) repeat-x 0 0; background-size:auto 100%; }

/* העולם (יחידות-ציור; המצלמה = טרנספורם אחד) */
.wt-world { position:absolute; left:0; top:0; transform-origin:0 0; will-change:transform; }
.wt-track { position:absolute; left:-40000px; top:-74px; width:80000px; height:120px; background:url(assets/train/track.webp) repeat-x 0 0; background-size:auto 120px; }
.wt-station { position:absolute; width:2282px; height:2880px; }
.wt-station img { width:100%; height:100%; }
.wt-wagon { position:absolute; width:1100px; height:712px; transform-origin:50% 100%; display:none; }
.wt-wimg { position:absolute; left:0; top:0; width:1100px; height:712px; }
.wt-wfront { -webkit-clip-path:inset(266px 0 0 0); clip-path:inset(266px 0 0 0); }
.wt-wheel { position:absolute; width:200px; height:200px; margin:-100px 0 0 -100px; }
.wt-coupler { position:absolute; left:1080px; top:592px; width:180px; height:34px; border-radius:17px;
  background:linear-gradient(#b9c0c8,#7d8792); box-shadow:inset 0 -4px 0 rgba(0,0,0,.15); }
.wt-wagon.is-ghost .wt-wimg, .wt-wagon.is-ghost .wt-wheel { filter:grayscale(1) brightness(1.75); }
.wt-item { position:absolute; transform-origin:50% 50%; }
.wt-item img { position:absolute; left:50%; top:50%; transform-origin:50% 50%; }
.wt-wdim { position:absolute; left:-60000px; top:-60000px; width:120000px; height:120000px; background:#1c2430; opacity:0; z-index:9; display:none; }
.wt-vframe { position:absolute; transform-origin:50% 50%; }
.wt-backing { position:absolute; left:8%; top:8%; right:8%; bottom:8%; border-radius:20%; background:radial-gradient(circle at 50% 40%,#fffaf0,#f3e3c8); }
.wt-sprite { position:absolute; left:13%; top:13%; right:13%; bottom:13%; background-repeat:no-repeat; transform-origin:50% 85%; }
.wt-fimg { position:absolute; left:0; top:0; width:100%; height:100%; }
.wt-loco { position:absolute; width:1000px; height:852px; transform-origin:0 0; }
.wt-loco > img { position:absolute; }
.wt-loco .wt-lb, .wt-loco .wt-lf { left:0; top:0; width:1000px; height:852px; }
.wt-loco .wt-m { left:136px; top:178px; width:245px; height:364px; transform-origin:50% 100%; }
.wt-puff { position:absolute; width:160px; height:160px; margin:-80px 0 0 -80px; border-radius:50%; opacity:0;
  background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(255,255,255,.8) 45%,rgba(255,255,255,0) 70%); }

/* כפתורים עגולים — בשורה העליונה של הזמן החופשי, בלי לחפוף לשעון-החול/כפתור-ההורים (משמאל)
   ול-🏠 (מימין). אזור-הלחיצה גדול מהציור (hitAt: +14px ועיגול 84px). */
.wt-rbtn { position:absolute; z-index:4; width:clamp(52px, 8vmin, 72px); height:clamp(52px, 8vmin, 72px); border-radius:50%;
  border:0; padding:0; background:none; transition:transform .15s, opacity .4s; }
.wt-rbtn.is-press { transform:scale(.88); }
.wt-back { top:max(10px, env(safe-area-inset-top)); left:calc(max(12px, env(safe-area-inset-left)) + 128px);
  background:url(assets/train/backbtn.webp) center no-repeat; background-size:100% 100%; filter:drop-shadow(0 4px 6px rgba(0,0,0,.25)); }
.wt-mapbtn { top:max(10px, env(safe-area-inset-top)); right:calc(max(12px, env(safe-area-inset-right)) + 76px);
  background:url(assets/train/mapbg_thumb.jpg) 42% 55% no-repeat; background-size:260% auto; border:6px solid #c9874d; box-sizing:border-box;
  box-shadow:0 4px 8px rgba(0,0,0,.25), inset 0 0 0 3px #e8b07a; }
.wt-root .is-hidden { opacity:0 !important; visibility:hidden; }
.ft-with-parent .wt-back { left:calc(max(12px, env(safe-area-inset-left)) + 68px); }

/* מפת הקו */
.wt-map { position:absolute; top:0; right:0; bottom:0; left:0; z-index:20; background:#8cc152; transition:opacity .5s; }
.wt-map.is-hidden { opacity:0 !important; visibility:hidden; }
.wt-mapbox { position:absolute; }
.wt-mbg { position:absolute; top:0; left:0; width:100%; height:100%; }
.wt-mapback { z-index:3; }
.wt-mst { position:absolute; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; }
.wt-mst img { width:100%; height:100%; object-fit:contain; display:block; filter:drop-shadow(0 6px 6px rgba(0,0,0,.2)); }
.wt-mst.is-locked img { filter:grayscale(1) brightness(1.3) contrast(.75) opacity(.72); }
.wt-mst.is-shake { animation:wtShake .5s; }
@keyframes wtShake { 0%,100% { transform:translate(-50%,-50%); } 20% { transform:translate(-56%,-50%) rotate(-4deg); } 40% { transform:translate(-44%,-50%) rotate(4deg); }
  60% { transform:translate(-54%,-50%) rotate(-2deg); } 80% { transform:translate(-47%,-50%); } }
.wt-mst.is-cur { animation:wtBreathe 2.4s ease-in-out infinite; }
@keyframes wtBreathe { 0%,100% { transform:translate(-50%,-50%) scale(1); } 50% { transform:translate(-50%,-50%) scale(1.07); } }
.wt-mtrain { position:absolute; transform:translate(-50%,-92%); width:8.3%; }
.wt-tw { position:relative; width:100%; padding-top:85.2%; }
.wt-mtrain img { position:absolute; left:0; top:0; width:100%; }
.wt-mtrain img.wt-mm { left:11.9%; top:19.6%; width:28%; }

@media (prefers-reduced-motion: reduce) {
  .wt-mst.is-cur, .wt-mst.is-shake { animation:none; }
}

/* הזמן החופשי: הדלת "מילים" = הרכבת על כל המסך (היה כרטיס "בקרוב") */
.ft-overlay.is-train { background:#7cc4f5; }

/* ★ ee-v307 (ממצא 68) — כיסוי-הנחיתה של home.html (?train=N): שמי-הרכבת מעל הבית ומתחת לזמן החופשי (30),
   עד ש-home-state מסיר את ee-land-train; ממילא נעלם אחרי 4 ש' (אם הקוד לא עלה — הבית לא נשאר מוסתר). */
html.ee-land-train body::after { content:""; position:fixed; top:0; right:0; bottom:0; left:0; z-index:29; pointer-events:none;
  background:#9fd6f2 url(assets/train/bg_sky.jpg) repeat-x 0 0; background-size:auto 100%;
  animation:eeLandCoverOff 0s linear 4s forwards; }
@keyframes eeLandCoverOff { to { visibility:hidden; } }