/* ============================================================
   QUESTS — the note card and the pinned objective strip.
============================================================ */

/* ---------- the note ---------- */
.notecard{
  position:relative;
  background:linear-gradient(#fdf3d8,#f3e3bb);
  color:#3a2c18;
  border-radius:3px;
  padding:26px 22px 20px;
  box-shadow:0 14px 34px rgba(0,0,0,.55), inset 0 0 0 1px rgba(0,0,0,.06);
  text-align:left;
  transform:rotate(-.5deg);
}
/* torn top edge */
.notecard::before{
  content:"";position:absolute;left:0;right:0;top:-5px;height:8px;
  background:
    radial-gradient(circle at 6px 8px, #fdf3d8 5px, transparent 6px) 0 0/12px 8px repeat-x;
}
/* tape, both top corners */
.notecard::after{
  content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-2deg);
  width:76px;height:20px;
  background:rgba(255,255,255,.42);
  box-shadow:0 1px 3px rgba(0,0,0,.25);
}
.notecard p{
  color:#3a2c18;font-size:16px;line-height:1.6;margin:0 0 12px;
  font-family:var(--hand);
}
#noteNeed{display:flex;gap:10px;justify-content:center;margin:14px 0 6px}
#noteNeed .nreq{
  font-size:30px;line-height:1;
  text-shadow:0 2px 2px rgba(0,0,0,.25);
}
#noteSign{
  text-align:right;font-size:14px;color:#6b573a;
  font-family:var(--hand);
}

/* ---------- pinned objective ---------- */
#objective{
  position:fixed;left:50%;top:calc(var(--hud-h) + env(safe-area-inset-top, 0px) + 6px);
  transform:translateX(-50%);
  display:flex;align-items:center;gap:7px;
  background:var(--panel);
  padding:5px 12px;border-radius:999px;
  box-shadow:0 4px 12px rgba(0,0,0,.45);
  z-index:94;pointer-events:none;
  font-size:18px;line-height:1;
}
#objective .onote{font-size:15px;opacity:.85;margin-right:2px}
#objective .oreq{
  opacity:.4;filter:grayscale(.85);
  transition:opacity .3s, filter .3s, transform .3s;
}
#objective .oreq.done{
  opacity:1;filter:none;transform:scale(1.12);
  text-shadow:0 0 8px rgba(245,197,66,.8);
}

/* The message strip and the objective share the same slot under the HUD;
   nudge messages down when an objective is pinned. */
#objective:not([hidden]) ~ #toast.show{top:calc(var(--hud-h) + env(safe-area-inset-top, 0px) + 42px)}