/* detective-locks.css — מנעולים / ראיות מפתח / חדר בריחה */

.det-lock-zone { background: rgba(232,185,49,0.06); border: 1px dashed rgba(232,185,49,0.35); border-radius: 12px; padding: 16px; text-align: center; margin-top: 12px; position: relative; }
.det-lock-icon-big { font-size: 2.2em; margin-bottom: 6px; }
.det-lock-title { color: #e8b931; font-weight: 700; font-size: 14px; margin-bottom: 4px; }
.det-lock-sub { color: #8a87a0; font-size: 12px; margin-bottom: 12px; }

.det-lock-dots { display: flex; justify-content: center; gap: 8px; margin-bottom: 14px; }
.det-lock-dot { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(232,185,49,0.3); background: transparent; transition: all 0.5s; }
.det-lock-dot.current { border-color: #e8b931; }
.det-lock-dot.solved { background: #e8b931; border-color: #e8b931; box-shadow: 0 0 8px rgba(232,185,49,0.5); }

.det-puzzle-card { background: #1b1830; border: 1px solid rgba(232,185,49,0.2); border-radius: 10px; padding: 14px; text-align: right; margin-top: 10px; }
.det-puzzle-type { font-size: 11px; color: #e8b931; margin-bottom: 6px; font-weight: 700; }
.det-puzzle-q { font-size: 13px; color: #e8e6f0; margin-bottom: 10px; line-height: 1.5; }

.det-puzzle-opt { background: rgba(232,185,49,0.06); border: 1px solid rgba(232,185,49,0.15); border-radius: 8px; padding: 10px 12px; margin-bottom: 6px; font-size: 13px; color: #e8e6f0; cursor: pointer; transition: all 0.2s; }
.det-puzzle-opt:hover { background: rgba(232,185,49,0.12); border-color: rgba(232,185,49,0.3); }
.det-puzzle-opt.correct { background: rgba(39,174,96,0.15); border-color: #27ae60; color: #27ae60; }
.det-puzzle-opt.wrong { background: rgba(192,57,43,0.15); border-color: #c0392b; color: #c0392b; animation: detShake 0.3s; }

.det-puzzle-decode-input { background: #12101f; border: 1px solid rgba(232,185,49,0.3); border-radius: 8px; padding: 10px; color: #e8b931; font-size: 16px; text-align: center; width: 100%; letter-spacing: 2px; font-family: inherit; }
.det-puzzle-decode-input:focus { outline: none; border-color: #e8b931; }
.det-puzzle-hint { color: #8a87a0; font-size: 12px; margin-top: 6px; text-align: center; }
.det-puzzle-btn { background: #e8b931; color: #12101f; border: none; border-radius: 8px; padding: 8px 20px; font-weight: 700; cursor: pointer; margin-top: 8px; font-size: 13px; width: 100%; font-family: inherit; }

.det-puzzle-sort { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.det-puzzle-sort-item { background: rgba(232,185,49,0.08); border: 1px solid rgba(232,185,49,0.2); border-radius: 8px; padding: 10px 12px; font-size: 13px; color: #e8e6f0; cursor: grab; user-select: none; }

.det-puzzle-match { margin-bottom: 10px; }
.det-puzzle-match-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.det-puzzle-match-left { flex: 1; font-size: 13px; color: #e8e6f0; font-weight: 600; }
.det-puzzle-match-select { flex: 1; background: #12101f; border: 1px solid rgba(232,185,49,0.2); border-radius: 6px; padding: 6px 8px; color: #e8e6f0; font-size: 12px; font-family: inherit; }

.det-reward { background: #1a2744; border: 1px solid rgba(232,185,49,0.3); border-radius: 10px; padding: 14px; margin-top: 12px; animation: detReveal 0.6s ease; }
.det-reward-label { font-size: 12px; color: #e8b931; font-weight: 700; margin-bottom: 8px; }
.det-reward-text { font-size: 13px; color: #e8e6f0; line-height: 1.7; }
.det-reward-video { margin: 10px 0; border-radius: 8px; overflow: hidden; }
.det-reward-image { width: 100%; border-radius: 8px; margin: 10px 0; }
.det-reward-caption { font-size: 11px; color: #8a87a0; margin-top: 6px; font-style: italic; }

@keyframes detLockFlashMini { 0%{opacity:0.8} 100%{opacity:0} }
@keyframes detLockUnlockedDrop { 0%{transform:scale(2.5) rotate(-10deg);opacity:0} 60%{transform:scale(1) rotate(2deg);opacity:1} 100%{transform:scale(1) rotate(0)} }
@keyframes detLockSparkleFly { 0%{transform:translateY(0) scale(1);opacity:1} 100%{transform:translateY(-50px) scale(0);opacity:0} }

.det-lock-flash-mini { position:absolute;top:0;left:0;right:0;bottom:0;background:#e8b931;border-radius:12px;animation:detLockFlashMini 0.4s ease-out forwards;pointer-events:none; }
.det-lock-sparkles { display:flex;justify-content:center;gap:8px;height:0;overflow:visible;margin-top:10px; }
.det-lock-sparkles span { display:inline-block;font-size:1.1em;animation:detLockSparkleFly 0.8s ease-out forwards; }
.det-lock-unlocked-icon { text-align:center;font-size:2.8em;margin:10px 0 6px;animation:detLockUnlockedDrop 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards; }