/* Tag 11 – Das Zeichenarchiv (KB-ADV-005, Runde 3 KB-ADV-010). Nur Regeln unter .day-11. */

/* Legende und Steinbrett liegen direkt auf dem Papier, kein Spielfeld-Kasten, keine Ueberschrift. */
.day-11 .quest-panel { min-height:0; padding:0; background:none; }
.day-11 .world-label,.day-11 form>h2 { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.day-11.chapter-later .quest-playfield { min-height:0; padding:0; border:0; background:none; box-shadow:none; overflow:visible; display:grid; place-items:center; }
.day-11.chapter-later .quest-playfield::before { content:none; }
.day-11 .feedback-space { min-height:26px; }

/* Bühne: Zettel mit Zaehlern links, Steinbrett mit 5 x 4 Steintafeln rechts. Kartengroesse fest (verdeckt = aufgedeckt). */
.day-11 .mem-stage { display:flex; align-items:center; justify-content:center; gap:20px; width:100%; margin:0 auto; --cw:134px; --cgap:6px; }
.day-11 .mem-info { flex:none; display:grid; align-content:center; justify-items:stretch; gap:4px; box-sizing:border-box; width:262px; height:252px; padding:20px 24px 22px; color:#13264b; text-align:center;
  background:url('../../assets/daily/day-11/legende.png') center/100% 100% no-repeat; filter:drop-shadow(0 2px 3px #4a30168c); }
.day-11 .mem-task { margin:0 0 2px; text-align:center; font:italic 700 17px/1.2 Georgia,serif; text-wrap:balance; }
.day-11 .mem-count { margin:0; text-align:center; font:italic 700 19px/1.1 Georgia,serif; }
.day-11 .mem-count b { font:800 26px/1 'Roboto Condensed',sans-serif; font-style:normal; }
.day-11 .mem-new { min-height:44px; margin-top:4px; padding:6px 18px; border:2px solid #5a3a12; border-radius:12px; background:linear-gradient(#f6e4bd,#e9cf9c); color:#2a1a0c; font:700 17px/1 Roboto,sans-serif; cursor:pointer; box-shadow:0 2px 4px #0005; }
.day-11 .mem-new:focus-visible { outline:4px solid #fff; outline-offset:3px; box-shadow:0 0 0 7px #123f67; }

.day-11 .mem-board { flex:none; display:grid; grid-template-columns:repeat(5,var(--cw)); grid-auto-rows:calc(var(--cw) * .75); gap:var(--cgap); box-sizing:border-box; padding:12px 30px; border-radius:18px;
  background:#2f3a2a url('../../assets/daily/day-11/steinbrett.png') center/cover no-repeat; box-shadow:inset 0 0 0 3px #1c2418,0 4px 10px #0007; }
.day-11 .mem-card { position:relative; display:block; width:100%; height:100%; min-width:44px; min-height:44px; padding:0; border:0; border-radius:8% / 11%; background:none; cursor:pointer; filter:drop-shadow(0 3px 2px #000a); }
.day-11 .mem-card img { display:block; width:100%; height:100%; pointer-events:none; }
.day-11 .mem-card:hover { filter:drop-shadow(0 3px 2px #000a) brightness(1.08); }
.day-11 .mem-card.is-open { cursor:default; }
.day-11 .mem-card.is-found { cursor:default; filter:drop-shadow(0 0 6px #ffd54a) drop-shadow(0 3px 2px #000a); }
.day-11 .mem-card.is-found::after { content:''; position:absolute; inset:4%; border:3px solid #ffd54a; border-radius:8% / 11%; pointer-events:none; }
.day-11 .mem-card:focus-visible { outline:4px solid #fff; outline-offset:3px; box-shadow:0 0 0 7px #123f67; z-index:2; }
.day-11 .mem-card.hint-target { outline:4px solid #fff; outline-offset:2px; box-shadow:0 0 0 7px #ffd54a; z-index:1; }

@media (prefers-reduced-motion:no-preference) {
  .day-11 .mem-card { transition:filter 150ms ease-out,translate 150ms ease-out; }
  .day-11 .mem-card:not(.is-open):hover { translate:0 -2px; }
}

/* Platz knapp: Zettel als Zeile ueber dem Brett, Brett fuellt die Breite (Karten behalten ihr Seitenverhaeltnis) */
@media (max-width:1100px) {
  .day-11 .mem-stage { flex-direction:column; gap:10px; --cw:min(134px,calc((100vw - 172px) / 5)); } /* 172 = Papierrand 2 x 44 + Brettrand 2 x 30 + Lücken; mit 120 lief das Brett bei 768 px 8 px über */
  .day-11 .mem-info { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 18px; width:min(100%,560px); height:auto; padding:18px 30px; }
  .day-11 .mem-task { flex:1 1 100%; margin:0; }
}
@media (max-width:700px) {
  .day-11 .mem-stage { --cgap:5px; }
  .day-11 .mem-board { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:auto; width:100%; padding:10px 12px; }
  .day-11 .mem-card { height:auto; aspect-ratio:4/3; }
  .day-11 .mem-count { font-size:17px; }
  .day-11 .mem-task { font-size:15px; }
}

@media (min-width:1251px) {
  .mission-paper.chapter-later.day-11 { height:770px; grid-template-rows:220px minmax(0,1fr); }
  .day-11 .compact-briefing { height:220px; }
  .day-11 .compact-briefing .lab-photo.polaroid { height:216px; }
  .mission-paper.chapter-later.day-11 form { grid-template-columns:max-content minmax(0,1fr) 430px; grid-template-rows:minmax(0,1fr) auto; align-content:start; gap:6px 20px; }
  .mission-paper.chapter-later.day-11 .quest-playfield { grid-column:1 / -1; grid-row:1; container-type:size; }
  .day-11 .mem-stage { height:calc(100cqh - 16px); margin-top:16px; --cw:min(134px,calc((100cqh - 16px - 24px - 15px) / 3)); }
  .mission-paper.chapter-later.day-11 .chapter-tools { grid-column:1; grid-row:2; align-self:center; justify-content:flex-start; margin:0; }
  .mission-paper.chapter-later.day-11 .feedback-space { grid-column:2; grid-row:2; align-self:center; min-height:50px; font-size:15px; line-height:1.15; text-align:center; }
  .mission-paper.chapter-later.day-11 .check-answer { grid-column:3; grid-row:2; width:100%; margin:0; }
}

/* Runde 3b: drei klar verschiedene Zustaende, ohne Springen (nur filter/translate/scale, Layout bleibt gleich).
   verdeckt = dunkle Rueckseite, aufgedeckt = helle Tafel, angehoben, leuchtender Rand, gefunden = gruen, leicht durchscheinend. */
.day-11 .mem-card img { transition:none; filter:brightness(.48) saturate(.7) contrast(1.08); }
.day-11 .mem-card:not(.is-open):hover img { filter:brightness(.6) saturate(.8) contrast(1.08); }
.day-11 .mem-card.is-open img { filter:brightness(1.28) saturate(1.05) contrast(1.02); }
.day-11 .mem-card.is-open:not(.is-found) { z-index:1; translate:0 -5px; scale:1.06; filter:drop-shadow(0 0 7px #fff3b0) drop-shadow(0 0 16px #ffd54acc) drop-shadow(0 8px 5px #000b); }
.day-11 .mem-card.is-open:not(.is-found)::after { content:''; position:absolute; inset:2%; border:3px solid #fff6c9; border-radius:8% / 11%; box-shadow:0 0 0 2px #ffb81f; pointer-events:none; }
.day-11 .mem-card.is-found { z-index:0; filter:drop-shadow(0 2px 2px #0008); }
.day-11 .mem-card.is-found img { opacity:.62; filter:brightness(.95) saturate(.6) hue-rotate(38deg); }
.day-11 .mem-card.is-found::before { content:''; position:absolute; inset:0; border-radius:8% / 11%; background:#3fae5c55; pointer-events:none; z-index:1; }
.day-11 .mem-card.is-found::after { inset:4%; z-index:2; border:3px solid #5fd27c; box-shadow:0 0 0 2px #17421f; }
@media (prefers-reduced-motion:no-preference) {
  .day-11 .mem-card { transition:filter 140ms ease-out,translate 140ms ease-out,scale 140ms ease-out; }
}
@media (prefers-reduced-motion:reduce) { .day-11 .mem-card { transition:none; } }

/* Erfolgsseite: das Beweisstück aus der Akte (leuchtender Kristall in der Nische) */
.day-11 .success-evidence { display:block; width:120px; height:120px; margin:-6px auto 14px; object-fit:contain; }