/* Tag 2: Spurensuche mit der Lupe (KB-ADV-010). Nur Regeln unter .day-2.
   Aufbau nach docs/entwuerfe/tage-02-24/tag-02-spuren-im-schnee.v2.png: Titelzeile, Probe oben, Schneefeld zwischen Labor und Nikolauslager unten, Werkzeugzeile.
   Das Feld ist ein Schneebild (landschaft-leer.webp) mit gemalten Abdruck-Sprites; ohne Lupe verwischt, unter der gemalten Lupe (lupe.webp) scharf. */

/* Spielfeld liegt direkt auf dem Papier, keine Karte */
.mission-paper.chapter-one.day-2 .quest-playfield { min-height:0; padding:0; overflow:visible; border:0; background:none; box-shadow:none; }
.mission-paper.chapter-one.day-2 .quest-playfield::before { display:none; }
.day-2 .chapter-playfield { display:block; min-height:0; align-content:center; }

/* Titelzeile mit Linien links und rechts */
.mission-paper.chapter-one.day-2 form > h2 { display:flex; align-items:center; justify-content:center; gap:20px; margin:0; font-size:clamp(22px,2vw,30px); line-height:1.05; color:#1b2433; }
.mission-paper.chapter-one.day-2 form > h2::before,
.mission-paper.chapter-one.day-2 form > h2::after { content:''; flex:0 1 170px; height:1px; background:#7a5a30; }


.day-2 .search-wrap { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; gap:8px; width:100%; }

/* Probe (gesuchter Stiefel), Zähler, Runde und Versuche */
.day-2 .sf-top { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 40px; width:100%; }
.day-2 .sf-sample { display:flex; align-items:center; gap:14px; }
.day-2 .sf-sample-label { margin:0; color:#1b2433; font:800 clamp(18px,1.5vw,22px)/1.1 'Roboto Condensed',sans-serif; }
.day-2 .sf-plate { display:flex; align-items:center; justify-content:center; gap:6px; width:208px; height:62px; border-radius:16px; background:radial-gradient(120% 140% at 30% 0,#fff,#e6eff9 55%,#cfdfef); box-shadow:inset 0 0 0 3px #f7fbff,inset 0 -5px 10px #9db6cf66,0 2px 6px #5b45288c; }
.day-2 .sf-sample-print { display:block; width:54px; height:54px; }
.day-2 .sf-meta { display:flex; align-items:center; gap:14px; margin:0; color:#4a3a22; font:700 clamp(15px,1.2vw,17px)/1 'Roboto Condensed',sans-serif; }
.day-2 .sf-count { display:inline-block; min-width:96px; padding:6px 12px; border-radius:999px; background:#fff6e7; box-shadow:inset 0 0 0 2px #b88a45; color:#1b2433; font-size:20px; text-align:center; white-space:nowrap; }
.day-2 .sf-count b { font-size:24px; color:#9a5a00; }
.day-2 .sf-lives { display:inline-flex; gap:4px; }
.day-2 .sf-life { width:24px; height:24px; opacity:.28; filter:grayscale(.6); }
.day-2 .sf-life.is-on { opacity:1; filter:none; }

/* Schneefeld: feste Größe, nichts springt. Ebenen: verwischt, scharf (nur unter der Lupe), Markierungen, Lupe */
.day-2 .search-field { --lr:4.9cqw; --pr:5.7cqw; position:relative; width:min(100%,1020px); aspect-ratio:1536/351; container-type:inline-size; overflow:hidden; touch-action:none; user-select:none; -webkit-user-select:none;
  background:#dfeaf6 url(../../assets/daily/day-02/landschaft-leer.webp) no-repeat center/100% 100%; border-radius:10px; box-shadow:0 0 0 2px #fff8e6,0 4px 10px #3a250c55; }
.day-2 .search-field[data-format="tall"] { --lr:15.5cqw; --pr:15.5cqw; width:min(100%,360px); aspect-ratio:360/430; background-size:auto 100%; }
@media (hover:hover) { .day-2 .search-field { cursor:none; } }
.day-2 .search-field:focus-visible { outline:4px solid #123f67; outline-offset:3px; box-shadow:0 0 0 2px #fff8e6,0 0 0 8px #fff; }
.day-2 .sf-layer { position:absolute; inset:0; pointer-events:none; }
.day-2 .sf-layer img { position:absolute; width:var(--pr); height:var(--pr); translate:-50% -50%; max-width:none; }
.day-2 .sf-blur img { filter:blur(.3cqw) contrast(.85) brightness(.92); opacity:.8; }
.day-2 .search-field[data-format="tall"] .sf-blur img { filter:blur(.9cqw) contrast(.85) brightness(.92); }
.day-2 .sf-sharp { clip-path:circle(var(--lr) at var(--lx) var(--ly)); }
.day-2 .sf-sharp img { filter:drop-shadow(0 1px 1px #28406088); }
.day-2 .sf-keep.is-hit { filter:drop-shadow(0 0 .5cqw #ffd54a); }
.day-2 .sf-keep.is-miss { filter:grayscale(1); opacity:.55; }
.day-2 .sf-mark { position:absolute; width:calc(var(--pr) * 1.2); height:calc(var(--pr) * 1.2); translate:-50% -50%; border-radius:50%; }
.day-2 .sf-mark.is-hit { border:3px solid #ffc933; background:radial-gradient(#ffe6a066,#ffe6a000 70%); box-shadow:0 0 10px #ffc933; }
.day-2 .sf-mark.is-miss { border:3px dashed #c62828; }
.day-2 .sf-mark.is-miss::before,.day-2 .sf-mark.is-miss::after { content:''; position:absolute; left:15%; right:15%; top:calc(50% - 2px); height:4px; border-radius:2px; background:#c62828; rotate:45deg; }
.day-2 .sf-mark.is-miss::after { rotate:-45deg; }
.day-2 .sf-lupe { position:absolute; left:var(--lx); top:var(--ly); width:calc(var(--lr) * 3.85); height:auto; translate:-38.1% -32.2%; max-width:none; pointer-events:none; filter:drop-shadow(0 .6cqw .5cqw #17294a88); }
.day-2 .search-field[data-status="won"] .sf-lupe,.day-2 .search-field[data-status="lost"] .sf-lupe { opacity:.55; }

@media (prefers-reduced-motion:no-preference) {
  .day-2 .sf-mark.is-hit,.day-2 .sf-mark.is-miss { animation:sf-pop .35s cubic-bezier(.2,.9,.3,1.3); }
  @keyframes sf-pop { from { scale:.6; opacity:0; } }
}

@media (max-width:700px) {
  .mission-paper.chapter-one.day-2 form > h2 { font-size:20px; text-align:center; }
  .mission-paper.chapter-one.day-2 form > h2::before,.mission-paper.chapter-one.day-2 form > h2::after { display:none; }
  .day-2 .sf-top { gap:8px 18px; }
  .day-2 .sf-sample { flex-direction:column; gap:4px; }
}