/* ═══════════════════════════════════════════════════════════════════════
   המטלה הבלתי-אפשרית · **WHITE PAPER** — השאלה השביעית של המסלול המושלם
   ---------------------------------------------------------------------
   ⚠ **קובץ אמת.** הרעיון של כרמל, נבחר 19.08.2026 משלושה נרטיבים
   (עמוד ההשוואה: `winn-8bit/finaltask-test.html`). עודד: "WHITE PAPER —
   מעולה". פריה מבקשת white paper פנימי, המערכת דורשת 6 עמודים ב-10
   שניות, וההקלדה האמיתית של השחקן מופיעה על דף ה-A4 — וכמובן לא
   מספיקה. אין תשובה נכונה.

   ⚠⚠ עולה **אך ורק בסיבוב הראשון אחרי 6 מתוך 6** — לעולם לא בסיבוב
   השני (חלון הקונטקסט). החיווט: landing.js · הלוגיקה: level7-whitepaper.js.
   ═══════════════════════════════════════════════════════════════════════ */

#lv7wp {
  position: absolute; inset: 0; z-index: 20; direction: ltr;
  transition: transform .55s cubic-bezier(.5,0,.75,0), opacity .45s ease .06s;
}
#lv7wp.gone { display: none; }
#lv7wp.exit { transform: translateY(120%); opacity: 0; }

#lv7wp .scrim {
  position: absolute; inset: 0; background: #020306;
  opacity: 0; transition: opacity .38s ease;
}
#lv7wp.pin .scrim { opacity: .82; }

/* ---------- הבועה של פריה — היא מבקשת, בהתלהבות ---------- */
#lv7wp .say {
  position: absolute; left: 16%; top: 6%; width: 58%;
  display: flex; gap: 1cqw; align-items: flex-start;
  opacity: 0; transform: translateY(-8%);
  transition: opacity .35s ease, transform .45s var(--ez);
}
#lv7wp.pin .say { opacity: 1; transform: none; }
#lv7wp .say .face {
  flex: 0 0 auto; width: 4.6cqw; height: 4.6cqw;
  border: .18cqw solid #c9a04e; overflow: hidden;
  box-shadow: 0 0 0 .1cqw #0e1014, .3cqw .3cqw 0 rgba(0,0,0,.45);
}
#lv7wp .say .face img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }
#lv7wp .say .bub {
  flex: 1 1 auto; min-width: 0;
  background: rgba(16,19,26,.96); border: .18cqw solid #3a404c;
  padding: .8cqw 1.1cqw;
  box-shadow: .4cqw .4cqw 0 rgba(0,0,0,.4);
}
#lv7wp .say .who {
  display: block; font-family: "Press Start 2P", monospace; font-size: .52cqw;
  letter-spacing: .24em; color: var(--amb); margin-bottom: .45cqw;
}
#lv7wp .say .txt {
  display: block; font-family: "Jersey 10", monospace; font-size: 2.3cqw;
  line-height: 1.06; color: #f4f1e8;
}

/* ---------- שורת המערכת — המטלה + השעון ---------- */
#lv7wp .sys {
  position: absolute; left: 16%; top: 21.5%; width: 58%;
  display: flex; align-items: center; gap: 1cqw; padding: .6cqw 1cqw;
  background: #07080c; border: .18cqw solid #8a6a2a;
  box-shadow: inset 0 0 1.4cqw rgba(232,163,61,.22);
  opacity: 0; transition: opacity .3s ease;
}
#lv7wp.sysin .sys { opacity: 1; animation: lv7-lamp .5s steps(4); }
#lv7wp .sys .pr { font-family: "Press Start 2P", monospace; font-size: .8cqw; color: var(--amb); }
#lv7wp .sys .ask {
  flex: 1 1 auto; min-width: 0;
  font-family: "Press Start 2P", monospace; font-size: .62cqw;
  letter-spacing: .1em; line-height: 1.6; color: #e8d5a8;
}
#lv7wp .clock {
  flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: .25cqw;
  padding: .5cqw .85cqw .45cqw; background: #0c0a06; border: .16cqw solid #8a6a2a;
  transition: border-color .2s linear, opacity .3s ease, filter .3s ease;
}
#lv7wp .clock .lb { font-family: "Press Start 2P", monospace; font-size: .42cqw; letter-spacing: .3em; color: #7d7259; }
#lv7wp .clock .num { font-family: "Press Start 2P", monospace; font-size: 1.6cqw; line-height: 1; color: var(--amb); font-variant-numeric: tabular-nums; }
#lv7wp.arming .clock { opacity: .45; filter: grayscale(1); }
#lv7wp.arming .clock .num { color: #8b9099; }
#lv7wp.hot .clock { border-color: #7a2620; }
#lv7wp.hot .clock .num { color: #ff5040; animation: lv7-pulse 1s ease-in-out infinite; }
@keyframes lv7-pulse { 0%,100% { opacity: 1 } 50% { opacity: .55 } }
@keyframes lv7-lamp { 0% { opacity: 0 } 40% { opacity: .9 } 60% { opacity: .12 } 100% { opacity: 1 } }

/* ---------- דף ה-A4 ---------- */
#lv7wp .art {
  position: absolute; left: 16%; top: 29%; width: 58%; height: 62%;
  display: flex; align-items: flex-start; justify-content: center;
  opacity: 0; transform: translateY(6%);
  transition: opacity .4s ease, transform .5s var(--ez);
}
#lv7wp.live .art { opacity: 1; transform: none; }
#lv7wp .paper {
  position: relative; height: 100%; aspect-ratio: 210 / 297;
  background: #f8f5ec;
  border: .12cqw solid #c8c2b0;
  box-shadow: 0 1cqw 2.4cqw rgba(0,0,0,.55), 0 0 3cqw rgba(190,215,255,.18);
  padding: 4.5% 6%;
  display: flex; flex-direction: column;
}
#lv7wp .doc-title {
  font-family: "Jersey 10", monospace; font-size: 1.9cqw; line-height: 1;
  color: #1d1a12; text-align: center; margin-bottom: .5cqw;
}
#lv7wp .doc-sub {
  font-family: "Press Start 2P", monospace; font-size: .4cqw; letter-spacing: .2em;
  color: #8a8474; text-align: center; margin-bottom: 1cqw;
  border-bottom: .1cqw solid #c8c2b0; padding-bottom: .7cqw;
}
/* גוף הדף — הטקסט האמיתי שהשחקן מקליד, על שורות דף */
#lv7wp .body {
  flex: 1; overflow: hidden;
  font-family: "Jersey 10", monospace; font-size: 1.35cqw; line-height: 1.6;
  color: #1d1a12;
  white-space: pre-wrap; word-break: break-word;
  background-image: repeating-linear-gradient(180deg,
    transparent 0 calc(1.35cqw * 1.6 - .08cqw), #e8e2d0 calc(1.35cqw * 1.6 - .08cqw) calc(1.35cqw * 1.6));
}
#lv7wp .cur {
  display: inline-block; width: .5cqw; height: 1.3cqw;
  background: #1d1a12; vertical-align: text-bottom; margin-left: .1cqw;
  animation: caret .7s steps(1) infinite;
}
#lv7wp .pagec {
  position: absolute; right: 6%; bottom: 3.5%;
  font-family: "Press Start 2P", monospace; font-size: .42cqw;
  letter-spacing: .14em; color: #8a8474;
}

/* ---------- נגמר הזמן — חותמת הסירוב על הדף ---------- */
#lv7wp.dead .paper::after {
  content: "REJECTED"; position: absolute; left: 50%; top: 42%;
  transform: translate(-50%,-50%) rotate(-14deg);
  font-family: "Press Start 2P", monospace; font-size: 1.7cqw; color: #b0483e;
  border: .25cqw solid #b0483e; padding: .8cqw 1.2cqw;
  background: rgba(255,246,240,.7);
  animation: lv7-lamp .35s steps(3);
}
#lv7wp.dead .cur { display: none; }
#lv7wp.dead .body { color: #6e6854; }
