/* lanterns.css — the read prompt, the hang/read panels and the touch button.
   Prompt chrome matches fishing.css (skin.css tokens); panels follow council.css. */
.lantern-prompt {
  position: fixed; left: 50%; bottom: 186px; transform: translateX(-50%); z-index: 40;
  background: var(--ww-glass-hi); border: 1px solid var(--ww-line-hi); border-radius: 2px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36), 0 0 22px rgba(255, 179, 92, 0.25); padding: 8px 16px 8px 8px;
  font-family: var(--ww-ui); font-weight: 700; font-size: 16px; letter-spacing: 2px; color: var(--ww-cream);
  pointer-events: none; white-space: nowrap; animation: ww-prompt-in 160ms ease-out;
}
#lanterns .ik {
  font-family: var(--pixel-font); font-size: 13px; background: #ffb35c; color: #14030a;
  padding: 5px 7px; margin-right: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); vertical-align: 2px;
}
/* a lantern under your feet outranks whatever the generic prompt was offering */
body.lantern-near #interactPrompt { display: none !important; }
.lantern-btn {
  position: fixed; right: 16px; top: 46%; z-index: 40; min-width: 64px; min-height: 44px;
  font: 700 11px/1 var(--ww-ui, system-ui); letter-spacing: 1px; color: #14030a;
  background: #ffb35c; border: 0; border-radius: 22px; box-shadow: 0 0 18px rgba(255, 179, 92, 0.55);
}

.lantern-panel { width: min(560px, 92vw); max-height: 88vh; margin: auto; box-sizing: border-box; overflow: auto; padding: 24px;
  color: #f4ead8; background: #1c1622; border: 1px solid #8a6a4a; border-radius: 8px; font: 14px/1.5 system-ui, sans-serif;
  box-shadow: 0 0 60px rgba(255, 170, 85, 0.18); }
.lantern-panel::backdrop { background: #0a0610d9; }
.lantern-panel header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.lantern-panel h1 { font-size: clamp(22px, 4vw, 30px); letter-spacing: -.03em; margin: 4px 0; color: #ffe2b8; }
.lantern-panel h2 { font-size: 12px; letter-spacing: .1em; color: #e8c79c; margin: 22px 0 6px; border-top: 1px solid #4a3a44; padding-top: 16px; }
.lantern-eyebrow { color: #ffb35c; letter-spacing: .1em; font-size: 10px; font-weight: 700; }
.lantern-lede { color: #cdbfae; }
.lantern-panel label { display: block; color: #e3d3bd; font-size: 12px; }
.lantern-panel label small, #lanternCount { color: #a8968a; float: right; }
.lantern-panel textarea, .lantern-panel input { box-sizing: border-box; display: block; width: 100%; padding: 10px; margin: 6px 0 14px;
  background: #120d16; border: 1px solid #6e5646; color: #fff4e3; border-radius: 4px; font: inherit; resize: vertical; }
.lantern-panel .btn { font: 700 11px/1.4 system-ui, sans-serif; min-height: 38px; cursor: pointer; background: #352733; color: #f4ead8;
  border: 1px solid #8a6a4a; padding: 8px 12px; border-radius: 4px; }
.lantern-panel .btn-primary { background: #ffb35c; color: #1c1210; border-color: #ffb35c; }
.lantern-panel .btn:disabled { opacity: .5; cursor: default; }
.lantern-panel :focus-visible { outline: 2px solid #ffe2b8; outline-offset: 3px; }
#lanternMsg, #lanternReadMsg { min-height: 20px; color: #f3d18c; font-size: 13px; }
.lantern-row { border-top: 1px solid #3a2e38; padding: 12px 0; overflow-wrap: anywhere; }
.lantern-row p { margin: 6px 0; }
.lantern-row.out { opacity: .6; }
.lantern-trail, .lantern-empty { color: #a8968a; font-size: 12px; }
.lantern-read blockquote { margin: 18px 0; padding: 18px 20px; font: 600 19px/1.45 Georgia, serif; color: #fff4e3; overflow-wrap: anywhere;
  background: radial-gradient(ellipse at 50% 0%, rgba(255, 179, 92, 0.18), transparent 70%); border-left: 3px solid #ffb35c; }
.lantern-gift { padding: 10px 12px; border-radius: 4px; background: #13261f; color: #9dffe0; }
.lantern-gift.gone { background: #241b22; color: #cdbfae; }
.lantern-gift.guest { background: #241b22; color: #f3d18c; }
.lantern-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
@media (max-width: 600px) { .lantern-panel { padding: 16px; } }