/* Tag 14 – gehoert dem zustaendigen web-bauer (KB-ADV-005). Nur Regeln unter .day-14. */

/* Rahmen: Referenz zeigt Brief, Bild-Duo und Aktionszeile direkt auf dem Papier, ohne Spielfeld-Karte. */
.mission-paper.day-14 .quest-panel { background:transparent; }
.mission-paper.day-14 .world-label { display:none; }
.mission-paper.day-14 #puzzle-heading { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.mission-paper.day-14 .quest-playfield,
.mission-paper.day-14 .chapter-tools { display:contents; }
.mission-paper.day-14 .quest-playfield::before { display:none; }
.mission-paper.day-14 form { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; }
.day-14 .build-compare { order:1; flex:1 1 100%; }
.day-14 .feedback-space { order:2; flex:1 1 100%; }
.day-14 .read-aloud { order:3; }
.day-14 #hint-button { order:4; }
.day-14 .check-answer { order:5; flex:1 1 100%; }

/* Brief: Handschrift-Anrede steckt als Textteil im Brieftext, Foto aus der Referenz. */
.day-14 .letter-text strong:empty { display:none; }
.day-14 .lab-photo figcaption { display:none; }

/* Bild-Duo */
.day-14 .build-compare { display:grid; grid-template-columns:507fr 532fr; gap:14px; align-items:start; padding-top:22px; }
.day-14 .build-frame { position:relative; margin:0; padding:24px 11px 11px; border:1px solid #b08a52; border-radius:14px; background:#f2dfb9; box-shadow:inset 0 0 0 2px #fff1d29a, 0 3px 8px #2b1a0855; }
.day-14 .build-frame>figcaption,
.day-14 .build-frame>h3 { position:absolute; left:50%; top:-20px; transform:translateX(-50%); margin:0; padding:6px 34px 7px; white-space:nowrap; color:#1c140b; font:italic 700 27px/1.1 'Roboto Condensed','Arial Narrow',sans-serif; background:#f5e2b8; border:1px solid #c29c60; border-radius:3px; box-shadow:0 2px 3px #0004; }
.day-14 .build-frame img { display:block; width:100%; height:auto; border-radius:6px; }
.day-14 .machine-photo { position:relative; }

/* Trefferzonen: unsichtbare SVG-Ebene auf dem Maschinenbild (Formen in later-games.mjs). Nur gefundene Fehler werden markiert. */
.day-14 .machine-photo { cursor:crosshair; touch-action:manipulation; border-radius:6px; }
.day-14 .machine-photo:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 6px #123f67; }
.day-14 .machine-layer { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.day-14 .plan-photo { position:relative; }
.day-14 .found-shape { fill:#ffd45a24; stroke:#ffd45a; stroke-width:3; stroke-dasharray:none; }
.day-14 polyline.found-shape { fill:none; stroke:#ffd45a33; }
.day-14 .found-dot { fill:#ffd45a; stroke:#1b2a3c; stroke-width:2; }
.day-14 .found-tick { fill:none; stroke:#1b2a3c; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.day-14 .cursor { display:none; fill:none; stroke:#fff; stroke-width:3; filter:drop-shadow(0 0 2px #000); }
.day-14 .machine-photo:focus-visible .cursor { display:block; }
.day-14 .tap-ring { fill:none; stroke-width:4; transform-box:fill-box; transform-origin:center; }
.day-14 .tap-ring.hit { stroke:#ffd45a; }
.day-14 .tap-ring.again { stroke:#ffd45a; stroke-dasharray:6 5; }
.day-14 .tap-ring.miss { stroke:#ff5a4d; }
.day-14 .build-status { grid-column:1 / -1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 24px; margin:0; color:#2a1a0c; font:italic 700 19px/1.2 Georgia,serif; }
.day-14 .build-status b { font:800 22px/1 'Roboto Condensed',sans-serif; font-style:normal; }
.day-14 .miss-dots { display:inline-flex; gap:6px; vertical-align:middle; margin-left:6px; }
.day-14 .miss-dots i { width:16px; height:16px; border-radius:50%; border:2px solid #84241c; background:transparent; }
.day-14 .miss-dots i.is-miss { background:#c4413c; }
@media (prefers-reduced-motion:no-preference) {
  .day-14 .tap-ring { animation:tap-ring 700ms var(--ease-out) forwards; }
  .day-14 .tap-ring.again { animation-duration:500ms; }
  @keyframes tap-ring { from { transform:scale(.4); opacity:1; } to { transform:scale(1.5); opacity:0; } }

}
.day-14 .read-aloud { min-width:150px; }
.day-14 .read-aloud svg { width:26px; height:26px; }

@media (max-width:700px) {
  .day-14 .build-compare { grid-template-columns:1fr; gap:26px; }
  .day-14 .build-frame>figcaption,
  .day-14 .build-frame>h3 { font-size:20px; padding-inline:22px; }
  .day-14 .read-aloud,
  .day-14 #hint-button { flex:1 1 140px; }
}

@media (min-width:1251px) {
  .mission-paper.day-14.chapter-later form { display:grid; grid-template-columns:162px 162px minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto auto; grid-template-areas:"stage stage stage" "fb fb fb" "read hint go"; gap:0 34px; padding-inline:44px 6px; align-items:center; }
  .day-14 .build-compare { grid-area:stage; align-self:start; max-width:920px; margin-inline:auto; padding-top:20px; gap:10px 14px; }
  .day-14 .build-status { margin-top:2px; }
  .day-14 .feedback-space { grid-area:fb; }
  .day-14 .read-aloud { grid-area:read; }
  .day-14 #hint-button { grid-area:hint; min-width:0; }
  .day-14 .check-answer { grid-area:go; justify-self:start; margin:0 0 0 10px; width:476px; }
}